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

#layout_product .product-details-module iframe {
	width: 100%;
}
/* end fix the thumbnail arrows */

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

/* Begin pc & sp */

.v-pc {
	display: block !important;
}

@media screen and (max-width: 767px) {
	.v-pc {
        display: none !important;
    }
}

.v-sp {
	display: none !important;
}

@media screen and (max-width: 767px) {
	.v-sp {
        display: block !important;
    }
}
/* End pc & sp */


/* Begin page pet accessories page */

.themePageBanner {
	position: relative;
}

.themePageBanner::before {
	content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.1);
    z-index: 1;
}

@media screen and (max-width: 767px) {
    .themePageBanner::before {
    	background-color: rgba(0,0,0,0.5);
    }
    .themePageBanner .banner-vpicker-module .slider .rslides_container .rslides li,
    .themePageBanner .banner-vpicker-module .slider .rslides_container .rslides,
    .themePageBanner .banner-vpicker-module {
    	height: calc(200px + (500 - 200) * ((100vw - 320px) / (768 - 320))) !important;
    }
}

.themePageBanner .banner-vpicker-module .banner-overlay-content .header-text,
.themePageBanner .banner-vpicker-module .banner-overlay-content .custom_content {
	text-align: left;
    font-weight: 300;
    font-family: var(--themeFontLight);
}

.themePageBanner .banner-vpicker-module .banner-overlay-content .custom_content {
	font-size: 1rem;
    letter-spacing: .3px;
}

.themePageBanner .banner-vpicker-module .banner-overlay-content {
	left: 0;
}

.themePagePadding {
	padding: 50px 0;
}

.themePageProductList .catalog-products {
	display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 15px;
    row-gap: 30px;
}

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

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

.themePageProductList .search-listing-module .catalog-product {
	margin-left: 0;
    margin-right: 0;
    border: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

.themePageProductList .search-listing-module .catalog-product .product-image-col,
.themePageProductList .search-listing-module .catalog-product .product-details-col,
.themePageProductList .search-listing-module .catalog-product .add-to-cart-col {
	width: 100%;
    padding: 0;
}

.themePageProductList .search-listing-module .catalog-product .product-details-col {
	display: flex;
    flex-direction: column;
    margin: 0;
}

.themePageProductList .search-listing-module .catalog-product .product-details-col .col-xs-12 {
	padding: 0;
    width: 100%;
}

.themePageProductList .search-listing-module .catalog-product .product-image-col {
	margin-bottom: 20px;
}

.themePageProductList .search-listing-module .catalog-product .product-partnum-category .catalog-product-id a {
	color: #343434;
}

.themePageProductList .search-listing-module .catalog-product .add-to-cart-col {
	margin-block-start: auto;
}

.themePageProductList .search-listing-module .catalog-product .product-partnum-category .catalog-product-id {
	font-size: 12px;
}

.themePageProductList .search-listing-module .catalog-product .product-more-info {
	font-size: 12px;
    min-height: 90px;
    max-height: 150px;
    height: auto;
}

.themePageProductList .search-listing-module .catalog-product .sale-price {
	font-size: 20px;
}

.themePageProductList .search-listing-module .catalog-product .catalog-info-row strong {
	color: #343434;
}

.themePageProductList .search-listing-module .catalog-product .product-details-col .product-title {
	font-size: 18px;
}

.themePageProductList  .search-listing-module .catalog-product .product-manufacturer {
	margin: 0;
}

.themePageProductList .search-listing-module .catalog-product .product-image-col>a {
	height: 300px;
}

.themePageProductList .search-listing-module .catalog-product .product-details-col .product-title a {
	font-size: 22px;
    color: var(--themeColor);
    font-family: var(--themeFontRegular);
    font-weight: 300;
}

.themePageProductList .search-listing-module .catalog-product:hover .product-image-col>a img {
	transform: scale(1.1);
}

.themePageProductList .search-listing-module .catalog-product .product-image-col>a img {
	height: 100%;
    width: 100%;
    object-fit: cover;
    transition: all .3s ease-in-out;
}

.themePageProductList .search-listing-module .catalog-product .product-purchase-button .place-order-button {
	width: 100%;
    background-color: var(--themeButtonColor);
    color: var(--themeColor) !important;
    text-align: center;
    display: block;
    padding: 10px 10px;
    margin-top: 20px;
    cursor: pointer;
    border-radius: 25px;
    font-size: 16px;
    text-transform: capitalize;
    font-family: var(--themeFontRegular);
    font-weight: 300;
}

.themePageProductList .search-listing-module .catalog-product .product-purchase-button .place-order-button svg {
	display: none;
}

.themePageProductList .search-listing-module .catalog-product .product-manufacturer .product-manufacturer-data span strong {
	display: none;
}

.cart-component .cart-flyout .order-item,
.cart-component .cart-flyout .view-cart-link a,
.cart-component .cart-flyout p.total_line .total_title,
.cart-component .cart-flyout p.total_line .amount {
	font-family: var(--themeFontRegular);
    color: var(--themeColor);
}
/* End page pet accessories page */

/* fonts */
@font-face {
    font-family:'infiniti-light';
    src:url('https://rparts-sites.s3.amazonaws.com/42394aa61e7f417307148d55124bba0d/design/fonts/InfinitiBrandL1-Light.woff2') format('woff2')
}

@font-face {
    font-family:'infiniti-regular';
    src:url('https://rparts-sites.s3.amazonaws.com/42394aa61e7f417307148d55124bba0d/design/fonts/InfinitiBrandL1-Regular.woff2') format('woff2')
}

@font-face {
    font-family:'infiniti-bold';
    src:url('https://rparts-sites.s3.amazonaws.com/42394aa61e7f417307148d55124bba0d/design/fonts/InfinitiBrandL1-Bold.woff2') format('woff2')
}

@font-face {
    font-family:'infiniti-global';
    src:url('https://rparts-sites.s3.amazonaws.com/42394aa61e7f417307148d55124bba0d/design/fonts/Infiniti-Global.woff2') format('woff2')
}


body {
    font: 100% infiniti-regular, Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif !important;}

#secondary-header {
    background-color: #020B24;}
element.style {
    background-color: #020B24;}
    
.pop-parts-rows .parts-grid-block .parts-grid-container .parts-grid-title {
  
     background-color: #020b24;}



/* globals */
:root {
	--themeColor: #020b24;
    --themeButtonColor: #B0A591;
    --themeTextColor: #343434;
    --themeFontLight: 'infiniti-light';
    --themeFontRegular: 'infiniti-regular';
    --themeFontBold: 'infiniti-bold';
    --themeFontGlobal: 'infiniti-global';
}

body, html {
    font-family: var(--themeFontLight) !important;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: .05em;
    color: var(--themeColor);
}

h1, h2, h3, h4, h5, h5 {
	font-family: var(--themeFontBold) !important;
}

#mobile-menu .mobile-header-garage .car-selected-module .garage-text {
	text-transform: capitalize !important;
}

form, h1, h2, h3, h4, h5, input, label, select, .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 {
	font-family: var(--themeFontLight) !important;
    text-transform: capitalize !important;
}

html body .action-button.place-order-button {
	font-family: var(--themeFontLight) !important;
    text-transform: capitalize !important;
    background-color: var(--themeColor);
}

#secondary-header .car-selected-module .garage-component .garage-text {
	font-size: 14px;
}

#secondary-header .main-nav-links .main-nav-outer-list,
.title-row-custom aside,
#search-tabs .tab-content .call-to-action-button {
	font-family: var(--themeFontLight) !important;
    font-size: 14px;
}

#primary-header .cart-button-module .cart-component .cart-button {
	font-family: var(--themeFontLight) !important;
    text-transform: capitalize;
}

.pop-parts-rows .parts-grid-block .parts-grid-container .parts-grid-title {
	font-family: var(--themeFontLight) !important;
    text-transform: capitalize;
}

#footer-custom .contact-column address, #footer-custom .contact-column .footer-phone {
	font-family: var(--themeFontLight) !important;
}

#page-home h2 {
	font-size: 1.875rem !important;
    line-height: normal;
}

#primary-header .help-nav ul a,
#secondary-header .search-bar-module input,
#secondary-header .search-bar-module input::placeholder,
#footer-custom .newsletter-column p,
#footer-custom .newsletter-column input,
#footer-custom .newsletter-column input::placeholder,
#search-tabs .tab-content #part-search-tab .actions-bar-module #search_column input,
#search-tabs .tab-content #part-search-tab .actions-bar-module #search_column input::placeholder,
#search-tabs .tab-content #vin-search-tab .search-input,
#search-tabs .tab-content #vin-search-tab .search-input::placeholder,
.form-fields .field.block-field input,
.form-fields .field.block-field input::placeholder {
	font-family: var(--themeFontLight) !important;
    font-size: 13px;
}

.login-combined-module button.block-button,
.login-combined-module button,
.form-fields .block-button,
.login-user-form-module .login-link, .login-user-form-module .login-user-form-submit-btn {
	border-radius: 0px;
    background-color: var(--themeButtonColor);
    border: 2px solid var(--themeButtonColor);
    color: var(--themeColor);
    text-transform: capitalize;
    font-family: var(--themeFontLight);
    font-size: 18px;
}

.themeCopyText p {
    color: #b4b4b4;
    font-size: 12px;
}

#search-tabs .nav-tabs li a,
.pop-parts-rows .shop-all-parts a,
.pop-parts-rows .shop-all-parts,
#secondary-header .main-nav-links .main-nav-inner-list li,
.login-combined-module .login-user-form .form-caption,
.btn-primary {
	font-family: var(--themeFontLight) !important;
    font-size: 14px;
}

#footer-custom .links-list li a {
	font-family: var(--themeFontLight) !important;
    font-size: 12px;
}

#footer-custom strong.heading {
	font-family: var(--themeFontLight) !important;
    color: #b4b4b4;
}

#footer-custom .newsletter-column p,
.dealer-address-module .dealer-store-name,
.dealer-street-address,
.dealer-phone a {
	color: #b4b4b4 !important;
}

/* banner */
.themeBanner {
	position: relative;
}

.themeBanner .container-wrap {
	padding: 0 !important;
}

.themeBannerImage {
	position: relative;
}

.themeBannerImage::before {
	content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 1;
    opacity: 1;
}

@media screen and (max-width: 767px) {
    .themeBannerImage::before {
    	opacity: 1;
    }
}

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

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

.themeBannerList .theme_arrow_left svg {
    transform: rotate(-90deg);
}

.themeBannerList .theme_arrow_right svg {
    transform: rotate(90deg);
}

.themeBannerContent {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 100px;
    padding-right: 100px;
    max-width: 1250px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    z-index: 2;
}

@media screen and (max-width: 767px) {
    .themeBannerContent {
    	padding-left: 60px;
        padding-right: 60px;
    }
}

.themeBannerContent .h1 {
	color: #fff;
    font-family: var(--themeFontRegular);
    font-size: 1.875rem;
    line-height: normal;
    margin-bottom: 15px;
}

@media screen and (max-width: 767px) {
    .themeBannerContent .h1 {
    	font-size: 1.375rem;
        text-align: center;
    }
}

.themeBannerContent p {
	color: #fff;
    margin-bottom: 40px;
}

@media screen and (max-width: 767px) {
    .themeBannerContent p {
    	text-align: center;
    }
}

.themeBannerButton a {
	display: inline-block;
    font-size: 16px;
    padding: 10px 15px;
    border: 2px solid #B0A591;
    background-color: #B0A591;
    max-width: 140px;
    text-align: left;
    width: 100%;
    color: var(--themeColor);
    font-family: var(--themeFontLight);
    letter-spacing: .05em;
    position: relative;
}

.themeBannerButton a::before {
	content: "";
    width: 9px;
    height: 9px;
    border: solid var(--themeColor);
    border-width: 1px 0 0 1px;
    position: absolute;
    right: 20px;
    top: 0;
    bottom: 0;
    margin: auto;
    transform: rotate(135deg);
}

.themeBannerButton a:hover::before {
	border: solid var(--themeButtonColor);
    border-width: 1px 0 0 1px;
}

@media screen and (max-width: 767px) {
    .themeBannerButton {
    	text-align: center;
    }
    .themeBannerButton a {
    	font-size: 16px;
        padding: 8px 10px;
        margin-left: auto;
        margin-right: auto;
    }
}

.themeBannerButton a:hover,
.themeBannerButton a:focus {
    text-decoration: none;
    color: #B0A591;
    background-color: transparent;
}

#themeBannerList .owl-prev,
#themeBannerList .owl-next {
	display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}

@media screen and (max-width: 767px) {
	#themeBannerList .owl-prev,
    #themeBannerList .owl-next {
    	width: 40px;
    	height: 40px;	
    }
}

#themeBannerList .owl-prev {
	left: 0;
}

#themeBannerList .owl-next {
	right: 0;
}

.theme_arrow svg {
	font-size: 50px;
    fill: var(--themeButtonColor);
    width: 50px;
    height: 50px;
}

@media screen and (max-width: 767px) {
    .theme_arrow svg {
    	font-size: 40px;
        width: 40px;
    	height: 40px;
    }
}

#themeBannerList .owl-dots {
    max-width: 1250px;
    width: auto;
	position: absolute;
    left: 15px;
    bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    right: 15px;
    display: flex;
    align-items: center;
    grid-gap: 15px;
    justify-content: center;
}

#themeBannerList .owl-dot span {
	opacity: .25;
    background-color: #fff;
    height: 10px;
    width: 10px;
    border-radius: 10px;
    display: inline-block;
    transition: all .3s ease-in-out;
}

#themeBannerList .owl-dot.active span {
	opacity: 1;
    background-color: var(--themeButtonColor);
}

/* shipping disclaimer */
.themeBannerTermWrap {
	position: relative;
    display: inline-block;
    padding: 5px 0px;
}

.themeBannerTermWrap a {
	color: #fff;
}

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

@media screen and (max-width: 446px) {
    .themeBannerTermWrap {
    	display: block;
    }
}

.themeBannerTermWrap.openDisclaimer .themeBannerTermBox {
	display: block;
}

.themeBannerTermBox {
    display: none;
	position: absolute;
    background-color: #fff;
    color: #000;
    width: 615px;
    padding: 15px 15px;
    font-size: 10px;
    z-index: 99;
    top: 30px;
    left: 0;
    height: 120px;
    overflow: auto;
}

@media screen and (max-width: 860px) {
    .themeBannerTermBox {
    	width: 320px;
    }
}

@media screen and (max-width: 767px) {
    .themeBannerTermBox {
    	left: auto;
        right: 0;
    }
}

@media screen and (max-width: 375px) {
    .themeBannerTermBox {
        right: -70px;
    }
}

/* footer */
.themeFooterBottomEnd .links-list {
	display: flex !important;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 !important;
    padding: 0 !important;
}

@media screen and (max-width: 1170px) {
    .themeFooterBottomEnd .links-list {
    	flex-wrap: wrap;
        gap: 10px;
        justify-content: center;
        margin-bottom: 15px !important;
    }
}

#footer-custom .links-list li::after {
	display: none;
}

.themeFooterBottomEnd .links-list li {
	padding-right: 10px;
    margin-right: 10px !important;
    border-right: 1px solid #b4b4b4;
    line-height: 14px;
    font-size: 12px;
}

.themeFooterBottomEnd .links-list li:last-child {
	border-right: 0;
    padding-right: 0;
    margin-right: 0;
}

.themeFooterBottomEnd .links-list li:last-child a {
	display: inline-block;
    padding: 5px 25px 5px 5px;
    position: relative;
}

.themeFooterBottomEnd .links-list li:last-child a:hover,
.themeFooterBottomEnd .links-list li:last-child a:focus {
	text-decoration: none;
}

.themeFooterBottomEnd .links-list a {
    color: #b4b4b4;
    line-height: 14px;
    font-size: 12px;
    padding: 0 !important;
    border: 0 !important;
}

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


.page-content {
    background: url(https://rparts-sites.s3.amazonaws.com/658351f…/design/bodybg.png) bottom / 100% no-repeat #efede9;
}