@font-face {
  font-family: BentonSans;
  font-style: normal;
  font-display: swap;
  src: url(https://www.aexp-static.com/cdaas/one/statics/axp-static-assets/2.18.0/package/dist/fonts/BentonSans.woff) format("woff");
}

h1, h1.heading-4, h2, h2.heading-4 {
  font-family: BentonSans, 'Helvetica Neue', Helvetica, sans-serif !important;
}

a.text-link i {
  display: none;
}

.mobhide {
    display: block;
  }
  .dskhide {
    display: none;
  }
  .button {
    text-align: center;
  }
  .btn {
    display: inline-block !important;
  }
  .terms a i {
    display: none;
  }
  body .breadcrumb.aem-GridColumn.aem-GridColumn--default--12 {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 0 0 20px;
  }
  #hero {
    min-height: 532px;
    padding-top: 5%;
  }
  .hero-logos img {
    position: relative;
    right: 10px;
    width: 270px;
    height: auto;
    padding: 50px 0 5px 0;
  }
  .hero-header {
      font-size: 55px;
      line-height: 52px;
      text-transform: uppercase;
      font-weight: 900;
      
  }
  .hero p.heading-4 {
      font-size: 16px;
      font-weight: 400;
      line-height: 24px;
      text-align: left;
  }
  .hero-ribbon img {
    position: relative;
    top: 57px;
    right: 30px;
    width: 287px;
    height: auto;
  }
  h2.heading-4 {
    font-size: 32px;
    line-height: 37px;
    text-align: left;
    font-weight: 900;
    color: #00175A;
    text-transform: uppercase;
  }
  #mw-pass {
    padding: 60px 0;
  }
  #mw-pass p.heading-4 {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    color: #00175A;
    }
    #mw-pass p.heading-4.left-sect {
        font-weight: 900;
        line-height: 23px;
        text-transform:uppercase;
    }
  h3.heading-4 {
      
      font-size: 38px;
      line-height: 44px;
      text-transform: uppercase;
      font-weight: 900;
      
  }
  p.heading-3.card-heading {
        font-weight:700;
        text-align: center;
    }
    p.body-3.montreal {
        text-align: center;
        padding-top: 10px;
    }
    h3.slider-title {
        
        font-size: 32px;
        line-height: 38px;
        text-transform: uppercase;
        font-weight: 900;
        color: #fff;
        
    }
  #perks-grid > .container {
    max-width: 1020px !important;
  }
  .dates .tracks {
    margin-bottom: 20px;
  }
  .race .race-ribbon img {
      position: relative;
      top: 48px;
      right: 288px;
      width: 217px;
      height: auto;
      max-width: 220px;
      display: block;
      margin: auto;
    }
    .race.blu-sect .race-ribbon img {
        right: 272px;
    }
    .race.blk-sect .race-ribbon img {
        right: 364px;
    }
    .race.blk-sect.blk2 .race-ribbon img {
        right: 404px;
    }
    .race.blk-sect p.heading-4, p.slider-text {
      font-size: 16px;
      font-weight: 400;
      line-height: 24px;
      color: #fff;
  }  
   .race .heading-4 {
    
    font-size: 38px;
    line-height: 44px;
    
  }
  .race .carousel-inner {
    min-height: unset;
    background-color: transparent;
    flex: 1 0 auto;
    flex-flow: row nowrap;
    padding: 0;
}
  .race .carousel-inner .dls-gray-02-bg, .race .carousel-inner .dls-gray-02-bg-hvr:hover {
      background-color: transparent !important;
  }
  .race .carousel-multi-card img {
      background: rgb(236, 237, 238);
      border: 1px;
      border-radius: 15px 15px 0 0;
  }
  .race .carousel-multi-card .card {
    box-shadow: none;
    border: 1px;
    border-radius: 15px;
    height: inherit;
}
    .race ul.row.flex-no-wrap {
        padding-inline-start: 0;
    }
  .dates .container {
    max-width: 100%;
    padding: 0;
  }
  .dates .linkout i {
    display: none;
  }
  .tracks .dls-white-bg {
    border: 1px;
    border-radius: 15px;
  }
  .race.blu-sect .tracks {
        min-height: 370px;
    }
  .race .carousel .carousel-controls.dark-controls .carousel-control {
      background-color: rgba(0, 0, 0, .6);
      color: #fff;
  }
  .race .carousel-multi-card .carousel-controls.dark-controls .carousel-indicators {
      background-color: rgba(0, 0, 0, .6);
      color: #fff;
  }
  .race .carousel-indicators li:before {
      background-color: #c8c9c7;
  }
  .race .carousel-indicators li[aria-current]:before {
      background-color: #fff;
    }
    .race .carousel-controls.dark-controls .carousel-indicators li[aria-current]:before {
        background-color: #35C4B5 !important;
    }
  .past_events_carousel_sect .container {
        max-width: 100%!important;
        padding-right: 0;
  }
  .experiences .col-md-6 {
        padding-right: 0;
    }
  .hero.carousel-item {
     min-height: 1px;
  }
  @media (min-width: 1024px) {
    .race .carousel .carousel-controls.dark-controls .carousel-control:first-of-type {
         left: -40px!important;
     }
     .race .carousel .carousel-controls.dark-controls .carousel-control:last-of-type {
             right: 16px!important;
     }
    .race.blu-sect .container {
        max-width: 940px;
    }
 }
 @media (min-width: 768px) {
     .race .carousel-manual .carousel-controls, .carousel-multi-card .carousel-controls {
         pointer-events: none;
         display: flex;
     z-index: 2;
     position: absolute;
     width: 100%;
     justify-content: center;
     bottom: 0;
     height: 2.75rem;
     }
 .race .carousel-controls.dark-controls {
     display: flex;
     z-index: 2;
     position: absolute;
     width: 100%;
     justify-content: center;
     bottom: 0;
     height: 2.75rem;
 }
 .race .carousel .carousel-controls.dark-controls .carousel-control {
     background-color: rgba(0, 0, 0, .6);
     color: #fff;
     margin-left: 3.375rem;
     z-index: 1;
     line-height: 1;
     text-decoration: none !important;
     transition: color .2s ease-in-out, opacity .2s ease-in-out;
     padding-left: .90625rem;
     padding-right: .90625rem;
     display: flex;
     align-items: center;
 }
 #past_events.carousel-controls.dark-controls .carousel-control {
    margin-left: 0;
 }
 .race .carousel .carousel-controls.dark-controls .carousel-control:first-of-type {
    border-radius: .25rem 0 0 .25rem;
    left: -50px;
    top: 12px;
}
.race .carousel .carousel-controls.dark-controls .carousel-control:last-of-type {
        border-radius: 0 .25rem .25rem 0;
        right: 0px;
        top: 12px;
}
 .race .carousel-multi-card .carousel-controls.dark-controls .carousel-control {
         padding: .5rem;
         position: relative;
 }
 .race .carousel-multi-card .carousel-controls.dark-controls .carousel-indicators {
     background-color: rgba(0, 0, 0, .6);
     color: #fff;
 }
 .race .carousel-indicators li {
     display: block;
     padding: .3125rem;
     position: relative;
 }
 .race .carousel-indicators li:before {
     background-color: #c8c9c7;
     border-radius: 50%;
     content: "";
     display: block;
     height: .5rem;
     position: relative;
     transition: padding .2s ease-in-out;
     width: .5rem;
 }
 .race .carousel-indicators li[aria-current] {
     padding: .1875rem .3125rem;
 }
 .race .carousel-indicators li[aria-current]:before {
     height: .75rem;
     width: .75rem;
 }
 }
  @media screen and (min-width: 1500px) {
    .race .container {
      max-width: 1480px !important;
    }
    .tracks .austin {
      padding-bottom: 0 !important;
    }
    .tracks .mxc {
      padding-bottom: 0 !important;
    }
    .tracks .sp {
      padding-bottom: 0 !important;
    }
    .tracks .lv {
      padding-bottom: 0 !important;
    }
  }
  
  @media screen and (min-width: 1281px) {
    .race .container {
      max-width: 1210px;
    }
    .race.blu-sect .container {
      max-width: 1240px;
    }
    .tracks .austin {
      padding-bottom: 22px;
    }
    .tracks .mxc {
      padding-bottom: 44px;
    }
    .tracks .sp {
      padding-bottom: 22px;
    }
    .tracks .lv {
      padding-bottom: 22px;
    }
  }
  @media screen and (max-width: 1280px) {
    .tracks .austin {
      padding-bottom: 22px;
    }
    .tracks .mxc {
      padding-bottom: 22px;
    }
    .tracks .sp {
      padding-bottom: 22px;
    }
    .tracks .lv {
      padding-bottom: 22px;
    }
  }
  
  .academy .card-img-bg {
    background-position: bottom;
  }
  .academy .academy-logos img {
    width: 454px;
    height: auto;
  }
  .academy .academy-header {
    
    font-size: 25px;
    line-height: 28px;
    
  }
  .academy .car {
    padding-right: 90px;
  }
  .academy .car img {
    width: 648px;
    height: auto;
  }
  .academy p {
    padding: 0 36px;
  }
  .academy .button a {
    width: 256px;
  }
  
  .experiences {
    align-items: center;
    display: flex;
  }
  .experiences .row {
    align-items: center !important;
  }
  .experiences .cards img {
    width: 419px;
    height: auto;
  }
  /* .experiences .btn {
    width: 240px;
  } */
  .experiences .border-r {
    border-right: 1px solid #8E9092;
    padding-right: 31%;
  }
  .experiences .exp-text {
    
    font-size: 45px;
    line-height: 38px;
    
  }
  .experiences .col-md-12 {
    padding: 50px 10px;
  }
  .experiences .exp-ribbon img {
    position: relative;
    top: 28px;
    right: -46px;
    width: 217px;
    height: auto;
  }
  .experiences .exp-ribbon2 img {
    position: relative;
    top: 32px;
    right: -76px;
    width: 217px;
    height: auto;
  }  
  @media (max-width: 1279px) {
    /*.hero .container {
      max-width: 98%;
    }*/
    .hero-logos img {
      right: 10px;
    }
    .hero-ribbon img {
      right: 25px;
    }
    .experiences .container {
      max-width: 85%;
    }
    .experiences .border-r {
      padding-right: 7%;
    }
    .experiences .exp-right {
      padding: 0 0 0 8%;
    }
    .academy p {
      padding: 0;
    }
    #mw-pass-img img {
        height: 448px; 
    }
    #mw-pass .col-md-5.col-md-offset-1 {
        margin-left: 0;
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%;
      }
    #mw-pass .col-md-6 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%;
      }
    /* #mw-pass .col-md-6 h2.heading-4 {
        font-size: 28px;
        line-height: 32px;
      } */
    .race.blu-sect  .pad-3-r.pad-3-l {
        padding-left: 0!important;
        padding-right: 0 !important;
    }
    .pad-4-t.pad-4-lr, .pad-3-t.pad-4-lr {
        padding-left: 1.0rem !important;
        padding-top: 0.75rem !important;
        padding-right: 1.0rem !important;
      }
      .experiences .exp-ribbon img {
        right: 16px;
     }
    .experiences .exp-ribbon2 img {
        right: -36px;
    }
    .race.blk-sect.blk2 .race-ribbon img {
        right: 338px;
    }
 }
  
  @media (max-width: 1155px) {
    /*.hero .col-md-6:first-of-type {
        flex: 0 0 60%;
        max-width: 60%;
    }*/
    .experiences .container {
      max-width: 95%;
    }
    .experiences .border-r {
      padding-right: 9%;
    }
    .experiences .exp-right {
      padding: 0 0 0 8%;
    }
  }
  @media screen and (max-width: 1084px) {
    .tracks .austin {
      padding-bottom: 0;
    }
  }
  
  @media screen and (max-width: 1058px) {
    .tracks .montreal {
      padding-bottom: 22px;
    }
    .tracks .austin {
      padding-bottom: 22px;
    }
    .tracks .mxc {
      padding-bottom: 44px;
    }
    .tracks .sp {
      padding-bottom: 44px;
    }
  }
  
  @media screen and (max-width: 1057px) {
    .tracks .mxc {
      padding-bottom: 22px;
    }
  }
  @media screen and (max-width: 1023px) {
    #mw-pass-img img {
        height: 448px; 
    }
    #mw-pass .col-md-5.col-md-offset-1 {
        margin-left: 0;
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%;
      }
    #mw-pass .col-md-6 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%;
      }
    #mw-pass .col-md-6 .row.pad-3-t.pad-3-b {
        padding-bottom: 1.275rem !important;
        padding-top: 1.275rem !important;
      }
    #mw-pass .col-md-6 .pad-2-b {
        padding-bottom: 0.55rem !important;
    }
    /* #mw-pass .col-md-6 h2.heading-4 {
        font-size: 24px;
        line-height: 28px;
      } */
    #mw-pass p.heading-4 {
        font-size: 14px;
        line-height: 20px;
    }
    p.heading-3.card-heading, p.body-3.montreal  {
        font-size: 12px;
        line-height: 18px;
      }
      .race.blu-sect .tracks {
          min-height: 330px;
      }
      .pad-4-t.pad-4-lr, .pad-3-t.pad-4-lr {
        padding-left: 0.50rem !important;
        padding-top: 0rem !important;
        padding-right: 0.25rem !important;
      }
      h3.slider-title {
          font-size: 22px;
          line-height: 26px;
      }
      p.slider-text {
          font-size: 14px;
          line-height: 18px;
      }
      .experiences .exp-text {
            font-size: 37px;
            line-height: 34px;
      } 
      .race.blk-sect .race-ribbon img {
        right: 258px;
      }
      .race .race-ribbon img {
          right: 194px;
      }
    
      .race.blu-sect .race-ribbon img {
        right: 204px;
      }
      .race.blk-sect.blk2 .race-ribbon img {
        right: 170px;
      }
  }
  @media screen and (max-width: 1000px) {
    .tracks .montreal {
      padding-bottom: 44px;
    }
    .tracks .austin {
      padding-bottom: 44px;
    }
    .tracks .mxc {
      padding-bottom: 44px;
    }
    .tracks .lv {
      padding-bottom: 44px;
    }
  }
  @media screen and (max-width: 973px) {
    .tracks .montreal {
      padding-bottom: 22px;
    }
  }
  @media (max-width: 922px) {
    .race.blu-sect .race-ribbon img {
      right: 238px;
    }
  }
  @media (max-width: 893px) {
    .race .race-ribbon img {
        right: 260px;
    }
  }
  @media screen and (max-width: 874px) {
    .tracks .austin {
      padding-bottom: 22px;
    }
  }
  @media screen and (max-width: 864px) {
    .tracks .montreal {
      padding-bottom: 0;
    }
  }
  @media screen and (max-width: 863px) {
    .tracks .sp {
      padding-bottom: 22px;
    }
  }
  @media (max-width: 811px) {
    .race .race-ribbon img {
        right: 170px;
    }
  }
  @media screen and (max-width: 803px) {
    .tracks .lv {
      padding-bottom: 22px;
    }
  }
  @media screen and (max-width: 786px) {
    .tracks .lv {
      padding-bottom: 44px;
    }
  }
  @media (max-width: 774px) {
    .race.blu-sect .race-ribbon img {
      right: 180px;
    }
  }
  @media screen and (max-width: 769px) {
    .tracks .montreal {
      padding-bottom: 0;
    }
    .tracks .austin {
      padding-bottom: 22px;
    }
    .tracks .mxc {
      padding-bottom: 22px;
    }
    .tracks .sp {
      padding-bottom: 22px;
    }
    .tracks .lv {
      padding-bottom: 44px;
    }
  }
  @media screen and (max-width: 768px) {
    .center-on-mobile {
      text-align: center !important;
    }
    #mw-pass {
      padding: 40px 0;
    }
    .btn {
      display: block !important;
      margin: 0 auto !important;
    }
    #mw-pass .col-md-5, #mw-pass .col-md-6 {
      width: 100%;
      max-width: 100%;
      flex: none;
    }
    #mw-pass .col-md-5.col-md-offset-1 {
      margin: 0 auto;
      flex: none;
      width: 100%;
      max-width: 100%;
    }
    .multi-card-carousel h3 {
      text-align: left !important;
    }
    .tracks .montreal {
      padding-bottom: 0;
    }
    .tracks .austin {
      padding-bottom: 0;
    }
    .tracks .mxc {
      padding-bottom: 0;
    }
    .tracks .sp {
      padding-bottom: 0;
    }
    .tracks .lv {
      padding-bottom: 0;
    }
    .tracks .hidden-sm-down img {
      display: none;
    }
    .tracks .dskhide {
      display: block;
    }
    .tracks img {
      position: relative;
      bottom: 4px;
    }
  }
  
  @media (max-width: 955px) {
    /*.hero .col-md-6:first-of-type {
        flex: 0 0 70%;
        max-width: 70%;
    }*/
    .experiences .border-r {
      padding-right: 0;
    }
    .experiences .exp-right {
      padding: 0 0 0 0;
    }
    .experiences .exp-ribbon2 img {
      top: 32px;
    }
  }
  
  @media (max-width: 853px) {
    .experiences .exp-ribbon2 img {
      top: 32px;
      left: 11px;
    }
  }
  
  @media (max-width: 820px) {
    /*.hero .col-md-6:first-of-type {
        flex: 0 0 75%;
        max-width: 75%;
    }*/
  }
  
  @media (max-width: 768px) {
    /*.hero .col-md-6:first-of-type {
        flex: 0 0 100%;
        max-width: 100%;
    }*/
    #hero {
      padding: 70% 0 0 0;
      min-height: 595px;
    }
    .hero-header {
        font-size: 42px;
        line-height: 42px;
      text-align: center !important;
    }
    /*.hero .button {
      display: block;
      margin: 0 auto;
    }*/
    
  }
  
  @media (max-width: 767px) {
    .dskhide {
      display: block;
    }
    .mobhide {
      display: none;
    }
    .hero-logos img {
      position: relative;
      right: 0;
      width: 125px;
      height: auto;
      padding: 0 0 0 0;
    }
    .hero-ribbon img {
      position: relative;
      top: 50px;
      right: 60px;
      width: 217px;
      height: auto;
      max-width: 220px;
      display: block;
      margin: auto;
    }
    .academy .card-img-bg {
      background-size: auto;
      background-repeat: no-repeat;
    }
    .academy .container {
      padding: 0;
    }
    .academy .col-md-12 {
      padding: 0 !important;
    }
    .academy .academy-logos img {
      width: 100%;
      height: auto;
  }
    .academy .car img {
      width: 100%;
      height: auto;
      padding-right: 15px;
    }
    .experiences .container{
      max-width: 100%;
      padding: 0;
      margin: 0;
    }
    .experiences .col-md-12 {
        padding: 10px 10px 30px;
      }
      .experiences .border-r-md-up {
        background-color: #fff;
        border-bottom: 1px solid #8E9092;
        width:90%;
        margin: 0 auto;
      }
      .experiences .exp-right {
        padding: 0 5%;
      }
    .experiences .exp-ribbon img {
      top: 31px;
      right: -34px;
    }
    .experiences .exp-ribbon2 img {
      top: 29px;
      left: 0;
    }
    .experiences .exp-text {
      font-size: 32px;
      line-height: 37px;
    }
    .experiences .exp-ribbon {
      max-width: 338px;
      display: block;
      margin: auto;
    }
    .experiences .exp-ribbon2 {
      max-width: 330px;
      display: block;
      margin: auto;
    }
    .race .heading-4 {
      font-size: 32px;
      line-height: 37px;
    }
    .race .race-ribbon img {
      top: 40px;
      right: 14px;
    }
    .race.blk-sect .race-ribbon img {
        right: 0px;
        top: 43px;
      }
    .academy .car {
      padding-right: 0;
    }
    #mw-pass p.heading-4 {
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
    }
    #mw-pass-img img {
        height: 100%; 
        margin: 0 auto;
    }
    p.heading-3.card-heading, p.body-3.montreal {
        font-size: 1rem;
        line-height: 1.5rem;
    }
    .race.blu-sect .tracks {
          min-height: 310px;
         margin-bottom: 20px;
      }
      .race.blu-sect .race-ribbon img {
        right: 60px;
         top: 40px;
      }
      .race.blk-sect.blk2 .race-ribbon img {
        right: 56px;
    }
    .past_events_carousel_sect_mob .container {
        max-width: 100%!important;
        padding-right: 0;
        padding-left: 0;
    }
    .pad-4-t.pad-4-lr {
        padding-left: 1rem !important;
        padding-top: 16% !important;
        padding-right: 1rem !important;
    }
    .pad-3-t.pad-4-lr {
        padding-left: 1rem !important;
        padding-top: 1.25rem !important;
        padding-right: 1rem !important;
    }
  }
  
  @media screen and (min-width: 1281px) {
    .dates .container .col-md-2 {
        flex: 0 0 20%;
        max-width: 20%;
    }
  }
  
  @media screen and (max-width: 1280px) {
    .dates .container .col-md-2 {
        flex: 0 0 33.3%;
        max-width: 33.3%;
        padding: 10px 5px;
    }
  }
  @media screen and (max-width: 768px) {
    .dates .container .col-md-2 {
        flex: 0 0 100%;
        max-width: 100%;
    }
  }
  @media (max-width: 360px) {
    .hero-header {
      font-size: 36px;
      line-height: 36px;
    }
  }