@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;700&display=swap');

/* This CSS resource incorporates links to font software which is the
   valuable copyrighted property of Type Network, Inc. and/or their
   suppliers. You may not attempt to copy, install, redistribute,
   convert, modify or reverse engineer this font software. Please
   contact Type Network with any questions: www.typenetwork.com */


/* NOTE: This CSS has been copied from this url: https://cloud.typenetwork.com/projects/5375/fontface.css */
	
   @font-face {
	font-family: "Titling Gothic FB Nar Lt";
	/* font-display: swap; */
	font-weight: normal;
	font-style: normal;
	
    src: url("//fastly-cloud.typenetwork.com/projects/5375/778_vdef_emp_6a8a.woff2?ddc0ee1b29f22d0bf691ca97fc73962a4cad3c8e") format("woff2"),
         url("//fastly-cloud.typenetwork.com/projects/5375/778_vdef_emp_6a8a.woff?ddc0ee1b29f22d0bf691ca97fc73962a4cad3c8e") format("woff");

}

/* Remove the "Shop Aftermarket Parts" pink button */
.red-pill-button {
display: none !important;
}


@font-face {
	font-family: "Titling Gothic FB Nrm Med";
	/* font-display: swap; */
	font-weight: normal;
	font-style: normal;
	
    src: url("//fastly-cloud.typenetwork.com/projects/5375/782_vdef_emp_6a8b.woff2?ddc0ee1b29f22d0bf691ca97fc73962a4cad3c8e") format("woff2"),
         url("//fastly-cloud.typenetwork.com/projects/5375/782_vdef_emp_6a8b.woff?ddc0ee1b29f22d0bf691ca97fc73962a4cad3c8e") format("woff");

}
	
@font-face {
	font-family: "Titling Gothic FB Comp Standard";
	/* font-display: swap; */
	font-weight: normal;
	font-style: normal;
	
    src: url("//fastly-cloud.typenetwork.com/projects/5375/76c_vdef_emp_6a8c.woff2?ddc0ee1b29f22d0bf691ca97fc73962a4cad3c8e") format("woff2"),
         url("//fastly-cloud.typenetwork.com/projects/5375/76c_vdef_emp_6a8c.woff?ddc0ee1b29f22d0bf691ca97fc73962a4cad3c8e") format("woff");

}

:root {
    --blackGrey: #242424;
    --blue: #0068b3;
    --blueHover: rgb(0, 93, 160);
    --blueWhite: #dadfe6;
    --silver: #A8A9AC;
    --gray: #4D6771;
    --grayBorder: rgba(77, 103, 113, 0.25);
    --grayDark: #293E48;
    --grayBg: #EFEFEF;
    --social: #7a8899;
}

/* BASE
----------------------------------- */
body {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 300;
    color: #333;
    font-size: 15px;
    line-height: 25px;
    -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Roboto Condensed", sans-serif;
    letter-spacing: .05rem;
}

h2, h3 {
    text-transform: uppercase;
}

h2 {
    font-size: 1.5rem;
}

a {
    color: #0068b3;
}

a:hover {
    color: #293E48;
}

input, form, textarea {
    font-family: "Roboto Condensed", sans-serif;
}

label {
    font-family: "Roboto Condensed", sans-serif;
}

input, input::placeholder, label, select {
    font-size: 15px;
}

strong {
    font-family: "Roboto Condensed", sans-serif;
}

sub, .sub-tag {
    position: relative;
    display: inline-block;
    font-size: 90%;
    line-height: 0;
    vertical-align: baseline;
    text-decoration: none;
    bottom: -.25em;
}

/* CLASSES
----------------------------------- */
@keyframes top-bottom {
    0% {
    	transform: translateY(-100px);
    }
    100% {
    	transform: translateY(0px);
    }
}

header.container-header.sticky .header-tools-wrap {
    position: fixed;
    left: 0;
    right: 0;
    top: 00;
    z-index: 101;
    background: #fff;
    box-shadow: 0px 2px 15px rgba(0,0,0,0.5);
    animation: top-bottom .5s;
}

.mobileHeader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    background-color: #fff;
}

.mobileHeader .page-builder-layout-column-wrap {
	display: flex;
    align-items: center;
    justify-content: space-between;
}

.mobileHeader .desk_hamburger_menu_span  svg {
    width: 30px;
    height: 30px;
}

.mobileHeader .desk_hamburger_menu_wrapper {
	margin-right: 0;
}

.mobileHeaderCart svg {
	width: 25px;
    height: 25px;
}

.heading-default {
    font-size: 34px;
}

.heading-2 {
    font-size: 45px;
}

.text-blue {
    color: #0068b3;
}

.text-white {
    color: white;
}

.btn {
    min-width: 188px;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 300;
    font-size: 1rem;
    letter-spacing: .05rem;
    border-radius: 2px;
    padding: 1rem 2rem;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 20%);
    transition: all .2s ease;
    text-transform: uppercase;
    cursor: pointer;
}

.btn-blue,
.btn-primary,
.btn-success {
    background: #0068b3;
    color: white;
}

.btn-blue:hover,
.btn-primary:hover,
.btn-success:hover {
    background: #293E48;
    color: white;
}

.card:not(.cfc):not(.parts):not(.accessories) {
    height: 100%;
    background: white;
    box-shadow: 0px 1px 3px rgb(0 0 0 / 20%);
    padding: 1.5rem;
    border-radius: 2px;
}

/* GLOBAL Overrides
----------------------------------- */
/* Remove adobe tracking pixel from taking up space on the page */
.d-none {
	display: none !important;
}

body > img:first-of-type {
    position: absolute;
    pointer-events: none;
}

#rp_global_add_to_cart .item_added_title {
    font-family: "Roboto Condensed", sans-serif;
    color: #0068b3 !important;
}

#rp_global_add_to_cart .cart_details .cart_details_subtotal {
    font-size: .9rem !important;
}

#rp_global_add_to_cart .add_cart_control .add_cart_button .button {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 300;
    font-size: 1rem !important;
    letter-spacing: .05rem;
    border-radius: 2px;
    padding: .75rem 2rem !important;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 20%);
    transition: all .2s ease;
    text-transform: uppercase;
    cursor: pointer;
    background: #0068b3;
    color: white !important;
    text-shadow: none;
    border: none;
}

#rp_global_add_to_cart .add_cart_control .add_cart_button .button:hover {
    background: #293E48;
}

html body .action-button:not(.add-to-wishlist) {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 300;
    font-size: 1rem;
    letter-spacing: .05rem;
    border-radius: 2px;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 20%);
    transition: all .2s ease;
    text-transform: uppercase;
    cursor: pointer;
    background: #0068b3;
    color: white;    
}

html body .action-button:not(.add-to-wishlist):hover {
    background: #293E48;
    color: white;
}

/* Global: Flyouts */
.flyout ul a:hover {
    border-left: 2px solid #0068b3;
}

.garage-component .garage.flyout ul a.recent-car:hover em span,
.garage-component .garage.flyout ul a.recent-car:hover em span i {
    color: #0068b3;
}

/* Global: Vehicle Picker */
.rp_vehiclepicker_wrapper .vp_main  {
    box-shadow: none !important;
}
.rp_vehiclepicker_wrapper .modal-content {
    background: white;
    border: none;
    border-radius: 2px;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 20%);
}

.vp_head .vp_chooser_h1 {
    font-family: "Roboto Condensed", sans-serif;
    letter-spacing: .025rem;
}

.vp_breadcrumbs li {
    font-family: "Roboto Condensed", sans-serif;
    border-color: #293E48 !important;
    border-radius: 2px 2px 0 0 !important;
}

.vp_breadcrumbs li.selected {
    border-color: #293E48 !important;
    border-bottom: 1px solid #999 !important;
}

.vp_breadcrumbs li.active {
    border-color: #0068b3 !important;
    border-bottom: 1px solid transparent !important;
}

.vp_breadcrumbs li.selected:hover {
    border-color: #0068b3 !important;
}

.vp_option_row ul li a,
.vp_option_row ul li a:link,
.vp_option_row ul li a:visited {
    color: #0068b3;
}

.vp_control a,
.vp_control a:link,
.vp_control a:visited {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 300;
    font-size: 1rem !important;
    letter-spacing: .05rem;
    border-radius: 2px;
    padding: .5rem 2rem !important;
    transition: all .2s ease;
    text-transform: uppercase;
    cursor: pointer;
    background: #0068b3;
    color: white !important;
    text-shadow: none;
    border: none;
}

.vp_control a:hover {
    background: #293E48;
}

/* Multi Select Facet */
.search-facets-module {
    padding: 1rem 0 0;
}

.multi-select-facet li input[type=checkbox]:checked+label:before {
    background: #0068b3;
    border-color: #0068b3;
}

.search-facets-module .oem-sidebar-heading {
    font-size: 1rem;
    font-family: "Roboto Condensed", sans-serif;
    color: #0068b3;
}

.multi-select-facet li input[type=checkbox]:checked+label:after {
    top: 0.3rem;
}

.search-facets-module .facet-wrapper,
.search-facets-module .facet-wrapper+.facet-wrapper,
.oem-sidebar-module .oem-sidebar-component .oem-sidebar-component-heading,
.oem-sidebar-module .oem-sidebar-component .category-group {
    padding: 1rem;
    box-shadow: 0px 1px 3px rgb(0 0 0 / 30%);
    background: white;
}

.oem-sidebar-module .oem-sidebar-component .category-group {
    margin-top: 1.5rem;
}

.oem-sidebar-module .facet-wrapper .category-group .categories .card .card-header a,
.oem-sidebar-module .oem-sidebar-component .category-group .categories .card .card-header a,
.search-facets-module .facet-wrapper .category-group .categories .card .card-header a,
.search-facets-module .oem-sidebar-component .category-group .categories .card .card-header a {
    font-family: "Roboto Condensed", sans-serif !important;
}

.oem-sidebar-module .facet-wrapper .category-group .categories .card .card-header a:hover,
.oem-sidebar-module .oem-sidebar-component .category-group .categories .card .card-header a:hover,
.search-facets-module .facet-wrapper .category-group .categories .card .card-header a:hover,
.search-facets-module .oem-sidebar-component .category-group .categories .card .card-header a:hover {
    color: #0068b3;
}

.oem-sidebar-module .facet-wrapper .category-group .categories .card .card-header a.collapsed,
.oem-sidebar-module .oem-sidebar-component .category-group .categories .card .card-header a.collapsed,
.search-facets-module .facet-wrapper .category-group .categories .card .card-header a.collapsed,
.search-facets-module .oem-sidebar-component .category-group .categories .card .card-header a.collapsed {
    font-weight: 700;
}

.oem-sidebar-module .oem-sidebar-component.oem-sidebar-button>a {
    min-width: 188px;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 300;
    font-size: 1rem;
    letter-spacing: .05rem;
    border-radius: 2px;
    padding: 1rem 2rem;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 20%);
    transition: all .2s ease;
    text-transform: uppercase;
    cursor: pointer;
    background: #0068b3;
    color: white;
}

.oem-sidebar-module .oem-sidebar-component.oem-sidebar-button>a:hover {
    background: #293E48;
    color: white;
}

.oem-sidebar-module .oem-sidebar-component.oem-sidebar-button>a i {
    transform: translateY(-2px);
    margin-left: .5rem;
}
.oem-sidebar-module .oem-sidebar-heading,

.oem-sidebar-component-heading h2 {
    font-size: 1rem;
    font-family: "Roboto Condensed", sans-serif;
}

.oem-sidebar-module .facet-wrapper.oem-sidebar-garage h4,
.oem-sidebar-module .oem-sidebar-component.oem-sidebar-garage h4,
.search-facets-module .facet-wrapper.oem-sidebar-garage h4,
.search-facets-module .oem-sidebar-component.oem-sidebar-garage h4 {
    font-size: 1rem;
    font-family: "Roboto Condensed", sans-serif;
    color: #0068b3;
}

.search-facets-module .facet-title {
    font-size: 1rem;
    font-family: "Roboto Condensed", sans-serif;
    color: #0068b3;
}

/* Global: Health Warning */
.health-warning {
    padding: 1rem 0;
}

/* Vehicle Fit - Add to cart button */
.product-fitment-confirmation-module .browse-fitting-products .add-suggested-to-cart button {
    border-radius: 2px !important;
    border: none !important;
    padding: .3rem 1rem !important;
    text-align: center;
    color: white !important;
    line-height: 1;
    box-shadow: none !important;
}

/* .action-button .add-to-wishlist {
    position: absolute;
    bottom: 0;
    color: #0068b2 !important;
    margin: 0;
    border: navajowhite;
    margin-bottom: -.75rem;
} */

/* DEALER SELECT MODAL
----------------------------------- */
.dealer-selection-modal .modal-container .modal-content {
    border-radius: .25rem;
    padding: 3rem 2rem 2em;
}

#dealerSelectionModal .call-to-action-button {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 300;
    font-size: 1rem;
    letter-spacing: .05rem;
    border-radius: 2px;
    padding: .5rem 2rem;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 20%);
    transition: all .2s ease;
    text-transform: uppercase;
    cursor: pointer;
    background: #0068b3;
    color: white;
    border: none;
}

#dealerSelectionModal .call-to-action-button:hover:enabled {
    background: #293E48;
    color: white;
}

#dealerSelectionModal .call-to-action-button:disabled {
    background: #BABABA;
    color: white;
}

.dealer-selection-modal .modal-container .modal-content .modal-body .dealer-selection .dealer-selection-container .dealers-container .dealers-list .dealer-row .dealer-info .dealer-name {
    margin-bottom: .5rem;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 1.1rem;
    max-width: 370px;
}

#dealerSelectionModal .ev-charger-disclaimers {
    margin: 2rem 0;
}

#dealerSelectionModal .ev-charger-disclaimer {
    margin-bottom: .25rem;
}

/* HEADER
----------------------------------- */
/* Mitigate layout shift */
.store-logo-module .store-logo-link {
    height: 50px;
    width: 48px;
    position: relative;
    overflow: hidden;
}

.store-logo-module .store-logo-link img {
    max-width: 50px;
    margin: 0;
}

.header-meta .find-dealer-button,
.header-meta .find-dealer-button-link {
    margin: 0 2rem 0 0;
    text-transform: uppercase;
    font-weight: 400;
    font-size: .9rem;
    color: #0068b3;
}

.header-meta .find-dealer-icon {
    font-size: 1.2rem;
    padding-right: .25rem;
    cursor: pointer;
}

.header-meta .find-dealer-button .fa {
    display: none;
}

.header-meta .hidden-dealer-button .find-dealer-button .fa {
    display: none;
}

.select-dealer-hidden .find-dealer-button {
    display: none;
}

.links-list-module.links-display-inline .links-list>li+li {
    margin: 0;
}

.header-meta .links-list li {
    padding: .2rem .75rem;
}

.header-meta .links-list li a {
    font-size: .8rem;
    font-weight: 400;
    color: #293E48;
}

.header-meta .links-list li:last-child {
    padding-right: 0;
}

.header-meta .links-list li:not(:last-child) {
    border-right: 1px solid rgba(0,0,0,0.2);
    padding-right: 1.1rem;
}

.logo-text p {
    margin-bottom: 0;
    margin-left: 1rem;
    font-weight: 400;
}

/* HEADER - Tools
----------------------------------- */
.header-tools-wrap .container-wrap {
    position: relative;
}

.header-tools-wrap .container-wrap:before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 17rem;
    background: #F2F2F2;
}

.header-tools-wrap .container-wrap:after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 0;
    right: 17rem;
    border-left: 5rem solid transparent;
    border-bottom: 4.1rem solid #F2F2F2;
}

.header-tools-wrap .container-wrap {
    padding-top: .85rem;
    padding-bottom: .85rem;
}

/* Garage Component */
.header-tools .garage-component {
    margin-right: 1rem;
}

.header-tools .garage-component.svg-icons .garage-text-wrap {
    transform: translateY(2px);
}

.header-tools .garage-component.svg-icons .garage-text {
    color: white;
    text-decoration: none;
    font-size: .85rem;
    font-weight: 600;
}

.header-tools .garage-component.svg-icons .garage-icon {
    /*display: inline-flex;*/
    display: none;
    border-right: 1px solid white;
    width: 34px;
}

/* Search Bar */
.header-tools .search-bar-component fieldset {
    display: flex;
    flex-flow: row-reverse;
}

.header-tools .search-bar-component fieldset .main-search-wrapper {
    flex: 1;
}

.header-tools .search-bar-component fieldset .main-search-wrapper input {
    border: none;
    border-radius: 0 .15rem .15rem 0;
    height: 100%;
    font-size: .9rem;
    font-weight: 400;
}

.header-tools .search-bar-component fieldset .main-search-wrapper input::placeholder {
    font-size: .9rem;
}

.header-tools .search-bar-component fieldset button {
    position: relative;
    right: unset;
    background: white;
    color: #4D6771;
    border-radius: .15rem 0 0 .15rem;
}

.header-tools .search-bar-component fieldset button:hover {
    background: #4D6771;
    color: white;
}

/* Account Login */
.header-tools #action_account {
    display: flex;
    align-items: center;
    margin-left: 6rem;
    margin-right: 1rem;
}

.header-tools #action_account .account-icon {
    width: 19px;
}

.header-tools #action_account .account-icon svg path {
    fill: #293E48;
}

.header-tools #action_account .design-text {
    display: none;
}

.header-tools #action_account .your-account {
    background: transparent;
    color: #293E48;
    font-size: .85rem;
    font-weight: 600;
}

.header-tools #action_account .your-account i:before {
    font-size: .75rem;
}

.header-tools #action_account .account.flyout #account_login a.button {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 300;
    font-size: 1rem !important;
    letter-spacing: .05rem;
    border-radius: 2px;
    padding: .5rem 2rem !important;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 20%);
    transition: all .2s ease;
    text-transform: uppercase;
    cursor: pointer;
    background: #0068b3;
    transition: all .2s ease;
    color: white !important;
}

.header-tools #action_account .account.flyout #account_login a.button:hover {
    background: #293E48;   
}

/* Cart Button */
.header-tools .cart-component .cart-button .cart-items {
    line-height: 1;
}

.header-tools .cart-component .cart-button.call-to-action-button {
    background: transparent;
}

.header-tools .cart-component .cart-button .cart-wrapper {
    display: flex;
    align-items: center;
}

.header-tools .cart-component .cart-button .cart-icon .fa {
    font-size: 1.4rem;
    margin-right: .25rem;
    color: #293E48;
}

.header-tools .cart-component .cart-button .cart-text {
    text-transform: none;
    color: #293E48;
    font-size: .85rem;
    font-weight: 600;
    -webkit-font-smoothing: initial;
}

.header-tools .cart-component .cart-flyout .order-item {
    font-family: "Roboto Condensed", sans-serif;
    color: #0068b3;
}

.header-tools .cart-component .cart-flyout .order-item em {
    font-family: "Roboto Condensed", sans-serif;
    color: #686868;
}

.header-tools .cart-component .cart-flyout .order-item .price_info {
    font-family: "Roboto Condensed", sans-serif;
}

.header-tools .cart-component .cart-flyout .flyout-action-button {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 300;
    font-size: 1rem;
    letter-spacing: .05rem;
    border-radius: 2px;
    padding: .75rem 2rem;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 20%);
    transition: all .2s ease;
    text-transform: uppercase;
    cursor: pointer;
    background: #0068b3;
}

.header-tools .cart-component .cart-flyout .paypal-button {
    padding: 0;
}

.header-tools .cart-component .cart-flyout .paypal-button .paypal-button-text {
    color: white;
}

.header-tools .cart-component .cart-flyout .flyout-action-button:hover {
    background: #293E48;
}

.header-tools .cart-component .cart-flyout p.total_line {
    font-family: "Roboto Condensed", sans-serif;
}

.header-tools .cart-component .cart-flyout .view-cart-link {
    font-family: "Roboto Condensed", sans-serif;
}

/* HEADER - Navigation
----------------------------------- */
.header-nav-wrap {
    position: relative;
    background: white;
    z-index: 20;
    border-bottom: 1px solid #dcdcdc;
}

.nav-wrap {
    position: relative;
}

.header-nav .links-list-module.links-display-inline .links-list {
    display: flex;
    /*justify-content: space-between;*/
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.header-nav li {
    font-family: "Roboto Condensed", sans-serif;
    text-decoration: none;
    font-size: .85rem;
    padding: .25rem 0 0;
    border-bottom: 3px solid transparent;
    transition: all .2s ease;
    color: #0068b3;
    font-weight: 700;
    cursor: pointer;
}

.header-nav li:hover {
    border-color: #dcdcdc;
    color: #0068b3;
}

.header-nav li.active {
    border-color: #0068b3;
}

/* Mega Menu */
#mega-menu {
    display: none;
    position: absolute;
    top: 2.5rem;
    left: 0;
    width: 100%;
    padding: 2rem;
    background: white;
    z-index: 10;
    border-radius: 0 0 .25rem .25rem;
    transition: all .2s ease;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 20%);
}

#mega-menu.open {
    display: block
}

.mega-menu_card {
    display: none;
}

.mega-menu_card.active {
    display: flex;
}

#mega-menu h3 {
    margin-right: 4rem;
    color: #0068b3;
    font-weight: 400;
    font-size: 1.25rem;
    border-radius: 0 0 .25rem .25rem;
    white-space: nowrap;
}

#mega-menu h4,
#mega-menu ul li h4 a {
    font-size: 1.1rem;
    color: black;
    margin: 0;
}

#mega-menu ul li h4 a {
    font-weight: 400;
}

#mega-menu ul {
    list-style: none;
}

#mega-menu ul li {
    padding: .25rem 0;
}

#mega-menu ul ul li:first-of-type {
    padding-top: 0;
}

#mega-menu ul li a {
    color: #595959;
    font-size: .8rem;
    font-weight: 600;
}

#mega-menu .model-list {
    flex-grow: 1;
}

.mega-menu_card-list li ul {
	list-style: disc !important;
    padding-left: 30px;
}

.mega-menu_card-body {
    flex-grow: 1;
}

.mega-menu_card-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    flex-direction: column;
    height: 250px;
}

/*.mega-menu_card-list li {
    min-width: 30%;
}*/

/* HEADER: Mobile
----------------------------------- */
.mobile-header-module-height {
    height: 50px;
}

.mobile-header-module .rp_page_supportbutton {
    display: none;
}

.mobile-header-module .cart-items {
    background: #0068b3;
}

.mobile-sub-header {
    padding: 1rem 0 .5rem;
}

@media screen and (max-width: 767px) {
    .mobile-sub-header {
    	margin-top: 70px;
    }
}

.mobile-sub-header .car-selected-module {
    text-align: center;
}

.mobile-sub-header .car-selected-module .garage-text {
    color: white;
}

.mobile-sub-header .search-bar-module .search-bar-component button {
    background: white;
    color: #4D6771;
    border-radius: 0 2px 2px 0;
}

.mobile-sub-header .garage-component {
    padding: 1rem 1rem .5rem;
}

.mobile-header-module #links_modal .modal-body ul:first-of-type li:last-of-type {
    display: none;
}

/* Mobile Nav */
.mobile-header-module #links_modal .modal-body .mobile-header-menu-head {
    display: none;
}

.mobile-header-module .mobile-header-modal .modal-body {
    background: #1f2833;
    padding: 0;
}

.mobile-header-module #links_modal .modal-body ul:last-child {
    background: #f5f7fa;
}

.mobile-header-module #links_modal .modal-body ul a {
    color: white;
    text-align: left;
    text-transform: none;
    font-weight: 500;
    font-family: "Roboto Condensed", sans-serif;
    font-size: .75rem;
    padding: .75rem 1rem;
}

.mobile-header-module #links_modal .modal-body ul:last-child a {
    font-family: "Roboto Condensed", sans-serif;
    color: #1f2833;
    font-size: 1.25rem;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-bottom: 1px solid #1f2833;
}


/* HOMEPAGE
----------------------------------- */
/* Hero */
.hero-slider {
    position: relative;
    margin: 0;
}

.hero-caption {
    display: inline-block;
    position: absolute;
    left: 10%;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0,0,0,0.8);
    padding: 1rem;
    border-radius: .25rem;
    max-width: 440px;
}

.hero-caption p {
    color: white;
    margin-bottom: 1rem;
    font-size: 1rem;
    line-height: 1.3;
}

.hero-caption h2 {
    font-size: 34px;
    line-height: 1.3;
    color: white;
    text-transform: uppercase;
    margin: 0 0 .75rem;
    letter-spacing: .05rem;
}

.hero-caption .hero-button-wrap a:first-of-type {
    margin-right: 1rem;
}

.hero-caption .btn {
    margin-top: .5rem;
}

.hero-slider .item img{
    display: inline;
    width: 100%;
    height: auto;
}

.hero-slider .item::marker {
    background: transparent;
    color: transparent;
}

.hero-slider .owl-dots {
    padding: .5rem 0;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.hero-slider .owl-dots .owl-dot {
    display: inline-block;
    overflow: hidden;
    border-radius: 15px;
    height: 10px;
    width: 10px;
    box-shadow: inset 0 0 2px 0 hsl(0deg 0% 100% / 50%);
    margin: 0 .2rem;
}

.hero-slider .owl-dots .owl-dot.active {
    background: white;
}


/* Vehicle Picker Dropdown & VIN Picker
----------------------------------- */
.page-builder-page-layout .page-builder-layout-column.block-modules .page-builder-layout-module+.page-builder-layout-module {
    margin: 0 !important;
}

.vehicle-picker-wrap .page-builder-layout-column-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
}

.vehicle-picker-wrap .vehicle-picker-dropdown-module {
    margin: 0;
}

.vehicle-picker-wrap .vehicle-picker-dropdown-module .vehicle-picker-dropdown.inline .dropdown .dropdown-toggle {
    border: none;
    border-bottom: 2px solid white;
    background-color: #242424;
    max-width: 160px;
    min-width: 160px;
    color: #fff;
    padding-left: 10px;
    box-shadow: none;
}

.vehicle-picker-wrap .vehicle-picker-dropdown-module .vehicle-picker-dropdown .dropdown-menu ul li .dropdown-item {
    font-size: .9rem;
    white-space: normal;
    line-height: 1.4;
}

.vehicle-picker-wrap .vehicle-picker-dropdown-module .vehicle-picker-dropdown.inline {
    display: flex;
    justify-content: space-between;
}

.vehicle-picker-wrap .or p {
    display: flex;
    align-items: center;
    margin: 0 0 0 1rem;
    font-size: 1.05rem;
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
    color: white;
}

.vehicle-picker-wrap .search-by-vin-module {
    margin-left: 1rem;
}

.vehicle-picker-wrap .search-by-vin-module form {
    display: flex;
    align-items: center;
}

.vehicle-picker-wrap .search-by-vin-module form input {
    margin: 0;
}

.vehicle-picker-wrap .search-by-vin-module form input:not(#submit) {
    border: none;
    border-bottom: 2px solid white;
    color: white;
    background: transparent;
    border-radius: 0;
    white-space: nowrap;
}

.vehicle-picker-wrap .search-by-vin-module form input:not(#submit)::placeholder { 
    color: #fff;
  	opacity: 1;
}

.vehicle-picker-wrap .search-by-vin-module form input:not(#submit):-ms-input-placeholder {
    color: #fff;
}

.vehicle-picker-wrap .search-by-vin-module form input#button-submit {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 300;
    font-size: 1rem;
    letter-spacing: .05rem;
    border-radius: 2px;
    padding: .75rem 2rem;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 20%);
    transition: all .2s ease;
    text-transform: uppercase;
    background: #0068b3;
    margin-left: 2rem;
    border: 1px solid transparent;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    user-select: none;
    white-space: nowrap;
}

.vehicle-picker-wrap .search-by-vin-module input#button-submit:hover {
    background: #293E48;
}

.vehicle-picker-wrap #where-is-vin {
    display: none;
}

.vehicle-picker-wrap .search-by-vin-module form input:not(#submit) {
    min-width: 140px;
    padding: 1rem;
}

/* BRAND LOGOS
----------------------------------- */
.brand-layout a {
    max-width: 12rem;
    margin: 2rem;
}

/* LINKED LIST CATEGORIES
----------------------------------- */
.categories-wrap .container-wrap {
    max-width: 1280px !important;
}

.categories-wrap .categories-row {
    /* margin-left: -15px;
    margin-right: -15px; */
}

/* .categories-wrap .col-full-height:first-child {
    padding-left: 0;
}

.categories-wrap .col-full-height:not(:first-child):not(:last-child) {
    padding-right: 1rem;
    padding-left: 1rem;
}

.categories-wrap .col-full-height:last-child {
    padding-right: 0;
} */

.categories-wrap .links-list-module .header-image {
    height: unset;
    border-radius: 2px;
}

.categories-wrap .links-list-module .header-image img {
    position: relative;
    transform: none;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
}

.categories-wrap .links-list-module .heading {
    font-size: 1.25rem;
    margin-bottom: 1rem;
    font-family: "Roboto Condensed", sans-serif;
}

.categories-wrap .links-list-module a {
    display: block;
    text-decoration: none;
    font-size: .9rem;
    color: #293E48;
    margin-bottom: .5rem;
}

.categories-wrap .links-list-module a:hover {
    color: #0068b3;
}

.categories-wrap .links-list-module a.links-list-footer {
    width: 100%;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 300;
    font-size: 1rem;
    letter-spacing: .05rem;
    border-radius: 2px;
    padding: 1rem 2rem;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 20%);
    transition: all .2s ease;
    text-transform: uppercase;
    background: #0068b3;
    color: white;
    border: 1px solid transparent;
    display: inline-block;
    margin-top: .5rem;
    margin-bottom: 2.5rem;
    text-align: center;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
}

.categories-wrap .links-list-module a.links-list-footer:hover {
    background: #293E48;
}

/* FEATURED PRODUCTS
----------------------------------- */
.featured-products-module h2 {
    margin-bottom: 2rem;
}

.featured-products-module .featured-products {
    justify-content: space-between;
    max-width: 1250px;
}

.featured-products-module .featured-products .featured-product {
    margin: 1rem 0;
    text-align: center;
}

.featured-products-module .product-wrapper-link {
    padding: 0;
    border: none;
}

.featured-products-module .product-wrapper-link .product-details-link {
    font-family: "Roboto Condensed", sans-serif;
    text-transform: uppercase;
    display: inline-block;
    padding: 1rem 2rem;
    min-width: 188px;
    margin: 1rem auto;
    font-size: 1rem;
    font-weight: 400;
    background: #0068b3;
    position: relative;
    top: unset;
    right: unset;
    left: unset;
    line-height: unset;
    height: auto;
    color: white;
    border-radius: 2px;
}

.featured-products-module .featured-product .details-display .details-title {
    text-align: center;
    min-height: 5rem;
}

.featured-products-module .featured-product .details-display .details-title .product-title {
    font-size: 1.25rem;
}

.featured-products-module .product-wrapper-link .product-details-link:hover {
    background: #293E48;
}

.featured-products-module .product-wrapper-link:hover .product-details-link {
    height: auto;
}

.featured-products-module .product-wrapper-link .product-details-link i {
    display: none;
}

.featured-products-module .featured-product .pricing-actions-display .product-pricing .product-sale-price {
    text-align: center;
}

/* SEE HOW IT LOOKS
----------------------------------- */
#see-how-it-looks-wrap {
    margin: 2rem 0;
    padding-top: 2rem;
    padding-bottom: 2rem;
    background-position: center center;
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
}

#see-how-it-looks {
    padding: 2rem;
    background: white;
    margin: 0 auto;
    border-radius: 2px;
    box-shadow: 0px 1px 3px rgb(0 0 0 / 20%);
}

#see-how-it-looks .content-wrap {
    background: white;
}

#see-how-it-looks .content-wrap-inner {
    padding-right: 2rem;
}

#see-how-it-looks h2 {
    font-size: 2.75rem;
    margin-bottom: 1.5rem;
}

#see-how-it-looks p {
    margin-bottom: 1.5rem;
    font-weight: 400;
}

#see-how-it-looks a {
    margin-bottom: 1.5rem;
    line-height: 1;
}

/* WELCOME SECTION
----------------------------------- */
#welcome {
    padding: 2rem 0;
}

#welcome h2 {
    font-size: 2.75rem;
}

#welcome figure {
    position: relative;
    overflow: hidden;
    border-radius: 2px;
    margin: 0;
}

#welcome .content-wrap-inner {
    flex-shrink: 4;
    padding: 0 2rem;
}

/* FOOTER
----------------------------------- */
footer {
    color: white;
}
footer a {
    color: #dadfe6;
    font-size: .9rem;
    text-decoration: none !important;
    transition: all .1s ease;
}

footer a:hover {
    color: white;
    opacity: 1;
}

#footer-links {
    padding: 2rem 0;
    color: white;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

#footer-links .page-builder-layout-module {
    width: 18%;
}

#footer-links .links-list-module.links-display-block .heading {
    color: #dadfe6;
    text-transform: uppercase;
    font-size: 1.1rem;
    font-family: "Roboto Condensed", sans-serif;
    letter-spacing: 0.05rem;
    margin-bottom: 1.1rem;
    padding-bottom: 1.1rem;
    border-bottom: 1px solid #dadfe6;
}

#footer-links li {
    margin-bottom: .5rem;
}

#footer-links li a {
    font-size: 0.8rem;
    -webkit-font-smoothing: initial;
}

/* Img */
.footer-img {
    max-width: 130px;
}

/* Brand Row*/
footer .brand-row {
    display: flex;
    align-items: center;
    padding: 1rem 0;
    border-top: 2px solid #7a8899;
    border-bottom: 2px solid #7a8899;
}

footer .brand-row .footer-img {
    margin: 0;
}

footer .footer-brand-list .links-list-module.links-display-block .links-list {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

footer .footer-brand-list .links-list-module.links-display-block .links-list li a {
    padding: 0 .5rem;
    white-space: nowrap;
    font-size: 0.8rem;
}

/* Social Row */
footer .social-row {
    display: flex;
    align-items: center;
}
footer .social-links-module .nav_social {
    text-align: right;
}

footer .social-links-module .social-bg {
    background: #7a8899;   
}

footer .social-links-module .social-bg:hover {
    background: #4D6771;
}

footer .social-links-module .size-small li .social-circle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 100%;
}

footer .social-links-module .social-bg .fa-inverse {
    color: black;
    font-size: 1.2rem;
}

/* Footer Meta */
.footer-meta {
    display: flex;
    align-items: flex-end;
}

.footer-meta p {
    color: #7a8899;
    margin: 0;
    font-size: 0.75rem;
}

/* FOOTER: Mobile
----------------------------------- */
.mobile-footer-wrap .links-list-module .dropdown-toggle {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #dadfe6;
    text-transform: uppercase;
    font-size: 1rem;
    font-family: "Roboto Condensed", sans-serif;
    letter-spacing: 0.05rem;
    margin: 0;
    padding: .5rem;
    border-bottom: 1px solid #dadfe6;
    font-weight: 300;
    text-decoration: none;
}

.mobile-footer-wrap .links-list-module .dropdown-toggle i {
    font-size: .75rem;
}

.mobile-footer-wrap .links-list-module .dropdown-menu {
    position: relative;
    width: 100%;
    float: none;
    overflow: hidden;
    background: #1f2833;
}

.mobile-footer-wrap .links-list-module .dropdown-menu ul.links-list li a {
    border-left: none;
    font-size: .9rem;
    padding: .25rem;
}

.mobile-footer-wrap .links-list-module .dropdown-menu ul.links-list li a:hover {
    background: #1f2833;
}

.mobile-footer-wrap .social-links-module .nav_social {
    text-align: left;
    margin-top: 2rem;
}

.mobile-footer-wrap .footer-img {
    display: inline-block;
    margin-right: 3rem;
}

.mobile-footer-wrap .brands-list .links-list-module .dropdown-toggle {
    transition: all .2s ease;
    color: #7a8899;
    border-color: #7a8899;
}

.mobile-footer-wrap .brands-list .links-list-module .dropdown-toggle:hover  {
    color: white;
    border-color: white;
}

/* PAGES: All
----------------------------------- */
.page-subheader-component h1,
.page-subheader-component h2 {
    font-size: 1.75rem;
    margin-bottom: 2rem;
}

.page-subheader-component h3 {
    font-size: 1rem;
}

/* PAGE: All Categories/OEM Search
----------------------------------- */
.action-button.place-order-button {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 300;
    font-size: 1rem;
    letter-spacing: .05rem;
    border-radius: 2px;
    padding: .75rem 2rem;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 20%);
    transition: all .2s ease;
    text-transform: uppercase;
    cursor: pointer;
    background: #0068b3 !important;
    color: white;
}

.action-button.place-order-button:hover {
    background: #293E48 !important;
}

.oem-sidebar-module .facet-wrapper .category-group .categories .card .card-header a,
.oem-sidebar-module .oem-sidebar-component .category-group .categories .card .card-header a,
.search-facets-module .facet-wrapper .category-group .categories .card .card-header a,
.search-facets-module .oem-sidebar-component .category-group .categories .card .card-header a {
    font-family: "Roboto Condensed", sans-serif;
    font-size: .8rem;
}

.oem-top-level-categories-module .category-list .category {
    font-size: 0.9rem;
    font-weight: 700;
    color: #0068b3;
    text-decoration: none;
}

.oem-top-level-categories-module .category-list .category:hover {
    color: #293E48;
}

/* PAGE: Product
----------------------------------- */
.product-fitment-confirmation-module .product-fitment {
    color: #0068b3;
    padding: .75rem 2rem;
    font-size: 1rem;
    border-radius: 2px;
}

.product-fitment-confirmation-module .product-fitment i.fa {
    font-size: 1.25rem;
}

.product-purchase-module .purchase-box .purchase-wrapper .add-to-cart {
    background-color: #0068b3;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 300;
    font-size: 1rem;
    border-radius: 2px;
}

.product-purchase-module .purchase-box .purchase-wrapper .add-to-cart:hover {
    background-color: #293E48;
}

.product-purchase-module .purchase-box .purchase-wrapper .add-to-cart:before {
    font-size: 1.25rem;
}

.product-badges-module .product-badges .product-badge .badge-text strong {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 600;
}

.product-tab-nav-module .tab-nav-wrap li a {
    font-family: "Roboto Condensed", sans-serif;
}

.product-tab-nav-module .tab-nav-wrap li.tab-active a {
    color: #0068b3;
    border-color: #0068b3;
}

.product-page-layout ul.field-list li .list-label,
.product-page-layout ul.field-list li label {
    font-family: "Roboto Condensed", sans-serif;
}

.product-page-layout .product-section-title.tab-selected {
    color: #0068b3;
    border-color: #0068b3;
}

/* PAGE: Preview/Results
----------------------------------- */
.search-filters-module {
    border-radius: 2px;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 20%);
    background: white;
}

.search-filters-module strong {
    color: #0068b3;
    font-size: 1rem;
    padding: 1rem 0;
}

.search-filters-module .refine-select {
    font-size: 1rem;
    border-radius: 2px;
    padding: .75rem 2rem !important;
    cursor: pointer;
    font-family: "Roboto Condensed", sans-serif;
}

.search-filters-module .refine-select.active {
    line-height: 1;
}

.search-filters-module .refine-reset,
.search-filters-module .refine-submit {
    display: inline-block;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 300;
    font-size: 1rem;
    letter-spacing: .05rem;
    border-radius: 2px;
    padding: .75rem 2rem;
    margin: 1rem 0;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 20%);
    transition: all .2s ease;
    text-transform: uppercase;
    cursor: pointer;
    background: #0068b3;
}

.search-filters-module .refine-reset:hover,
.search-filters-module .refine-submit:hover {
    background: #293E48;
}

.search-listing-module .catalog-product {
    padding: 1rem 0;
}

.search-listing-module .catalog-product .product-details-col .product-title {
    display: block;
    font-size: 1.2rem;
    margin-bottom: .5rem;
}

.search-listing-module .catalog-product .product-purchase-button .place-order-button {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 300;
    font-size: 1rem !important;
    letter-spacing: .05rem;
    border-radius: 2px;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 20%);
    transition: all .2s ease;
    text-transform: uppercase;
    cursor: pointer;
    background: #0068b3;
}

.search-listing-module .catalog-product .product-purchase-button .place-order-button:hover {
    background: #293E48;
}

.search-listing-module .catalog-product .product-purchase-button .place-order-button svg {
    margin-bottom: 5px;
}

/* PAGE: Cart
----------------------------------- */
.cart-page-layout .cart-description .item-description a {
    font-family: "Roboto Condensed", sans-serif;
    font-size: 1.25rem;
}

.cart-page-layout .cart-other-options .cart-amount-subtotal {
    font-family: "Roboto Condensed", sans-serif;
}

.cart-page-layout .cart-description .product-notes .product-id {
    font-family: "Roboto Condensed", sans-serif;
}

.collect-vin-form-module .input-custom .vin-form-button {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 300;
    font-size: 1rem !important;
    letter-spacing: .05rem;
    border-radius: 2px;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 20%);
    transition: all .2s ease;
    text-transform: uppercase;
    cursor: pointer;
    background-color: #0068b3;
}

.collect-vin-form-module .input-custom .vin-form-button:hover {
    background-color: #293E48;
}

.collect-vin-form-module .input-custom input {
    font-family: "Roboto Condensed", sans-serif;
    font-size: 1rem !important;
    border: 1px solid #cfcfcf;
    border-radius: 2px;
}

.cart-page-layout #purchase_bar_checkout {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 300;
    font-size: 1rem !important;
    letter-spacing: .05rem;
    border-radius: 2px;
    padding: .75rem 2rem !important;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 20%);
    transition: all .2s ease;
    text-transform: uppercase;
    cursor: pointer;
    background-color: #0068b3;
}

.cart-page-layout #purchase_bar_checkout:hover {
    background-color: #293E48;
}

.cart-page-layout .paypal-button .paypal-button-text {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 300;
    color: #0068b3;
    font-size: 1rem !important;
    text-transform: uppercase;   
}

/* PAGE: Login/Create
----------------------------------- */
#page-login-create .card {
    display: flex;
    align-items: center;
    margin-top: 2rem;
    margin-bottom: 4rem;
}

#page-login-create .card figure {
    position: relative;
    overflow: hidden;
    margin: 0;
    border-radius: 2px;
}

#page-login-create .login-combined-module {
    width: 100%;
    padding: 0;
    min-width: unset;
    min-height: unset;
    text-align: left;
    margin: 0;
    left: unset;
}

#page-login-create .login-combined-module > div {
    position: relative;
    padding: 0;
    min-height: unset;
}

#page-login-create .login-combined-module .fieldset-title {
    font-weight: 400;
    font-size: 1rem;
}

#page-login-create .login-combined-module .login-user-form .form-caption a {
    font-weight: 700;
    font-size: .9rem;
    color: #0068b3;
}

#page-login-create .login-combined-module .login-user-form .form-caption a:hover {
    color: #293E48;
}

#page-login-create .form-fields .buttons {
    margin: 0;
}

#page-login-create .login-combined-module button.block-button {
    border-radius: 2px;
    padding: .5rem 2rem;
    background: #0068b3;
    color: white;
    text-transform: none;
}

#page-login-create .login-combined-module button.block-button:hover {
    background: #293E48;
}

#page-login-create .login-combined-module .login-nav-link {
}

#page-login-create .login-combined-module .login-nav-link a {
    font-weight: 700;
    font-size: .9rem;
    color: #0068b3;
}

#page-login-create .login-combined-module .login-nav-link a:hover {
    color: #293E48;
}

/* PAGE: Wagoneer Landing
----------------------------------- */
#wagoneer-landing-page {
    margin-top: -2rem;
}

.wagoneer-logo-wrap {
    margin-bottom: 1.5rem;
    text-align: center;
}

.wagoneer-logo {
    width: 26rem;
}

.wagoneer-image-wrap {
    margin-bottom: 2rem;
}

.wagoneer-image-wrap p {
    color: gray;
    font-size: .9rem;
    margin: .5rem 0 0 0;
}

.wagoneer-sub-header {
    margin-bottom: .5rem;
    font-size: 1.1rem;
}

.wagoneer-btns {
    display: flex;
    flex-flow: column;
    justify-content: center;
    margin-top: 1.5rem;
}

.wagoneer-btn {
    min-width: 30%;
    padding: 2rem;
    border: 1px solid #c1c1c1;
    border-radius: .2rem;
    transition: all .2s ease;
    font-family: "Roboto Condensed", sans-serif;
    position: relative;
    text-align: center;
    margin-bottom: 1rem;
}

.wagoneer-btn:hover {
    background: #f1f1f1;
}

.wagoneer-btn p {
    color: gray;
    font-size: 1.5rem;
    font-weight: 300;
    margin-bottom: .5rem;
}

.wagoneer-btn h3 {
    color: #0068b2;
    font-size: 2.5rem;
    text-transform: uppercase;
    font-weight: 500;
    margin: 0;
}

.wagoneer-btn a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* PAGE: Contact Us
----------------------------------- */
.page-builder-page-layout .page-builder-layout-row+.page-builder-layout-row.contact-us-content {
    margin-bottom: 4rem;
}

#contact-us_action {
    position: relative;
    overflow: hidden;
    padding: 1rem;
    max-width: 370px;
    border-radius: .25rem;
}

#contact-us_action figure {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#contact-us_action figure img {
    width: 100%;
}

.contact-us_action-header {
    position: relative;
    width: 100%;
}

.contact-us_action-header p {
    margin-top: .5rem;
    color: black;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.2;
}

.contact-us_action-cards {
    position: relative;
    width: 100%;
}

.contact-us_action-card {
    display: flex;
    align-items: center;
    width: 100%;
    height: 6rem;
    border-radius: 2px;
    background: rgba(255,255,255,0.9);
    padding: 1rem;
    margin-bottom: 1rem
}

.contact-us_action-card:first-of-type,
.contact-us_action-card:nth-of-type(2) {
    display: none;
}

.contact-us_action-card svg {
    width: 3rem;
    margin-right: 2rem;
}

.contact-us_action-card svg path {
    fill: #A8A9AC;
}

.contact-us_action-card p {
    font-size: 1rem;
    font-weight: 400;
}

.contact-us_action-card a {
    color: black;
    text-decoration: none;
    font-size: 1rem;
    font-weight: 400;
}

.contact-us_action-card a:hover {
    color: #293E48;
}

.contact-us_action-card ul {
    list-style: none;
    margin: 0;
}

.contact-us_action-card ul li {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
}

/* Contact Us Form */
.contact-form-wrap {
    height: 100%;
    background: white;
    box-shadow: 0px 1px 3px rgb(0 0 0 / 20%);
    padding: 1.5rem;
    border-radius: 2px;
}

.contact-form-wrap .contact-form-message {
    font-weight: 700;
}

.contact-form-wrap .contact-form-message p {
    font-size: 1.25rem;
    color: #0068b3;
    font-weight: 700;
    margin-bottom: 1rem;
}

.contact-form-module .contact-form-fields .fieldset {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    max-width: unset;
}

.contact-form-module .contact-form-fields .field {
    width: 48%;
    display: inline-block;
    margin: .5rem 0;
}

.contact-form-module .contact-form-fields .field:last-of-type {
    display: block;
    width: 100%;
}

.contact-form-module .contact-form-fields .field+.field {
    margin: .5rem 0;
}

.contact-form-module .contact-form-fields .field .field-label {
    display: block;
    width: auto;
    padding-top: 0;
    padding-bottom: .8rem;
    line-height: 1;
    font-size: .85rem;
    font-weight: 400;
}

.contact-form-module .contact-form-fields .select2-selection--single,
.contact-form-module .contact-form-fields input,
.contact-form-module .contact-form-fields select,
.contact-form-module .contact-form-fields textarea {
    border: 2px solid #d7d7d7;
    border-radius: 3px;
    height: 2.75rem;
    margin-bottom: 1rem;
}

.contact-form-module .contact-form-fields textarea {
    margin: 0;
}

.contact-form-module .call-to-action-button {
    min-width: 188px;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 300;
    font-size: 1rem;
    letter-spacing: .05rem;
    border-radius: 2px;
    padding: 1rem 2rem;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 20%);
    transition: all .2s ease;
    text-transform: uppercase;
    text-align: center;
    cursor: pointer;
    background: #0068b3;
    color: white;
}

.contact-form-module .call-to-action-button:hover {
    background: #293E48;
}

/* PAGES: Account
----------------------------------- */
.account-nav {
    position: relative;
    width: 100%;
    display: flex;
    list-style: none;
}

.account-nav_item {
    flex: 1;
    display: flex;
    align-items: center;
    border-bottom: 3px solid #d7d7d7;
}

.account-nav_item.active {
    flex: 1;
    border-color: #0068b3;
}

.account-nav_item a {
    display: block;
    width: 100%;
    font-size: .8rem;
    font-family: "Roboto Condensed", sans-serif;
    text-align: center;
    padding: .65rem 1rem;
    color: #293E48;
    text-decoration: none;
    line-height: 1.5;
}

.account-nav_item.active a,
.account-nav_item:hover a {
    color: #0068b3;
}


/* PAGE: Account Profile
----------------------------------- */
#layout_account-profile .form-fields .fieldset-title {
    font-family: "Roboto Condensed", sans-serif;
    font-size: 2rem;
    font-weight: 300;
    margin-top: 2rem
}

#layout_account-profile .form-fields .field .field-label {
    display: block;
    width: auto;
}

#layout_account-profile .form-fields .field .field-value {
    display: block;
    font-family: "Roboto Condensed", sans-serif;
}

#layout_account-profile .form-fields .field .field-value input:not(.newsletters) {
    width: 100%;
    display: block;
    border: 2px solid #d7d7d7;
    border-radius: 3px;
    height: 2.75rem;
    margin-bottom: 1rem;
}
  
#layout_account-profile .btn {
    min-width: 188px;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 300;
    font-size: 1rem;
    letter-spacing: .05rem;
    border-radius: 2px;
    padding: 1rem 2rem;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 20%);
    transition: all .2s ease;
    text-transform: uppercase;
    text-align: center;
    cursor: pointer;
    background: #0068b3;
    color: white;
}

#layout_account-profile .btn:hover {
    background: #293E48;
}

/* PAGE: Wishlist
----------------------------------- */
#layout_account-wishlist .action-button.remove-from-wishlist i.fa-close {
    background: transparent;
}

#layout_account-wishlist .search-listing-module .catalog-product .product-purchase-button .place-order-button {
    display: inline-flex;
}

/* PAGE: Account/login
----------------------------------- */
#page-login-create #login-user-form .row:nth-of-type(1) {
    margin-bottom: 1.5rem;
}
#page-login-create #login-user-form .row:nth-of-type(2) {
    display: none;
}

/* PAGE: Products
----------------------------------- */
.product-title-module .local-pickup .local-pickup-message {
    height: auto;
    line-height: 1.5;
}

.product-title-module .local-pickup .local-pickup-address {
    margin-left: 2rem;
}

#prop65warning .modal-title {
    display: inline-block;
}

/* PAGE: D-Coder
----------------------------------- */
/* D-coder Hero */
.d-coder-hero {

}

.d-coder-hero figure {
    position: relative;
    overflow: hidden;
    border: 1px solid black;
}

.d-coder-hero figure img {
    width: 100%;
}

.d-coder-hero_content {
    max-width: 850px;
}

/* Expander */
#d-coder-expander {
    position: relative;
    overflow: hidden;
    transition: all .2s ease;
}

.expander-toggle-wrap {
    padding: 0 0 2rem;
}

#expander-toggle {
    display: inline-flex;
    align-items: center;
    color: #0068b3;
    font-size: 1.2rem;
    transition: all .2 ease;
    border: none;
    background: white;
    padding: 0; 
}

#expander-toggle:hover {
    color: black;
}

#expander-toggle.expanded {
    color: black;
}

#expander-toggle i {
    transition: all .2s ease;
    font-size: 0.8rem;
    margin-left: .5rem;
}

#expander-toggle.expanded i {
    transform: rotateZ(180deg);
}

.d-coder-header hr {
    border-top: 2px dotted rgba(0,0,0,0.25);
}

.d-coder-row {
    display: flex;
}

.d-coder-row > .col-md-6 {
    display: flex;
    justify-content: center;
}

.d-coder-row.d-coder-row-1 .col-md-6:nth-of-type(2) {
    width: 60%;
}

.d-coder-row.d-coder-row-2 {
    margin-bottom: 4rem;
}

.d-coder-lists-wrap {
    display: flex;
    align-items: flex-start;
}

.d-coder-content .d-coder-list-header:nth-of-type(2) {
    border-top: 2px dotted rgba(0,0,0,0.25);
    padding-top: 1rem;
}

.d-coder-list-header {
    text-transform: uppercase;
    display: inline-block;
}

.d-coder-content ul {
    list-style: none;
    padding-right: 1rem;
}

.d-coder-content ul li {
    display: block;
    padding: .5rem 0 ;
    font-size: .9rem;
    /* white-space: nowrap; */
    line-height: 1.5;
}

.d-coder-list.d-coder-list-custom strong,
.d-coder-list .not-available {
    color: #959595;
}

.d-coder-image {
    display: none;
    margin: auto;
}

.d-coder-image.active {
    display: inline-block;
}

.d-coder-image img {
    
}

/* MEDIA QUERIES
----------------------------------- */
@media(min-width: 768px) {
    #contact-us_action {
        min-height: 550px;
    }
    .wagoneer-btns {
        flex-flow: row;
    }
    .wagoneer-btn {
        margin-right: 1rem;
    }
}

@media(min-width: 992px) {
    .hero-slider .item img {
        object-fit: cover;
        min-height: 360px;
    }
    #contact-us_action {
        min-height: 650px;
    }
    /* Sidebars on seach pages */
    .side-bar-col {
        padding-right: 1.5rem;
    }
    .search-listing-module .catalog-product .product-purchase-button {
        text-align: right;
    }
    .wagoneer-image-wrap {
        min-height: 400px;
    }
}

@media (min-width: 1200px) {
    #contact-us_action {
        min-height: 850px;
    }
}

@media (min-width: 1600px) {
    .hero-caption {
        left: calc((100vw - 1250px) / 2);
    }
}

@media (max-width: 1199px) and (min-width: 992px) {
    .categories-wrap .links-list-module .heading {
        max-height: 20px;
        margin-bottom: 1.5rem;
    }
}

@media (max-width: 1300px) {
    .vehicle-picker-wrap .vehicle-picker-dropdown-module .vehicle-picker-dropdown.inline .dropdown .dropdown-toggle {
        padding: 1rem;
        max-width: 140px;
        min-width: 140px;
    }
}

@media (max-width: 1199px) {
    .hero-caption h2 {
        font-size: 1.75rem;
        margin-bottom: .5rem;
    }
    .hero-caption p {
        margin-bottom: .5rem;
        line-height: 1.4;
    }
    .hero-caption .btn {
        padding: .5rem 2rem;
    }
    .vehicle-picker-wrap .page-builder-layout-module {
        margin: 0 !important;
    }
    .vehicle-picker-wrap .vehicle-picker-dropdown-module .vehicle-picker-dropdown.inline .dropdown .dropdown-toggle {
        padding: .5rem 1rem;
    }
    .vehicle-picker-wrap .or p {
        display: none;
    }
    .vehicle-picker-wrap .search-by-vin-module {
        display: none;
    }
    .garage-list-module .add-garage-form form {
        display: flex;
        flex-flow: column;
        align-items: flex-start;
    }
    .garage-list-module .add-garage-form form button {
        margin-top: 1rem;
    }
    .contact-us_action-card {
        height: auto;   
    }
    .contact-us_action-card svg {
        width: 2rem;
    }

    /* D-Coder */
    .d-coder-row-1 .d-coder-content ul {
        padding-right: .5rem;
    }
    .d-coder-row-1 .d-coder-content ul li {
        font-size: .75rem;
    }
}

@media (max-width: 991px) {
    .header-nav li {
        font-size: .7rem;
    }
    .header-tools-wrap .container-wrap:after {
        content: '';
        display: inline-block;
        position: absolute;
        top: 0;
        right: 17rem;
        border-left: 3rem solid transparent;
        border-bottom: 4.5rem solid #F2F2F2;
    }
    .header-tools #action_account {
        margin-left: 3rem;
    }
    .mega-menu_card.active {
        flex-flow: column;
    }
    .hero-caption h2 {
        font-size: 1.75rem;
    }
    .hero-caption p {
        display: none;
    }
    .featured-products-module .featured-product .details-display .details-title .product-title {
        font-size: 1.1rem;
    }
    #see-how-it-looks .content-wrap-inner {
        padding: 0;
        max-width: 750px;
    }
    #layout_account-wishlist .search-listing-module .catalog-product .product-purchase-button .place-order-button {
        display: inline-flex;
        padding: .5rem 1rem !important;
        white-space: nowrap;
    }
    .contact-us_action-header p {
        font-size: 1.2rem;
    }
    .contact-us_action-card ul li {
        font-size: .9rem;
        line-height: 1.25;
    }
    .contact-us_action-card svg {
        display: none;
    }
    .contact-us_action-card a {
        font-size: .9rem;
    }

    /* D-Coder */
    .d-coder-row {
        flex-flow: column;
    }
    .d-coder-row > .col-md-6 {
        width: 100%;
        justify-content: flex-start;
        padding: 0;
    }
    .d-coder-row-1 .d-coder-content ul {
        padding-right: 1rem;
    }
    .d-coder-row.d-coder-row-2 {
        flex-flow: column-reverse;
        margin-bottom: 0;
    }
    .d-coder-row.d-coder-row-1 .col-md-6:nth-of-type(2) {
        width: 100%;
    }
    .d-coder-content {
        padding: 1rem;
    }
}

@media (max-width: 767px) {
    .mobile-header-logo-link {
    	display: inline-block;
    }
    .mobile-sub-header .car-selected-module .garage-text {
        font-family: "Roboto Condensed", sans-serif;
    }
    .header-nav-wrap {
        display: none;
    }
    .hero-wrap {
        display: none;
    }
    .categories-wrap .col-full-height {
        padding-right: 0;
        padding-left: 0;
    }
    .categories-wrap .col-full-height:first-child {
        padding-left: 0;
    }
    .categories-wrap .col-full-height:not(:first-child):not(:last-child) {
        padding-right: 0;
        padding-left: 0;
    }
    .categories-wrap .col-full-height:last-child {
        padding-right: 0;
    }
    #welcome {
        text-align: center;
        padding-right: 4rem;
        padding-left: 4rem;
    }
    #welcome .content-wrap-inner {
        padding: 1rem 0;
    }
    #welcome figure {
        display: none;
    }
    #footer-links {
        justify-content: flex-start;
    }
    #contact-us_action {
        width: 100%;
        max-width: none;
        margin-top: 3rem;
        margin-bottom: 2rem;
        background: #293E48;
    }
    .contact-us_action-header p {
        color: white;
    }
    .contact-form-module .contact-form-fields .field {
        width: 100%;
    }
    #footer-links .page-builder-layout-module {
        width: 100%;
    }
    #page-order-status .create-user-form-module {
        margin-bottom: 2rem;
    }
}

@media (max-width: 575px) {
    .d-coder-lists-wrap {
        flex-flow: column;
    }
    .d-coder-lists-wrap ul:first-child {
        margin: 0;
    }
    .d-coder-row-1 .d-coder-content ul li {
        white-space: wrap;
    }
}

.footer-social-links .nav_social {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    list-style: none;
}

@media screen and (max-width: 767px) {
    .footer-social-links .nav_social {
    	justify-content: center;
    }
}

.footer-social-links .nav_social li {
	margin-right: 0.75rem;
}

.footer-social-links .nav_social li:last-child {
	margin-right: 0;
}

.footer-social-links .nav_social a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    background-color: #7a8899;
    border-radius: 50px;
    transition: all .3s ease-in-out;
}

.footer-social-links .nav_social a:hover {
	background: #4D6771;
}

.footer-social-links .nav_social .social-circle em {
	color: #000;
    font-size: 1.2rem;
}

.table-res {
	width: 100%;
}

.table-res tr, td {
	/* border: 1px solid #ccc; removing original border */
    border: unset;
}

.product-fitment-module .fitment-table-wrap .fitment-table tr+tr {
    border-top: unset;
}

.table-res td {
	padding: 10px 10px;
}
.hero-slider .item img {
    object-fit: cover;
    /*min-height: 390px!important;*/
    height: calc(310px + (512 - 310) * ((100vw - 768px) / (1900 - 768))) !important;
}

/*
	HAMBURGER MENU
*/
@keyframes top-bottom {
  from {
    transform: translateY(-100px);;
  }
  to {
    transform: translateY(0px);;
  }
}

@keyframes m {
    0% {
        background-color:#fff;
        transform:skewX(-30deg) translateX(-84%)
    }
    50% {
        background-color:#fff;
        transform:skewX(-30deg) translateX(-100%)
    }
    to {
        background-color:#fff;
        transform:skewX(0deg) translateX(-100%)}
    }
@keyframes n {
    0% {
        background-color:#fff;
        transform:skewX(0deg) translateX(-100%)
    }
    50% { 
        background-color:#fff;
        transform:skewX(-30deg) translateX(-100%)
    }
    to {
        background-color:#fff;
        transform:skewX(-30deg) translateX(-84%)
    }
}

.desk_hamburger_menu_wrapper {
	display: inline-block;
    margin-right: 15px;
}

.desk_hamburger_menu_span {
    color: var(--white);
    text-transform: uppercase;
    font-size: 18px;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.desk_hamburger_menu_span img {
    width: 30px;
    height: 25px;
}

.left_panel::-webkit-scrollbar {
    width: 4px;
}

.left_panel .find-dealer-button {
    padding: 5px 15px;
    font-size: 16px;
}

.left-panel-show .left_panel .find-dealer-button {
    animation: show-from-left .7s ease;
}

@media screen and (max-width: 767px) {
	.modal-open .themeHeaderMopar {
		display: block !important;
	}
}
 
.left_panel::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);
}
 
.left_panel::-webkit-scrollbar-thumb {
  background-color: var(--themeColor);
  outline: 1px solid slategrey;
}

.left_panel {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 320px;
    background-color: #fff;
    height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
    z-index: 9999;
    transform: translateX(-1000px);
    transition: all .3s ease-in-out;
}

@media screen and (max-width: 767px) {
    .left_panel {
    	width: 85%;
    }
}

.left_panel_close {
    cursor: pointer;
	width: 40px;
    height: 40px;
    position: absolute;
    top: 6px;
    right: -10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.left_panel_child_header {
	display: none;
    align-items: center;
    justify-content: space-between;
    padding: 15px 0;
    border-bottom: 1px solid #ccc;
    margin-bottom: 15px;
}

.left_panel_child_title {
	margin-bottom: 0;
    font-weight: 600;
    font-size: 10px;
    margin-right: 40px;
    text-transform: uppercase;
}

.left_panel_child_link,
.left_panel_child_item_list li a {
    display: inline-block;
    width: 100%;
    font-size: 14px;
    padding: 10px 0;
    color: #000;
    text-transform: uppercase;
}

.left_panel_child_item_list {
	list-style: none;
}

.left_panel_child_link:hover, .left_panel_child_link:focus,
.left_panel_child_item_list li a:hover, .left_panel_child_item_list li a:focus {
	color: #0068b3;
    text-decoration: none;
}

.left_panel_child_back_button {
	font-size: 14px;
    color: #000;
    text-transform: uppercase;
}

.left_panel_child_list {
	list-style: none;
    margin-bottom: 0;
}

.left_panel_child_back_button:hover {
	text-decoration: none;
    color: #0068b3;
}

.left_panel_list {
	margin-bottom: 0;
    list-style: none;
}

.left_panel_list02 {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #ccc;
}

.left_panel_item {
	margin-bottom: 15px;
}

.left_panel_item:last-child {
	margin-bottom: 0;
}

.openChild .left_panel_item {
	margin-bottom: 0;
}

.left_panel_link {
	display: inline-block;
    width: 100%;
    position: relative;
    font-size: 14px;
    color: #000;
    text-transform: uppercase;
}

.left_panel_link:hover, .left_panel_link:focus {
	text-decoration: none;
    color:#0068b3;
}

.left_panel_content_wrapper  h3 {
	font-weight: 600;
}

.left_panel_child_wrapper,
.left_panel_child_item_wrapper {
	display: none;
}

.left_panel_close svg path {
	fill: #fff;
}

.openChild .left_panel_content_wrapper h3, 
.openChild .left_panel_link,
.openChildSecond .left_panel_child_link {
	display: none;
}

.left_panel_content_wrapper h3 {
	margin-bottom: 20px;
    color: #0068b3;
}

.openChild .left_panel_header .links-list-module {
	display: none;
}

.openChildActive .left_panel_child_wrapper {
	display: block;
    animation: show-from-right .6s ease;
}

.openSecondActive .left_panel_child_item_wrapper {
	display: block;
    animation: show-from-right .6s ease;
}

.openChild .left_panel_header_list {
	display: none !important;
}

.openChild .left_panel_child_header {
	display: flex;
    animation: show-from-right .6s ease;
}

.left_panel_header_list .left_panel_header_item:nth-child(4) {
    margin-top: 10px;
	padding: 15px 0px;
    border-top: 1px solid #ccc;
    border-bottom: 2px solid var(--black);
}

@keyframes show-from-left {
	0%, 50% {
        opacity: 0;
        transform: translateX(-100px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes show-from-right {
	0%, 50% {
        opacity: 0;
        transform: translateX(100px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.mobile-mega-menu, .menu-wrap {
	display: none;
}

.left-panel-show .left_panel .left_panel_header {
	animation: show-from-left .6s ease;
}

.left-panel-show .left_panel .left_panel_content {
	animation: show-from-left .7s ease;
    margin-bottom: 30px;
}

.left-panel-show .left_panel .left_panel_footer {
	animation: show-from-left .8s ease;
}

.left_panel_overlay {
	position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0,0,0,0.6);
    display: none;
    z-index: 999;
}

body.left-panel-show {
	overflow: hidden;
}

.left-panel-show .left_panel {
	transform: translateX(0);
}

.left-panel-show .left_panel_overlay {
	display: block;
}

.left_panel .container-wrap {
	padding: 0 15px !important;
    height: 100%;
}

.left_panel_header .left_panel_header_list, .left_panel_content .links-list, .left_panel_footer .links-list {
	display: inline-block;
    width: 100%;
}

.left_panel_header .left_panel_header_list, .left_panel_content .links-list {
	margin-bottom: 20px;
    list-style: none;
}

.left_panel_content .left_panel_header_list {
	padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
}

.left_panel_header .left_panel_header_list li:nth-child(4) a {
	background: #0068b3;
    color: #fff;
    text-align: center;
    border-radius: 25px;
    width: 170px;
}

.left_panel_header .left_panel_header_list li:nth-child(4) a:hover {
	background: #0068b3;
    opacity: 1;
    color: #fff !important;
}

.left_panel_header .left_panel_header_list a, .left_panel_content .links-list a, .left_panel_footer .links-list a {
    display: inline-block;
	width: 100%;
    padding: 10px 0px;
    font-size: 14px;
    color: #000;
    text-transform: uppercase;
    
}

@media screen and (max-width: 767px) {
	.left_panel_header .left_panel_header_list a, .left_panel_content .links-list a, .left_panel_footer .links-list a {
    	font-size: 14px;
    }
}

.left_panel_header .left_panel_header_list a:hover, .left_panel_content .links-list a:hover, .left_panel_footer .links-list a:hover,
.left_panel_header .left_panel_header_list a:focus, .left_panel_content .links-list a:focus, .left_panel_footer .links-list a:focus {
	text-decoration: none;
    color: #0068b3;
    opacity: 1;
}

.left_panel_content .heading {
	padding: 10px 10px;
}

/*
	latest catalog
*/
.latest_catalog_section {
	padding: 50px 0;
    background-color: #f5f7fa;
}

@media screen and (max-width: 767px) {
    .latest_catalog_section {
    	padding: 30px 0;
    }
}

.latest_catalog_title {
	margin-bottom: 30px;
}

.latest_catalog_title h3 {
	font-size: 45px;
    text-align: center;
    margin-bottom: 0px;
}

@media screen and (max-width: 767px) {
    .latest_catalog_title h3 {
    	font-size: 30px;
    }
}

.latest_catalog_list {
	margin-bottom: 0;
    list-style: none;
    display: grid;
    grid-template-columns: repeat(7, 1fr);
}

@media screen and (max-width: 650px) {
    .latest_catalog_list {
    	grid-template-columns: repeat(1, 1fr);
        gap: 5px;
    }
}

.latest_catalog_item.active a {
	background-color: #475666;
    color: #fff;
}

.latest_catalog_list li a {
    display: inline-block;
	width: 100%;
    text-align: center;
    padding: 20px 10px;
    background-color: #dadfe6;
    font-size: 18px;
    color: #475666;
    text-transform: uppercase;
    font-weight: 600;
    position: relative;
}

@media screen and (max-width: 860px) {
    .latest_catalog_list li a {
    	font-size: 14px;
        padding: 15px 6px;
    }
}

.latest_catalog_item.active a::before {
	display: block;
}

@media screen and (max-width: 650px) {
    .latest_catalog_item.active a::before {
    	display: none;
    }
}

.latest_catalog_list li a::before {
	content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -20px;
    width: 20px;
    height: 20px;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #475666;
    margin: auto;
    display: none;
}

.latest_catalog_list li a:hover,
.latest_catalog_list li a:focus {
	text-decoration: none;
}

.latest_catalog_item {
	border-right: 1px solid #475666;
}

@media screen and (max-width: 650px) {
    .latest_catalog_item {
    	border-right: 0;
    }
}

.latest_catalog_item:last-child {
	border-right: 0;
}

.theme_cat_tab_content {
	padding: 40px 20px 20px 20px;
    background-color: #fff;
}

.theme_cat_tab_content_list {
	margin-bottom: 0;
    list-style: none;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

@media screen and (max-width: 860px) {
    .theme_cat_tab_content_list {
    	grid-template-columns: repeat(3, 1fr);
        gap: 10px;
    }
}

@media screen and (max-width: 650px) {
    .theme_cat_tab_content_list {
    	grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 450px) {
    .theme_cat_tab_content_list {
    	grid-template-columns: repeat(1, 1fr);
    }
}

.theme_cat_tab_content_img {
	margin-bottom: 20px;
}

.theme_cat_tab_content_img img {
	width: 100%;
}

.theme_cat_tab_content_wrapper p {
	text-align: center;
    font-size: 18px;
    font-weight: 700;
    color: #333;
}

.theme_tab_link {
	text-align: center;
}

.theme_tab_link a {
	font-size: 14px;
}

/*
	MOPAR NEW PAGE SECTION
*/
.mopar_banner_section .container-wrap {
	padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.mopar_banner_row {
	display: flex;
    flex-wrap: wrap;
}

.mopar_banner_col_08 {
	flex: 0 0 60%;
    max-width: 60%;
}

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

.mopar_banner_col_04 {
	flex: 0 0 40%;
    max-width: 40%;
}

@media screen and (max-width: 767px) {
    .mopar_banner_col_04 {
    	flex: 0 0 100%;
    	max-width: 100%;
    }
}

.mopar_banner_img {
	height: 100%;
    background-image: url(https://rparts-sites.s3.amazonaws.com/7eb29465da0e669de037c4513701dbe0/design/img/new/banner.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.mopar_banner_content {
    background-image: url(https://rparts-sites.s3.amazonaws.com/7eb29465da0e669de037c4513701dbe0/design/img/new/bgbanner.png);
    background-repeat: repeat;
    background-position: 50% 50%;
    padding-bottom: 100px;
}

@media screen and (max-width: 767px) {
    .mopar_banner_content {
    	padding-bottom: 50px;
    }
}

.mopar_banner_content h1 {
	background-color: #333;
    color: #fff;
    text-align: center;
    padding: 20px 10px;
    text-transform: uppercase;
    font-size: 35px;
    margin-bottom: 50px;
}

@media screen and (max-width: 767px) {
    .mopar_banner_content h1 {
    	font-size: 22px;
    }
}

.mopar_banner_list {
	margin-bottom: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.mopar_banner_list a {
	display: flex;
    align-items: center;
    gap: 20px;
	padding-left: 50px;
    position: relative;
}

.mopar_banner_list a:hover,
.mopar_banner_list a:focus {
	text-decoration: none;
}

.mopar_banner_list a:hover svg {
	transform: rotate(180deg);
}

.mopar_banner_list a::before {
    content: "";
	position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 50px;
    height: 1px;
    border-bottom: 1px dashed #000;
    margin: auto;
}

.mopar_banner_list a svg {
	transition: all .3s ease-in-out;
    fill: rgba(151,106,77,1);
}

.mopar_banner_list a .mopar_list_icon {
	width: 30px;
    height: 30px;
    border: 1px dashed #000;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    background-color: #fff;
}

.mopar_bed_prot_section {
	padding: 50px 0;
}

@media screen and (max-width: 767px) {
    .mopar_bed_prot_section {
    	padding: 40px 0;
    }
}

.mopar_bed_prot_section .container-wrap {
	padding-top: 0!important;
    padding-bottom: 0!important;
}

.mopar_explore_content {
    display: none;
}

@media screen and (max-width: 767px) {
    .mopar_explore_content {
    	margin-top: 0;
    }
    .mopar_explore_wrapper {
    	overflow: hidden;
    }
}

.mopar_explore_content.isActive {
	display: block;
}

.mopar_explore_content_img {
	display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.mopar_explore_content_img img {
	width: 100%;
    height: 350px;
    object-fit: cover;
}

@media screen and (max-width: 767px) {
    .mopar_explore_content_img img {
    	height: 200px;
        object-fit: cover;
    }
}

.mopar_explore_row {
	display: grid;
    gap: 20px;
    grid-template-columns: repeat(2, 1fr);
}

@media screen and (max-width: 767px) {
    .mopar_explore_row {
    	grid-template-columns: repeat(1, 1fr);
    }
}

.mopar_explore_content h3 {
	text-transform: uppercase;
    font-size: 28px;
    margin-bottom: 20px;
}

.mopar_explore_price {
	display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    font-size: 20px;
    margin-bottom: 10px;
}

.mopar_explore_price .sale {
	font-weight: 700;
}

.mopar_explore_text {
	text-align: right;
}

.mopar_explore_cart_button {
	text-align: right;
}

.mopar_explore_cart_button a {
	display: inline-block;
    padding: 10px 30px;
    background-color: #000;
    color: #fff;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 700;
}

.mopar_explore_cart_button a:hover,
.mopar_explore_cart_button a:focus {
	text-decoration: none;
}

.mopar_explore_img_content h3 {
	font-size: 25px;
    margin-bottom: 20px;
}

.mopar_explore_img_list {
	list-style: none;
    margin-bottom: 0;
    display: flex;
    flex-wrap: wrap;
    margin-left: -5px;
    margin-right: -5px;
    grid-row-gap: 10px;
}

#mopar_cargo_data .mopar_explore_img_item img {
	height: 250px;
    object-fit: cover;
}

@media screen and (max-width: 550px) {
    #mopar_cargo_data .mopar_explore_img_item img {
    	height: 100px;
    }
}

.mopar_explore_img_list .mopar_explore_img_item a {
	display: flex;
    align-items: center;
    border: 5px solid #ccc;
    justify-content: center;
}

.mopar_explore_img_list .mopar_explore_img_item.isActive a {
	border: 5px solid #0068b3;
    opacity: .8;
}

#mopar_adventure_data.mopar_explore_img_list li:first-child {
	flex: 0 0 50%;
    max-width: 50%;
}

@media screen and (max-width: 767px) {
    #mopar_adventure_data.mopar_explore_img_list li:first-child {
    	flex: 0 0 33.33333%;
    	max-width: 33.33333%;
    }
}

#mopar_adventure_data.mopar_explore_img_list li img {
	height: 200px;
}

@media screen and (max-width: 767px) {
    #mopar_adventure_data.mopar_explore_img_list li img {
    	height: 150px;
    }
}

.mopar_explore_img_list li:first-child {
	flex: 0 0 100%;
    max-width: 100%;
}

.mopar_explore_img_list li {
	flex: 0 0 50%;
    max-width: 50%;
    padding-left: 5px;
    padding-right: 5px;
}

@media screen and (max-width: 767px) {
    .mopar_explore_img_list li {
    	flex: 0 0 33.33333%;
    	max-width: 33.33333%;
    }
}

.mopar_no_rest_section  {
    background-image: url(https://rparts-sites.s3.amazonaws.com/7eb29465da0e669de037c4513701dbe0/design/img/new/bedimg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
	padding: 100px 0;
    position: relative;
    overflow: hidden;
}

@media screen and (max-width: 767px) {
    .mopar_no_rest_section {
    	padding: 50px 0;
    }
}

.mopar_no_rest_section::before {
	content: "";
    position: absolute;
    left: -45%;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: #333;
    transform: skew(30deg, -50deg);
}

.mopar_no_rest_section .container-wrap {
	padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.mopar_no_rest_wrapper {
	max-width: 500px;
    width: 100%;
}

.mopar_no_rest_content h3 {
	font-size: 40px;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
}

.mopar_text_upper {
	color: #fff;
    text-transform: uppercase;
    font-size: 14px;
}

.mopar_text_normal {
	color: #fff;
    font-size: 14px;
}

.mopar_no_rest_button {
	display: flex;
    flex-direction: column;
    gap: 10px;
}

.mopar_no_rest_button a {
	display: inline-block;
    padding: 5px 15px;
    background-color: #0068b3;
    color: #fff;
    text-transform: uppercase;
    width: 200px;
    text-align: center;
}

.mopar_no_rest_button a:hover,
.mopar_no_rest_button a:focus {
	text-decoration: none;
    opacity: .8;
}

.mopar_setup_section .container-wrap {
	padding-top: 0!important;
    padding-bottom: 0!important;
}

.mopar_expand_section,
.mopar_setup_section {
    position: relative;
}

.mopar_expand_section::before,
.mopar_setup_section::before {
	content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(151,106,77,1);
    color: #fff;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    z-index: 1;
}

.mopar_setup_section::before {
	background-color: #333;
}

@media screen and (max-width: 767px) {
    .mopar_expand_section::before,
    .mopar_setup_section::before {
    	width: 50px;
    }
}

.mopar_expand_section:after,
.mopar_setup_section:after {
	content: "Expand your capability";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 60px;
    letter-spacing: 5px;
    writing-mode: vertical-lr;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    transform: rotate(180deg);
    z-index: 2;
}

.mopar_setup_section:after {
	content: "Step up your convenience";
}

@media screen and (max-width: 1440px) {
    .mopar_expand_section:after,
    .mopar_setup_section:after {
        font-size: 30px;
    }
}

@media screen and (max-width: 767px) {
    .mopar_expand_section:after {
    	width: 50px;
        font-size: 14px;
    }
    
    .mopar_setup_section:after {
        width: 50px;
    	font-size: 10px;
    }
}

.mopar_expand_section .container-wrap {
	padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.mopar_expand_content p {
	font-size: 14px;
}

.mopar_expand_content p strong {
	color: rgba(151,106,77,1);
}

.mopar_expand_button a {
	display: inline-block;
    width: 100%;
    padding: 10px 10px;
    background-color: #000;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
}

.mopar_expand_button a:hover,
.mopar_expand_button a:focus {
	text-decoration: none;
}

.mopar_extend_img img {
	width: 100%;
}

.mopar_expand_wrapper {
	position: relative;
}

.mopar_expand_content {
	position: absolute;
}

.mopar_expand_content_01 {
	left: calc(415px + (1010 - 415) * ((100vw - 768px) / (1903 - 768)));
    top: calc(100px + (295 - 100) * ((100vw - 768px) / (1903 - 768)));
}

.mopar_expand_content_02 {
    left: calc(440px + (1080 - 440) * ((100vw - 768px) / (1903 - 768)));
    top: calc(260px + (680 - 260) * ((100vw - 768px) / (1903 - 768)));
}

.mopar_setup_section .mopar_expand_content_01 {
	left: calc(415px + (1055 - 415) * ((100vw - 768px) / (1903 - 768)));
    top: calc(380px + (955 - 380) * ((100vw - 768px) / (1903 - 768)));
}

.mopar_setup_section .mopar_expand_content_02 {
	left: calc(260px + (640 - 260) * ((100vw - 768px) / (1903 - 768)));
    top: calc(260px + (650 - 260) * ((100vw - 768px) / (1903 - 768)));
}

.mopar_setup_section .mopar_expand_content_03 {
	left: calc(170px + (410 - 170) * ((100vw - 768px) / (1903 - 768)));
    top: calc(305px + (750 - 305) * ((100vw - 768px) / (1903 - 768)));
}

.mopar_expand_content_button {
	display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    color: #fff;
    border: 2px solid #fff;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    transition: all .3s ease-in-out;
    margin-right: auto;
}

.mopar_expand_content_button:hover {
	background-color: #fff;
    color: #000;
}

.mopar_expand_card {
	max-width: 500px;
    width: 100%;
    background-color: #fff;
    padding: 15px 15px;
    display: none;
    position: relative;
    z-index: 2;
}

.mopar_adventure_section {
	padding: 50px 0;
}

.mopar_adventure_section .container-wrap {
	padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.mopar_bed_hitch_section .container-wrap {
	padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.mopar_bed_hitch_row {
	display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}

@media screen and (max-width: 767px) {
    .mopar_bed_hitch_row {
    	grid-template-columns: repeat(1, 1fr);
    }
}

.mopar_bed_hitch_card h3 {
	background-color: #333;
    color: #fff;
    text-align: center;
    padding: 10px 10px;
    font-size: 30px;
}

.mopar_bed_list {
	list-style: none;
    margin-bottom: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
    padding: 15px 15px;
}

.mopar_bed_list li {
	text-align: center;
    position: relative;
}

.mopar_hitch_list {
	list-style: none;
    margin-bottom: 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
    padding: 15px 15px;
}

.mopar_hitch_list li {
	text-align: center;
    position: relative;
}

.mopar_bed_hitch_card {
	height: 100%;
}

.mopar_bed_hitch_wrap {
	position: absolute;
    left: 10px;
    top: 10px;
}

.mopar_bed_hitch_num {
	display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    color: #000;
    border: 2px solid #000;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    transition: all .3s ease-in-out;
    margin-right: auto;
}

.mopar_bed_hitch_card_content {
	padding: 20px 20px;
    background-color: #fff;
    box-shadow: 0px 4px 8px #ccc;
    position: relative;
    z-index: 2;
    display: none;
}

.mopar_bed_hitch_button a {
	display: inline-block;
    background-color: #000;
    color: #fff;
    text-transform: uppercase;
    padding: 10px 20px;
}

.mopar_bed_hitch_button a:hover,
.mopar_bed_hitch_button a:focus {
	text-decoration: none;
}

.mopar_towing_section .container-wrap {
	padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.mopar_towing_row {
	display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 20px;
}

@media screen and (max-width: 1000px) {
    .mopar_towing_row {
    	align-items: center;
    }
}

@media screen and (max-width: 767px) {
    .mopar_towing_row {
    	grid-template-columns: repeat(1,1fr);
    }
    .mopar_towing_wrapper {
    	padding: 30px 0;
    }
}

.mopar_towing_section {
	background-color: rgba(163, 153, 139,1);
}

.mopar_towing_list {
	list-style: none;
    margin-bottom: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.mopar_towing_list img {
	width: 100%;
    height: 100%;
}

.mopar_towing_right {
	height: 100%;
    display: flex;
    align-items: center;
    padding: 20px 20px;
    background-color: rgba(235, 234, 235, 1);
}

.mopar_towing_content ul {
	list-style: none;
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.mopar_towing_content ul li {
	font-size: 14px;
}

.mopar_towing_content ul li span {
	font-size: 12px;
}

.mopar_towing_content ul li strong {
	color: rgba(151,106,77,1);
}

.mopar_towing_content h3 {
	font-size: 30px;
    margin-bottom: 20px;
}

.mopar_teleswivel_section {
	background-color: #333;
}

.mopar_teleswivel_section .container-wrap {
	padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.mopar_side_steps_section {
	padding: 50px 0;
}

.mopar_side_steps_section .container-wrap {
	padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.mopar_side_steps_section .mopar_explore_row {
	grid-template-columns: repeat(1, 1fr);
}

.mopar_side_steps_section .mopar_explore_img_list li:first-child {
	flex: 0 0 25%;
    max-width: 25%;
}

.mopar_side_steps_section .mopar_explore_img_list li {
	flex: 0 0 25%;
    max-width: 25%;
}

.mopar_side_steps_section .mopar_explore_img_list .mopar_explore_img_item a {
	height: 100%;
}

.mopar_side_steps_section .mopar_content_row {
	display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}

.mopar_side_steps_section .mopar_explore_content_img {
	margin-bottom: 0;
}

@media screen and (max-width: 767px) {
    .mopar_side_steps_section .mopar_content_row {
    	grid-template-columns: repeat(1, 1fr);
    }
}

.mopar_side_steps_section .mopar_explore_text,
.mopar_side_steps_section .mopar_explore_cart_button {
	text-align: left;
}

.mopar_side_steps_section .mopar_explore_price {
	justify-content: flex-start;
}

.mopar_shine_section {
	overflow: hidden;
}

.mopar_shine_section .container-wrap {
	padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.mopar_shine_row {
	display: flex;
    flex-direction: column;
    gap: 15px;
}

.mopar_shine_list_img {
	margin-bottom: 0;
    list-style: none;
   	display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
}

.mopar_shine_list_img img {
	width: 100%;
    height: 350px;
    object-fit: cover;
}

@media screen and (max-width: 767px) {
    .mopar_shine_list_img img {
    	height: auto;
    }
}

.mopar_shine_list_img li {
	display: flex;
    align-items: center;
}

.mopar_shine_content_item {
	display: none;
}

.mopar_shine_content_item.isActive {
	display: block;
}

.mopar_shine_list_img li a {
	width: 100%;
}

.mopar_shine_content_row {
    background-image: url(https://rparts-sites.s3.amazonaws.com/7eb29465da0e669de037c4513701dbe0/design/img/new/bgbanner.png);
    background-repeat: repeat;
    background-position: 50% 50%;
	display: flex;
    margin-left: -7.5px;
    margin-right: -7.5px;
}

@media screen and (max-width: 767px) {
    .mopar_shine_content_row {
    	flex-direction: column-reverse;
    }
}

.mopar_shine_content_col_08 {
	flex: 0 0 60%;
    max-width: 60%;
    padding-left: 7.5px;
    padding-right: 7.5px;
}

@media screen and (max-width: 767px) {
    .mopar_shine_content_col_08 {
    	flex: 0 0 100%;
        max-width: 100%;
    }
}

.mopar_shine_content_col_04 {
	flex: 0 0 40%;
    max-width: 40%;
    padding-left: 7.5px;
    padding-right: 7.5px;
}

@media screen and (max-width: 767px) {
    .mopar_shine_content_col_04 {
    	flex: 0 0 100%;
        max-width: 100%;
    }
}

.mopar_shine_content_img img {
	width: 100%;
    height: 500px;
    object-fit: cover;
}

@media screen and (max-width: 767px) {
    .mopar_shine_content_img img {
    	height: auto;
    }
}

.mopar_shine_content_wrapper {
	padding: 20px 20px;
}

.mopar_shine_content_wrapper h3 {
	text-transform: uppercase;
    font-weight: 700;
    font-size: 40px;
}

.mopar_shine_content_wrapper ul {
	margin-bottom: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.mopar_shine_content_wrapper ul li {
	font-size: 14px;
}

.mopar_shine_content_wrapper ul li strong {
	color: rgba(151,106,77,1);
}

.mopar_protect_row {
	display: flex;
    flex-direction: column;
    gap: 20px;
}

.mopar_protect_content_wrap {
	display: flex;
    flex-direction: row;
}

@media screen and (max-width: 500px) {
    .mopar_protect_content_wrap {
    	flex-direction: column;
    }
}

.mopar_protect_col:nth-child(odd) .mopar_protect_content_wrap {
	flex-direction: row-reverse;
}

@media screen and (max-width: 500px) {
    .mopar_protect_col:nth-child(odd) .mopar_protect_content_wrap {
    	flex-direction: column;
    }
}

.mopar_protect_col:nth-child(2) .mopar_protect_content {
	background-color: #6c6c6c;
}

.mopar_protect_col:nth-child(3) .mopar_protect_content {
	background-color: rgba(151,106,77,1);
}

.mopar_protect_img {
	flex: 0 0 70%;
    max-width: 70%;
}

@media screen and (max-width: 767px) {
    .mopar_protect_img {
    	flex: 0 0 50%;
        max-width: 50%;
    }
}

@media screen and (max-width: 500px) {
    .mopar_protect_img {
    	flex: 0 0 100%;
        max-width: 100%;
    }
}

.mopar_protect_img img {
	width: 100%;
    height: 100%;
}

.mopar_protect_content {
	flex: 0 0 30%;
    max-width: 30%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 30px 30px;
    background-color: #333;
}

@media screen and (max-width: 767px) {
    .mopar_protect_content {
    	flex: 0 0 50%;
        max-width: 50%;
    }
}

@media screen and (max-width: 500px) {
    .mopar_protect_content {
    	flex: 0 0 100%;
        max-width: 100%;
    }
}

.mopar_protect_content h3 {
	color: #fff;
    font-size: 40px;
    font-weight: 700;
}

.mopar_protect_content h4 {
	color: #fff;
    text-transform: uppercase;
}

.mopar_protect_content p {
	color: #fff;
    margin-bottom: 0;
}

/*.fadeIn {
  opacity: 0;
  transition: all 1.5s;
}

.fadeIn.visible {
  opacity: 1;
}*/

.moparTitle h3 {
	font-size: 30px;
    display: inline-block;
    padding-bottom: 15px;
    position: relative;
    margin-bottom: 30px;
}

.moparTitle h3::before {
	content: "";
    bottom: 0;
    left: 0;
    width: 60px;
    height: 5px;
    position: absolute;
    background-color: #0068b3;
}

#layout_dynamic-seo .catalog-products {
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
    margin-top: 30px;
    display: grid;
}

@media screen and (max-width: 767px) {
    #layout_dynamic-seo .catalog-products {
    	grid-template-columns: repeat(1, 1fr);
    }
}

#layout_dynamic-seo .catalog-product {
	border: 1px solid #cfcfcf;
    padding: 15px 15px;
    margin: 0;
    display: flex;
   	flex-direction: column;
    gap: 20px;
}

#layout_dynamic-seo .catalog-product.hide {
	display: none;
}

#layout_dynamic-seo .catalog-product.flex {
	display: flex !important;
}



#layout_dynamic-seo .product-details-col {
    display: flex;
    flex-direction: column;
}

#layout_dynamic-seo .product-details-col .col-xs-12.col-md-8,
#layout_dynamic-seo .product-details-col .col-xs-12.col-sm-4 {
	width: 100%;
}

#layout_dynamic-seo .product-details-col .product-purchase-button {
	text-align: center;
}

#layout_dynamic-seo .product-details-col {}

@media screen and (max-width: 1241px) {
    #layout_dynamic-seo .catalog-product {
    	display: flex;
        flex-direction: column;
        gap: 15px;
    }
}

.moparCatList {
    gap: 10px;
    list-style: none;
    margin-bottom: 0;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

@media screen and (max-width: 991px) {
    .moparCatList {
    	height: auto !important;
    }
}

.moparCatList li {
	width: 49%;
}

@media screen and (max-width: 991px) {
    .moparCatList li {
    	width: 100%;
    }
}

.moparCatList li a {
	display: inline-block;
    width: 100%;
    padding: 10px 15px;
    box-shadow: 0px 2px 4px rgba(0,0,0,0.1);
    color: #000;
}

.moparCatList li a:hover {
	text-decoration: none;
}

.theme_load_more {
    text-align: center;
    margin-top: 30px;
    display: none;
}

#theme_load_more {
    display: inline-block;
    padding: 12px 20px;
    background-color: #0F6BB3;
    color: #fff;
    width: 300px;
    text-align: center;
    border: 0;
}

.moparFilters .moparTitle {
	margin-left: -15px;
}

.moparContentWrapper {
	display: flex;
    gap: 15px;
}

@media screen and (max-width: 767px) {
    .moparContentWrapper {
    	flex-direction: column;
    }
}

.moparContentImg {
	flex: 0 0 30%;
    max-width: 30%;
}

@media screen and (max-width: 767px) {
    .moparContentImg {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.moparContentImg img {
	width: 100%;
    height: 200px;
    object-fit: contain;
}

.moparContentDesc ul {
	padding-left: 40px;
}

.moparFilters .desktop-search-filters {
	margin-left: -15px;
    margin-right: -15px;
}

#page-dynamic-seo .page-builder-page-layout .page-builder-layout-row+.page-builder-layout-row {
    margin-top: 50px;
}



/*
	LEFT PANEL
*/
.left_panel_wrapper .mobile-nav {
	list-style: none;
    margin-bottom: 0;
}

.left_panel_wrapper .mobile-nav h3 {
	padding: 10px 10px;
}

.left_panel_wrapper .mobile-nav a {
	padding: 10px 10px;
    color: #000;
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--themeColor);
}

.left_panel_wrapper .mobile-nav a:hover,
.left_panel_wrapper .mobile-nav a:focus {
	text-decoration: none;
}

.left_panel_wrapper .mobile-dropdown-toggle,
.mobile-dropdown-toggle-child {
	justify-content: space-between;
}

.left_panel_wrapper .mobile-dropdown-toggle-child {
	padding: 10px 20px !important;
}

.menu-wrap li a {
	padding: 10px 30px !important;
}

.left_panel_wrapper .mobile-dropdown-toggle .fa,
.left_panel_wrapper .mobile-dropdown-toggle-child .fa {
	transition: all .3s ease-in-out;
}

.mobile-dropdown-toggle.active .fa,
.mobile-dropdown-toggle-child.active .fa {
	transform: rotate(180deg);
}

.left_panel_wrapper .mobile-nav-item.has-child {
	background-color: #F5F5F5;
    border-bottom: 1px solid #ccc;
}

.left_panel_wrapper .mobile-nav-item.has-child a {
	position: relative;
}

.left_panel_wrapper .mobile-nav-item.has-child .fa-chevron-down {
	position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
}

#mobile-menu {
	margin-top: 0 !important;
}

.mobile-mega-wrap, .menu-wrap {
	list-style: none;
}

.mobile-mega-wrap .mobile-nav-item {
    border-bottom: 1px solid #ccc;
}

.mobile-nav-item .fa {
	color: var(--themeColor);
}


.left_panel::-webkit-scrollbar {
    width: 4px;
}
 
.left_panel::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);
}
 
.left_panel::-webkit-scrollbar-thumb {
  background-color: var(--themeColor);
  outline: 1px solid slategrey;
}

.left_panel {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 320px;
    background-color: #fff;
    height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
    z-index: 9999;
    transform: translateX(-1000px);
    transition: all .3s ease-in-out;
}

@media screen and (max-width: 767px) {
    .left_panel {
    	width: 85%;
    }
}

.left_panel_close {
    cursor: pointer;
	width: 40px;
    height: 40px;
    position: absolute;
    top: 0px;
    right: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.left_panel_close svg {
	fill: var(--themeColor);
}

.left_panel_child_header {
	display: none;
    align-items: center;
    justify-content: space-between;
    padding: 15px 0;
    border-bottom: 1px solid #ccc;
    margin-bottom: 15px;
}

.left_panel_child_title {
	margin-bottom: 0;
    font-weight: 600;
    font-size: 14px;
    margin-right: 40px;
}

.left_panel_child_link {
    display: inline-block;
    width: 100%;
    font-size: 14px;
    padding: 10px 0;
    color: #000;
    font-weight: 400;
}

.left_panel_child_link:hover, .left_panel_child_link:focus {
	color: var(--themeColor);
    text-decoration: none;
}

.left_panel_child_back_button {
	font-size: 14px;
    color: #000;
}

.left_panel_child_list {
	list-style: none;
    margin-bottom: 0;
}

.left_panel_child_back_button:hover {
	text-decoration: none;
    color: #E61464;
}

.left_panel_list {
	margin-bottom: 0;
    list-style: none;
}

.left_panel_item {
	margin-bottom: 15px;
}

.left_panel_item:last-child {
	margin-bottom: 0;
}

.openChild .left_panel_item {
	margin-bottom: 0;
}

.left_panel_link {
	display: inline-block;
    width: 100%;
    position: relative;
    font-size: 14px;
    color: #000;
    font-weight: 400;
}

@media screen and (max-width: 767px) {
    .left_panel_link {
    	font-size: 14px;
    }
}

.left_panel_link:hover, .left_panel_link:focus {
	text-decoration: none;
    color: var(--themeColor);
}

.left_panel_content_wrapper  h3 {
	font-weight: 600;
}

.left_panel_child_wrapper {
	display: none;
}

.left_panel_close svg path {
	fill: var(--darkBlue);
}

.openChild .left_panel_content_wrapper h3, .openChild .left_panel_link {
	display: none;
}

.left_panel_content_wrapper h3 {
	margin-bottom: 20px;
}

.openChild .left_panel_header .links-list-module {
	display: none;
}

.openChildActive .left_panel_child_wrapper {
	display: block;
    animation: show-from-right .6s ease;
}

.openChild .left_panel_header_list {
	display: none !important;
}

.openChild .left_panel_child_header {
	display: flex;
    animation: show-from-right .6s ease;
}

.left_panel_header_list .left_panel_header_item:nth-child(4) {
    margin-top: 10px;
	padding: 15px 0px;
    border-top: 1px solid #ccc;
    border-bottom: 2px solid var(--darkBlue);
}

@keyframes show-from-left {
	0%, 50% {
        opacity: 0;
        transform: translateX(-100px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes show-from-right {
	0%, 50% {
        opacity: 0;
        transform: translateX(100px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.left-panel-show .left_panel .left_panel_header {
	animation: show-from-left .6s ease;
}

.left-panel-show .left_panel .left_panel_content {
	animation: show-from-left .7s ease;
    margin-bottom: 30px;
}

.left-panel-show .left_panel .left_panel_footer {
	animation: show-from-left .8s ease;
}

.left_panel_overlay {
	position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0,0,0,0.6);
    display: none;
    z-index: 999;
}

body.left-panel-show {
	overflow: hidden;
}

.left-panel-show .left_panel {
	transform: translateX(0);
}

.left-panel-show .left_panel_overlay {
	display: block;
}

.left_panel .container-wrap {
	padding: 0px !important;
    height: 100%;
}

.left_panel_header .left_panel_header_list, .left_panel_content .links-list, .left_panel_footer .links-list {
	display: inline-block;
    width: 100%;
}

.left_panel_header .left_panel_header_list, .left_panel_content .links-list {
	margin-bottom: 20px;
    list-style: none;
}

.left_panel_content .left_panel_header_list {
	padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
}

.left_panel_header .left_panel_header_list li:nth-child(4) a {
	background: var(--themeColor);
    color: #fff;
    text-align: center;
    border-radius: 25px;
    width: 170px;
}

.left_panel_header .left_panel_header_list li:nth-child(4) a:hover {
	background: var(--themeColor);
    opacity: 1;
    color: #fff !important;
}

.left_panel_header .left_panel_header_list a, .left_panel_content .links-list a, .left_panel_footer .links-list a {
    display: inline-block;
	width: 100%;
    padding: 10px 0px;
    font-size: 14px;
    color: #000;
    font-weight: 400;
    
}

@media screen and (max-width: 767px) {
	.left_panel_header .left_panel_header_list a, .left_panel_content .links-list a, .left_panel_footer .links-list a {
    	font-size: 16px;
    }
}

.left_panel_header .left_panel_header_list a:hover, .left_panel_content .links-list a:hover, .left_panel_footer .links-list a:hover,
.left_panel_header .left_panel_header_list a:focus, .left_panel_content .links-list a:focus, .left_panel_footer .links-list a:focus {
	text-decoration: none;
    color: var(--themeColor);
    opacity: 1;
}

.left_panel_content .heading {
	padding: 10px 10px;
}

.itemBlackFriday img {
    height: calc(310px + (512 - 310) * ((100vw - 768px) / (1900 - 768))) !important;
    object-fit: contain !important;
    background-color: #000;
}

#hero-caption-1 {
	background: rgba(255,255,255,0.7);
    color: black;
}

#hero-caption-1 h2 {
	color: #000;
}

#hero-caption-1 p {
    color: #000;
}



/* header */
.themeHeaderMopar .page-builder-layout-row {
	display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.themeHeaderMopar .page-builder-layout-row .col-md-6 {
	width: auto !important;
}

.themeHeaderMopar .row:after {
	display: none;
}

.FaqText {
	font-size: 14px !important;
    color: #000 !important;
    font-weight: 400 !important;
}

#page-dynamic-seo .search-listing-module .catalog-product .product-image-col {
    width: 50%;
}

#page-dynamic-seo .search-listing-module .catalog-product .product-image-col a {
    height: 150px;
}

/*  cannot-purchase-parent */
#layout_dynamic-seo .catalog-product.cannot-purchase-parent {
	display: none !important;
}

/* Temp fix for accessories image */
.category[data-category-id="cat-lighting-and-electrical-accessories-accessories"] img {
  max-height: 140px;
}

/* Change Clear Dealer to Change Dealer in dealer selection modal */
#selectedDealerContainer .clear-dealer-link {
	position: relative;
}
#selectedDealerContainer .clear-dealer-link::before {
	content: "Change Dealer";
    position: absolute;
    background-color: #f4f4f4;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100px;
}
/* hide image on mobile for bproauto */
@media screen and (max-width: 767px) {
	.hide-on-mobile {
    	display: none !important;
	}
}
/* Add margin to separate h3 on PDP */
#page-product h3 {
    margin-top: 20px;
}
/* Update Brand Disclosure line height */
.brand-disclosure-component .brand-disclosure-text {
    line-height: 160%;
}
/* Fix CFCs category list for bproauto */
.cfc_cats_list .pp-list {
    padding: 1rem;
}
/* bproauto css header */
.header-nav-wrap .header-nav .links-list li {
	position: relative;
}
.header-nav-wrap .header-nav .links-list li:last-child::before  {
    content: "";
    background-image: url(https://s3.amazonaws.com/static.revolutionparts.com/assets/images/bproauto.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 75px;
    position: absolute;
    top: 9px;
    right: -28px;
    background-color: #fff;
    padding: 5px;
    height: 15px;
}
@media screen and (max-width: 991px) {
    .header-nav-wrap .header-nav .links-list li:last-child::before {
        width: 60px;
        position: absolute;
        top: 9px;
        right: -4px;
        padding: 7px;
        height: 12px;
    }
}
.mega-menu_card-title img {
	width: 90px;
    position: relative;
    top: -2px;
    margin-left: 4px;
}

/* Begin Affiliated Accessories hide */
.product-manufacturer-data strong {
    display: none !important;
}
/* End Affiliated Accessories hide */

/* Affiliated Accessories Disclosure */
.brand-disclosure-component .brand-disclosure-text a {
    color: #0e41a3;
}

/* policy css */
.themeShippingRow {
	display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}

.themeShippingRow ul {
	padding-left: 30px;
}



/* modal selector */

.themeVehicleBox {
	margin-top: 0 !important;
}

.themeShopVehicleToggle a {
	color: #fff;
    font-weight: 700;
    margin-right: 10px;
}

.themeVehicleTabContent .search-by-vin-module .header-text,
.themeVehicleTabContent .search-by-vin-module .box-icon,
.themeVehicleTabContent .search-by-vin-module .box-message {
	display: none;
}

.themeVehicleTabContent .search-by-vin-module .btn {
	background-color: #0068b3;
}

.themeShopVehicleToggle a:hover,
.themeShopVehicleToggle a:focus {
	color: #fff;
}

.themeVehicleTabHeader {
	background-color: #fff;
    max-width: 850px;
    width: 100%;
    padding: 20px 20px 0 20px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
}

.themeVehicleTabContent .search-by-vin-module .find-vin-link {
	background: #fff;
    color: #fff;
    height: 25px;
    display: block;
    overflow: hidden;
}

.themeVehicleTabContent .search-by-vin-module .find-vin-link::before {
	content: "Locate VIN";
    display: block;
    color: #000;
}

#findVinDialog.modal .modal-content .title-wrap .title {
	height: 28px;
    color: transparent;
    overflow: hidden;
}

#findVinDialog.modal .modal-content .title-wrap .title::before {
	content: "Locate VIN";
    display: block;
    color: #fff;
}

.page-builder-page-layout .page-builder-layout-column.block-modules .page-builder-layout-module+.page-builder-layout-module.themeVehicleTabCurrentCar {
	background-color: #fff;
    max-width: 850px;
    width: 100%;
    padding: 0px 20px 20px 20px;
    margin-left: auto !important;
    margin-right: auto !important;
}

.modal-backdrop {
	z-index: 99;
}

.themeVehicleModalSelector {
	padding: 0 20px;
}

.themeVehicleTabWrap .close {
	font-size: 30px;
    opacity: 1;
}

.themeVehicleTabList {
	list-style: none;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    gap: 30px;
}

.themeVehicleTabList li a {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    border: 2px solid #0068b3;
    background-color: #0068b3;
    color: #ffffff;
    font-weight: 700;
    text-align: center;
    transition: all 0.3s ease;
    width: 100px;
    height: 30px;
}

.themeVehicleTabList li a:hover,
.themeVehicleTabList li a:focus {
	background-color: #004c7a;
	color: #ffffff;
}

.themeVehicleTabList li.active a {
	background-color: transparent;
	border: 2px solid #0068b3;
	color: #0068b3;
	font-weight: 700;
}

.page-builder-page-layout .page-builder-layout-column.block-modules .page-builder-layout-module+.page-builder-layout-module.themeVehicleTabContent {
	background-color: #fff;
    max-width: 850px;
    width: 100%;
    padding: 20px 20px;
    margin-left: auto !important;
    margin-right: auto !important;
}

.themeVehicleTabContent .vehicle-picker-dropdown-module .header-text {
	display: none;
}

.themeVehicleTabContent .vehicle-picker-dropdown {
	display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 10px;
}

.themeVehicleTabContent .vehicle-picker-dropdown-module .vehicle-picker-dropdown.classic .dropdown-toggle {
	min-width: auto;
}

.themeVehicleTabContent .vehicle-picker-dropdown-module .vehicle-picker-dropdown .dropdown {
	margin: 0;
}