/* Fonts */
@font-face {
  font-family: "BentonSans-CondMd";
  src: local("Benton Sans Condensed Medium");
  src: url("https://www.aexp-static.com/nav/ngn/fonts/66edbae4-0c00-4453-9c58-c0c4cb412064-2.eot");
  src: url("https://www.aexp-static.com/nav/ngn/fonts/66edbae4-0c00-4453-9c58-c0c4cb412064-2.eot?") format("embedded-opentype"), url("https://www.aexp-static.com/nav/ngn/fonts/66edbae4-0c00-4453-9c58-c0c4cb412064-3.woff") format("woff"), url("https://www.aexp-static.com/nav/ngn/fonts/66edbae4-0c00-4453-9c58-c0c4cb412064-1.ttf") format("truetype"), url("https://www.aexp-static.com/nav/ngn/fonts/66edbae4-0c00-4453-9c58-c0c4cb412064-4.svg#web") format("svg");
  font-style: normal;
  font-weight: normal
}
.cmp-herovideo-carousel .cmp-carousel .gabm-cmp-herovideo--heading-title h1, .hero h1 {
  font-family: "BentonSans-CondMd", BentonSansCond, Helvetica Neue, Helvetica, sans-serif !important;
  font-size: 48px !important;
  line-height: 48px !important;
  text-transform: uppercase !important;
  font-weight: 900 !important;
  color:#fff !important;
  position:relative !important;
  z-index: 1 !important;   
}
.cmp-herovideo-carousel .cmp-carousel .gabm-cmp-herovideo--heading-title p, .hero p {
  font-family: Helvetica Neue,Helvetica,sans-serif;
  text-transform: uppercase;
  font-weight: 900;
  color:#fff;
  font-size: 15px;
  font-weight: 700;
  line-height: 22px;
}
#venues-collection-sect h2.heading-4 {
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
}
#venues-collection-sect h2.heading-4, #venues-collection-sect p, #venues-collection-sect a, #discover-sect h3 .heading-4, #discover-sect p {
  color:#fff;
}
#venues-collection-sect a.btn {
  color: #006FCF;
}
#add-perks-sect h2.heading-4 {
  font-size: 30px;
  font-weight: 700;
  line-height: 38px;
}
.tracks p {
  color: #333 !important;
}
p.bold, #discover-sect p {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  text-align: center;
}
p.bold, #earn-more h3 .heading-4 {
  color: #00175A !important;
}
p.bold {
  text-transform: uppercase;
}
#discover-sect h3 .heading-4 {
  font-size: 38px;
  font-weight: 700;
  line-height: 44px;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  p.bold {
    font-size: 14px;
    line-height: 20px;
  }
  #venues-collection-sect a.btn {
    font-size: .667rem;
  }
}
@media screen and (max-width: 767px) {
  .cmp-herovideo-carousel .cmp-carousel .gabm-cmp-herovideo--heading-title h1, .hero h1 {
    font-size: 30px !important;
    line-height: 38px !important;
  }
  .hero h1.heading-5, p{
    text-align: left;
  }
  .hero h1.heading-5 {
      padding-bottom: 0 !important;
  }
}

/* Parent Grid */
#parent-venues > .container, .gabm-cmp-herovideo--content > .container, .hero > .container {
    max-width: 100%;
    padding: 0;
}

/* Top Logo */
.mob-hero-logos {
    max-width: 94px;
    margin: 0 auto;
}

/* Langauge selector styles */
div.gvc-logo-lang ul li a:focus {
  border: dashed 1px #dddddd;
}

div.indBenefit a:focus {
  border: dashed 1px #333333;
}

/* Venues Carousel & Hero Section */
.cmp-herovideo-carousel .cmp-carousel, .hero {
  max-height: 380px;
  min-height: 380px; 
}
.cmp-herovideo-carousel .cmp-carousel .gabm-cmp-herovideo--background img  {
  position: absolute;
  min-height: calc(100vh - 80px);
  width: auto;
  max-width: 100%;
  min-width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1.5);
  max-height: 100%;
  object-fit: cover;
}
.cmp-herovideo-carousel .cmp-carousel .gabm-cmp-herovideo--background img.ready {
  transition: none;
}
.cmp-herovideo-carousel .cmp-carousel .gabm-cmp-herovideo--background img {
  min-height: 106%;
  min-width: 100%;
  max-height: 106%;
}
.cmp-herovideo-carousel .cmp-carousel .gabm-cmp-herovideo, .cmp-herovideo-carousel .cmp-carousel .gabm-cmp-herovideo--background {
  max-height: 380px;
  min-height: 380px;
  height: calc(100vh - 80px);
}
.cmp-herovideo-carousel .cmp-carousel__indicators {
  bottom: 20px;
  top: auto;
}
.cmp-herovideo-carousel .cmp-carousel .gabm-cmp-herovideo--controls {
  bottom: 10px;
  top: auto;
}
.amex-venue-collection-pill img {
  max-width: 201px;
}
.venues-hero-logos-grid > .container {
  max-width: 100%;
  padding: 0;
}
.venues-hero-logos-grid {
  position: absolute !important;
  width: 100%;
  top: -100%;
}
#Delta_logos.venues-hero-logos-grid {
  top: -220%;
}
#brighton_logos.venues-hero-logos-grid {
  top: -205%;
}
#ut_hock img {
  padding-top:15px;
  max-height:79px
}
.venues-hero-logos-grid .container .col-md-1 {
  min-width: 100px;
}
.venues-hero-logos img {
  width: 100px;
  max-width: 100%;
}
.hero {
  position: relative;
}
.hero .gabm-cmp-herovideo--content {
    position: absolute!important;
    max-width: 1440px;
    width: 100%;
    bottom: -340px;
    padding: 0 0 0 82px;
    text-align: left;
}
.hero .col-md-6.stack {
   flex: 0 0 100%;
   max-width: 100%;
}
.hero .stack>:not(:last-child) {
    margin-bottom: 0;
}
.hero h1 {
  padding-bottom: .625rem !important;
}
.anim-slide-up {
  opacity: 1;
  animation-name: none;
}
@media screen and (min-width: 768px) and (max-width: 972px) {
  #brighton_logos.venues-hero-logos-grid {
    top: -100%;
  }
}
@media screen and (min-width: 973px) and (max-width: 1023px) {
  .cmp-herovideo-carousel .cmp-carousel, .hero {
    max-height: 500px;
    min-height: 500px; 
  }
  .cmp-herovideo-carousel .cmp-carousel .gabm-cmp-herovideo, .cmp-herovideo-carousel .cmp-carousel .gabm-cmp-herovideo--background {
    max-height: 500px;
    min-height: 500px;
  }
  .venues-hero-logos-grid {
    top: -190%;
  }
  #Delta_logos.venues-hero-logos-grid {
    top: -330%;
  }
  #brighton_logos.venues-hero-logos-grid {
    top: -320%;
  }
  .hero .gabm-cmp-herovideo--content {
    bottom: -450px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
  .cmp-herovideo-carousel .cmp-carousel, .hero {
    max-height: 360px;
    min-height: 360px; 
  }
  .cmp-herovideo-carousel .cmp-carousel .gabm-cmp-herovideo, .cmp-herovideo-carousel .cmp-carousel .gabm-cmp-herovideo--background {
    max-height: 360px;
    min-height: 360px;
  }
  .venues-hero-logos-grid {
    top: -90%;
  }
  #Delta_logos.venues-hero-logos-grid {
    top: -198%;
  }
  #brighton_logos.venues-hero-logos-grid {
    top: -90%;
  }
  .hero .gabm-cmp-herovideo--content {
    bottom: -320px;
  }
}

@media screen and (min-width: 1675px) and (max-width: 1900px) {
  .cmp-herovideo-carousel .cmp-carousel, .hero {
    max-height: 500px;
    min-height: 500px; 
  }
  .cmp-herovideo-carousel .cmp-carousel .gabm-cmp-herovideo, .cmp-herovideo-carousel .cmp-carousel .gabm-cmp-herovideo--background {
    max-height: 500px;
    min-height: 500px;
  }
  .venues-hero-logos-grid {
    top: -180%;
  }
  #Delta_logos.venues-hero-logos-grid {
    top: -340%;
  }
  #brighton_logos.venues-hero-logos-grid {
    top: -320%;
  }
  .hero .gabm-cmp-herovideo--content {
    bottom: -470px;
  }
}
@media screen and (min-width: 1901px) and (max-width: 2100px) {
  .cmp-herovideo-carousel .cmp-carousel, .hero {
    max-height: 560px;
    min-height: 560px; 
  }
  .cmp-herovideo-carousel .cmp-carousel .gabm-cmp-herovideo, .cmp-herovideo-carousel .cmp-carousel .gabm-cmp-herovideo--background {
    max-height: 560px;
    min-height: 560px;
  }
  .venues-hero-logos-grid {
    top: -220%;
  }
  #Delta_logos.venues-hero-logos-grid {
    top: -400%;
  }
  #brighton_logos.venues-hero-logos-grid {
    top: -380%;
  }
  .hero .gabm-cmp-herovideo--content {
    bottom: -520px;
  }
}
@media screen and (min-width: 2101px) and (max-width: 2300px) {
  .cmp-herovideo-carousel .cmp-carousel, .hero {
    max-height: 620px;
    min-height: 620px; 
  }
  .cmp-herovideo-carousel .cmp-carousel .gabm-cmp-herovideo, .cmp-herovideo-carousel .cmp-carousel .gabm-cmp-herovideo--background {
    max-height: 620px;
    min-height: 620px;
  }
  .venues-hero-logos-grid {
    top: -290%;
  }
  #Delta_logos.venues-hero-logos-grid {
    top: -470%;
  }
  #brighton_logos.venues-hero-logos-grid {
    top: -440%;
  }
  .hero .gabm-cmp-herovideo--content {
    bottom: -580px;
  }
}
@media screen and (min-width: 2301px) and (max-width: 2500px) {
  .cmp-herovideo-carousel .cmp-carousel, .hero {
    max-height: 680px;
    min-height: 680px; 
  }
  .cmp-herovideo-carousel .cmp-carousel .gabm-cmp-herovideo, .cmp-herovideo-carousel .cmp-carousel .gabm-cmp-herovideo--background {
    max-height: 680px;
    min-height: 680px;
  }
  .venues-hero-logos-grid {
    top: -320%;
  }
  #Delta_logos.venues-hero-logos-grid {
    top: -550%;
  }
  #brighton_logos.venues-hero-logos-grid {
    top: -500%;
  }
  .hero .gabm-cmp-herovideo--content {
    bottom: -640px;
  }
}
@media screen and (min-width: 2501px) and (max-width: 2750px) {
  .cmp-herovideo-carousel .cmp-carousel, .hero {
    max-height: 760px;
    min-height: 760px; 
  }
  .cmp-herovideo-carousel .cmp-carousel .gabm-cmp-herovideo, .cmp-herovideo-carousel .cmp-carousel .gabm-cmp-herovideo--background {
    max-height: 760px;
    min-height: 760px;
  }
  .venues-hero-logos-grid {
    top: -370%;
  }
  #Delta_logos.venues-hero-logos-grid {
    top: -630%;
  }
  #brighton_logos.venues-hero-logos-grid {
    top: -510%;
  }
  .hero .gabm-cmp-herovideo--content {
    bottom: -720px;
  }
}
@media screen and (min-width: 2751px) and (max-width: 3000px) {
  .cmp-herovideo-carousel .cmp-carousel, .hero {
    max-height: 820px;
    min-height: 820px; 
  }
  .cmp-herovideo-carousel .cmp-carousel .gabm-cmp-herovideo, .cmp-herovideo-carousel .cmp-carousel .gabm-cmp-herovideo--background {
    max-height: 820px;
    min-height: 820px;
  }
  .venues-hero-logos-grid {
    top: -430%;
  }
  #Delta_logos.venues-hero-logos-grid {
    top: -680%;
  }
  #brighton_logos.venues-hero-logos-grid {
    top: -590%;
  }
  .hero .gabm-cmp-herovideo--content {
    bottom: -780px;
  }
}
@media screen and (min-width: 3001px) {
  .cmp-herovideo-carousel .cmp-carousel, .hero {
    max-height: 895px;
    min-height: 895px; 
  }
  .cmp-herovideo-carousel .cmp-carousel .gabm-cmp-herovideo, .cmp-herovideo-carousel .cmp-carousel .gabm-cmp-herovideo--background {
    max-height: 895px;
    min-height: 895px;
  }
  .venues-hero-logos-grid {
    top: -475%;
  }
  #Delta_logos.venues-hero-logos-grid {
    top: -735%;
  }
  .hero .gabm-cmp-herovideo--content {
    bottom: -850px;
  }
}
@media screen and (max-width: 767px) {
  .cmp-herovideo-carousel .cmp-carousel, .hero {
    max-height: 580px;
    min-height: 580px; 
  }
  .cmp-herovideo-carousel .cmp-carousel .gabm-cmp-herovideo, .cmp-herovideo-carousel .cmp-carousel .gabm-cmp-herovideo--background {
    max-height: 580px;
    min-height: 580px;
  }
  .venues-hero-logos-grid {
    top: -330%;
  }
  #Delta_logos.venues-hero-logos-grid {
    top: -630%;
  }
  #brighton_logos.venues-hero-logos-grid {
    top: -630%;
  }
  .venues-hero-logos-grid .container .col-md-1 {
    min-width: 15%;
    flex: 0 0 15%;
    max-width: 15%;
  }
  .venues-hero-logos-grid .container .col-md-10 {
    min-width: 68%;
    flex: 0 0 68%;
    max-width: 68%;
  }
  .venues-hero-logos img {
    width: 145%;
  }
  .hero .gabm-cmp-herovideo--content {
    bottom: -550px;
    padding: 0 10px 0 10px;
    text-align: left;
  }
}
@media screen and (max-width: 545px) {
  .cmp-herovideo-carousel .cmp-carousel, .hero {
    max-height: 480px;
    min-height: 480px; 
  }
  .cmp-herovideo-carousel .cmp-carousel .gabm-cmp-herovideo, .cmp-herovideo-carousel .cmp-carousel .gabm-cmp-herovideo--background {
    max-height: 480px;
    min-height: 480px;
  }
  .venues-hero-logos-grid {
    top: -250%;
  }
  #Delta_logos.venues-hero-logos-grid {
    top: -480%;
  }
  #brighton_logos.venues-hero-logos-grid {
    top: -480%;
  }
  .venues-hero-logos-grid .container .col-md-1 {
    min-width: 18%;
    flex: 0 0 18%;
    max-width: 18%;
  }
  .venues-hero-logos-grid .container .col-md-10 {
    min-width: 63%;
    flex: 0 0 63%;
    max-width: 63%;
  }
  .venues-hero-logos img {
    width: 125%;
  }
  .hero .gabm-cmp-herovideo--content {
    bottom: -450px;
  }
}
@media screen and (max-width: 467px) {
  #brighton_logos.venues-hero-logos-grid {
    top: -280%;
  }
}
@media screen and (max-width: 450px) {
  .cmp-herovideo-carousel .cmp-carousel, .hero {
    max-height: 430px;
    min-height: 430px; 
  }
  .cmp-herovideo-carousel .cmp-carousel .gabm-cmp-herovideo, .cmp-herovideo-carousel .cmp-carousel .gabm-cmp-herovideo--background {
    max-height: 430px;
    min-height: 430px;
  }
  .venues-hero-logos-grid {
    top: -210%;
  }
  #Delta_logos.venues-hero-logos-grid {
    top: -410%;
  }
  #brighton_logos.venues-hero-logos-grid {
    top: -240%;
  }
  .dignity-health-sports-park .venues-hero-logos-grid {
    top: -100%;
  }
  .venues-hero-logos-grid .container .col-md-1 {
    min-width: 23%;
    flex: 0 0 23%;
    max-width: 23%;
  }
  .venues-hero-logos-grid .container .col-md-10 {
    min-width: 53%;
    flex: 0 0 53%;
    max-width: 53%;
  }
  .hero .gabm-cmp-herovideo--content {
    bottom: -400px;
  }
}
@media screen and (max-width: 405px) {
  .cmp-herovideo-carousel .cmp-carousel, .hero {
    max-height: 400px;
    min-height: 400px; 
  }
  .cmp-herovideo-carousel .cmp-carousel .gabm-cmp-herovideo, .cmp-herovideo-carousel .cmp-carousel .gabm-cmp-herovideo--background {
    max-height: 400px;
    min-height: 400px;
  }
  .venues-hero-logos-grid {
    top: -185%;
  }
  #Delta_logos.venues-hero-logos-grid {
    top: -385%;
  }
  #brighton_logos.venues-hero-logos-grid {
    top: -210%;
  }
  .hero .gabm-cmp-herovideo--content {
    bottom: -370px;
  }
}
@media screen and (max-width: 375px) {
  .cmp-herovideo-carousel .cmp-carousel, .hero {
    max-height: 380px;
    min-height: 380px; 
  }
  .cmp-herovideo-carousel .cmp-carousel .gabm-cmp-herovideo, .cmp-herovideo-carousel .cmp-carousel .gabm-cmp-herovideo--background {
    max-height: 380px;
    min-height: 380px;
  }
  .venues-hero-logos-grid {
    top: -168%;
  }
  #Delta_logos.venues-hero-logos-grid {
    top: -368%;
  }
  #brighton_logos.venues-hero-logos-grid {
    top: -195%;
  }
  .hero .gabm-cmp-herovideo--content {
    bottom: -350px;
  }
}

/* Language Option Links */
#languageOptionsLinks, #languageOptionsLinks a {
  font-family: Helvetica Neue, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 20px;
  font-weight: 700;
  color: #ffffff;
}

#languageOptionsLinks {
  display: block;
  position: absolute;
  top: 12px;
  right: 10px;
}
/* Cards */
#venues-collection-sect .card-img-bg.dls-white-bg, #add-perks-sect .card-img-bg.dls-white-bg {
  border: 1px solid #fff;
  border-radius: 10px;
}
/* #add-perks-sect .card-img-bg.dls-white-bg {
  -webkit-box-shadow: -1px 3px 6px 0px rgba(0,0,0,0.25);
  -moz-box-shadow: -1px 3px 6px 0px rgba(0,0,0,0.25);
  box-shadow: -1px 3px 6px 0px rgba(0,0,0,0.25);
} */

/* Adjusting card height  */
#venues-collection-sect > div.container > div > div.col-md-8.col-md-offset-0.margin-0-tb > div > section > div > div.container > div > div.col-md-4 {
  background-color: #ffffff;
  border-radius: 10px;
  flex: 0 0 31%;
  max-width: 31%;
  margin: 0 5px;
}

@media screen and (max-width: 767px) {
  #venues-collection-sect > div.container > div > div.col-md-8.col-md-offset-0.margin-0-tb > div > section > div > div.container > div > div.col-md-4 {
    flex: auto;
    max-width: 100%;
    margin-bottom: 15px !important;
  }

  #venues-collection-sect .row.pad-2-t.pad-2-b {
    padding: 0 20px;
  }
}

#venues-collection-sect > div.container > div > div.col-md-8.col-md-offset-0.margin-0-tb > div > section > div > div.container > div > div.col-md-4 > div > div > section > div > div.container {
  padding: 0px;
}
/* #venues-collection-sect .tracks {
  height: 370px;
}
.hollywood-bowl #venues-collection-sect .tracks {
  height: 420px;
} */
/* Adjusting height for benefit cards section */
/* Three column section */
#add-perks-sect > div.container > div > div.col-md-8.col-md-offset-0.margin-0-tb > div > section > div > div.container > div > div.col-md-4 {
  background-color: #ffffff;
  border-radius: 10px;
  flex: 0 0 31%;
  max-width: 31%;
  margin: 0 1.16666% !important;
  -webkit-box-shadow: -1px 3px 6px 0px rgba(0,0,0,0.25);
  -moz-box-shadow: -1px 3px 6px 0px rgba(0,0,0,0.25);
  box-shadow: -1px 3px 6px 0px rgba(0,0,0,0.25);
}
/* Two column section */
#add-perks-sect > div.container > div > div.col-md-8.col-md-offset-0.margin-0-tb > div > section > div > div.container > div > div.col-md-6 {
  background-color: #ffffff;
  border-radius: 10px;
  flex: 0 0 47%;
  max-width: 47%;
  margin: 0 1.5% !important;
  -webkit-box-shadow: -1px 3px 6px 0px rgba(0,0,0,0.25);
  -moz-box-shadow: -1px 3px 6px 0px rgba(0,0,0,0.25);
  box-shadow: -1px 3px 6px 0px rgba(0,0,0,0.25);
}
/* One column section */
#add-perks-sect > div.container > div > div.col-md-8.col-md-offset-0.margin-0-tb > div > section > div > div.container > div > div.col-md-12 {
  background-color: #ffffff;
  border-radius: 10px;
  flex: 0 0 97%;
  max-width: 97%;
  margin: 0 1.5% !important;
  -webkit-box-shadow: -1px 3px 6px 0px rgba(0,0,0,0.25);
  -moz-box-shadow: -1px 3px 6px 0px rgba(0,0,0,0.25);
  box-shadow: -1px 3px 6px 0px rgba(0,0,0,0.25);
}

/* #add-perks-sect .tracks {
  height: 414px;
} */
@media screen and (min-width: 1024px) and (max-width: 1279px) {
  /* #venues-collection-sect .tracks {
    height: 440px;
  }
  .hollywood-bowl #venues-collection-sect .tracks {
    height: 490px;
  } */
  /* #add-perks-sect .tracks {
    height: 534px;
  } */
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  /* #venues-collection-sect .tracks {
    height: 590px;
  }
  .hollywood-bowl #venues-collection-sect .tracks {
    height: 710px;
  } */
  /* #add-perks-sect .tracks {
    height: 684px;
  } */
}
@media screen and (max-width: 767px) {
  .mob-hero-logos {
    margin: 0;
  }
  /* #venues-collection-sect .tracks,
  .hollywood-bowl #venues-collection-sect .tracks {
    height: auto;
  } */
  /* Three column section */
  #add-perks-sect > div.container > div > div.col-md-8.col-md-offset-0.margin-0-tb > div > section > div > div.container > div > div.col-md-4 {
    background-color: #ffffff;
    border-radius: 10px;
    flex: 0 0 98%;
    max-width: 98%;
    margin: 5px !important;
    -webkit-box-shadow: -1px 3px 6px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: -1px 3px 6px 0px rgba(0,0,0,0.25);
    box-shadow: -1px 3px 6px 0px rgba(0,0,0,0.25);
  }
  /* Two column section */
  #add-perks-sect > div.container > div > div.col-md-8.col-md-offset-0.margin-0-tb > div > section > div > div.container > div > div.col-md-6 {
    background-color: #ffffff;
    border-radius: 10px;
    flex: 0 0 98%;
    max-width: 98%;
    margin: 5px !important;
    -webkit-box-shadow: -1px 3px 6px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: -1px 3px 6px 0px rgba(0,0,0,0.25);
    box-shadow: -1px 3px 6px 0px rgba(0,0,0,0.25);
  }
  /* One column section */
  #add-perks-sect > div.container > div > div.col-md-8.col-md-offset-0.margin-0-tb > div > section > div > div.container > div > div.col-md-12 {
    margin: 5px !important;
  }
}

/* Ribbon */
.discover-headline {
  position: relative;
  z-index: 2;
}
#discover-sect .exp-ribbon img {
  position: relative;
  top: 35px;
  right: 138px;
  width: 217px;
  height: auto;
  max-width: 220px;
  display: block;
  margin: auto;
  z-index: 1;
}


@media screen and (max-width: 475px) {
  #discover-sect .exp-ribbon img {
    right: 48px;
  }
}

/*Find Your Card Exp Frag */
#earn-more h3 .heading-4 {
  font-size: 38px;
  font-weight: 700;
  line-height: 44px;
}
.venues_credit-cards img {
  max-width: 300px;
  width: 100%;
}
@media (max-width: 768px) {
  #earn-more h3 .heading-4 {
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
  }
}

/* Removes New Window Arrow */
.links-item i {
  margin-left: 0;
  display: none;
}

@media screen and (min-width: 768px) {
 
  .tracks.margin-2-b-sm-down {
    position: static !important;
  }
  
  .tracks .col-md-12.margin-0-tb {
    position: static;
  }

  .tracks .image {
    position: relative;
  }
  
  .tracks .richtext p {
    position: relative;
  }

  .tracks .richtext .legal-2 {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
  }
}

.gvc-logo-lang .card-img-bg {
  background-position: center;
  background-size: 94px 47px;
  background-repeat: no-repeat;
}
  
@media(max-width:768px) {
  .gvc-logo-lang .card-img-bg {
      background-position: 20px;
  }
}
.gvc-logo-lang {
  background: #00175a;
}
.gvc-logo-lang ul {
  list-style: none;
  padding: 13px 0px 12px 0;
  display: flex;
  margin: 0px;;
  justify-content: end;
}
.gvc-logo-lang ul li a {
  color: #fff;
  font-family: Helvetica Neue, Helvetica,sans-serif;
  font-size: 13px;
  font-weight: 700;
  margin-left:5px;
  text-decoration: none;
}
.gvc-logo-lang ul li a:hover {
  text-decoration: underline;
   color: #fff;
}
.gvc-logo-lang ul li:not(:last-child):after {
  content: "|";
  color:#fff;
  margin-left: 5px;
}

/* Hide region selector link */
li.uk-link:after, li.fc-link, li.ec-link, li.mx-link {
  display: none;
}

#terms-and-conditions p {
  color: #000;
}

#terms-and-conditions a {
  text-decoration: none;
}

@media screen and (min-width: 768px) {
  .tracks .button {
      padding-top: 25px;
  }

  .tracks .button .btn {
      position: absolute;
      bottom: 50px;
      left: 20px;
      right: 20px;
  }
}


/* Single Column Refer A Friend Section */
#singleColumnRefer {
  width: 100%;
  background: #F7F8F9;
}

#singleColumnRefer > .container{
  width: 100%;
  max-width: 1184px;
  background: #F7F8F9;
  height: 540px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  align-content: flex-start;
}

div.singleColumnReferContainer {
  width: 100%;
}

div.singleColumnReferContainer > .container {
  max-width: 549px;
  width: 100%;
  background: #FFFFFF;
  border-radius: 10px;
  padding: 0px;
  border: 1px solid #C8C9C7;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 28px 0 rgba(0, 0, 0, 0.2), 0 8px 20px 0 rgba(0, 0, 0, 0.09);
}

div.singleColumnCopyContainer {
  width: 100%;
}

div.singleColumnCopyContainer > .container {
  padding: 43px 30px;
}

div.singleColumnCopyContainer .btn {
  max-width: 250px;
  margin-bottom: 0px !important;
}

div.referAFriendColumnsCopies {
  padding: 0 0 20px;
}

div.referAFriendUKTerms {
  padding: 20px 0 0 0;
}

/* div.resyReferAFriendColumnsCopies p.eyebrow {
  font-family: "BentonSans-CondMd", BentonSansCond, Helvetica Neue, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  text-transform: uppercase;
  font-weight: 700;
  color: #00175A;
  padding: 0 0 8px 0;
} */

div.referAFriendColumnsCopies h2 {
  font-family: "BentonSans-CondMd", BentonSansCond, Helvetica Neue, Helvetica, sans-serif;
  font-size: 24px;
  line-height: 30px;
  text-transform: uppercase;
  font-weight: 700;
  color: #00175A;
  padding: 0 0 10px 0;
}

div.referAFriendColumnsCopies p {
  font-family: 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #333333;
}

div.referAFriendUKTerms p.apr {
  font-family: 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 21px;
  line-height: 25px;
  font-weight: 400;
  color: #333333;
  padding: 0 0 10px 0;
}

div.referAFriendUKTerms p.terms {
  font-family: 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #333333;
}

@media screen and (max-width: 1279px) {
  #singleColumnRefer > .container {
    max-width: 940px;
  }
}

@media screen and (max-width: 1023px) {
  #singleColumnRefer > .container {
    max-width: 720px;
  }
}

@media screen and (max-width: 767px) {
  #singleColumnRefer > div.hidden-md-up > div {
    background-image: none !important;
  }

  #singleColumnRefer > .container {
    width: 100%;
    max-width: 1184px;
    background: #F7F8F9;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    padding: 20px;
}

div.singleColumnReferContainer > .container {
  max-width: 522px;
}

div.singleColumnCopyContainer > .container {
  padding: 0 15px 15px;
}

div.resyReferAFriendColumnsCopies p.eyebrow, div.referAFriendColumnsCopies h2, div.referAFriendColumnsCopies p, div.referAFriendUKTerms p.apr, div.referAFriendUKTerms p.terms {
  text-align: center;
}

div.singleColumnCopyContainer .btn {
  max-width: 100%;
}
}