<style>

/*root {    --color-primary: #407EC9;    --color-primary-dark: #062659;    --color-primary-light: #062659;    --color-primary-lighter: #062659;}*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;900&family=Poppins:ital,wght@1,700&display=swap');

main p {
font-size: 1.4em;
}

.primary>*:not(:last-child) {
margin-bottom: 0px;
}

.page-title {
display: none;
}

.primary-wrapper {
padding: 0;
margin-top: 0px;
}

.pag-wrapper {
padding: 2rem calc(50% - 55rem);
}

.pag-wrapper h1 {
text-align: center;
padding-bottom: 20px;
padding-top: 0px;
max-width: 1400px;
margin: 0 auto;
line-height: 5rem;
}

.pag-container>div:nth-child(1)>div>div>div:nth-child(1) {
border-right: 2px solid #fff;
}


.button-chat img {
margin: 0 auto;
}

.button-chat:after,
.button-chat img {
display: none;
}

.button-large {
padding: 1em !important;
text-align: center;
font-size: 22px;
max-width: unset;
width:100%;
margin: 0 auto 20px;
display: block;
}

.button-transparent {
padding: 1em;
text-align: center;
font-size: 22px;
max-width: 330px;
display: block;
margin: 0 auto;
background: #407EC9 !important;
border: 2px solid #fff;
}

.button-transparent:hover {
background: #0D47A1 !important;
}

.sectoin-subheading {
padding: 0 30px;
}

.locationBg {
  background: #fff url(https://performanceautoprod-com.cdn-convertus.com/uploads/sites/24/2021/08/winter-tires-bg-copy.jpg) top center no-repeat;
  background-size: cover;
  background-attachment: fixed;
  padding: 0 1em;
}

.locationBg h2 {}

h2.widget-heading {
text-align: center;
}


/* START Sale Details */

.pag-intro {
text-align: center;
padding: 60px 20px;
}

.pag-intro-subtitle {}

.pag-intro-subtitle h2 {}

.pag-intro-subtitle h4 {}

.promo-after h3 {color:#af173b !important;}

.pag-intro h3 {color: #407EC9; font-size: 3em; text-transform: uppercase; margin: 20px 0 0px; font-weight: 900; line-height: 1;}
.pag-intro h4 {color: #000000; font-size: 1.5em; font-style: italic; font-weight: 500; margin: 0 0 40px 0;}

.pag-intro-copy {
padding: 0 30px;
text-shadow: 2px 2px 20px rgb(255 255 255 / 100%);
font-weight: normal;font-size:1.4em;
max-width: 940px;
margin: 0 auto;
}

.pag-intro-copy p {
font-weight: normal;
color: #000;
font-size: 1em;
margin-bottom: 20px;
}

.sale-logo {
width: 100%;
margin: 20px auto 0;
max-width: 880px;
padding: 0 75px;
}

.sale-details {
width: 100%;
margin: 20px auto;
max-width: unset;
padding: 0 0px;
}

.sale-logo-mobile {
width: 100%;
margin: 20px auto 0;
max-width: 370px;
padding: 0 0px;
}

.sale-details-mobile {
width: 100%;
margin: 20px auto;
max-width: 450px;
padding: 0 0px;
}

.sale-details-date {
color: #68c640;
font-weight: bolder;
font-size: 4em;
text-transform: uppercase;
}

.sale-detials-offer-conatiner {
padding-left: 20px;
padding-right: 20px;
}

.sale-detials-offer {
max-width: 940px;
margin: 15px auto 25px;
border: 5px solid #fff;
background: rgb(104, 210, 207);
background-image: url("//performanceautoprod-com.cdn-convertus.com/uploads/sites/24/2022/03/tire-sale-offers-plus.png");
background-image: url("//performanceautoprod-com.cdn-convertus.com/uploads/sites/24/2022/03/tire-sale-offers-plus.png"), linear-gradient(0deg, rgba(104, 210, 207, 1) 0%, rgba(104, 198, 64, 1) 100%);
background-repeat: no-repeat;
background-position: center center;
color: #fff;
padding: 20px;
}

.sale-details-offer-spacer {
display: none;
}

.sale-video {width: 100%; max-width: 1085px; height: 610px; padding: 0 0px; margin:15px 0 0 0}



@media (max-width: 769px) {

.sale-detials-offer {
    background-image: url("//performanceautoprod-com.cdn-convertus.com/uploads/sites/24/2022/03/tire-sale-offers-plus2.png");
    background-image: url("//performanceautoprod-com.cdn-convertus.com/uploads/sites/24/2022/03/tire-sale-offers-plus2.png"), linear-gradient(0deg, rgba(104, 210, 207, 1) 0%, rgba(104, 198, 64, 1) 100%);
}
.sale-details-offer-spacer {
    height: 20px;
    display: block;
}
    }


.sale-details-offer-large {
font-size: 3em;
line-height: 1em;
font-weight: bold;
display: block;
margin: 20px auto 0;
padding: 0;
text-shadow: 0 0px 0px #aaa;
max-width: 440px;
}

.sale-details-offer-small {
font-size: 2.2em;
text-transform: uppercase;
line-height: 1em;
margin: 20px auto;
display: block;
text-shadow: 0 0px 0px #aaa;
max-width: 370px;
}


/* END Sale Details */

.tadv-performance-custom-group-locations-1 {padding-top:2rem !important;padding-bottom:5em !important;}
.tadv-performance-custom-group-locations-1 .tadv-group-oem-widget .widget-heading {color: #fff !important; font-weight: 500 !important; font-size: 2.5rem; padding-bottom: 1.5rem;}
.tadv-performance-custom-group-locations-1 .tadv-group-oem-widget .widget-heading::after {display: none;;}
.tadv-performance-custom-group-locations-1 {background:#E6F5FF;}
.tadv-performance-custom-group-locations-1 .tadv-group-oem-widget .wrapper .mobile-locations, .tadv-performance-custom-group-locations-1 .tadv-group-oem-widget .wrapper .desktop-locations {justify-content: center;}
.tadv-performance-custom-group-locations-1 .tadv-group-oem-widget .wrapper .desktop-locations__icon {background:#fff;}
.tadv-performance-custom-group-locations-1 .tadv-group-oem-widget .wrapper .mobile-locations__icon {background:#fff;flex:0 0 30%;}


.tadv-performance-custom-group-locations-1 .tadv-group-oem-widget .wrapper .desktop-locations__icon .tooltiptext.modal--active ul li.border-top, .tadv-performance-custom-group-locations-1 .tadv-group-oem-widget .wrapper .mobile-locations__icon .tooltiptext.modal--active ul li.border-top {border-top:1px solid #ccc !important;}
.tadv-performance-custom-group-locations-1 .tadv-group-oem-widget .wrapper .desktop-locations__icon .tooltiptext.modal--active ul li {padding-bottom:2rem;}
.tadv-performance-custom-group-locations-1 .tadv-group-oem-widget .wrapper .desktop-locations__icon .tooltiptext.modal--active ul li:first-child,.tadv-performance-custom-group-locations-1 .tadv-group-oem-widget .wrapper .mobile-locations__icon .tooltiptext.modal--active ul li:first-child {border:0 !important;padding-top:0;}
.tadv-performance-custom-group-locations-1 .tadv-group-oem-widget .wrapper .mobile-locations__icon .tooltiptext.modal--active ul li a {font-size:1.5em;}
.tadv-performance-custom-group-locations-1 .tadv-group-oem-widget .wrapper .desktop-locations__icon .tooltiptext {
	background:none !important;
}
.tadv-performance-custom-group-locations-1 .tadv-group-oem-widget .wrapper .desktop-locations__icon .tooltiptext.modal--active ul {
	border:none !important;
	border-radius:0 !important;
    border-top: 3px solid var(--color-primary) !important;
}
.tadv-performance-custom-group-locations-1 .tadv-group-oem-widget .wrapper .desktop-locations__icon .tooltiptext ul li .right-section p {
	font-size:14px !important;
	color:#000;
}
.tadv-performance-custom-group-locations-1 .tadv-group-oem-widget .wrapper .desktop-locations__icon .tooltiptext.modal--active ul li .right-section > a b {
	font-size:16px !important;
}



.tire-rebates .button {background-color: var(--color-primary) !important; margin: 5px 0 5px; font-size: 1.5em;}
.tire-rebates .button:hover {background-color: var(--color-primary-dark) !important; color:#fff !important;}
.tire-rebates {padding: 3em 0px 0;background-color: var(--color-primary) !important;}
.tire-rebates-heading {text-align: center;margin: 30px 0;}
.tire-rebates-heading h2 {padding-bottom:20px;font-size:4rem;}
.tire-rebates-heading h4 {color: #fff; font-size: 3em;}
.rebates-disclaimer {font-size:0.8em;color:#111;padding:3em 25px 4em;}
.saleDisclaimer {font-size: 12px;padding:3em 25px 4em;text-align: justify;}
.tires-banner {width: 100%;margin: 20px 0 0;}

.parts-form {
background: #fff;
padding: 20px;
border-radius: 5px;
border: 2px solid #ccc;
text-align: center;
}

.parts-form .widget-heading {
color: #333;
}

.parts-form .widget-heading::after {
margin-left: auto;
margin-right: auto;
background-color: #333;
}

.widget-heading::after {
margin-left: auto;
margin-right: auto;
background-color: #fff;
}


.pag-chat-box .button {
background:  var(--color-primary, #0668B3);
color: #fff;
font-weight: bold;
font-size: 1em;
}

.pag-chat-box .button:hover {
background: var(--color-primary);
color: #fff;
}

.tire-locator-container {margin-top:0px;}

.xtime-iframe {
    background: #e0e0e0;
    overflow: hidden;
    width: 100%;
    height: 750px;
    box-shadow: 0px 0px 15px #ccc;
    margin: 0px auto 0;
    border-radius: 3px;
    overflow: hidden;
    display: block !important;
}

.open-tire-locator {
    display: block;
    text-align: center;
    background: #8099B3;
    padding: 20px;
    color: #fff !important;
}

.open-tire-locator:hover {color:#fff !important;background:var(--color-primary, #0668b3);}
.tire_disc {font-size: 1em; text-align: center; color: #31708f; background-color: #d9edf7; padding: 15px; margin:0 0 20px 0; border: 1px solid transparent; border-radius: 4px;}


.tire-locator-title {
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 1.5em;
    background: var(--color-primary, #0668b3);
    padding: 20px;
    z-index: 999;
    margin: 0px 0 0;
    text-transform: uppercase;
    letter-spacing:2px;
}

.tire-locator-box {margin:2em 0 0 0;}

.tires-disclaimer {
text-align: center;
max-width: 500px;
margin: 30px auto 0;
color: #333;
font-size: 12px;
margin-bottom: 30px;
}


.button, .button:visited {background-color: var(--color-primary) !important;color:#fff !important;}
.button:hover {background-color: var(--color-primary-dark) !important; color:#fff !important;}
.package-box .button {background-color: var(--color-primary);}
.package-box .button:hover {background-color: var(--color-primary-dark) !important; color:#fff !important;}

.package-box {
  background: #fff;
  border: 2px solid #ddd;
  padding: 10px;
  color: #000;
  max-width: 350px;
  border-radius: 5px;
  margin: 10px auto;
  box-shadow: 0 0 10px rgb(0, 0, 0, 0.2);
}
.package-image {
}
.package-image img {
  width:100%;
}
.package-title {
  font-weight: bold;
  font-size: 1.4em;
  margin: 0 0 10px;
  padding: 10px 0;
  border-bottom: 1px dotted #999;
  line-height: 1.1em;
  min-height: 4em;
  display: grid;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.package-details {
    text-align:center;
    min-height: 8em;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.pkg-year {font-weight:bold;}
.pkg-model {font-weight:bold;}
.pkg-brand {font-weight:bold;}
.pkg-brand-2 {font-weight:bold;}
.pkg-includes {font-weight:normal;}
.package-save {
  background: #eee;
  padding: 5px;
  margin: 10px 0 0;
  text-align: center;
  min-height: 8em;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-size: 14px;
}
.package-cta {
}
.package-price-savings {
  color: #af173b;
  font-weight: bold;
  font-size: 1.6em;
}
.package-price-regular {
  text-decoration: line-through;
}
.package-price-promo {
  font-size: 1.1em;
}
.package-valid {
  font-size: 0.8em;
  font-weight: normal !important;
}
.package-disclaimer {
  font-size: 0.8em;
}
.package-disclaimer:hover {
}
.button-quick {
  background: var(--color-primary) !important;
  font-weight: 400;
  width: 100%;
  max-width: 360px;
  text-align: center;
  font-size: 1.3em;
  color: #fff !important;
  margin: 0;
  display: block;
}
.button-quick:hover {
  background: var(--color-primary-dark) !important;
}
.packages-container,
.tire-locator-container {
  padding: 0em 1em;
}
.package-box-blue {
  padding: 0;
}
.package-box-blue .package-image {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 120px;
  overflow: hidden;
}
.package-box-blue .package-image {
}
.package-box-blue .package-image img {
  max-height: 85px;
  max-width: 225px;
  width: auto;
  height: auto;
}
.package-box-blue .package-title {
  font-size: 1.5em;
  line-height: 1em;
  padding: 0;
  min-height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border: 0;
}
.package-box-blue .package-price-promo {
}
.package-box-blue .package-cta a {
}
.package-box-blue .package-cta a:hover {
}
.package-box-blue .package-title {
  font-weight: bold;
  font-size: 1.4em;
  margin: 0 0;
}
.package-box-blue .package-details {
  padding: 10px;
  text-align: center;
  font-size: 13px;
  min-height: unset !important;
}
.package-box-blue .package-save {
  background: #eee;
  padding: 5px;
  margin: 0px 0 0;
  text-align: center;
  min-height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.package-box-blue .package-cta {
  padding: 10px;
}
.package-box-blue .package-price-savings {
  color: #af173b;
  font-weight: bold;
  font-size: 1.6em;
}




/* toggle collapse expand */

.pag-tire-performance {background:#D9D9D9;padding:3em 0 8em;overflow:hidden;position: relative;}
.content-wrapper {
  /* Your content styles here */
  padding: 1rem;
}

.gradient-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100px; /* The height of the gradient */
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 0%,   /* Transparent at the top of the gradient div */
    rgba(0, 0, 0, 0.8) 150%  /* Black at the bottom */
  );
  pointer-events: none; /* Allows clicks to pass through to the content */
}

.expand-collapse {
    margin-bottom: 0px;
}
.toggle:hover {text-decoration: underline;}
.toggle {
    cursor: pointer;
    padding:0 0 4em;
    color:#fff;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
}
.toggle span {padding: 10px; display: inline-block; border: 2px dashed #fff; border-radius: 999px; width: 50px; height: 50px; font-weight: bold; margin: 20px 0 0; font-size:33px;line-height:30px;}
.toggle span:hover {background:#fff;color:#3b76bf;}


.content-container {
max-height: 0;
overflow: hidden;
transition: max-height 0.5s ease-out;
}

.content-container .wrapper {
  filter: blur(8px);
  transform: scale(0.95);
  transition: filter 0.5s ease-out, transform 0.5s ease-out;
}

.content-container.expanded .wrapper {
  filter: blur(0px);
  transform: scale(1);
}

.rebates-container {margin:-130px 0 0 0;}
.expanded .rebates-container{margin:0 !important;}


/* START Counter */

.countdown-clock-widget {}

.countdown-clock-widget h2 {
margin: 0;
}

.countdown-clock-1 .countdown-clock-widget.dark .widget-heading {
color: #FFF !important;
margin: 10px auto;
max-width: 850px;
padding-left: 25px;
padding-right: 25px;
}

.countdown-clock-1 .countdown-clock-widget.dark .widget-heading::after {
display: none;
}

.countdown-clock-1 .countdown-clock-widget.dark .widget-heading span {
font-style: italic;
color: #1568b3
}

.countdown-clock-1 .countdown-clock-widget.dark .countdown__card {
margin: 0 5px;
}

.countdown-clock-1 .countdown-clock-widget .countdown__card {
box-shadow: 5px 5px 0px #eee !important;
}

.countdown-clock-1 .countdown-clock-widget .countdown__digit {
font-size: 12rem!important;
font-weight: 600!important;
color: #3c83c8!important;
line-height: 0.8!important;
background: #fff!important;
}

.countdown-clock-1 .countdown-clock-widget .countdown__text {
text-transform: uppercase!important;
background-color: #fff!important;
font-weight: 700!important;
color: #707070!important;
font-size: 3rem!important;
}

.countdown-clock-1 .countdown-clock-widget .countdown__separator {
font-size: 11rem!important;
color: #fff!important;
display: none;
}

.countdown-clock-1 .countdown-clock-widget {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}

.countdown-clock-1 .countdown-clock-widget .countdown {
max-width: 800px;
margin: 35px auto !important;
}

/* END Counter */


/* Visability Classes start */

@media (max-width: 426px) {
.hidden-xs {
    display: none !important;
}
.pag-intro {
    padding-top: 30px;
    background-size: cover;
}
.pag-intro-copy {
    margin: 0px auto 30px;
}

.locationBg h2.widget-heading {
    color: #fff;
}
.locationBg .widget-heading::after {
    background-color: #fff;
}
.sectoin-subheading {
    text-align: center;
    margin-bottom: 25px;
}
.pag-dealer-box {
    max-width: 330px;
}
.tire-storage {
    padding-bottom: 60px;
}
.tire-storage-ask {
    margin-top: 0;
}
.tire-locator-box {
    padding: 0 0px;
}
}

@media (min-width: 425px) and (max-width: 769px) {
.hidden-xs {
    display: none !important;
}
.pag-intro {
    padding-top: 0;
    background-size: cover;
}
.pag-intro-copy {
    margin: 10px auto 10px;
    max-width: 520px;
}
.locationBg h2.widget-heading {
    color: #000;
}
.locationBg .widget-heading::after {
    background-color: #000;
}
.sectoin-subheading {
    text-align: center;
    margin-bottom: 25px;
}
.pag-dealer-box {
    max-width: 330px;
}
.tire-storage {
    padding-bottom: 60px;
}
.tire-storage-ask {
    margin-top: 0;
}
.tire-locator-box {
    padding: 0 0px;
}

.sale-video {width:100%;max-width: 345px;height:194px;}
}

@media (max-width: 991px) {
.pag-sale-details-container {display: flex;flex-direction: column-reverse;}
.locationBg {background: #fff url(https://performanceautoprod-com.cdn-convertus.com/uploads/sites/24/2021/08/winter-tires-bg-copy.jpg) no-repeat top center;background-size: cover; background-attachment:fixed;}
.locationBg::before {display:none;}
.pag-sale-details {background: #fff;padding:2em 25px;}

.pag-sale-offers {}
.pag-sale-offers h4 {}
.pag-sale-offers h3 {font-size: 2em; margin: 0em 0 0.7em;}
.pag-sale-offers p {font-size: 2em; line-height: 1.3em;;}
.pag-sale-offers a {}

.sale-logo {margin:2em 0;}
.sale-details h3 {font-size: 6em; line-height: 0.9em; margin: 0 auto;}
.sale-details h4 {font-size: 2.7em; margin: 30px auto !important;}
.sale-details h5 {}
.pag-sale-details h3 {font-size: 1.9em; line-height: 1.3em; padding: 15px 15px 0;}
.pag-sale-details p {font-size: 1.7em; line-height: 1.4em; padding: 15px;}

.tire-rebates-heading h4 { font-size: 3em !important; margin: 0 auto; max-width: 400px; line-height: 1.2em; }


    }

@media (min-width: 769px) and (max-width: 991px) {
.hidden-sm {
    display: none !important;
}
.sectoin-subheading {
    text-align: center;
    margin-bottom: 25px;
}
.tire-storage {
    padding-bottom: 60px;
}
.tire-storage-ask {
    margin-top: 0;
}
.tire-locator-box {
    padding: 0 0px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.hidden-md {
    display: none !important;
}
}
@media (min-width: 1200px) {
.hidden-lg {
    display: none !important;
}
}









.pag-why-performance{background:#F7FBFF;padding:3.5em 0;text-align:center}
.pag-why-performance h3{font-size:2.6em;line-height:1.3;max-width:620px;margin:0 auto;padding:0 20px}

.pag-why-container{
  display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;
  max-width:1400px;margin:0 auto;padding:0 30px;
}

.pag-why-item{text-align:center;padding:40px;flex:1;margin:10px 0}
.pag-why-item img{max-width:120px;margin:0 auto}
.pag-why-item h4{margin:0 auto 15px;max-width:185px}
.pag-why-item p{font-size:1em}

@media (max-width:1400px){
  .pag-why-item{padding-right:5px;padding-left:5px}
}
@media (max-width:990px){
  .pag-why-item{flex-basis:50%}
  .pag-why-item p{font-size:1.2em}
}

/* ===== Mobile (<= 990px): horizontal, centered, no scrollbar, fixed arrows ===== */
@media (max-width:990px){
  .scroll-wrapper{position:relative}

  .pag-why-container{
    flex-wrap:nowrap;              /* single row */
    overflow-x:auto;               /* allow swipe/drag */
    scroll-behavior:smooth;
    scroll-snap-type:x mandatory;  /* snap per card */
    -webkit-overflow-scrolling:touch;
    gap:16px;
    padding:0 24px;
  }
  /* Hide scrollbar */
  .pag-why-container{scrollbar-width:none}
  .pag-why-container::-webkit-scrollbar{display:none}

  .pag-why-item{
    flex:0 0 100%;                 /* each card = viewport width */
    padding:30px 56px;             /* room for arrows */
    margin:0;
    min-height:360px;
    display:flex;                  /* center content */
    flex-direction:column;
    align-items:center;
    justify-content:center;
    scroll-snap-align:center;
  }

  .scroll-btn{
    position:absolute; top:50%; transform:translateY(-50%);
    width:44px !important; height:44px !important; border-radius:999px;
    background:transparent; border:2px solid #000; color:#000;
    display:flex; align-items:center; justify-content:center;
    font-size:24px; line-height:1; cursor:pointer;
    z-index:2;
  }
  .scroll-btn.left{ left:8px; }
  .scroll-btn.right{ right:8px; }
}

/* ===== Desktop (> 990px): grid, hide arrows ===== */
@media (min-width:991px){
  .scroll-btn{ display:none; }
}





</style>