@import url('https://use.typekit.net/aqp1vqs.css');
@import url('https://fonts.googleapis.com/css?family=Teko:500,700');
.features-splash-combo .section-title-container {
  text-align: center;
}
.features-splash-combo .game-logo-container {
  position: relative;
  left: 0;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
[dir="rtl"] .features-splash-combo .game-logo-container {
  display: none;
}
.features-splash-combo .game-logo-container > div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
.features-splash-combo .game-logos-container,
.features-splash-combo .new-game-container {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.home-page:not(.mobile-device) .features-splash-combo .game-logos-container,
.home-page:not(.mobile-device) .features-splash-combo .new-game-container {
  position: absolute;
  width: 100%;
  left: 0;
}
.features-splash-combo .games-logos-container {
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -ms-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.features-splash-combo .game-logo-container {
  width: 31.59722222vw;
  max-width: 455px;
  height: 12.29166667vw;
  max-height: 177px;
}
.features-splash-combo .new-game-container {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.home-page:not(.mobile-device) .features-splash-combo .new-game-container {
  -ms-transform: translate(0, 80vh);
  -webkit-transform: translate3d(0, 80vh, 0);
  -moz-transform: translate3d(0, 80vh, 0);
  -ms-transform: translate3d(0, 80vh, 0);
  -o-transform: translate3d(0, 80vh, 0);
  transform: translate3d(0, 80vh, 0);
}
[dir="rtl"] .home-page:not(.mobile-device) .features-splash-combo .new-game-container {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.features-splash-combo .new-game-container .logo-image-container {
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
.features-splash-combo .new-game-container .logo-image-container > div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
.features-splash-combo .new-game-container .features-screen-blurb {
  text-transform: uppercase;
  font-weight: 500;
  overflow: visible;
  position: relative;
}
.features-splash-combo .new-game-container .features-screen-blurb > * {
  position: relative;
}
.features-splash-combo .new-game-container .features-screen-blurb:before {
  content: "";
  position: absolute;
  top: -21%;
  left: -11%;
  width: 120%;
  height: 140%;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  background-image: url('../../../../../../../../../content/dam/atvi/tony-hawk/alcatraz/common/backgrounds/TextGrunge.png');
}
.exit-logos.features-splash-combo .game-logos-container .atvi-image:first-child .game-logo-container {
  -webkit-transform: translate(-100vw, 0);
  -moz-transform: translate(-100vw, 0);
  -ms-transform: translate(-100vw, 0);
  -o-transform: translate(-100vw, 0);
  transform: translate(-100vw, 0);
}
.exit-logos.features-splash-combo .game-logos-container .atvi-image:last-child .game-logo-container {
  -webkit-transform: translate(100vw, 0);
  -moz-transform: translate(100vw, 0);
  -ms-transform: translate(100vw, 0);
  -o-transform: translate(100vw, 0);
  transform: translate(100vw, 0);
}
.exit-logos.features-splash-combo .new-game-container {
  opacity: 1;
}
.home-page:not(.mobile-device) .exit-logos.features-splash-combo .new-game-container {
  -ms-transform: translate(0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.mobile-device .features-splash-combo {
  margin-top: 0;
  padding-top: 9vh;
}
.mobile-device .features-splash-combo .inner-container {
  margin-top: 0;
}
.mobile-device .features-splash-combo .section-title-container {
  height: auto;
  opacity: 1;
}
.mobile-device .features-splash-combo .game-logos-container {
  display: none;
}
@media screen and (max-width: 1023px) {
  .features-splash-combo.active .inner-container {
    margin-top: 0;
  }
  .features-splash-combo.active .inner-content-container,
  .mobile-device .features-splash-combo {
    margin-top: 24px;
  }
  .features-splash-combo .inner-content-container {
    margin-top: 6.44677661vh;
  }
  .features-splash-combo .game-logo-container {
    margin-right: auto;
    margin-left: auto;
  }
  .features-splash-combo .logo-image-container {
    width: 100%;
    height: 27.33333333vw;
    max-height: 205px;
  }
  .features-splash-combo .features-screen-blurb {
    margin-top: 6.2406015vh;
  }
}
@media screen and (max-width: 768px) {
  .features-splash-combo .inner-container {
    width: 75vw;
  }
  .features-splash-combo.active .inner-content-container,
  .mobile-device .features-splash-combo .inner-content-container {
    margin-top: 3vh;
  }
  .features-splash-combo .features-screen-blurb {
    margin-top: 3vh;
  }
}
@media screen and (max-width: 500px) {
  .features-splash-combo .features-screen-blurb {
    font-size: 5vw;
  }
}
@media screen and (max-width: 420px) {
  .features-splash-combo {
    margin-top: 25px;
  }
  .features-splash-combo.active .inner-container {
    margin-top: 3vh;
  }
  .mobile-device .features-splash-combo.active .inner-container {
    margin-top: 0;
  }
  .features-splash-combo .inner-container {
    width: 85vw;
  }
  .features-splash-combo.active .inner-content-container,
  .features-splash-combo .inner-content-container {
    margin-top: 2vh;
  }
  .features-splash-combo .features-screen-blurb {
    margin-top: 4.5vh;
  }
}
@media screen and (min-width: 1024px) {
  .mobile-device .features-splash-combo .inner-container {
    max-width: 615px;
    margin-top: 24px;
  }
  .features-splash-combo .inner-container {
    max-width: 615px;
  }
  .features-splash-combo .game-logos-container {
    margin-top: 67px;
    margin-right: auto;
    margin-left: auto;
    max-width: 974px;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: flex;
    justify-content: center;
  }
  .features-splash-combo .game-logos-container > div {
    width: auto;
  }
  .features-splash-combo .game-logos-container > div:nth-child(1) {
    margin-right: 1%;
  }
  .features-splash-combo .game-logos-container > div:nth-child(2) {
    margin-left: 1%;
  }
  .features-splash-combo .new-game-container {
    margin-top: 24px;
  }
  .features-splash-combo .new-game-container .logo-image-container {
    width: 42.70833333vw;
    max-width: 615px;
    height: 22.56944444vw;
    max-height: 325px;
  }
}
@media screen and (max-height: 800px) {
  .home-page:not(.mobile-device) .features-splash-combo .inner-container {
    margin-top: 4px;
  }
  .home-page:not(.mobile-device) .features-splash-combo .new-game-container {
    margin-top: 5px;
  }
  .home-page:not(.mobile-device) .features-splash-combo .new-game-container .logo-image-container {
    max-width: 73vh;
    max-height: 35vh;
  }
  .home-page:not(.mobile-device) .features-splash-combo .new-game-container .features-screen-blurb {
    font-size: 95%;
  }
}