:root {
  --primarycol: #da0712;
  --red1: #e84237;
  --red2: #e63429;
  --red3: #f50202;
  --green1: #82bc3d;
  --green2: #00ad32;
  --green3: #5CAD32;
  --blue1: #00b7f2;
  --white: #ffffff;
  --grey: #888888;
  --mdgrey: #cccccc;
  --ltgrey: #eeeeee;
  --vltgrey: #f5f5f5;
  --black: #000000;
}

html { 
  height:100%;
  font-size: 62.5%; 
  font-family: Helvetica, Arial;
} 

body {
  height:100%;
  font-size: 1.5rem;
  color: var(--black);
}

/* Button */
.btn { 
  font-size:1.6rem;
}
.btn-primary { 
  background-color:var(--primarycol);
  border-color:var(--primarycol);
  padding: 10px 29px;
  border-radius: 6px;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: bold;
}
.btn-primary:hover{
  background-color:var(--black);
  border-color:var(--black);

}
.btn-red { 
  background-color:var(--black);
  border-color:var(--black);
}
button { 
   margin-left:0.5rem;
}

button.btn { 
  vertical-align: top;
}


/* Needed to give sensible sized form components */
.form-control { 
  height:5rem;
  font-size:2rem;
}

/* Text */
h1 { 
  font-weight:bold;
  font-size:2.5rem;
  color:var(--primarycol);
}
h2 { 
  font-weight:bold;
  font-size:3rem;
}

/* Generics */
a { 
  text-decoration: none;
  color:unset;
}
/* TOASTS */
#messages span.close { 
  float:right;
}

/* Default Background Colours */
.bg-purpleblue { 
  background-color:var(--primarycol);
}
.bg-red1 { 
  background-color:var(--red1);
}
.bg-red2 { 
  background-color:var(--red2);
}
.bg-red3 { 
  background-color:var(--red3);
}
.bg-blue1 { 
  background-color:var(--blue1);
}
.bg-green1 { 
  background-color:var(--green1);
}
.bg-green2 { 
  background-color:var(--black);
}
.bg-green3 { 
  background-color:var(--green3);
}
.bg-black { 
  background-color:var(--black);
}
.bg-grey { 
  background-color:var(--grey);
}
.bg-ltgrey { 
  background-color:var(--ltgrey);
}
.bg-vltgrey { 
  background-color:var(--vltgrey);
}
/* Default Text Colours */
.text-purpleblue { 
  color:var(--black);
}
.text-red1 { 
  color:var(--red1);
}
.text-red2 { 
  color:var(--red2);
}
.text-red3 { 
  color:var(--red3);
}
.text-blue1 { 
  color:var(--black);
}
.text-green2 { 
  color:var(--green2);
}
.text-green3 { 
  color:var(--green3);
}
.text-grey { 
  color:var(--grey);
}
.text-mdgrey { 
  color:var(--mdgrey);
}

/* Buttons */
.ebc-consumer-button { 
  padding-top:15px;
  padding-bottom:15px;
  padding-left:30px;
  padding-right:30px;
  border-radius:30px;
  font-size:1.4rem;
  font-weight: bold;
  text-transform:uppercase;
}
.ebc-consumer-button:hover { 
  opacity:0.75;
}

.ebc-alt-button { 
  border-radius: 80px 80px 80px 80px;
  font-size:1.4rem;
  padding:18px;
}

/* Pager */

.page-item.active {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #ffffff;
    background-color: #0069d9;
    border: 1px solid #dee2e6;
}






/* Misc */

.horizontal-line-with-text {
  display: flex;
  flex-direction: row;
  color:var(--primarycol);
  font-weight:bold;
  font-size:1.3rem;
}
.horizontal-line-with-text:before, .horizontal-line-with-text:after{
  content: "";
  flex: 1 1;
  border-bottom: var(--primarycol) 1px solid;
  margin: auto;
}
.horizontal-line-with-text:before {
  margin-right: 10px
}
.horizontal-line-with-text:after {
  margin-left: 10px
}


.spinner {
   position: absolute;
   left: 50%;
   top: 50%;
   height:100px;
   width:100px;
   margin:0px auto;
   -webkit-animation: rotation .6s infinite linear;
   -moz-animation: rotation .6s infinite linear;
   -o-animation: rotation .6s infinite linear;
   animation: rotation .6s infinite linear;
   border-left:6px solid rgba(0,174,239,.15);
   border-right:6px solid rgba(0,174,239,.15);
   border-bottom:6px solid rgba(0,174,239,.15);
   border-top:6px solid rgba(0,174,239,.8);
   border-radius:100%;
}

@-webkit-keyframes rotation {
   from {-webkit-transform: rotate(0deg);}
   to {-webkit-transform: rotate(359deg);}
}
@-moz-keyframes rotation {
   from {-moz-transform: rotate(0deg);}
   to {-moz-transform: rotate(359deg);}
}
@-o-keyframes rotation {
   from {-o-transform: rotate(0deg);}
   to {-o-transform: rotate(359deg);}
}
@keyframes rotation {
   from {transform: rotate(0deg);}
   to {transform: rotate(359deg);}
}








/* HEADER - Top Menu */



.topMenuContainer a { 
  color:var(--white);
  font-size:1.3rem;
}
.topMenuContainer a:hover { 
  color:var(--grey);
}

/* Header - Second Level Menu */
.secondLevelMenuContainer a { 
  color:var(--primarycol);
  font-size:1.3rem;
}
.secondLevelMenuContainer a:hover { 
  color:var(--grey);
}

.secondLevelMenuContainer .dropdown { 
  display:inline-block;
  line-height:150%;
}

.secondLevelMenuContainer a.dropdown-item { 
  padding:1.3rem;
}

.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0; // remove the gap so it doesn't close
 }

.dropdown-menu-dark {
  color: #dee2e6 !important;
  background-color: #343a40 !important;
  border-color: rgba(0,0,0,.15) !important;
}



/* HEADER - LOGO ROW */

#masterProductSearch { 
  border-radius:10px;
  border:#555555 1px solid;
  background-color:#eeeeee;
  font-size:1.4rem;
  padding-left:25px;
  padding-top:0.70rem;
  padding-bottom:0.5rem;
}
#masterProductSearch::placeholder { 
  font-size:1.2rem;
  padding-left:1.8rem;
}

.input-wrapper {
    position: relative;
}
.input-wrapper:before {
    font-family: 'FontAwesome';
    font-size: 1.4rem;
    color:#888888;
    /*content: '\f002';*/
    position: absolute;
    left: 8px;
    top: 8px;
}
.masterSearchProductShowMagnifyGlass:before { 
  content: '\f002';
}

.searchAreaSubMenuContainer a { 
    color:var(--primarycol);
    text-decoration: none;
    font-size:1.3rem;
}
.searchAreaSubMenuContainer a:nth-child(2) { 
  color:var(--red1);
}

.searchAreaSubMenuContainer a:hover { 
  color:var(--grey);
}

/* .secondLevelIconsContainer div:nth-child(0), 
.secondLevelIconsContainer div:nth-child(1),
.secondLevelIconsContainer div:nth-child(2)
{ 
  border-left:var(--primarycol) 1px solid;
}

.secondLevelIconsContainer div:nth-child(3) { 
  border-right:var(--primarycol) 1px solid;
} */

.headerActionMessageContainer { 
  font-size:1.3rem;
  color:#ffffff
}
.headerActionMessageContainer p { 
  margin-bottom:0px;
}

/* EFFECTS */
.starbox {
  position: relative;
  padding: 7px 10px 7px 12px;
  margin-right: 15px;
}
.starbox::after {
  content: "";
  position: absolute;
  right: -25px;
  top: 5px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0px 30px 20px 0px;
  rotate: -90deg;
}
.starbox.bronze{
  background-color: #967444 !important;
}
.starbox.green::after{
  border-color: transparent green transparent transparent;
}
.starbox.blue::after{
  border-color: transparent blue transparent transparent;
}
.starbox.black::after{
  border-color: transparent black transparent transparent;
}
.starbox.darkblue::after{
  border-color: transparent darkblue transparent transparent;
}
.starbox.yellow::after{
  border-color: transparent yellow transparent transparent;
}
.starbox.grey::after{
  border-color: transparent grey transparent transparent;
}
.starbox.red::after{
  border-color: transparent red transparent transparent;
}
.starbox.orange::after{
  border-color: transparent orange transparent transparent;
}
.starbox.bronze::after{
  border-color: transparent #967444 transparent transparent;
}


.shimmer {
  color: rgba(255,255,255,0.1);
  background: -webkit-gradient(linear, left top, right top, from(#222), to(#222), color-stop(0.5, #fff));
  background: -moz-gradient(linear, left top, right top, from(#222), to(#222), color-stop(0.5, #fff));
  background: gradient(linear, left top, right top, from(#222), to(#222), color-stop(0.5, #fff));
  -webkit-background-size: 125px 100%;
  -moz-background-size: 125px 100%;
  background-size: 125px 100%;
  -webkit-background-clip: text;
  -moz-background-clip: text;
  background-clip: text;
  -webkit-animation-name: shimmer;
  -moz-animation-name: shimmer;
  animation-name: shimmer;
  -webkit-animation-duration: 3s;
  -moz-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-color: #222;
}
@-moz-keyframes shimmer {
  0% {
    background-position: top left;
  }
  100% {
    background-position: top right;
  }
}
@-webkit-keyframes shimmer {
  0% {
    background-position: top left;
  }
  100% {
    background-position: top right;
  }
}
@-o-keyframes shimmer {
  0% {
    background-position: top left;
  }
  100% {
    background-position: top right;
  }
}
@keyframes shimmer {
  0% {
    background-position: top left;
  }
  100% {
    background-position: top right;
  }
}





/* BLOCKS */

/* NEWSLETTER */
.newsletterSignupContainer { 
  font-size:2.0rem;
  line-height:130%;
  color:var(--white);
  background: rgb(0,0,0);
}
.newsletterSignupContainer p { 
  margin-bottom:0px;
}
.newsletterSignupContainer a { 
  color:var(--white);
  font-weight:bold;
}

.newsletterSignupContainer input[type=submit] { 
  border-radius: 0px 20px 20px 0px;
  background-color:var(--primarycol);
  font-size:1.3rem;
  padding:15px;
  border:0px;
  color:var(--white);
  font-weight:bold;
  text-transform:uppercase;
}


/* FOOTER-CTA */
.footerMessagesContainer { 
 line-height:2.2rem;
 color:var(--white);
 background: transparent linear-gradient(137deg, var(--primarycol) 0%, var(--primarycol) 100%) 0% 0% no-repeat padding-box;
}
.footerMessagesContainer .messageIcon{ 
 font-size:4.5rem;
}
.footerMessagesContainer .messageHeadline{ 
 font-size:1.75rem;
 text-transform:uppercase;
}
.footerMessagesContainer .messageBody{ 
 font-size:1.75rem;
}

/* PART FINDER POPOUT */
.partFinderPopoutContainer { 
  background-color:var(--white);
}
.partFinderPopoutContainer .partFinderHeadline { 
  font-weight:bold;
  color:var(--primarycol);
}

.partFinderPopoutContainer input[type=text],
.partFinderPopoutContainer select { 
  background-color:var(--ltgrey);
  border:0px;
  height:49.5px !important;
}

.partFinderPopoutContainer input[type=text]::placeholder,
.partFinderPopoutContainer select { 
  font-size:1.2rem;
  padding-left:1.8rem;
  text-transform:uppercase;
  appearance:none;
}
.partFinderPopoutContainer select::before { 
  content: 'f0d7';
}

.partFinderPopoutContainer .submit2 {
  border-radius: 0px 20px 20px 0px;
  background-color:var(--primarycol);
  font-size:1.3rem;
  padding:15px;
  border:0px;
  color:var(--white);
  font-weight:bold;
  text-transform:uppercase;
}

/* HOMEPAGE - CTA */

.homepageCTAContainer img { 
  /* height:62vw; */
  object-fit:cover;
  object-position: center center;
}
.homepageCTAContainer h5 { 
  font-weight:bold;
  font-size:1.8rem;
}
.homepageCTAContainer h5 a { 
  color:var(--primarycol);
}
.homepageCTAContainer .card-footer a { 
  color:var(--red1);
  font-weight:bold;
}


/* bestSellersContainer */ 

.bestSellersContainer { 
  padding-bottom:5rem !important;
}
.bestSellersContainer .owl-dots { 
  padding-top:5rem !important;
}

.bestSellersContainer .bestSellersItem .card img { 
   object-fit: cover;
   object-position: center center;
   /* height:78vw; */
}

/* BLOG BLOCK */

.blogSectionPretext { 
  font-style:italic;
  color:var(--red2);
}
.blogSectionHeadline { 
  font-weight:bold;
  font-size:2.5rem;
  color:var(--primarycol);
}
.blogSectionBody{ 
  font-size:1.4rem;
}
.carouselPostItem img { 
  object-fit:cover;
  object-position: center center;
  height:75vw;
}
.blogFeatured { 
  border:var(--red2) 1px solid;
  color:var(--red2);
  text-transform:uppercase;
  font-size:1rem;
  padding:5px;
}
 #blog2022 .blog2022-card .card-img-top { 
  object-fit:cover;
  width:100%;
  height:50vw;
}



/* SINGLE - POSTS */

.postHeadline { 
  font-weight:bold;
  font-size:2.5rem;
  color:var(--primarycol);
}
.postDate{
  color:var(--red2); 
}
#blog2022 h3 { 
  font-weight:bold;
  font-size:2.5rem;
  color:var(--primarycol);
}

/* SINGLE - NEWSLETTER */

.newsletterSignupPage input[type=checkbox] { 
  margin-right:1rem;
}

.newsletterSignupPage p { 
 margin-top:3rem;
}

.newsletterSignupPage ul { 
  list-style-type: none;
  margin-left:0px;
  padding-left:0px;
}


/* TRUSTPILOT COMPONENTS */
.trustpilotInsert .circle {
  display: inline-block;
  background-color: #EDF0FF;
  border: var(--green2) 1px solid;
  margin: 10px;
  border-radius: 50%;
}

.trustpilotInsert .circle-inner {
  color: var(--green2);
  display: table-cell;
  vertical-align: middle; 
  text-align: center;
  text-decoration: none;
  height: 60px;
  width: 60px;  
  font-size: 1.4rem;
}

   .trustpilotInsert .card .card-header,
.trustpilotInsert .card .card-body { 
  background: unset;
  border:unset;
}
.trustpilotInsert .card .card-body h3 { 
  color:var(--green2);
  font-size:2rem;
}
.trustpilotInsert .card .card-body .card-text { 
  font-size:1.6rem;
  line-height:150%;
  color:#333333;
  
}


/* CATALOGUE SIDEBAR */
.numberCircle {
  border-radius: 50%;
  width: 36px;
  height: 36px;
  padding: 8px;
  text-align: center;
  font-size: 1.2rem;
}
.nCUnselected { 
  border: var(--red2) 1px solid;
  color: #ffffff;
  background-color: var(--red2); 
}
.nCSelected { 
  border: var(--primarycol) 1px solid;
  color: #ffffff;
  background-color: var(--primarycol); 
}
#mobileCatalogueFilterToggleButton:hover { 
  background-color:var(--mdgrey);
}



/* FOOTER POPOUT */
.footerPopoutContainer { 
  background: transparent linear-gradient(126deg, var(--primarycol) 0%, var(--primarycol) 100%) 0% 0% no-repeat padding-box;
  color:var(--white);
  -webkit-box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.35); 
  box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.35);
}
.footerPopoutContainer .popoutLeft { 
 background: var(--black);
}

.footerPopoutContainer .popoutInitial { 
 font-size:1.8rem;
 font-style:italic;
}
.footerPopoutContainer .popoutHeadline { 
 font-weight:bold;
 font-size:3.5rem;
}
.footerPopoutContainer .popoutBody { 
 font-size:1.8rem;
}

/* FOOTER MAIN */
#footer .footerGroupHeader { 
  font-weight:bold;
  color:var(--primarycol);
}

#footer ul { 
  list-style-type: none;
  margin-left:0px;
  padding-left:0px;
}

/* HOMEPAGE */

/* BANNER */

#homepageSlider { 
  height:445px;
  overflow:hidden;
}

#homepageSlider h1 { 
  color:var(--white);
  font-weight:bold;
  font-size:2.5rem;
}

#homepageSlider p { 
  margin-top:2.5rem;
  color:var(--white);
  
  font-size:1.5rem;
}


/* CATALOGUE */

.topLevelCataloguesContainer a { 
  color:var(--primarycol);
  font-size:1.3rem;
}


#catalogueExplicitModelsTable .tableRow:hover { 
  cursor:pointer;
}
#catalogueFilterToggleButton { 
  
}
#catalogueFilterToggleButton:hover { 
  color:#ffffff;
  background-color:var(--grey);
  cursor:pointer;
}

.catalogueSubHeadline { 
  color:#ffffff;
  font-size:2.5rem;
}


.catalogueVehicleTypeLetter a:hover { 
  font-weight:bold;
  color:var(--primarycol);
}

.cataloguePage h3 { 
  font-size:5rem;
  color:var(--black);
}
.cataloguePage .catalogueMakeName { 
  font-size:1.5rem;
  text-transform:uppercase;
}



#catalogueExplicitModelsTable tbody td, 
#catalogueExplicitModelsTable thead th
{ 
  padding:1.3rem;
  font-size:1.5rem;
}

.ebcFilterSearchSelect { 
  padding:10px;
  font-size:1.25rem;
}

#clearFilterCell { 
  line-height:70%;
  font-size:1rem;
  text-transform:uppercase;
  text-align:center;
}

#clearFilterCell a { 
  font-size:1rem;
  color:var(--red2);
}
#clearFilterCell a:hover { 
 color:var(--white);
}

.filterLabel { 
  font-size:1rem;
  text-transform:uppercase;
}

.goLink { 
  //font-size:1.3rem !important;
}

#modelPlaceholder { 
  line-height:125%;
  font-weight:normal;
  font-size:1rem;
}

#addToGarageButton { 
  
}

#addToGarageButton button { 
  border-color:var(--red2);
  color:var(--white);
}
#addToGarageButton button:hover { 
  background-color:var(--primarycol);
  border-color:var(--primarycol);
}

#myGarageExistingRecords .card { 
  background-color:var(--ltgrey);
}

#myGarageExistingRecords .card i { 
  color:var(--grey);
}

#myGarageExistingRecords .card:hover { 
  background-color:var(--mdgrey);
}

#myGarageExistingRecords .removeButton { 
  background-color:inherit;
  border:0;
  position:absolute;
  text-align:center;
  top:0;
  right:0;
  padding:1rem;
}

#myGarageExistingRecords .removeButton i { 
  color:var(--red1);
}


/* CATALOGUE SIDEBAR */

.partFinderSidebarContainer { 
  background-color:var(--white);
  border-radius:15px;
  -webkit-box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.35); 
  box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.35);
}
.partFinderSidebarContainer .partFinderHeadline { 
  font-weight:bold;
  color:var(--primarycol);
}

.partFinderSidebarContainer input[type=text],
.partFinderSidebarContainer select { 
  background-color:var(--ltgrey);
  border:0px;
  height:49.5px !important;
}

.partFinderSidebarContainer input[type=text]::placeholder,
.partFinderSidebarContainer select { 
  font-size:1.2rem;
  padding-left:1.8rem;
  text-transform:uppercase;
  appearance:none;
}
.partFinderSidebarContainer select::before { 
  content: 'f0d7';
}

.partFinderSidebarContainer .submit2 {
  border-radius: 0px 20px 20px 0px;
  background-color:var(--primarycol);
  font-size:1.3rem;
  padding:15px;
  border:0px;
  color:var(--white);
  font-weight:bold;
  text-transform:uppercase;
}
#partFinderSubmitButton  { 
  opacity:1;
}
#partFinderSubmitButton:disabled { 
  opacity:0.25;
}

.productFiltersHeadline { 
  font-weight:bold;
  color:var(--primarycol);
}

/* PRODUCT FILTERS CONTAINER */
#productFiltersContainer { 
  border-radius:15px;
  -webkit-box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.35); 
  box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.35);
}



/* MULTI - PRODUCTS */

.productMultiContainer .productMultiHeaderRow { 
  font-weight:bold;
  font-size:1.6rem;
}
.productMultiContainer .card { 
  border-radius: 10px;
  overflow: hidden;
}
.productMultiContainer .productMultiPrice { 
  font-size:2rem;
}
.productMultiContainer .multiProductImg { 
  width: 100%;
  object-fit:contain;
  object-position:center center;
  height:35vw;
}
.productMultiContainer .multiProductName { 
  font-weight:bold;
  font-size: 2.5rem;
  color:var(--primarycol);
}

.productMultiContainer.smallContainer .multiProductName { 
  font-weight:bold;
  font-size:1rem;
}
.productMultiContainer .multiProductExcerpt { 
  font-size:1.6rem;
}

.productMultiContainer .multiProductR90Approved {
  font-size:1.6rem;
  color:var(--primarycol);
}

.productMultiContainer .exvat { 
  padding-left:1rem;
}

.itemPositionIndicator { 
  width:100px;
  margin-left:1rem;
  margin-bottom:1rem;
}

.ebcButtonLink:hover { 
  cursor:pointer;
  background-color:var(--primarycol);
}

.readmorelink { 
  cursor: pointer;
}

.additionalData {
  padding: 10px;
  border: 1px SOLID #ccc;
  background-color: #d9d9d9;
  margin: 2px;
}
.dataHeader {
  width: 100%;
  padding: 10px;
  background-color: var(--primarycol);
  color: white;
  margin-top: 10px;
}




/* PRODUCTS */



#mainImage { 
  width: 100%;
  height: 250px;
  object-fit: contain;
}



 #productImageCarousel img.productImageCarouselThumb:hover{ 
  cursor:pointer;
  opacity:0.55 !important;
}
#productImageCarousel { 
  overflow-x: auto;
  white-space: nowrap;
}
#productImageCarousel 
#productImageCarousel::-webkit-scrollbar { 
  height:1px;
}
#productImageCarousel .productImageCarouselThumb { 
  width:100px;
  height:75px;
  object-fit:cover;
}
#productImageCarouselContainer .leftScroll,
#productImageCarouselContainer .rightScroll { 
  font-size:3rem;
}	
#productImageCarouselContainer .leftScroll:hover,
#productImageCarouselContainer .rightScroll:hover { 
  cursor:pointer;
  color:var(--grey) !important;
}	
.rgbaShade { 
  filter: sepia(100%) saturate(100%) brightness(70%) hue-rotate(180deg);
}			

.partNo { 
  font-size:1.2rem;
  color:var(--grey);
}








/* CHECKOUT */



.checkout_progress:not(.pull-right) {
  margin: 0 0 25px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  /*flex-flow: row-reverse;*/
}
.checkout_progress h1.title.large,
.checkout_progress h1.title {
  display: inline-block;
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0px;
  padding-top: 0;
}
.checkout_progress .pull-right { margin: 0; }
.checkout_progress hr { display: none; }
.checkout_progress_step {
  font-size: 12px;
  position: relative;
    padding: 0 15px 5px;
  display: inline-block;
  margin-bottom: -15px;
  color: [[theme:Theme/PrimaryColour]];
  font-weight: bold;
  z-index: 10;
}
.checkout_progress_step img, .checkout_progress_step svg {
  max-width: 50px;
  max-height: 35px;
  display: block;
  margin: 0 auto;
  fill: #ccc;
}
.checkout_progress_step:after {
  display: none;
  position: absolute;
  content: '\2022';
  font-size: 36px;
  bottom: 0; left: 50%;
  font-size: 24px;
  -webkit-transform: translate(-50%, 45%);
  -moz-transform: translate(-50%, 45%);
  -ms-transform: translate(-50%, 45%);
  transform: translate(-50%, 45%);
}
#checkout .checkSub ul {
  margin: 0px;
  padding: 0px;
}
#checkout .checkSub li {
  list-style: none;
  margin: 0px;
}
#checkout .checkSub input {
  margin-right: 5px;
}

#existingAddressesContainer { 
  max-height:225px;
  overflow-y: scroll;
}
::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
}
::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, .5);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}

/* INTEGRATED SERVICES - LOQATE */
.pca .pcaitem {
    font-size: 1.6rem !important;
    color: #333;
}



/* MY ACCOUT */
#myAccountTabs .col-12 { 
  border-bottom:var(--primarycol) 1px solid;
}
#myAccountTabs .tabMenuItem { 
  border-top-left-radius:10px;
  border-top-right-radius: 10px;
  text-align:center;
}
#myAccountTabs .tabMenuItem:hover { 
  background-color:var(--ltgrey);
  cursor: pointer;
}
#myAccountTabs .tabMenuItem.tabActive { 
  background-color:var(--red1);
  color:#ffffff;
}
h1.myAccountHeadline { 
  font-size:1.4rem;
  font-weight:bold;
  color:var(--primarycol);
  text-transform:uppercase;
}


/*3147*/
.nav-link.dropdown-toggle::after {
  display: none;
}


.mainImageHover:hover .onPadImage{
  display: block;
}
.mainImageHover:hover .mainImage{
  display: none;
}
.onPadImage{
  display: none;
}

/* Grid view */
.ViewContainer{
  position:absolute;
  bottom:1rem;
  right:3rem;
}

.gridView .ViewContainer{
  bottom:1rem;
  right:0; 
  width: 100%; 
  text-align: center;
}

.gridView .productMultiHeaderRow{
  font-size: 12px;
}

.gridView .starbox::after{
  right: -23px; 
  border-width: 0px 30px 15px 0px;
}


.viewchange {
  font-size: 16px;
  color: var(--primarycol);
  padding: 10px;
}
.viewchange a {
  padding: 10px;
}
.gridView .card {
  height: 100%;
}

.gridView .multiProductExcerpt {
  font-size: 14px;
  max-height: 0px;
  overflow: hidden;
}

.gridView .float-end {
  float: right !important;
}




.gridView .additionalData {
  padding: 5px;
  margin: 2px;
  font-size: 13px;
}

.gridView.productMultiContainer .multiProductName {
  font-size: 15px !important;
  height: 134px;
  display: block;
  position: relative;  
  margin-top: 21px;
}


.gridView.productMultiContainer .multiProductExcerpt {
  display: none;
}


.gridView .itemPositionIndicator.img-fluid {
                              
  height: 60px;
  position: absolute;
  top: -7px;
  right: 0px;
  left: unset;
  margin-right: 15px;
}

.gridView .multiProductR90Approved {
  position: absolute;
  bottom: 6px;
  width: 100%;
  text-align: center;
  left: 0;
}

.gridView .productMultiPrice {
  text-align: center !important;
}
.additionalData.gridSKU {
  position: relative;
  top: -45px;
}

@media (min-width: 992px) {
  .gridView .p-lg-1 {
  font-size: 14px;
  }
  .gridView .text-lg-start {
  text-align: center !important;
  }
}

@media (max-width: 992px) {
  .gridView.productMultiContainer{
    margin-bottom: 0px !important;
    margin-top: 1rem !important;
  }
  .gridView.productMultiContainer .multiProductName {
    font-size: 11px !important;
    height: 100px;
  }
  .gridView .productMultiPerformanceType {
    height: 26px;
  }
}



/* SM */
@media (min-width: 576px) {
  #homepageSlider { 
    height:456px;
  }
  #homepageSlider h1 { 
    font-size:3rem;
  }
  /* .homepageCTAContainer .card-img-top { 
    height:55vw;
  } */
  /* .bestSellersContainer .bestSellersItem .card img { 
    height:82vw;
  }  */
  #mainImage { 
    height: 350px;
  }
}

/* MD */
@media (min-width: 768px) {
  #homepageSlider { 
    height:427px;
  }
  #homepageSlider h1 { 
    font-size:4rem;
  }
  /* .homepageCTAContainer .card-img-top { 
    height:50vw;
  } */
  /* .bestSellersContainer .bestSellersItem .card img { 
    height:39vw;
  }  */
  .postsCarouselContainer .carouselPostItem img { 
    height:26vw;
  }
  .productMultiContainer .multiProductImg { 
    height:32vw;
  }
  #mainImage { 
    height: 400px;
  }
}

/* LG */
@media (min-width: 992px) {  
  
  h1 { 
    font-size:3.5rem;
  }
  
  #homepageSlider { 
    height:600px;
  }
  
  #homepageSlider h1 { 
    font-size:5rem;
  }
    
  .bannerAreaConstraint { 
    border:#ff0000 1px dashed;
  }
  
  #homepageSlider {
    height:652px;
  }
  
  #homepageSlider .carousel-indicators { 
    position:absolute !important;
    bottom:150px;
  }
  
  .footerPopoutContainer { 
    position:relative;
    top:180px;
  }
  
  .extraSpaceForFooterMessagesNeeded { 
    margin-top:110px;
  }

  .partFinderPopoutContainer { 
    position:relative;
    height:293px;
    top:-195px;
    border-radius:15px;
    -webkit-box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.35); 
    box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.35);
  }

  
  /* .homepageCTAContainer .card-img-top { 
    height:16vw;
  } */
  
  .bestSellersContainer { 
    margin-top:20px !important;
  }
  
  #ajax-best-sellers-data-container { 
   margin-top:-165px !important; 
  }
  
  
  /* .bestSellersContainer .bestSellersItem .card img { 
    height:26vw;
  }   */
  
  .owl-stage { 
    padding-left:0px !important;
  }
  
  .postsCarouselContainer { 
    background: linear-gradient(to right, rgba(255,255,255,0) 30%,rgba(255,255,255,1) 100%) !important;
  }
  
  .postsCarouselContainer .carouselPostItem img { 
    height:14vw;
  }
  .productMultiContainer .multiProductImg { 
    height:22vw;
  }
  #mainImage { 
    height: 500px;
  }
  
  /* #ajax-best-sellers-data-container { 
   margin-top:-165px !important; 
  } */
  
  
}

/* XL */
@media (min-width: 1200px) {
  #homepageSlider {
    height:666px;
  }
  /* .homepageCTAContainer .card-img-top { 
    height:17vw;
  } */
  /* .bestSellersContainer .bestSellersItem .card img { 
    height:26vw;
  } */
  .postsCarouselContainer .carouselPostItem img { 
    height:12vw;
  }
  .productMultiContainer .multiProductImg { 
    height:18vw;
  }
  #mainImage { 
    height: 500px;
  }
}

/* XXL */
@media (min-width: 1400px) {  
  /* .homepageCTAContainer .card-img-top { 
    height:15vw;
    max-height:300px;
  } */
  /* .bestSellersContainer .bestSellersItem .card img { 
    height:22vw;
    max-height:365px;
  } */
  .productMultiContainer .multiProductImg { 
    height:13vw;
  }
  #mainImage { 
    height: 500px;
  }
  #homepageSlider { 
    height:650px;
  }

}