/* begin fix the thumbnail arrows */
#page-product .product-images-module .product-images ul.secondary-images.owl-carousel .owl-next, 
#page-product .product-images-module .product-images ul.secondary-images.owl-carousel .owl-prev {
     height: 60px;
padding: 0;
}
/* end fix the thumbnail arrows */

#primary-header .logo-wrap img {
    max-height: 80px;
}

#hero-custom .banner-vpicker-module .slider .rslides_container .rslides,
#hero-custom .banner-vpicker-module .slider .rslides_container .rslides li .slide-image,
#hero-custom .banner-vpicker-module .slider .rslides_container .rslides li {
    max-height: calc(200px + (475 - 200) * ((100vw - 768px) / (1900 - 768))) !important;
	height: calc(200px + (475 - 200) * ((100vw - 768px) / (1900 - 768)));
    object-fit: contain;
}

@media screen and (max-width: 1000px) {
    #search-tabs {
    	margin-top: 0;
    }
}

.col-sm-3.cow {
    width: 20%;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .col-sm-3.cow {
    	width: 100%;
        height: 200px;
    }
}

.col-md-6.text {
    width: 60%;
}

@media screen and (max-width: 767px) {
    .col-md-6.text {
    	width: 100%;
    }
}

/* VIN Message */
.box-message p {
    font-weight: 700;
}

.promotional-banner-text-wrap {
    font-size: 18px; /* sets the banner font size */
}

.product-recommended-module .product-recommendations {
    display: inline!important;
}

#primary-header .help-nav ul a:before {
    top: 10px !important;
}

/* OEM Interactive - Sitewide Banner */
.promotional-banner-text {
    text-shadow: 2px 2px 2px #000;
    color: #fff!important;
}

.promotional-banner-text-wrap {
    font-size: 18px;
}

.promotional-banner-wrap {
    background-color: #1a4e8a!important;
}

 
/* OEM INTERACTIVE */

li.sold-in-qty .list-label {
    color: red;
    font-weight: 700!important;
    font-size: 16px!important;
}

.sold-in-qty .list-value {
    color: red!important;
    font-weight: 700;
    font-size: 18px!important;
}

.health-warning {
    margin-top: 1em;
}

#rp_inventory_message {
    color: #000!important;
}

i.fa.fa-exclamation-triangle {
    color: #cc1619!important;
}


/*  */
#hero-custom .banner-vpicker-slider .owl-nav {
	display: block;
}
#hero-custom .banner-vpicker-slider .owl-nav button {
	position: absolute;
    top: 0;
    bottom: 0;
    width: 30px;
    height: 30px;
    border: 1px solid #14477d;
    border-radius: 30px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
#hero-custom .banner-vpicker-slider .owl-nav button.owl-prev {
    left: 15px;
}
#hero-custom .banner-vpicker-slider .owl-nav button.owl-next {
    right: 15px;
}
#hero-custom .banner-vpicker-slider .owl-nav button > span {
	color: #14477d;
    font-weight: 700;
    font-size: 20px;
    position: relative;
    top: -1px;
}
@media (max-width: 575px) {
    #hero-custom .banner-vpicker-slider .owl-nav button {
    	width: 20px;
    	height: 20px;
    }
	#hero-custom .banner-vpicker-slider .owl-nav button.owl-prev {
        left: 2px;
    }
    #hero-custom .banner-vpicker-slider .owl-nav button > span {
        top: -2px;
    }
}
/*  */





/*--------------  OEM Interactive UX Audit, May 6 2025  -------------*/
/*-------------------------------------------------------------------*/
/*------------OOOOO-------EEEEEEEEEE--MM----------MMM--IIIIIIIIII----*/
/*---------OOO----OOO----EEE---------MMM--------MMMM------III--------*/
/*-------OOO-------OOO--EEE---------MM-MM----MMM-MM------III---------*/
/*------OOO-------OOO--EEEEEEEE----MM--MM--MMM--MM------III----------*/
/*-----OOO-------OOO--EEE---------MM---MMMM----MM------III-----------*/
/*------OOO----OOO---EEE---------MM----MM-----MM------III------------*/
/*-------OOOOOO-----EEEEEEEEEE--MM-----------MM--IIIIIIIIII----------*/
/*-------------------------------------------------------------------*/

.free-shipping { /* This hides the free shipping tag on product page images by default (to hide it from Accelerated Handling). A script shows it again on products where it's relevant. */
  display: none;
}

.col-sm-3.cow { /* Aligns the cows */
    text-align: center;
}

#primary-header .col-md-8 { /* Repositions the secondary header */
    padding-top: 40px;
}
#primary-header .cart-button-module { /* Repositions the secondary header */
    top: 40px;
}

#mobile-menu .mobile-header-search .search-bar-component button { /* Sets the color of the mobile search icon */
    color: #999;
}

ul.main-nav-links { /* Prevents the top nav from wrapping incorrectly */
  margin-left: 0 !important;
}

html body .action-button.big-button { /* Fits the Add To Cart button text on a single line */
    padding: 12px 16px;
}

/* Sets the default upsell image width */
.product-additional-info-module .catalog-product .product-image-col { 
    width: 100%;
}
.product-additional-info-module .catalog-product .product-image-col>a img {
    height: auto;
    max-width: 100%;
}

@media screen and (max-width: 400px) { /* The mobile cart flyout was squished, this unsquishes it */
    .cart-component .cart-flyout {
        width: unset !important;
    }
}

/* Mobile */
@media (max-width: 767px) { 
    .col-sm-3.cow {
        width: 100%;
        height: unset;
    }
    .car-selected-module .garage-text { /* Aligns the text in the mobile vehicle picker button */
        padding-top: 0px;
    }
    .more-modal-wrap .modal { /* Moves the "More" modal down on mobile */
        top: 80px;
    }
    .product-additional-info-module .catalog-product .product-details-col { /* Tidies upsells on the cart page */ 
        width: 100%;
    }
    .product-additional-info-module .catalog-product .product-image-col {/* Tidies upsells on the cart page */
        width: 100%;
    }
    .cow-desktop-only { /* Removes the redundant cow from mobile */
        display: none;
    }
    #___ratingbadge_0 { /* Hides the Google Reviews tab on mobile */
        display: none !important;
    }
    .payments_messaging_module { /* Aligns the PayPal offering */
        padding-left: 20px;
    }
    /* Optimizes the product page product details for mobile */
    .product-details-inner ul.field-list {
        display: grid;
        grid-template-columns: repeat(4, 25%);
        align-items: start;
    }
    .product-details-inner ul.field-list .manufacturer, .product-details-inner ul.field-list .part_number, .product-details-inner ul.field-list .positions, .product-details-inner ul.field-list .also_known_as {
        grid-column: span 2;
        align-self: start;
        height: auto;
    }
    .product-details-inner ul.field-list .description, .product-details-inner ul.field-list .product-superseded-list, .product-details-inner ul.field-list .condition {
        height: auto;
    }
    .product-details-inner ul.field-list li {
        grid-column: span 4;
    }
    .product-details-inner ul.field-list h2, .product-details-inner ul.field-list span {
        display: block;
    }
    .product-details-inner ul.field-list ul {
        list-style: none;
        padding-left: 0;
    }
    .product-details-module ul.field-list li+li {
        height: auto;
        margin: 0 0 15px 0;
    }
    .product-additional-info-module .catalog-product .product-image-col {
        width: 90px;
    }
    .product-additional-info-module .catalog-product .product-image-col>a img {
        height: unset;
        max-width: 90px;
    }
    .product-page-layout ul.field-list li .list-value {
        display: block;
    }
    .box-message p { /* VIN Message */
        font-size: 12px;
        font-weight: 500;
    }
}

@media (max-width: 799px) { /* Overrides and properly sizes h2s on the mobile homepage */
    #page-home h2 {
        font-size: 2.5em;
    }
}

#rp_global_add_to_cart .current_product .product_details_col ul li label { /* Fixes the padding of "Our Price" in the Added to Cart popup */
    padding-right: unset !important;
}

#rp_global_add_to_cart .add_cart_control .add_cart_button .button { /* Makes the buttons in the Added to Cart popup larger */
    height: 50px;
}

/* Fixes the display of the product page vehicle fitment table */
.product-fitment-module .fitment-table-wrap .fitment-table td, .product-fitment-module .fitment-table-wrap .fitment-table th {
    padding: 8px;
}
.fitment-year {
    min-width: 45px;
}
.fitment-make {
    min-width: 80px;
}
.fitment-model {
    min-width: 60px;
}
.fitment-trim {
    max-width: unset;
}
.fitment-table-wrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.fitment-table {
  min-width: 800px;
  width: max-content;
  border-collapse: collapse;
}

.product-details-module li.product-description span.description_body li { /* Adds spacing for lists in product descriptions */
    margin: 0 0 20px 20px;
}

.featured-products-module h2 { /* Centers the Featured Products h2 */
    text-align: center;
}
.featured-products-module .featured-products { /* Centers the Featured Products section */
    justify-content: center;
}

.required-parts th { /* Properly displays the labels in the bundle parts table */
    white-space: nowrap;
}

.cart-page-layout .cart-other-options { /* Prevents the checkout box from clipping */
    width: unset;
}

/* Adjusts the cart page VIN collector */
.cart-page-layout .cart-subtotal-row .collect-vin-form-module p { 
    font-size: 15px;
    font-weight: 700;
}
.collect-vin-form-module .input-custom .vin-form-button {
    min-width: 80px;
}
@media(max-width: 767px) {
    .cart-page-layout .cart-subtotal-row .collect-vin-form-module {
        display: block;
    }
    .cart-page-layout .cart-subtotal-row .collect-vin-form-module p {
        font-size: 12px;
        font-weight: 500;
    }
}

@media only screen and (max-width: 960px) { /* Properly displays the Yotpo rating on mobile */
    .main-widget .avg-score {
        width: 90px !important;
    }
}

.health-warning { /* Adds some space above the Prop 65 warning */
    padding-top: 20px;
}

#rp_shipping_message {
    padding: unset !important;
    padding-left: 10px !important;
}

.shop-other-brands img { /* Adds spacing between the other brand logos in the footer */
    margin: 5px 5px 30px;
}

.main-nav-outer-list a {
    color: white;
    text-decoration: none;
}

.product-recommended-module { /* Fixes the alignment of the Recommended Products on the product page */
    padding-right: unset;
}

/* Old code which was removed:
img.cow_img {
    width: 95px;
}
.col-sm-3.cow {
    width: 15%!important;
}
.col-md-6.text {
    width: 70%;
} */

/*-------- End OEMI Audit --------*/


/* MAR-3657 - Custom Site Data Transfer - Boucher Volkswagen of Franklin */
/* Global */
html body {
    font-size: 12px;
}
/* Header */
.store-logo-module .store-logo-link img {
    margin: 0;
    max-height: unset !important;
}
#primary-header .col-md-8 {
    padding-top: 0 !important;
}
@media screen and (min-width: 768px) {
    #primary-header .col-md-8 .page-builder-layout-column-wrap {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
    #primary-header .col-md-8 .page-builder-layout-column-wrap .cart-button-module {
    	top: 30px;
    }
}
#primary-header .cart-button-module .cart-component .cart-button {
	background-color: rgb(20, 71, 125);
}
#secondary-header .search-bar-module .button-start-search .fa {
	color: #14477d;
}
#secondary-header .custom-html-module .main-nav-links .main-nav-inner-list li {
	font-size: .85em;
}
@media screen and (max-width: 767.98px) {
    #mobile-menu .page-builder-page-layout .page-builder-layout-row + .page-builder-layout-row {
    	margin-top: 0;
    }
    #mobile-menu .mobile-header-search .search-bar-component button .fa {
    	color: #14477d;
    }
}
/* Footer */
@media screen and (max-width: 767.98px) {
    #footer-custom .links-list-module .links-list li a {
        padding: 12px 0;
        border-bottom: 1px solid #ffffff;
    }	
}
/* END of MAR-3657 - Custom Site Data Transfer - Boucher Volkswagen of Franklin */






/*======= From Agua Fria Light Theme CSS =======*/
/* Moved to automation.scss */
/* Moved to automation.scss */
/* Moved to automation.scss */
/* Moved to automation.scss */
.call-to-action-button,
.search-by-part-module .btn,
.vin-column-custom .search-by-vin-module .btn,
#home-content .newsletter-signup-module .btn,
.newsletter-signup-module.newsletter-inline .input-custom .newsletter-button,
#accessories-custom .acc-right-col .acc-grid-wrapper .acc-grid-row .acc-half .cta-custom {
  background-color: #14477D;
  border-radius: 0px;
  border: none;
  color: #fff;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.call-to-action-button:hover,
.call-to-action-button:active,
.call-to-action-button:focus,
.search-by-part-module .btn:hover,
.search-by-part-module .btn:active,
.search-by-part-module .btn:focus,
.vin-column-custom .search-by-vin-module .btn:hover,
.vin-column-custom .search-by-vin-module .btn:active,
.vin-column-custom .search-by-vin-module .btn:focus,
#home-content .newsletter-signup-module .btn:hover,
#home-content .newsletter-signup-module .btn:active,
#home-content .newsletter-signup-module .btn:focus,
.newsletter-signup-module.newsletter-inline .input-custom .newsletter-button:hover,
.newsletter-signup-module.newsletter-inline .input-custom .newsletter-button:active,
.newsletter-signup-module.newsletter-inline .input-custom .newsletter-button:focus,
#accessories-custom .acc-right-col .acc-grid-wrapper .acc-grid-row .acc-half .cta-custom:hover,
#accessories-custom .acc-right-col .acc-grid-wrapper .acc-grid-row .acc-half .cta-custom:active,
#accessories-custom .acc-right-col .acc-grid-wrapper .acc-grid-row .acc-half .cta-custom:focus {
  background-color: #1b60a9;
  color: #fff;
}

.call-to-action-button:visited,
.search-by-part-module .btn:visited,
.vin-column-custom .search-by-vin-module .btn:visited,
#home-content .newsletter-signup-module .btn:visited,
.newsletter-signup-module.newsletter-inline .input-custom .newsletter-button:visited,
#accessories-custom .acc-right-col .acc-grid-wrapper .acc-grid-row .acc-half .cta-custom:visited {
  background-color: #14477D;
  color: #fff;
}

#primary-header .search-col-custom {
  padding: 12px 0;
}

#primary-header .container-wrap {
  padding: 0;
}

#primary-header .logo-wrap {
  margin-top: 0;
  width: auto;
  overflow: hidden;
}

#primary-header .logo-wrap .store-logo-module {
  min-height: 78px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#primary-header .logo-wrap img {
  max-height: 55px;
}

#primary-header .col-md-8 {
  padding-top: 20px;
}

#primary-header .help-nav {
  list-style: none;
  overflow: auto;
  text-align: right;
  margin-right: 120px;
}

#primary-header .help-nav ul {
  margin-bottom: 0px;
}

#primary-header .help-nav ul li {
  display: inline-block;
  margin: 0 0 0 15px;
}

#primary-header .help-nav ul a {
  -webkit-transition: color .5s ease;
  -moz-transition: color .5s ease;
  -ms-transition: color .5s ease;
  -o-transition: color .5s ease;
  transition: color .5s ease;
  padding: 7px 10px 9px 25px;
  display: block;
  position: relative;
  font-family: "Open Sans", sans-serif;
  font-size: 10pt;
  color: #000;
  font-weight: 400;
}

#primary-header .help-nav ul a:hover {
  color: #14477D;
  text-decoration: none;
}

@media (max-width: 1023px) {
  #primary-header .help-nav ul a {
    padding: 9px 6px;
  }
}

#primary-header .help-nav ul .link-home:before {
  position: absolute;
  content: '\f015';
  left: 0;
  top: 7px;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
}

@media (max-width: 1023px) {
  #primary-header .help-nav ul .link-home:before {
    display: none;
  }
}

#primary-header .help-nav ul .link-order:before {
  position: absolute;
  content: '\f0d1';
  left: 0;
  top: 7px;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
}

@media (max-width: 1023px) {
  #primary-header .help-nav ul .link-order:before {
    display: none;
  }
}

#primary-header .help-nav ul .link-help:before {
  position: absolute;
  content: '\f128';
  left: 0;
  top: 7px;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
}

@media (max-width: 1023px) {
  #primary-header .help-nav ul .link-help:before {
    display: none;
  }
}

#primary-header .help-nav ul .link-account:before {
  position: absolute;
  content: '\f007';
  left: 0;
  top: 7px;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
}

@media (max-width: 1023px) {
  #primary-header .help-nav ul .link-account:before {
    display: none;
  }
}

#primary-header .cart-button-module {
  position: absolute;
  right: 8px;
  top: 20px;
  width: 100px;
}

#primary-header .cart-button-module .cart-component .cart-button {
  border-radius: 0px;
}

#primary-header .cart-button-module .cart-component .cart-button .cart-items-exist {
  background: #000;
  color: #fff;
}

#secondary-header {
  background-color: #333;
}

#secondary-header .container-wrap {
  padding: 0;
}

#secondary-header .search-col-custom {
  padding: 12px 0;
}

#secondary-header .car-selected-module {
  width: 230px;
  float: left;
  background-color: transparent;
  margin: 0px 30px 0 0;
  padding: 0px 10px;
  line-height: 36px;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}

#secondary-header .car-selected-module:hover {
  background-color: #2D96CD;
  border-color: #2D96CD;
}

@media (max-width: 1023px) {
  #secondary-header .car-selected-module {
    margin: 0 30px 0 0;
  }
}

#secondary-header .car-selected-module .garage-component {
  width: 100%;
  text-align: center;
  padding-left: 28px;
}

#secondary-header .car-selected-module .garage-component::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 6px;
  height: 20px;
  width: 20px;
  background: url("https://cdn-static.revolutionparts.io/assets/themes/default_assets/garage-icon.png") no-repeat center center;
  background-size: contain;
  margin: 2px 0 0 2px;
}

#secondary-header .car-selected-module .garage-component .garage-text {
  color: #fff;
  -webkit-font-smoothing: antialiased;
}

#secondary-header .search-bar-module {
  overflow: hidden;
}

#secondary-header .search-bar-module input {
  border: none;
}

#secondary-header .search-bar-module .button-start-search {
  background: transparent;
  color: #F8F8F8;
}

#secondary-header .main-nav-links {
  list-style: none;
  margin-bottom: 0;
}

#secondary-header .main-nav-links .main-nav-outer-list {
  display: inline-block;
  position: relative;
  padding: 22px 10px;
  font-family: "Open Sans", sans-serif;
  font-size: 1.2em;
  color: #fff;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
}

#secondary-header .main-nav-links .main-nav-outer-list:hover {
  background-color: #2D96CD;
}

#secondary-header .main-nav-links .main-nav-inner-list {
  list-style: none;
  display: none;
  position: absolute;
  width: 100%;
  min-width: 180px;
  top: 100%;
  left: 0;
  z-index: 22;
  padding: 5px 0;
  background-color: #14477D;
}

#secondary-header .main-nav-links .main-nav-inner-list a {
  display: block;
  padding: 0 0 0 10px;
}

#secondary-header .main-nav-links .main-nav-inner-list a:hover {
  background-color: #2D96CD;
  text-decoration: none;
}

#secondary-header .main-nav-links .main-nav-inner-list li {
  padding: 5px;
  font-family: "Open Sans", sans-serif;
  font-size: 1em;
  color: #fff;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
}

#secondary-header .main-nav-links .main-nav-outer-list:hover .main-nav-inner-list {
  display: block;
}

#secondary-header .garage.flyout {
  background-color: #2477a3;
  border: 0;
  border-radius: 0;
  color: #fff;
}

#secondary-header .garage.flyout .recent-cars .recent-vehicles-header,
#secondary-header .garage.flyout ul li a {
  color: #fff;
}

#secondary-header .garage.flyout ul li a:hover {
  background-color: #1b5979;
  text-decoration: none;
  color: #fff;
  border-left: 2px solid #000;
}

#secondary-header .garage.flyout ul li a:hover i {
  color: #fff;
}

#secondary-header .garage.flyout ul li a:hover em {
  color: #fff;
}

#secondary-header .garage.flyout ul li a:hover em span {
  color: #fff;
}

#secondary-header .garage.flyout ul li a:hover em span i {
  color: #fff;
}

@media (max-width: 1100px) {
  #secondary-header .page-builder-layout-row {
    display: block;
  }

  #secondary-header .col-sm-6 {
    float: none;
    width: 100%;
    display: block;
    padding: 0px;
  }
}

#mobile-menu {
  /* Mobile Header */
  padding: 10px;
  margin-top: -1px;
  /* Mobile Menu and Modals */
}

#mobile-menu .mobile-header {
  overflow: auto;
}

#mobile-menu .mobile-header .mobile-logo {
  float: left;
}

#mobile-menu .mobile-header .mobile-logo figure {
  margin: 0;
}

#mobile-menu .mobile-header .mobile-logo img {
  max-height: 40px;
}

#mobile-menu .mobile-header .mobile-contact {
  float: right;
  line-height: 40px;
}

#mobile-menu .mobile-header .mobile-contact .fa {
  font-size: 1.5em;
}

#mobile-menu .mobile-header .mobile-contact .fa .fa:before {
  vertical-align: middle;
}

#mobile-menu .mobile-header-search {
  margin-top: 10px;
}

#mobile-menu .mobile-header-search .search-bar-component input {
  padding-left: 40px;
}

#mobile-menu .mobile-header-search .search-bar-component button {
  background-color: transparent;
  color: #F8F8F8;
  left: 0;
  right: auto;
}

#mobile-menu .mobile-header-garage {
  margin-top: 10px;
}

#mobile-menu .mobile-header-garage .car-selected-module {
  background-color: #14477D;
  text-align: center;
}

@media (min-width: 575px) {
  #mobile-menu .mobile-header-garage .car-selected-module .garage-component {
    width: 100%;
  }
}

#mobile-menu .mobile-header-garage .car-selected-module .garage-text {
  line-height: 36px;
  color: #fff;
  text-transform: uppercase;
}

#mobile-menu .container-wrap,
#mobile-menu .col-sm-12 {
  padding: 0;
  position: inherit;
}

#mobile-menu .mobilemenu {
  background: #333;
  list-style: none;
  height: 60px;
  position: fixed;
  z-index: 1025;
  bottom: 0;
  left: 0;
  width: 100%;
  overflow: visible;
  margin: 0;
}

#mobile-menu .mobilemenu .container-wrap,
#mobile-menu .mobilemenu .col-sm-12 {
  padding: 0;
  position: inherit;
}

#mobile-menu .mobilemenu .mm-item {
  width: 20%;
  float: left;
  text-align: center;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  color: #fff;
  font-weight: 400;
  padding: 14px 0;
}

#mobile-menu .mobilemenu .mm-item .icon {
  height: 20px;
}

#mobile-menu .mobilemenu .mm-item .call-to-action-button {
  background-color: transparent;
  padding: 3px 0;
  margin-top: -3px;
}

#mobile-menu .mobilemenu .mm-item .cart-component {
  position: inherit;
  min-width: 10px;
}

#mobile-menu .mobilemenu .mm-item .cart-component .cart-items {
  left: 10px;
}

#mobile-menu .mobilemenu .mm-item .cart-component .cart-items-exist {
  background: #14477D;
  color: #fff;
}

#mobile-menu .mobilemenu .mm-item .cart-icon .fa {
  font-size: 20px;
}

#mobile-menu .mobilemenu .mm-item .cart-button {
  color: #fff;
}

#mobile-menu .mobilemenu .mm-item .mm-active .cart-button .cart-icon {
  color: #14477D;
}

#mobile-menu .mobilemenu .mm-item .cart-text {
  display: block;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  color: #fff;
  font-weight: 400;
  text-transform: none;
}

#mobile-menu .mobilemenu .mm-item .cart-flyout {
  padding: 20px 20px;
  left: 0px;
  bottom: 100%;
  box-shadow: none;
  border: 0px;
  width: 100%;
  background: linear-gradient(120deg, #ccc, #848484);
  border-radius: 0;
}

#mobile-menu .mobilemenu .mm-item .cart-flyout .upper-arrow {
  display: none;
}

#mobile-menu .mobilemenu .mm-item .cart-flyout a {
  color: #000;
}

#mobile-menu .mobilemenu .mm-item .cart-flyout .cart-listing {
  border-radius: 0;
  padding: 15px;
  background: #fff;
}

#mobile-menu .mobilemenu .mm-item .cart-flyout .cart-listing .action-button {
  color: #fff;
}

#mobile-menu .mobilemenu .mm-item:hover {
  color: #14477D;
}

#mobile-menu .mobilemenu .menu-home .icon-home {
  background: url('data:image/svg+xml;utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 20 17" style="enable-background:new 0 0 20 17;" xml:space="preserve"><path fill="%23fff" d="M8,17v-6h4v6h5V9h3L10,0L0,9h3v8H8z"/></svg>');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

#mobile-menu .mobilemenu .menu-garage .icon-garage {
  background: url('data:image/svg+xml;utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 16" style="enable-background:new 0 0 18 16;" xml:space="preserve"><path fill="%23fff" d="M15.9,1c-0.2-0.6-0.8-1-1.4-1h-11C2.8,0,2.3,0.4,2.1,1L0,7v8c0,0.5,0.5,1,1,1h1c0.6,0,1-0.5,1-1v-1h12v1c0,0.5,0.5,1,1,1h1	c0.5,0,1-0.5,1-1V7L15.9,1z M3.5,11C2.7,11,2,10.3,2,9.5S2.7,8,3.5,8S5,8.7,5,9.5S4.3,11,3.5,11z M14.5,11c-0.8,0-1.5-0.7-1.5-1.5	S13.7,8,14.5,8S16,8.7,16,9.5S15.3,11,14.5,11z M2,6l1.5-4.5h11L16,6H2z"/></svg>');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

#mobile-menu .mobilemenu .menu-search .icon-search {
  background: url('data:image/svg+xml;utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 17.5 17.5" style="enable-background:new 0 0 17.5 17.5;" xml:space="preserve"><path fill="%23fff" d="M12.5,11h-0.8l-0.3-0.3C12.4,9.5,13,8,13,6.5C13,2.9,10.1,0,6.5,0S0,2.9,0,6.5S2.9,13,6.5,13c1.6,0,3.1-0.6,4.2-1.6l0.3,0.3 v0.8l5,5l1.5-1.5L12.5,11z M6.5,11C4,11,2,9,2,6.5S4,2,6.5,2S11,4,11,6.5S9,11,6.5,11z"/></svg>');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

#mobile-menu .mobilemenu .cart .icon-cart {
  background: url('data:image/svg+xml;utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 20 20" style="enable-background:new 0 0 20 20;" xml:space="preserve"><path fill="%23fff" d="M6,16c-1.1,0-2,0.9-2,2s0.9,2,2,2s2-0.9,2-2S7.1,16,6,16z M0,0v2h2l3.6,7.6L4.2,12C4.1,12.3,4,12.6,4,13c0,1.1,0.9,2,2,2h12 v-2H6.4c-0.1,0-0.2-0.1-0.2-0.2v-0.1L7.1,11h7.4c0.7,0,1.4-0.4,1.7-1l3.6-6.5C20.1,3,20,2.4,19.5,2.1C19.3,2,19.2,2,19,2H4.2L3.3,0	H0z M16,16c-1.1,0-2,0.9-2,2s0.9,2,2,2s2-0.9,2-2S17.1,16,16,16z"/></svg>');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

#mobile-menu .mobilemenu .menu-more .icon-more {
  width: 20px;
  margin: auto;
  background: url('data:image/svg+xml;utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 4" style="enable-background:new 0 0 16 4;" xml:space="preserve"><path fill="%23fff" d="M2,0C0.9,0,0,0.9,0,2s0.9,2,2,2s2-0.9,2-2S3.1,0,2,0z M14,0c-1.1,0-2,0.9-2,2s0.9,2,2,2s2-0.9,2-2S15.1,0,14,0z M8,0 C6.9,0,6,0.9,6,2s0.9,2,2,2s2-0.9,2-2S9.1,0,8,0z"/></svg>');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

@media (max-width: 767px) {
  #mobile-menu .mobilemenu .col-sm-12 {
    width: 100%;
    display: table-cell;
  }
}

#mobile-menu .mobilemenu .mm-active {
  color: #14477D;
}

#mobile-menu .mobilemenu .mm-active .call-to-action-button {
  color: #14477D;
}

#mobile-menu .mobilemenu .mm-active .icon-garage {
  background: url('data:image/svg+xml;utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 16" style="enable-background:new 0 0 18 16;" xml:space="preserve"><path fill="%2314477D" d="M15.9,1c-0.2-0.6-0.8-1-1.4-1h-11C2.8,0,2.3,0.4,2.1,1L0,7v8c0,0.5,0.5,1,1,1h1c0.6,0,1-0.5,1-1v-1h12v1c0,0.5,0.5,1,1,1h1	c0.5,0,1-0.5,1-1V7L15.9,1z M3.5,11C2.7,11,2,10.3,2,9.5S2.7,8,3.5,8S5,8.7,5,9.5S4.3,11,3.5,11z M14.5,11c-0.8,0-1.5-0.7-1.5-1.5	S13.7,8,14.5,8S16,8.7,16,9.5S15.3,11,14.5,11z M2,6l1.5-4.5h11L16,6H2z"/></svg>');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

#mobile-menu .mobilemenu .mm-active .icon-search {
  background: url('data:image/svg+xml;utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 17.5 17.5" style="enable-background:new 0 0 17.5 17.5;" xml:space="preserve"><path fill="%2314477D" d="M12.5,11h-0.8l-0.3-0.3C12.4,9.5,13,8,13,6.5C13,2.9,10.1,0,6.5,0S0,2.9,0,6.5S2.9,13,6.5,13c1.6,0,3.1-0.6,4.2-1.6l0.3,0.3 v0.8l5,5l1.5-1.5L12.5,11z M6.5,11C4,11,2,9,2,6.5S4,2,6.5,2S11,4,11,6.5S9,11,6.5,11z"/></svg>');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

#mobile-menu .mobilemenu .mm-active .icon-cart {
  background: url('data:image/svg+xml;utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 20 20" style="enable-background:new 0 0 20 20;" xml:space="preserve"><path fill="%2314477D" d="M6,16c-1.1,0-2,0.9-2,2s0.9,2,2,2s2-0.9,2-2S7.1,16,6,16z M0,0v2h2l3.6,7.6L4.2,12C4.1,12.3,4,12.6,4,13c0,1.1,0.9,2,2,2h12 v-2H6.4c-0.1,0-0.2-0.1-0.2-0.2v-0.1L7.1,11h7.4c0.7,0,1.4-0.4,1.7-1l3.6-6.5C20.1,3,20,2.4,19.5,2.1C19.3,2,19.2,2,19,2H4.2L3.3,0	H0z M16,16c-1.1,0-2,0.9-2,2s0.9,2,2,2s2-0.9,2-2S17.1,16,16,16z"/></svg>');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

#mobile-menu .mobilemenu .mm-active .icon-more {
  background: url('data:image/svg+xml;utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 4" style="enable-background:new 0 0 16 4;" xml:space="preserve"><path fill="%2314477D" d="M2,0C0.9,0,0,0.9,0,2s0.9,2,2,2s2-0.9,2-2S3.1,0,2,0z M14,0c-1.1,0-2,0.9-2,2s0.9,2,2,2s2-0.9,2-2S15.1,0,14,0z M8,0 C6.9,0,6,0.9,6,2s0.9,2,2,2s2-0.9,2-2S9.1,0,8,0z"/></svg>');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

#mobile-menu .mobilemenu .mm-active .cart-text {
  color: #14477D;
}

#mobile-menu .more-modal .modal-content {
  border-radius: 0;
}

#mobile-menu .more-modal .more-title-row {
  background-color: #000;
}

#mobile-menu .more-modal .more-title-row h2 {
  font-family: "Open Sans", sans-serif;
  font-size: 1.5em;
  color: #fff;
  font-weight: 300;
  text-align: center;
  margin: 0px;
  text-transform: uppercase;
  letter-spacing: 0.25em;
  padding: 8px 20px;
}

#mobile-menu .more-modal .more-title-row button {
  padding-right: 5px;
  font-size: 30px;
  color: #fff;
  opacity: 1;
  font-weight: 300;
  margin-top: 2px;
}

#mobile-menu .more-modal .modal-body {
  overflow: auto;
  min-width: 100%;
  border-radius: 0;
  padding: 0;
}

#mobile-menu .more-modal .tile {
  position: relative;
  z-index: 1026;
  width: 50%;
  float: left;
  text-align: center;
  background: #000;
}

#mobile-menu .more-modal .tile .tile-label {
  transform: translateY(-50%);
  top: 50%;
  position: relative;
  font-weight: bold;
  color: #fff;
}

#mobile-menu .more-modal .tile .tile-label .icon {
  width: 30px;
  height: 30px;
  margin: 0 auto 10px;
}

#mobile-menu .more-modal .tile .tile-label .icon-track {
  background: url('data:image/svg+xml;utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 30 21.8" style="enable-background:new 0 0 30 21.8;" xml:space="preserve"><path fill="%23fff" d="M25.9,5.5h-4.1V0H2.7C1.2,0,0,1.2,0,2.7v15h2.7c0,2.3,1.8,4.1,4.1,4.1s4.1-1.8,4.1-4.1h8.2	c0,2.3,1.8,4.1,4.1,4.1s4.1-1.8,4.1-4.1H30v-6.8L25.9,5.5z M6.8,19.8c-1.1,0-2-0.9-2-2c0-1.1,0.9-2,2-2s2,0.9,2,2	C8.9,18.9,7.9,19.8,6.8,19.8z M25.2,7.5l2.7,3.4h-6.1V7.5H25.2z M23.2,19.8c-1.1,0-2-0.9-2-2c0-1.1,0.9-2,2-2s2,0.9,2,2	C25.2,18.9,24.3,19.8,23.2,19.8z"/></svg>');
  background-repeat: no-repeat;
  background-position: center center;
}

#mobile-menu .more-modal .tile .tile-label .icon-account {
  background: url('data:image/svg+xml;utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 30 30" style="enable-background:new 0 0 30 30;" xml:space="preserve"><path fill="%23fff" d="M0,3.3v23.3C0,28.5,1.5,30,3.3,30h23.3c1.8,0,3.3-1.5,3.3-3.3V3.3C30,1.5,28.5,0,26.7,0H3.3C1.5,0,0,1.5,0,3.3z	 M20,10c0,2.8-2.2,5-5,5s-5-2.2-5-5s2.2-5,5-5S20,7.2,20,10z M5,23.3c0-3.3,6.7-5.2,10-5.2s10,1.8,10,5.2V25H5V23.3z"/></svg>');
  background-repeat: no-repeat;
  background-position: center center;
}

#mobile-menu .more-modal .tile .tile-label .icon-help {
  background: url('data:image/svg+xml;utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 30 30" style="enable-background:new 0 0 30 30;" xml:space="preserve"><path fill="%23fff" d="M13.5,24h3v-3h-3V24z M15,0C6.7,0,0,6.7,0,15s6.7,15,15,15s15-6.7,15-15S23.3,0,15,0z M15,27 C8.4,27,3,21.6,3,15S8.4,3,15,3s12,5.4,12,12S21.6,27,15,27z M15,6c-3.3,0-6,2.7-6,6h3c0-1.7,1.3-3,3-3s3,1.3,3,3c0,3-4.5,2.6-4.5,7.5h3c0-3.4,4.5-3.8,4.5-7.5C21,8.7,18.3,6,15,6z"/></svg>');
  background-repeat: no-repeat;
  background-position: center center;
}

#mobile-menu .more-modal .tile .tile-label .icon-vin {
  width: 40px;
  background: url('data:image/svg+xml;utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 32.5 16.9" style="enable-background:new 0 0 32.5 16.9;" xml:space="preserve"><path fill="%23fff" d="M16.5,6.3c0-0.9,0.2-1.8,0.6-2.6l-0.8-2.3c-0.2-0.6-0.8-1-1.4-1h-11c-0.7,0-1.2,0.4-1.4,1l-2.1,6v8c0,0.5,0.5,1,1,1h1	c0.5,0,1-0.5,1-1v-1h12v1c0,0.5,0.5,1,1,1h1c0.5,0,1-0.5,1-1v-4.8C17.1,9.5,16.5,8,16.5,6.3z M3.9,11.4c-0.8,0-1.5-0.7-1.5-1.5	s0.7-1.5,1.5-1.5s1.5,0.7,1.5,1.5S4.7,11.4,3.9,11.4z M14.9,11.4c-0.8,0-1.5-0.7-1.5-1.5s0.7-1.5,1.5-1.5s1.5,0.7,1.5,1.5	S15.6,11.4,14.9,11.4z M2.4,6.4l1.5-4.5h11l1.5,4.5H2.4z"/><path fill="%23fff" d="M27.8,10.4H27l-0.2-0.2c0.9-1,1.4-2.4,1.4-3.8c0-3.4-2.6-6-5.9-6c-2.3,0-4.3,1.4-5.3,3.3l1.3,3.7v3.2c1,1,2.5,1.6,4,1.6	s2.8-0.5,3.8-1.4l0.2,0.2v0.7l4.5,4.5l1.3-1.4L27.8,10.4z M22.4,10.4c-2.3,0-4.1-1.8-4.1-4.1c0-2.2,1.8-4.1,4.1-4.1s4.1,1.8,4.1,4.1	C26.5,8.5,24.6,10.4,22.4,10.4z"/></svg>');
  background-repeat: no-repeat;
  background-position: center center;
}

#mobile-menu .more-modal .tile .tile-label .icon-about {
  background: url('data:image/svg+xml;utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 20 20" style="enable-background:new 0 0 20 20;" xml:space="preserve"><path fill="%23fff" d="M9,15h2V9H9V15z M10,0C4.5,0,0,4.5,0,10s4.5,10,10,10s10-4.5,10-10S15.5,0,10,0z M10,18c-4.4,0-8-3.6-8-8	s3.6-8,8-8s8,3.6,8,8S14.4,18,10,18z M9,7h2V5H9V7z"/></svg>');
  background-repeat: no-repeat;
  background-position: center center;
}

#mobile-menu .more-modal .tile .tile-label .icon-terms {
  background: url('data:image/svg+xml;utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 20" style="enable-background:new 0 0 18 20;" xml:space="preserve"><path fill="%23fff" d="M15,15H3v-2h12V15z M15,11H3V9h12V11z M15,7H3V5h12V7z M0,20l1.5-1.5L3,20l1.5-1.5L6,20l1.5-1.5L9,20l1.5-1.5	L12,20l1.5-1.5L15,20l1.5-1.5L18,20V0l-1.5,1.5L15,0l-1.5,1.5L12,0l-1.5,1.5L9,0L7.5,1.5L6,0L4.5,1.5L3,0L1.5,1.5L0,0V20z"/></svg>');
  background-repeat: no-repeat;
  background-position: center center;
}

#mobile-menu .more-modal a:nth-child(odd) .tile {
  border-right: 1px solid #ddd;
}

#mobile-menu .more-modal a:nth-child(-n+4) .tile {
  border-bottom: 1px solid #ddd;
}

#mobile-menu .mobile-garage {
  display: none;
  position: fixed;
  z-index: 1025;
  bottom: 60px;
  left: 0;
  right: 0;
  padding: 20px 20px;
  background: linear-gradient(120deg, #ccc, #848484);
  border-radius: 0;
}

#mobile-menu .mobile-garage .car-selected-module {
  background: #fff;
  text-transform: uppercase;
  border-radius: 0px;
  line-height: 40px;
  text-align: center;
}

#mobile-menu .mobile-garage .car-selected-module .garage-component {
  width: 95%;
}

#mobile-menu .mobile-garage .car-selected-module .garage-text {
  color: #14477D;
}

#mobile-menu .mobile-garage .garage.flyout {
  top: auto;
  width: 100%;
  bottom: 100%;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  position: relative;
}

#mobile-menu .mobile-garage .garage.flyout strong.recent-vehicles-header {
  font-size: 12pt;
  margin-top: 0;
  margin-left: 5px;
  padding-top: 0;
}

#mobile-menu .mobile-garage .garage.flyout .recent-car {
  font-size: 10pt;
}

#mobile-menu .mobile-garage .garage.flyout .recent-car em {
  font-size: 8pt;
}

#mobile-menu .mobile-garage .garage.flyout .recent-car nav ul li a {
  font-size: 10pt;
}

#mobile-menu .mobile-garage .garage.flyout .closeicon {
  font-size: 25px;
}

#mobile-menu .vehicleSelected {
  position: relative;
}

#mobile-menu .vehicleSelected:after {
  position: absolute;
  content: '';
  top: 5px;
  right: 50%;
  margin-right: -17px;
  width: 13px;
  height: 13px;
  background: url(check.png) no-repeat top center;
}

#mobile-menu .mobile-search {
  display: none;
  position: fixed;
  z-index: 1025;
  bottom: 60px;
  left: 0;
  right: 0;
  padding: 20px 20px;
  background: linear-gradient(120deg, #ccc, #848484);
  border-radius: 0;
}

#mobile-menu .mobile-search .search-bar-component {
  border-radius: 5px;
}

#mobile-menu .mobile-search .search-bar-component input {
  padding: 7px 20px 7px 50px;
  height: 40px;
  border-radius: 0;
}

#mobile-menu .mobile-search .search-bar-component button {
  right: auto;
  left: 0;
  padding: 7px 13px 8px;
  border-radius: 0;
}

#mobile-menu .modal.fade:not(.in).modal-from-bottom .modal-dialog {
  -webkit-transform: translate3d(0, 50%, 0);
  transform: translate3d(0, 50%, 0);
}

@media (max-width: 767px) {
  #mobile-menu {
    display: block;
  }
}

#search-tabs {
  margin-top: -41px;
}

#search-tabs .nav-tabs {
  border-bottom: 0px;
  position: relative;
  z-index: 21;
}

#search-tabs .nav-tabs li {
  margin-bottom: 0;
  float: left;
}

#search-tabs .nav-tabs li a {
  background: #0d2e51;
  border: 0;
  padding: 10px 15px;
  line-height: 1.5;
  margin: 0;
  border-radius: 0;
  font-family: "Open Sans", sans-serif;
  font-size: 1.2em;
  color: #fff;
  font-weight: 400;
  z-index: 51;
}

#search-tabs .nav-tabs li:first-child a {
  background: #0d2e51;
  border-radius: 0;
}

#search-tabs .nav-tabs li:last-child a {
  border-radius: 0;
}

#search-tabs .nav-tabs li+li+li a {
  background: #09223b;
}

#search-tabs .nav-tabs li .active {
  background: #14477D !important;
}

#search-tabs .tab-content {
  background-color: #14477D;
  padding: 25px 15px;
  border-radius: 0 0 2px 2px;
  position: relative;
  z-index: 20;
}

#search-tabs .tab-content #vehicle-search-tab .vpicker_buttons li .select,
#search-tabs .tab-content #vehicle-search-tab .vpicker_buttons li .dropdown {
  line-height: 26px;
  height: 26px;
}

#search-tabs .tab-content #vehicle-search-tab .vehicle-picker-module .vpicker_buttons li.vpicker_button {
  border: 0px;
}

@media (max-width: 900px) {
  #search-tabs .tab-content #vehicle-search-tab .vehicle-picker-module.display-horiz .vpicker_buttons {
    margin: 0;
  }
}

#search-tabs .tab-content #part-search-tab .actions-bar-module {
  width: 98%;
  margin: 0 0 0 2%;
}

#search-tabs .tab-content #part-search-tab .actions-bar-module #search_column input {
  border: 0px;
}

#search-tabs .tab-content #vin-search-tab .vin-search-wrap {
  width: 98%;
  margin: 0 0 0 2%;
  display: table;
}

#search-tabs .tab-content #vin-search-tab .input-group {
  display: block;
  width: 98%;
}

#search-tabs .tab-content #vin-search-tab .search-input {
  width: 100%;
  padding: 5px 20px 5px 10px;
  height: 36px;
  border: 0px;
}

#search-tabs .tab-content #vin-search-tab .call-to-action-button {
  position: absolute;
  right: 0px;
  top: 0;
}

#search-tabs .tab-content .call-to-action-button {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  color: #fff;
  font-weight: 500;
  text-transform: uppercase;
  height: 36px;
  line-height: 36px;
  padding: 0;
  width: 170px;
  border: 1px solid #2D96CD;
}

@media (max-width: 900px) {
  #search-tabs .tab-content .call-to-action-button {
    display: inline-block;
  }
}

@media (min-width: 768px) and (max-width: 774px) {
  #search-tabs .tab-content .call-to-action-button {
    margin-top: 14px;
  }
}

#search-tabs .tab-content .call-to-action-button:hover {
  background-color: #0d2e51;
}

#circles-custom {
  padding-bottom: 30px;
}

#circles-custom .circles-columns .circles-images::before {
  content: "";
}

#circles-custom .circles-columns:hover .circles-cta-text {
  color: #fff;
}

#circles-custom .circles-columns:hover .circles-cta-text::after {
  background-color: #185393;
}

#circles-custom .circle-wrap {
  position: relative;
}

#circles-custom .circle-wrap .circles-cta-text {
  z-index: 22;
  position: relative;
  width: 85%;
  margin: -62% auto 25px auto;
  padding-bottom: 25%;
  font-family: "Open Sans", sans-serif;
  font-size: 15pt;
  color: #fff;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  text-shadow: 0 0 10px #000;
}

#circles-custom .circle-wrap .circles-cta-text::after {
  content: "Shop Now";
  position: relative;
  display: block;
  background-color: #14477D;
  padding: 7px;
  font-family: "Open Sans", sans-serif;
  font-size: 10pt;
  color: #fff;
  font-weight: 400;
  margin: 20px auto 0 auto;
  max-width: 60%;
  text-shadow: none;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

@media (max-width: 1150px) {
  #circles-custom .circle-wrap .circles-cta-text {
    font-size: 12pt;
    width: 90%;
  }
}

@media (min-width: 500px) and (max-width: 900px) {
  #circles-custom .circle-wrap .circles-cta-text {
    font-size: 8pt;
    margin-top: -72%;
    width: 100%;
  }

  #circles-custom .circle-wrap .circles-cta-text::after {
    font-size: 7pt;
    margin: 10px auto 0 auto;
  }
}

@media (min-width: 375px) and (max-width: 499px) {
  #circles-custom .circle-wrap .circles-cta-text {
    font-size: 9pt;
  }

  #circles-custom .circle-wrap .circles-cta-text::after {
    font-size: 7pt;
    margin-top: 10px;
  }
}

@media (max-width: 374px) {
  #circles-custom .circle-wrap .circles-cta-text {
    padding-bottom: 40%;
  }
}

@media (min-width: 500px) and (max-width: 899px) {
  #circles-custom {
    padding-bottom: 10%;
  }
}

@media (min-width: 375px) and (max-width: 499px) {
  #circles-custom {
    padding-bottom: 10%;
  }
}

@media (max-width: 1000px) {
  .col-sm-3 {
    padding-right: 5px;
    padding-left: 5px;
  }
}

.pop-parts-rows .container-wrap {
  padding-bottom: 0;
}

.pop-parts-rows a:hover,
.pop-parts-rows a:active {
  text-decoration: none;
}

@media (max-width: 767px) {

  .pop-parts-rows .col-sm-4,
  .pop-parts-rows .col-sm-8 {
    padding: 0;
  }
}

@media (max-width: 574px) {
  .pop-parts-rows .parts-grid-block .col-sm-8 {
    padding: 0;
  }
}

.pop-parts-rows .parts-grid-block h2 {
  margin-top: 70px;
}

.pop-parts-rows .parts-grid-block .parts-grid-container {
  padding: 5px;
  width: 33%;
  float: left;
  position: relative;
}

@media (max-width: 574px) {
  .pop-parts-rows .parts-grid-block .parts-grid-container {
    width: 50%;
  }
}

.pop-parts-rows .parts-grid-block .parts-grid-container a {
  display: block;
  position: relative;
  overflow: hidden;
}

.pop-parts-rows .parts-grid-block .parts-grid-container a:hover,
.pop-parts-rows .parts-grid-block .parts-grid-container a:active {
  cursor: pointer;
}

.pop-parts-rows .parts-grid-block .parts-grid-container a:hover .parts-grid-title,
.pop-parts-rows .parts-grid-block .parts-grid-container a:active .parts-grid-title {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.8);
  padding: 40% 0;
}

.pop-parts-rows .parts-grid-block .parts-grid-container a:hover>.parts-images,
.pop-parts-rows .parts-grid-block .parts-grid-container a:active>.parts-images {
  -webkit-filter: brightness(1.2);
  filter: brightness(1.2);
}

.pop-parts-rows .parts-grid-block .parts-grid-container .parts-grid-title {
  position: absolute;
  width: 100%;
  bottom: 0;
  font-family: "Open Sans", sans-serif;
  font-size: 11pt;
  color: #ddd;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.8);
  padding: 12px 0;
  transition: all .5s ease;
}

.pop-parts-rows .parts-grid-block .parts-grid-container a .parts-images {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding-bottom: 87%;
}

.pop-parts-rows .parts-grid-block .parts-grid-container .parts-image-1 {
  background: url("https://cdn-static.revolutionparts.io/assets/themes/parts/volkswagen/volkswagen-air-filters-01-md.jpg");
}

.pop-parts-rows .parts-grid-block .parts-grid-container .parts-image-2 {
  background: url("https://cdn-static.revolutionparts.io/assets/themes/parts/volkswagen/volkswagen-alternator-01-md.jpg");
}

.pop-parts-rows .parts-grid-block .parts-grid-container .parts-image-3 {
  background: url("https://cdn-static.revolutionparts.io/assets/themes/parts/volkswagen/volkswagen-belts-01-md.jpg");
}

.pop-parts-rows .parts-grid-block .parts-grid-container .parts-image-4 {
  background: url("https://cdn-static.revolutionparts.io/assets/themes/parts/volkswagen/volkswagen-brakes-01-md.jpg");
}

.pop-parts-rows .parts-grid-block .parts-grid-container .parts-image-5 {
  background: url("https://cdn-static.revolutionparts.io/assets/themes/parts/volkswagen/volkswagen-oil-filters-01-md.jpg");
}

.pop-parts-rows .parts-grid-block .parts-grid-container .parts-image-6 {
  background: url("https://cdn-static.revolutionparts.io/assets/themes/parts/volkswagen/volkswagen-exhaust-01-md.jpg");
}

.pop-parts-rows .parts-grid-block .parts-grid-container .parts-image-7 {
  background: url("https://cdn-static.revolutionparts.io/assets/themes/accessories/volkswagen/volkswagen-cargo-trays-01-md.jpg");
}

.pop-parts-rows .parts-grid-block .parts-grid-container .parts-image-8 {
  background: url("https://cdn-static.revolutionparts.io/assets/themes/accessories/volkswagen/volkswagen-spoilers-01-md.jpg");
}

.pop-parts-rows .parts-grid-block .parts-grid-container .parts-image-9 {
  background: url("https://cdn-static.revolutionparts.io/assets/themes/accessories/volkswagen/volkswagen-floor-mats-01-md.jpg");
}

.pop-parts-rows .parts-grid-block .parts-grid-container .parts-image-10 {
  background: url("https://cdn-static.revolutionparts.io/assets/themes/accessories/volkswagen/volkswagen-entertainment-01-md.jpg");
}

.pop-parts-rows .parts-grid-block .parts-grid-container .parts-image-11 {
  background: url("https://cdn-static.revolutionparts.io/assets/themes/accessories/volkswagen/volkswagen-shift-knobs-01-md.jpg");
}

.pop-parts-rows .parts-grid-block .parts-grid-container .parts-image-12 {
  background: url("https://cdn-static.revolutionparts.io/assets/themes/parts/volkswagen/volkswagen-wheels-01-md.jpg");
}

.pop-parts-rows .custom-image-wrapper .image-padding {
  margin: 0;
}

.pop-parts-rows .shop-all-parts {
  text-align: center;
  font-family: "Open Sans", sans-serif;
  font-size: 14pt;
  color: #fff;
  font-weight: 700;
  padding: 10px;
  background-color: #14477D;
  -webkit-font-smoothing: antialiased;
  margin: 15px 5px;
}

.pop-parts-rows .shop-all-parts a {
  font-family: "Open Sans", sans-serif;
  font-size: 14pt;
  color: #fff;
  font-weight: 700;
}

@media (min-width: 768px) and (max-width: 900px) {
  .pop-parts-rows .shop-all-parts {
    font-size: 12pt;
  }
}

.pop-parts-rows .shop-all-parts:hover,
.pop-parts-rows .shop-all-parts:active {
  background-color: #1b60a9;
}

#trust-badges-custom {
  border-top: 4px solid #14477D;
  padding-bottom: 25px;
}

#trust-badges-custom .col-sm-4 {
  padding: 0;
}

@media (max-width: 574px) {
  #trust-badges-custom .col-sm-4 {
    margin-top: 20px;
  }
}

#trust-badges-custom .trust-blurbs {
  width: 60%;
  margin: 0 auto;
}

#trust-badges-custom .trust-blurbs h4 {
  font-family: "Open Sans", sans-serif;
  font-size: 14pt;
  color: #14477D;
  font-weight: 700;
}

#trust-badges-custom .trust-blurbs p {
  font-family: "Open Sans", sans-serif;
  font-size: 10pt;
  color: #000;
  font-weight: 400;
}

@media (min-width: 767px) and (max-width: 1249px) {
  #trust-badges-custom .trust-blurbs {
    width: 80%;
  }
}

@media (max-width: 418px) {
  #trust-badges-custom .trust-blurbs {
    width: 90%;
  }
}

#pricing-banner-custom {
  background-position: center;
  background-attachment: fixed;
}

#pricing-banner-custom .wholesale-blurb {
  padding: 80px 0;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  max-width: 750px;
  margin: 0 auto;
}

#pricing-banner-custom .wholesale-blurb h3 {
  font-family: "Open Sans", sans-serif;
  font-size: 30pt;
  color: #fff;
  font-weight: 700;
}

#pricing-banner-custom .wholesale-blurb p {
  font-family: "Open Sans", sans-serif;
  font-size: 14pt;
  color: #fff;
  font-weight: 400;
}

@media (max-width: 574px) {
  #pricing-banner-custom .wholesale-blurb {
    padding: 20px 0;
  }

  #pricing-banner-custom .wholesale-blurb h3 {
    font-size: 22pt;
  }

  #pricing-banner-custom .wholesale-blurb p {
    font-size: 12pt;
  }
}

#featured-custom .featured-products-module {
  padding-top: 0;
}

#featured-custom .details-title .product-title {
  color: #333;
  font-size: 14pt;
}

@media (max-width: 426px) {
  #featured-custom .details-title .product-title {
    font-size: 8pt;
  }
}

@media (max-width: 1024px) {
  #featured-custom .details-title .product-title {
    font-size: 9pt;
  }
}

#featured-custom .featured-products,
#featured-custom .pricing-actions-display .product-pricing {
  text-align: center;
}

#featured-custom .featured-product {
  margin: 0 6px 17px 0;
  float: left;
  width: 32.2%;
  display: inline;
  border: solid 1px #2D96CD;
}

@media (max-width: 1023px) {
  #featured-custom .featured-product {
    width: 32%;
  }
}

@media (max-width: 767px) {
  #featured-custom .featured-product {
    width: 48%;
  }
}

#featured-custom .product-wrapper-link {
  border: none;
}

#featured-custom .product-wrapper-link:hover {
  border: none;
}

#featured-custom .product-wrapper-link {
  background-color: transparent;
}

#featured-custom .product-wrapper-link:hover {
  border-color: #2D96CD;
}

#featured-custom .product-details-link {
  background-color: #14477D;
  color: #fff;
}

@media (max-width: 574px) {
  #featured-custom .catalog-product {
    width: 47%;
    border-bottom: 1px solid #2D96CD;
  }

  #featured-custom .catalog-product-sale-price {
    font-size: 16pt;
    text-align: center;
  }
}

@media (max-width: 574px) {
  #featured-custom .catalog-product {
    width: 24%;
  }
}

@media (max-width: 767px) {
  #featured-custom .col-sm-8 {
    width: 100%;
    float: none;
    margin-top: 20px;
  }
}

#footer-custom {
  border-top: 4px solid #14477D;
  padding-top: 15px;
}

#footer-custom .container-wrap {
  padding-left: 20px;
}

@media (max-width: 1000px) {
  #footer-custom .container-wrap {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  #footer-custom .col-sm-3 {
    width: 100%;
  }
}

#footer-custom .col-sm-3 .page-builder-layout-column-wrap {
  padding-left: 20px;
  border-left: 2px solid #14477D;
  margin: 20px 0 0 0;
  height: auto;
}

#footer-custom strong.heading {
  font-family: "Open Sans", sans-serif;
  font-size: 18pt;
  color: #dadada;
  font-weight: 500;
  line-height: 15pt;
  -webkit-font-smoothing: antialiased;
}

#footer-custom .newsletter-column .page-builder-layout-module:nth-child(2) {
  margin-top: 15px;
}

#footer-custom .newsletter-column p {
  font-family: "Open Sans", sans-serif;
  font-size: 10pt;
  color: #ddd;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
}

#footer-custom .newsletter-column input {
  background-color: #ffffff;
  border: none;
  height: 35px;
  border-radius: 0;
}

@media (min-width: 768px) and (max-width: 1055px) {

  #footer-custom .newsletter-column input,
  #footer-custom .newsletter-column button {
    width: 100%;
  }
}

#footer-custom .links-list {
  display: block;
  padding: 0 0 12px 0;
  margin: 18px 0;
}

#footer-custom .links-list li {
  margin: 8px 0;
  position: relative;
  cursor: pointer;
}

#footer-custom .links-list li a {
  font-family: "Open Sans", sans-serif;
  font-size: 10pt;
  color: #ddd;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
}

#footer-custom .links-list li:hover a {
  color: #fff;
  text-decoration: none;
}

#footer-custom .links-list li:hover::after {
  color: #fff;
}

#footer-custom .links-list li::after {
  content: "\f105";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  position: absolute;
  left: 150px;
  top: 0;
  color: #ddd;
  font-size: 12pt;
}

@media (max-width: 767px) {
  #footer-custom .links-list li {
    margin: 0;
  }

  #footer-custom .links-list li a {
    display: block;
    padding: 12px;
    border-bottom: 1px solid #081c26;
  }

  #footer-custom .links-list li::after {
    left: auto;
    top: 8px;
    right: 15px;
  }
}

#footer-custom .contact-column .page-builder-layout-module:last-child {
  margin-top: 16px;
}

#footer-custom .contact-column address,
#footer-custom .contact-column .footer-phone {
  font-family: "Open Sans", sans-serif;
  font-size: 10pt;
  color: #ddd;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
}

#footer-custom .contact-column address:hover,
#footer-custom .contact-column .footer-phone:hover {
  color: #fff;
  text-decoration: none;
}

#footer-custom .contact-column .nav_social li {
  font-size: 14pt;
}

#footer-custom .contact-column .nav_social li a i,
#footer-custom .contact-column .nav_social li a span {
  color: #ddd;
}

#footer-custom .contact-column .nav_social li a i:hover,
#footer-custom .contact-column .nav_social li a span:hover {
  color: #fff;
}

@media (max-width: 650px) {
  .cart-page-layout .cart-checkout-mobile-sticky {
    bottom: 60px;
  }
}

@media (max-width: 1249px) {
  .wide-padding {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media (max-width: 799px) {
  .main {
    padding-bottom: 60px;
  }
}

#page-home h2 {
  font-family: "Open Sans", sans-serif;
  font-size: 3em;
  color: #14477D;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
}

@media (max-width: 799px) {
  #page-home h2 {
    font-size: 1.5em;
  }
}

#hero-custom .container-wrap {
  padding: 0;
}

#hero-custom .container-wrap .banner-vpicker-module .rslides_tab3s {
  margin: 0px auto 15px;
}

@media (max-width: 1023px) {
  #hero-custom .container-wrap .banner-vpicker-module .rslides_tab3s {
    margin: 0px auto 15px;
  }
}

#mobile-picker .container-wrap {
  padding-top: 0px;
}

#mobile-picker .container-wrap .vehicle-picker-module #vpicker_submit {
  border-radius: 0px;
  border: 1px solid #adadad;
  background-color: #eee;
  color: #14477D;
  text-transform: none;
  padding: 5px;
}

#mobile-picker .container-wrap .vehicle-picker-module #vpicker_submit:active {
  border-color: #000;
}

#title-custom {
  margin-top: -87px;
  padding: 100px 0 20px 0;
  background-position: center;
}

#title-custom h1 {
  text-align: center;
  font-family: "Open Sans", sans-serif;
  font-size: 4em;
  color: #14477D;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  text-transform: uppercase;
}

@media (max-width: 799px) {
  #title-custom h1 {
    font-size: 2.5em;
  }
}

@media (max-width: 799px) {
  #title-custom {
    margin-top: 0px;
    padding: 20px 0;
  }
}

.title-row-custom {
  margin-bottom: 60px;
}

.title-row-custom aside {
  font-family: "Open Sans", sans-serif;
  font-size: 12pt;
  color: #000;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
}

.title-row-custom .border-line {
  width: 280px;
  margin: 0 auto;
  height: 4px;
  background-color: #14477D;
  margin-top: 22px;
}

@media (max-width: 574px) {
  .title-row-custom {
    margin-bottom: 40px;
  }
}

#page-cart .mobile-header-search,
#page-cart .mobile-header-garage {
  display: none;
}

#featured-pages h2 {
  text-align: center;
  position: relative;
  margin-bottom: 50px;
}

#featured-pages h2:after {
  content: '';
  position: absolute;
  width: 280px;
  margin: 0 auto;
  height: 4px;
  background-color: #14477D;
  margin-top: 22px;
  bottom: -24px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
/*======= END of From Agua Fria Light Theme CSS =======*/

/*-------- OEMI Single SKU Upsell Fix --------*/
.special-offers .special-offers-items .special-offer-card {
    flex: unset;
    width: 100%;
}
.special-offers .special-offers-items .special-offer-card .special-offer-card-body .special-offer-content .special-offer-info .special-offer-info-row {
    flex-direction: column;
    gap: 10px;
    height: unset;
}
.special-offers .special-offers-items .special-offer-card .special-offer-card-body .special-offer-content .special-offer-info, .special-offers .special-offers-items .special-offer-card .special-offer-card-body .special-offer-content .special-offer-button-container .special-offer-button-box .special-offer-button {
    height: unset;
}
.special-offers .special-offers-items .special-offer-card .special-offer-card-body {
    display: contents;
}
.special-offers .special-offers-items .special-offer-card .special-offer-card-body .special-offer-image {
    aspect-ratio: unset;
    width: unset;
}
.special-offers .special-offers-items .special-offer-card .special-offer-card-body .special-offer-content .special-offer-info .special-offer-info-row .special-offer-pricing {
    align-items: normal;
	align-self: flex-end;
    flex-direction: unset;
}
.special-offers .special-offers-items .special-offer-card .special-offer-card-body .special-offer-content .special-offer-info .special-offer-info-row .special-offer-details .special-offer-brand-and-part {
    align-items: anchor-center;
    flex-direction: unset;
    gap: 8px;
}
/*-------- OEMI Single SKU Upsell Fix --------*/