.Page-navigation {
  z-index: 5; }

@-webkit-keyframes Home-carouselSlideInShiftLeft {
  0% {
    -webkit-transform: translateX(120px) rotate(0.01deg);
            transform: translateX(120px) rotate(0.01deg);
    opacity: 0; }
  9.0909% {
    -webkit-transform: translateX(20px) rotate(0.01deg);
            transform: translateX(20px) rotate(0.01deg);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(0) rotate(0.01deg);
            transform: translateX(0) rotate(0.01deg);
    opacity: 1; } }

@keyframes Home-carouselSlideInShiftLeft {
  0% {
    -webkit-transform: translateX(120px) rotate(0.01deg);
            transform: translateX(120px) rotate(0.01deg);
    opacity: 0; }
  9.0909% {
    -webkit-transform: translateX(20px) rotate(0.01deg);
            transform: translateX(20px) rotate(0.01deg);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(0) rotate(0.01deg);
            transform: translateX(0) rotate(0.01deg);
    opacity: 1; } }

@-webkit-keyframes Home-carouselSlideInShiftRight {
  0% {
    -webkit-transform: translateX(-120px) rotate(0.01deg);
            transform: translateX(-120px) rotate(0.01deg);
    opacity: 0; }
  9.0909% {
    -webkit-transform: translateX(-20px) rotate(0.01deg);
            transform: translateX(-20px) rotate(0.01deg);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(0) rotate(0.01deg);
            transform: translateX(0) rotate(0.01deg);
    opacity: 1; } }

@keyframes Home-carouselSlideInShiftRight {
  0% {
    -webkit-transform: translateX(-120px) rotate(0.01deg);
            transform: translateX(-120px) rotate(0.01deg);
    opacity: 0; }
  9.0909% {
    -webkit-transform: translateX(-20px) rotate(0.01deg);
            transform: translateX(-20px) rotate(0.01deg);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(0) rotate(0.01deg);
            transform: translateX(0) rotate(0.01deg);
    opacity: 1; } }

@-webkit-keyframes Home-carouselSlideLeftFadeIn {
  0% {
    -webkit-transform: translateX(20px);
            transform: translateX(20px);
    opacity: 0; }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1; } }

@keyframes Home-carouselSlideLeftFadeIn {
  0% {
    -webkit-transform: translateX(20px);
            transform: translateX(20px);
    opacity: 0; }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1; } }

@-webkit-keyframes Home-carouselSlideRightFadeIn {
  0% {
    -webkit-transform: translateX(-20px);
            transform: translateX(-20px);
    opacity: 0; }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1; } }

@keyframes Home-carouselSlideRightFadeIn {
  0% {
    -webkit-transform: translateX(-20px);
            transform: translateX(-20px);
    opacity: 0; }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1; } }

@-webkit-keyframes Home-carouselSlideLeftOut {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  100% {
    -webkit-transform: translateX(-4px);
            transform: translateX(-4px); } }

@keyframes Home-carouselSlideLeftOut {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  100% {
    -webkit-transform: translateX(-4px);
            transform: translateX(-4px); } }

@-webkit-keyframes Home-carouselFadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes Home-carouselFadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes Home-carouselFadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes Home-carouselFadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

.Home-blueDivider {
  background-color: rgba(0, 174, 255, 0.3); }

.Home-promotedCarouselItem.is-active {
  z-index: 1; }
  .Home-promotedCarouselItem.is-active .Home-heroPane .Pane-backgroundContainer {
    -webkit-animation-name: Home-carouselFadeIn;
            animation-name: Home-carouselFadeIn;
    -webkit-animation-duration: 500ms;
            animation-duration: 500ms;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    -webkit-animation-fill-mode: backwards;
            animation-fill-mode: backwards; }
  .Home-promotedCarouselItem.is-active .Home-heroLogoImage,
  .Home-promotedCarouselItem.is-active .Home-heroTitle,
  .Home-promotedCarouselItem.is-active .Home-heroButtonContainer {
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
    -webkit-animation-duration: 500ms;
            animation-duration: 500ms;
    -webkit-animation-fill-mode: backwards;
            animation-fill-mode: backwards;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    -webkit-animation-delay: 500ms;
            animation-delay: 500ms; }
  .Home-promotedCarouselItem.is-active .Home-heroTitle {
    -webkit-animation-delay: 700ms;
            animation-delay: 700ms; }
  .Home-promotedCarouselItem.is-active .Home-heroButtonContainer {
    -webkit-animation-delay: 900ms;
            animation-delay: 900ms; }
  .Home-promotedCarouselItem.is-active.is-prev-in .Home-heroLogoImage,
  .Home-promotedCarouselItem.is-active.is-prev-in .Home-heroTitle,
  .Home-promotedCarouselItem.is-active.is-prev-in .Home-heroButtonContainer {
    -webkit-animation-name: Home-carouselSlideRightFadeIn;
            animation-name: Home-carouselSlideRightFadeIn; }
  .Home-promotedCarouselItem.is-active.is-in .Home-heroLogoImage,
  .Home-promotedCarouselItem.is-active.is-in .Home-heroTitle,
  .Home-promotedCarouselItem.is-active.is-in .Home-heroButtonContainer, .Home-promotedCarouselItem.is-active.is-next-in .Home-heroLogoImage,
  .Home-promotedCarouselItem.is-active.is-next-in .Home-heroTitle,
  .Home-promotedCarouselItem.is-active.is-next-in .Home-heroButtonContainer {
    -webkit-animation-name: Home-carouselSlideLeftFadeIn;
            animation-name: Home-carouselSlideLeftFadeIn; }

.Home-promotedCarouselItem.is-prev-in .Home-promotedStoriesBackgroundContainer {
  -webkit-animation-name: Home-carouselSlideInShiftRight;
          animation-name: Home-carouselSlideInShiftRight; }

.Home-promotedCarouselItem.is-in .Home-promotedStoriesBackgroundContainer, .Home-promotedCarouselItem.is-next-in .Home-promotedStoriesBackgroundContainer {
  -webkit-animation-name: Home-carouselSlideInShiftLeft;
          animation-name: Home-carouselSlideInShiftLeft; }

.Home-promotedCarouselItem.is-out {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }
  .Home-promotedCarouselItem.is-out .Home-heroPaneInner {
    opacity: 0;
    -webkit-animation-name: Home-carouselFadeOut;
            animation-name: Home-carouselFadeOut;
    -webkit-animation-duration: 300ms;
            animation-duration: 300ms;
    -webkit-animation-fill-mode: backwards;
            animation-fill-mode: backwards; }

.Home-heroPane {
  height: 65vh;
  min-height: 450px;
  max-height: 450px;
  overflow: hidden; }
  .Home-heroPane .Pane-backgroundContainer {
    left: 50%;
    right: auto;
    width: 115vw;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%); }
  @media (max-width: 479px) {
    .Home-heroPane .Pane-background {
      background-size: contain;
      background-position: center 48px; } }
  @media (min-width: 480px) {
    .Home-heroPane .Pane-background {
      background-size: 768px auto;
      background-position: center 48px; } }
  @media (min-width: 768px) {
    .Home-heroPane .Pane-background {
      background-size: auto;
      background-position: center top; } }
  .Home-heroPane .Pane-content {
    height: 100%; }
  @media (min-width: 768px) {
    .Home-heroPane {
      min-height: 600px;
      max-height: 700px; } }

.Home-heroPaneInner {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 40px; }
  @media (min-width: 768px) {
    .Home-heroPaneInner {
      bottom: calc(50% - 30px);
      -webkit-transform: translateY(50%);
          -ms-transform: translateY(50%);
              transform: translateY(50%);
      padding: 0 60px; } }
  @media (min-width: 992px) {
    .Home-heroPaneInner {
      padding: 0 80px; } }
  @media (min-width: 1720px) {
    .Home-heroPaneInner {
      padding: 0; } }

.Home-promotedStoriesBackgroundContainer,
.Home-promotedStoriesMobileBackground,
.Home-promotedStoriesDesktopBackground {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-repeat: no-repeat; }

.Home-promotedStoriesBackgroundContainer {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  -webkit-animation-duration: 5500ms;
          animation-duration: 5500ms;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-fill-mode: backwards;
          animation-fill-mode: backwards; }

.Home-promotedStoriesMobileBackground {
  background-size: contain;
  background-position: center 48px; }
  @media (min-width: 480px) {
    .Home-promotedStoriesMobileBackground {
      background-size: 768px auto;
      background-position: center 48px; } }
  @media (min-width: 768px) {
    .Home-promotedStoriesMobileBackground {
      display: none; } }

.Home-promotedStoriesDesktopBackground {
  display: none;
  background-size: auto;
  background-position: center top; }
  @media (min-width: 768px) {
    .Home-promotedStoriesDesktopBackground {
      display: block; } }

.Home-heroPaneGradients {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.Home-heroPaneMobileGradient,
.Home-heroPaneDesktopLeftGradient,
.Home-heroPaneDesktopRightGradient {
  position: absolute;
  bottom: 0;
  pointer-events: none; }

.Home-heroPaneMobileGradient {
  left: -7vw;
  right: -7vw;
  height: 75%; }
  @media (min-width: 768px) {
    .Home-heroPaneMobileGradient {
      display: none; } }

.Home-heroPaneDesktopGradients {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 2500px;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%); }
  @media (min-width: 768px) {
    .Home-heroPaneDesktopGradients {
      display: block; } }

.Home-heroPaneDesktopLeftGradient {
  left: -1vw; }

.Home-heroPaneDesktopRightGradient {
  right: -1vw; }

.Home-heroPaneDesktopLeftGradient,
.Home-heroPaneDesktopRightGradient {
  top: 0;
  width: 26vw;
  max-width: 380px; }
  @media (max-width: 767px) {
    .Home-heroPaneDesktopLeftGradient,
    .Home-heroPaneDesktopRightGradient {
      display: none; } }

.Home-heroPaneParallaxOverlay {
  right: auto;
  left: 50%;
  -webkit-transform: translate(-50%);
      -ms-transform: translate(-50%);
          transform: translate(-50%);
  width: 102vw; }

.Home-heroLogo {
  font-size: 0;
  text-align: center; }
  @media (min-width: 768px) {
    .Home-heroLogo {
      text-align: inherit; } }

.Home-heroLogoImage {
  border: 0;
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  width: 179.4px; }
  @media (min-width: 768px) {
    .Home-heroLogoImage {
      width: 231.4px; } }
  @media (min-width: 1200px) {
    .Home-heroLogoImage {
      width: 260px; } }
  .Home-heroLogoImage[data-franchise="blizzard"] {
    width: 172.5px; }
    @media (min-width: 768px) {
      .Home-heroLogoImage[data-franchise="blizzard"] {
        width: 222.5px; } }
    @media (min-width: 1200px) {
      .Home-heroLogoImage[data-franchise="blizzard"] {
        width: 250px; } }
  .Home-heroLogoImage[data-franchise="blizzcon"] {
    width: 149.04px; }
    @media (min-width: 768px) {
      .Home-heroLogoImage[data-franchise="blizzcon"] {
        width: 192.24px; } }
    @media (min-width: 1200px) {
      .Home-heroLogoImage[data-franchise="blizzcon"] {
        width: 216px; } }
  .Home-heroLogoImage[data-franchise="destiny2"] {
    width: 165.6px; }
    @media (min-width: 768px) {
      .Home-heroLogoImage[data-franchise="destiny2"] {
        width: 213.6px; } }
    @media (min-width: 1200px) {
      .Home-heroLogoImage[data-franchise="destiny2"] {
        width: 240px; } }
  .Home-heroLogoImage[data-franchise="diablo3"] {
    width: 186.99px; }
    @media (min-width: 768px) {
      .Home-heroLogoImage[data-franchise="diablo3"] {
        width: 241.19px; } }
    @media (min-width: 1200px) {
      .Home-heroLogoImage[data-franchise="diablo3"] {
        width: 271px; } }
  .Home-heroLogoImage[data-franchise="hearthstone"] {
    width: 197.34px; }
    @media (min-width: 768px) {
      .Home-heroLogoImage[data-franchise="hearthstone"] {
        width: 254.54px; } }
    @media (min-width: 1200px) {
      .Home-heroLogoImage[data-franchise="hearthstone"] {
        width: 286px; } }
  .Home-heroLogoImage[data-franchise="heroes"] {
    width: 188.37px; }
    @media (min-width: 768px) {
      .Home-heroLogoImage[data-franchise="heroes"] {
        width: 242.97px; } }
    @media (min-width: 1200px) {
      .Home-heroLogoImage[data-franchise="heroes"] {
        width: 273px; } }
  .Home-heroLogoImage[data-franchise="overwatch"] {
    width: 172.5px; }
    @media (min-width: 768px) {
      .Home-heroLogoImage[data-franchise="overwatch"] {
        width: 222.5px; } }
    @media (min-width: 1200px) {
      .Home-heroLogoImage[data-franchise="overwatch"] {
        width: 250px; } }
  .Home-heroLogoImage[data-franchise="overwatchleague"] {
    width: 125.58px; }
    @media (min-width: 768px) {
      .Home-heroLogoImage[data-franchise="overwatchleague"] {
        width: 161.98px; } }
    @media (min-width: 1200px) {
      .Home-heroLogoImage[data-franchise="overwatchleague"] {
        width: 182px; } }
  .Home-heroLogoImage[data-franchise="starcraft2"] {
    width: 184.23px; }
    @media (min-width: 768px) {
      .Home-heroLogoImage[data-franchise="starcraft2"] {
        width: 237.63px; } }
    @media (min-width: 1200px) {
      .Home-heroLogoImage[data-franchise="starcraft2"] {
        width: 267px; } }
  .Home-heroLogoImage[data-franchise="scr"] {
    width: 185.61px; }
    @media (min-width: 768px) {
      .Home-heroLogoImage[data-franchise="scr"] {
        width: 239.41px; } }
    @media (min-width: 1200px) {
      .Home-heroLogoImage[data-franchise="scr"] {
        width: 269px; } }
  .Home-heroLogoImage[data-franchise="wow"] {
    width: 184.23px; }
    @media (min-width: 768px) {
      .Home-heroLogoImage[data-franchise="wow"] {
        width: 237.63px; } }
    @media (min-width: 1200px) {
      .Home-heroLogoImage[data-franchise="wow"] {
        width: 267px; } }

.Home-heroTitle {
  font-family: "Blizzard", Helvetica, Arial, sans-serif;
  font-size: 25.632px;
  font-weight: 400;
  line-height: 1.2;
  padding: 0;
  margin: 0;
  margin-left: -0.05em;
  margin-top: -0.4045rem;
  margin-bottom: -0.4045rem;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0); }
  @media (min-width: 480px) {
    .Home-heroTitle {
      font-size: 47.776px; } }
  @media (min-width: 768px) {
    .Home-heroTitle {
      font-size: 61.04px; } }
  @media (min-width: 992px) {
    .Home-heroTitle {
      font-size: 61.04px; } }
  @media (min-width: 1200px) {
    .Home-heroTitle {
      font-size: 68.67px; } }
  @media (min-width: 480px) {
    .Home-heroTitle {
      margin-top: -0.53002rem; } }
  @media (min-width: 768px) {
    .Home-heroTitle {
      margin-top: -0.67716rem; } }
  @media (min-width: 992px) {
    .Home-heroTitle {
      margin-top: -0.67716rem; } }
  @media (min-width: 1200px) {
    .Home-heroTitle {
      margin-top: -0.67716rem; } }
  @media (min-width: 480px) {
    .Home-heroTitle {
      margin-bottom: -0.53002rem; } }
  @media (min-width: 768px) {
    .Home-heroTitle {
      margin-bottom: -0.67716rem; } }
  @media (min-width: 992px) {
    .Home-heroTitle {
      margin-bottom: -0.67716rem; } }
  @media (min-width: 1200px) {
    .Home-heroTitle {
      margin-bottom: -0.67716rem; } }
  @media (min-width: 480px) {
    .Home-heroTitle {
      font-weight: bold;
      text-transform: uppercase;
      text-align: center;
      -webkit-backface-visibility: hidden;
              backface-visibility: hidden;
      -webkit-transform: translateX(0);
          -ms-transform: translateX(0);
              transform: translateX(0); } }
  @media (min-width: 768px) {
    .Home-heroTitle {
      text-align: left;
      max-width: 768px;
      margin-right: auto; } }

.Home-heroSubtitle {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 12.8px;
  font-weight: 400;
  line-height: 1.6;
  padding: 0;
  margin: 0;
  margin-left: 0;
  margin-top: -0.3504rem;
  margin-bottom: -0.3504rem;
  color: rgba(255, 255, 255, 0.5);
  text-transform: uppercase;
  text-align: center; }
  @media (min-width: 480px) {
    .Home-heroSubtitle {
      font-size: 16px; } }
  @media (min-width: 768px) {
    .Home-heroSubtitle {
      font-size: 16px; } }
  @media (min-width: 992px) {
    .Home-heroSubtitle {
      font-size: 16px; } }
  @media (min-width: 1200px) {
    .Home-heroSubtitle {
      font-size: 18px; } }
  @media (min-width: 480px) {
    .Home-heroSubtitle {
      margin-top: -0.498rem; } }
  @media (min-width: 768px) {
    .Home-heroSubtitle {
      margin-top: -0.498rem; } }
  @media (min-width: 992px) {
    .Home-heroSubtitle {
      margin-top: -0.498rem; } }
  @media (min-width: 1200px) {
    .Home-heroSubtitle {
      margin-top: -0.498rem; } }
  @media (min-width: 480px) {
    .Home-heroSubtitle {
      margin-bottom: -0.488rem; } }
  @media (min-width: 768px) {
    .Home-heroSubtitle {
      margin-bottom: -0.488rem; } }
  @media (min-width: 992px) {
    .Home-heroSubtitle {
      margin-bottom: -0.488rem; } }
  @media (min-width: 1200px) {
    .Home-heroSubtitle {
      margin-bottom: -0.488rem; } }
  @media (min-width: 768px) {
    .Home-heroSubtitle {
      text-align: left; } }

.Home-heroTitleSpacer {
  height: 1rem; }
  @media (min-width: 768px) {
    .Home-heroTitleSpacer {
      height: 2rem; } }

.Home-heroButtonContainer {
  text-align: center;
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0); }
  @media (min-width: 768px) {
    .Home-heroButtonContainer {
      text-align: left; } }

.Home-heroButton {
  margin-top: 30px; }
  @media (max-width: 479px) {
    .Home-heroButton {
      width: 100%; } }

#home-promoted-carousel-container {
  height: 65vh;
  min-height: 450px;
  max-height: 450px; }
  @media (min-width: 768px) {
    #home-promoted-carousel-container {
      min-height: 600px;
      max-height: 700px; } }

#home-promoted-carousel {
  background-color: #000; }
  #home-promoted-carousel .Carousel-container {
    -webkit-transform: translateZ(0);
            transform: translateZ(0); }
  #home-promoted-carousel .Carousel-scroll {
    background-color: rgba(0, 0, 0, 0.4);
    border: solid 1px rgba(255, 255, 255, 0.15);
    color: #00aeff; }
    @media (min-width: 1600px) {
      #home-promoted-carousel .Carousel-scroll {
        height: 80px;
        width: 40px;
        font-size: 25.632px; } }
    #home-promoted-carousel .Carousel-scroll:active {
      background-color: rgba(0, 0, 0, 0.4);
      color: rgba(145, 228, 255, 0.8); }
  @media (min-width: 480px) {
    #home-promoted-carousel .Carousel-prev {
      left: 20px; }
    #home-promoted-carousel .Carousel-next {
      right: 20px; } }
  @media (min-width: 1720px) {
    #home-promoted-carousel .Carousel-prev {
      left: auto; }
    #home-promoted-carousel .Carousel-next {
      right: auto; } }

body[data-device=desktop] #home-promoted-carousel .Carousel-scroll:hover {
  background-color: rgba(0, 0, 0, 0.4);
  color: #91e4ff; }

#home-promoted-scroll-overlay {
  pointer-events: none; }

#home-promoted-scroll {
  pointer-events: auto; }

.Home-sectionHeading {
  font-family: "Blizzard", Helvetica, Arial, sans-serif;
  font-size: 22.784px;
  font-weight: 400;
  line-height: 1.4;
  padding: 0;
  margin: 0;
  margin-left: -0.05em;
  font-weight: 300; }
  @media (min-width: 480px) {
    .Home-sectionHeading {
      font-size: 27.648px; } }
  @media (min-width: 768px) {
    .Home-sectionHeading {
      font-size: 31.248px; } }
  @media (min-width: 992px) {
    .Home-sectionHeading {
      font-size: 31.248px; } }
  @media (min-width: 1200px) {
    .Home-sectionHeading {
      font-size: 35.154px; } }
  .Home-sectionHeading.max-lines-1 {
    max-height: 1.4em; }
  .Home-sectionHeading.max-lines-2 {
    max-height: 2.8em; }
  .Home-sectionHeading.max-lines-3 {
    max-height: 4.2em; }
  .Home-sectionHeading.max-lines-4 {
    max-height: 5.6em; }
  .Home-sectionHeading.max-lines-5 {
    max-height: 7em; }
  .Home-sectionHeading.flush-top {
    margin-top: -0.49484rem; }
    @media (min-width: 480px) {
      .Home-sectionHeading.flush-top {
        margin-top: -0.60048rem; } }
    @media (min-width: 768px) {
      .Home-sectionHeading.flush-top {
        margin-top: -0.67867rem; } }
    @media (min-width: 992px) {
      .Home-sectionHeading.flush-top {
        margin-top: -0.67867rem; } }
    @media (min-width: 1200px) {
      .Home-sectionHeading.flush-top {
        margin-top: -0.67867rem; } }
  .Home-sectionHeading.flush-bottom {
    margin-bottom: -0.48131rem; }
    @media (min-width: 480px) {
      .Home-sectionHeading.flush-bottom {
        margin-bottom: -0.58406rem; } }
    @media (min-width: 768px) {
      .Home-sectionHeading.flush-bottom {
        margin-bottom: -0.66011rem; } }
    @media (min-width: 992px) {
      .Home-sectionHeading.flush-bottom {
        margin-bottom: -0.66011rem; } }
    @media (min-width: 1200px) {
      .Home-sectionHeading.flush-bottom {
        margin-bottom: -0.66011rem; } }
  .Home-sectionHeading.multiline {
    line-height: 1.2; }
    .Home-sectionHeading.multiline.max-lines-1 {
      max-height: 1.2em; }
    .Home-sectionHeading.multiline.max-lines-2 {
      max-height: 2.4em; }
    .Home-sectionHeading.multiline.max-lines-3 {
      max-height: 3.6em; }
    .Home-sectionHeading.multiline.max-lines-4 {
      max-height: 4.8em; }
    .Home-sectionHeading.multiline.max-lines-5 {
      max-height: 6em; }

.Home-sectionHeadingLink {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .Home-sectionHeadingLink:active .Home-sectionHeadingIcon {
    color: #ffffff; }

.Home-sectionHeadingText {
  color: #ffffff; }

.Home-sectionHeadingLinkText {
  display: none;
  position: relative;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 12.8px;
  font-weight: 400;
  line-height: 1.6;
  padding: 0;
  margin: 0;
  margin-left: 0;
  margin-left: 1rem;
  bottom: -0.25rem; }
  @media (min-width: 480px) {
    .Home-sectionHeadingLinkText {
      font-size: 12.8px; } }
  @media (min-width: 768px) {
    .Home-sectionHeadingLinkText {
      font-size: 12.8px; } }
  @media (min-width: 992px) {
    .Home-sectionHeadingLinkText {
      font-size: 12.8px; } }
  @media (min-width: 1200px) {
    .Home-sectionHeadingLinkText {
      font-size: 14.4px; } }
  .Home-sectionHeadingLinkText.max-lines-1 {
    max-height: 1.6em; }
  .Home-sectionHeadingLinkText.max-lines-2 {
    max-height: 3.2em; }
  .Home-sectionHeadingLinkText.max-lines-3 {
    max-height: 4.8em; }
  .Home-sectionHeadingLinkText.max-lines-4 {
    max-height: 6.4em; }
  .Home-sectionHeadingLinkText.max-lines-5 {
    max-height: 8em; }
  .Home-sectionHeadingLinkText.flush-top {
    margin-top: -0.3584rem; }
    @media (min-width: 480px) {
      .Home-sectionHeadingLinkText.flush-top {
        margin-top: -0.3584rem; } }
    @media (min-width: 768px) {
      .Home-sectionHeadingLinkText.flush-top {
        margin-top: -0.3584rem; } }
    @media (min-width: 992px) {
      .Home-sectionHeadingLinkText.flush-top {
        margin-top: -0.3584rem; } }
    @media (min-width: 1200px) {
      .Home-sectionHeadingLinkText.flush-top {
        margin-top: -0.3584rem; } }
  .Home-sectionHeadingLinkText.flush-bottom {
    margin-bottom: -0.3504rem; }
    @media (min-width: 480px) {
      .Home-sectionHeadingLinkText.flush-bottom {
        margin-bottom: -0.3504rem; } }
    @media (min-width: 768px) {
      .Home-sectionHeadingLinkText.flush-bottom {
        margin-bottom: -0.3504rem; } }
    @media (min-width: 992px) {
      .Home-sectionHeadingLinkText.flush-bottom {
        margin-bottom: -0.3504rem; } }
    @media (min-width: 1200px) {
      .Home-sectionHeadingLinkText.flush-bottom {
        margin-bottom: -0.3504rem; } }
  .Home-sectionHeadingLinkText.multiline {
    line-height: 1.3; }
    .Home-sectionHeadingLinkText.multiline.max-lines-1 {
      max-height: 1.3em; }
    .Home-sectionHeadingLinkText.multiline.max-lines-2 {
      max-height: 2.6em; }
    .Home-sectionHeadingLinkText.multiline.max-lines-3 {
      max-height: 3.9em; }
    .Home-sectionHeadingLinkText.multiline.max-lines-4 {
      max-height: 5.2em; }
    .Home-sectionHeadingLinkText.multiline.max-lines-5 {
      max-height: 6.5em; }
  @media (min-width: 768px) {
    .Home-sectionHeadingLinkText {
      display: inline-block; } }

.Home-sectionHeadingIcon {
  color: #00aeff;
  transition: color 200ms;
  width: .8em;
  height: .8em;
  bottom: -0.075rem; }
  @media (min-width: 768px) {
    .Home-sectionHeadingIcon {
      width: .4em;
      height: .4em;
      bottom: -0.25rem; } }

body[data-device=desktop] .Home-sectionHeadingLink:hover .Home-sectionHeadingIcon {
  color: #ffffff; }

.Home-gameBackgroundPane:before {
  content: '';
  box-sizing: border-box;
  position: relative;
  height: 1px;
  margin-bottom: -1px;
  border-top: solid 1px rgba(0, 174, 255, 0.3);
  pointer-events: none;
  z-index: 1; }

.Home-gameBackgroundPane:after {
  content: '';
  box-sizing: border-box;
  position: relative;
  height: 1px;
  margin-top: -1px;
  border-bottom: solid 1px rgba(0, 174, 255, 0.3);
  pointer-events: none;
  z-index: 1; }

.Home-gamePane {
  overflow: hidden; }

.Home-gameGridContainer {
  position: relative; }

.Home-gameGrid {
  display: table;
  table-layout: fixed;
  position: relative;
  width: 100%;
  margin-top: 20px; }

.Home-gameGridRow {
  display: table-row;
  font-size: 0; }

.Home-gameGridCell {
  display: table-cell;
  position: relative;
  -webkit-transform: translateZ(0);
          transform: translateZ(0); }
  .Home-gameGridCell:not(:last-child) {
    padding-right: 64px; }
    .Home-gameGridCell:not(:last-child):after {
      content: '';
      position: absolute;
      top: 0;
      bottom: 0;
      right: 32px;
      width: 1px;
      background-color: rgba(255, 255, 255, 0.15); }
  .Home-gameGridCell:not(:first-child) {
    width: 167px; }

.Home-gameGridFixedTitle {
  display: block;
  position: absolute;
  top: 0; }

.Home-gameGridCellTitle {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.7;
  min-height: 27px;
  color: rgba(255, 255, 255, 0.5);
  margin-bottom: 15px; }
  @media (min-width: 480px) {
    .Home-gameGridCellTitle {
      font-size: 16px; } }
  @media (min-width: 768px) {
    .Home-gameGridCellTitle {
      font-size: 16px; } }
  @media (min-width: 992px) {
    .Home-gameGridCellTitle {
      font-size: 16px; } }
  @media (min-width: 1200px) {
    .Home-gameGridCellTitle {
      font-size: 18px; } }
  .Home-gameGridCellTitle.is-visible {
    opacity: 0; }

.Home-gameGridGallery {
  margin: -20px 0; }
  .Home-gameGridGallery .Gallery-container {
    -webkit-transform: translateZ(0);
            transform: translateZ(0); }

.Home-gameGridGalleryItem {
  padding: 20px 0;
  margin-left: 20px;
  margin-right: 0; }
  .Home-gameGridGalleryItem:first-child {
    margin-left: 0; }

.Home-gameGridTileContainer {
  display: inline-block;
  position: relative;
  width: 167px;
  height: 200px;
  cursor: auto; }

@media (min-width: 480px) {
  body[data-device=desktop] .Home-gameGridTileOverlay {
    display: block;
    opacity: 0;
    transition: opacity 200ms ease-out; }
  body[data-device=desktop] .Home-gameGridTileOverlayContent {
    -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
            transform: translateY(20px);
    transition: -webkit-transform 200ms ease-out;
    transition: transform 200ms ease-out;
    transition: transform 200ms ease-out, -webkit-transform 200ms ease-out; }
  body[data-device=desktop] .Home-gameGridTileContainer:hover .Home-gameGridTileOverlay {
    opacity: 1; }
  body[data-device=desktop] .Home-gameGridTileContainer:hover .Home-gameGridTileOverlayContent {
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0); } }

.Home-gameGridGalleryLink {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.Home-gameGridTile {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-position: bottom center;
  background-size: cover;
  box-shadow: 0 8px 17px rgba(0, 0, 0, 0.1); }
  .Home-gameGridTile:after {
    content: ' ';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border: solid 1px rgba(255, 255, 255, 0.15);
    transition: color 200ms, background-color 200ms, border-color 200ms;
    pointer-events: none;
    z-index: 1; }
  .Home-gameGridTile:hover:after {
    border-color: rgba(0, 174, 255, 0.5); }

.Home-gameGridTileOverlay {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: solid 1px #00aeff;
  background: rgba(0, 0, 0, 0.85); }

.Home-gameGridTileOverlayContent {
  position: absolute;
  top: 20px;
  left: 15px;
  right: 15px;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 12.8px;
  font-weight: 400;
  line-height: 1.6;
  padding: 0;
  margin: 0;
  margin-left: 0; }
  @media (min-width: 480px) {
    .Home-gameGridTileOverlayContent {
      font-size: 12.8px; } }
  @media (min-width: 768px) {
    .Home-gameGridTileOverlayContent {
      font-size: 12.8px; } }
  @media (min-width: 992px) {
    .Home-gameGridTileOverlayContent {
      font-size: 12.8px; } }
  @media (min-width: 1200px) {
    .Home-gameGridTileOverlayContent {
      font-size: 14.4px; } }

.Home-gameGridTileOverlayButton {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
  margin-bottom: 10px; }

.Home-gameGridTileOverlayLink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 0; }
  .Home-gameGridTileOverlayLink:not(:last-child) {
    border-bottom: solid 1px rgba(255, 255, 255, 0.1); }

.Home-gameGridTileOverlayLinkIcon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 5px;
  height: 2em;
  width: 2em; }
  .Home-gameGridTileOverlayLinkIcon svg.Icon-svg {
    height: 2em;
    top: auto;
    bottom: -.1em; }

.Home-gameGridTileOverlayLinkText {
  margin-top: -0.498rem;
  margin-bottom: -0.488rem;
  color: #ffffff;
  white-space: normal; }
  @media (min-width: 480px) {
    .Home-gameGridTileOverlayLinkText {
      margin-top: -0.498rem; } }
  @media (min-width: 768px) {
    .Home-gameGridTileOverlayLinkText {
      margin-top: -0.498rem; } }
  @media (min-width: 992px) {
    .Home-gameGridTileOverlayLinkText {
      margin-top: -0.498rem; } }
  @media (min-width: 1200px) {
    .Home-gameGridTileOverlayLinkText {
      margin-top: -0.498rem; } }
  @media (min-width: 480px) {
    .Home-gameGridTileOverlayLinkText {
      margin-bottom: -0.488rem; } }
  @media (min-width: 768px) {
    .Home-gameGridTileOverlayLinkText {
      margin-bottom: -0.488rem; } }
  @media (min-width: 992px) {
    .Home-gameGridTileOverlayLinkText {
      margin-bottom: -0.488rem; } }
  @media (min-width: 1200px) {
    .Home-gameGridTileOverlayLinkText {
      margin-bottom: -0.488rem; } }

.Home-gameGridScroll {
  display: none;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: #0e86ca;
  border: solid 1px #00aeff;
  color: #fff;
  opacity: 1.0;
  transition: opacity 250ms, color 200ms;
  z-index: 1;
  cursor: pointer;
  height: 70px;
  width: 30px;
  font-size: 20.256px; }
  .Home-gameGridScroll:active {
    background-color: #095386;
    border: solid 1px #095386;
    color: rgba(255, 255, 255, 0.8); }

body[data-device=desktop] .Home-gameGridScroll:hover {
  background-color: #00aeff;
  border: solid 1px #00aeff;
  color: #fff; }

.Home-gameGridScrollLeft {
  left: 0; }

.Home-gameGridScrollRight {
  right: 0; }

.Home-gameGridScrollIcon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }

@media (max-width: 479px) {
  .Home-gameGridCell:not(:first-child) {
    width: 39vw; }
  .Home-gameGridGalleryItem {
    margin-left: 15px; }
    .Home-gameGridGalleryItem:first-child {
      margin-left: 0; }
  .Home-gameGridTileContainer {
    width: 39vw;
    height: 180px; } }

@media (max-width: 767px) {
  .Home-gameGridContainer {
    margin-left: -20px;
    margin-right: -20px; } }
  @media (max-width: 767px) and (min-width: 480px) {
    .Home-gameGridContainer {
      margin-left: -30px;
      margin-right: -30px; } }

@media (max-width: 767px) {
  .Home-gameGrid {
    display: block;
    height: 100%;
    width: 100%;
    overflow: hidden;
    padding: 0 20px; } }
  @media (max-width: 767px) and (min-width: 480px) {
    .Home-gameGrid {
      padding: 0 30px; } }

@media (max-width: 767px) {
  .Home-gameGridRow {
    display: block;
    white-space: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    padding: 0 20px;
    margin: 0 -20px; } }
  @media (max-width: 767px) and (min-width: 480px) {
    .Home-gameGridRow {
      padding-left: 30px;
      padding-right: 30px;
      margin-left: -30px;
      margin-right: -30px; } }

@media (max-width: 767px) {
  body[data-device=desktop] .Home-gameGridRow {
    padding-bottom: 20px;
    margin-bottom: -20px; }
  .Home-gameGridCell {
    display: inline-block;
    vertical-align: top; }
    .Home-gameGridCell[data-index='0'] .Home-gameGridCellTitle {
      opacity: 0; }
  .Home-gameGridGallery .Gallery-container {
    overflow: visible;
    padding-bottom: 0;
    margin-bottom: 0; } }

@media (min-width: 480px) and (max-width: 767px) {
  .Home-gameGridScroll {
    display: block; } }

.Home-additionalLinks {
  padding: 0; }
  @media (min-width: 992px) {
    .Home-additionalLinks {
      padding: 15px 0;
      text-align: center; } }

.Home-additionalLink {
  position: relative; }
  @media (max-width: 991px) {
    .Home-additionalLink {
      padding: 15px 40px; }
      .Home-additionalLink:hover {
        background-color: rgba(0, 174, 255, 0.05); } }
  @media (max-width: 767px) {
    .Home-additionalLink {
      padding: 15px 30px; } }
  @media (max-width: 479px) {
    .Home-additionalLink {
      padding: 15px 20px; } }
  @media (min-width: 992px) {
    .Home-additionalLink {
      display: inline-block;
      padding: 0; } }

.Home-additionalLinkLabel {
  display: block;
  color: rgba(255, 255, 255, 0.8); }
  @media (min-width: 992px) {
    .Home-additionalLinkLabel {
      margin-right: 5px;
      display: inline-block; } }

.Home-additionalLinkAnchor {
  display: block; }
  @media (min-width: 992px) {
    .Home-additionalLinkAnchor {
      display: inline-block; } }
  @media (max-width: 991px) {
    .Home-additionalLinkAnchor:not(:last-child) .Home-additionalLink {
      border-bottom: solid 1px rgba(255, 255, 255, 0.15); } }
  @media (min-width: 992px) {
    .Home-additionalLinkAnchor:not(:last-child) .Home-additionalLink {
      border-right: solid 1px rgba(255, 255, 255, 0.15);
      padding-right: 20px;
      margin-right: 20px; } }

.Home-additionalLinkIcon {
  margin-right: 2px; }

.Home-additionalLinkArrow {
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translate(0.35em, -50%);
      -ms-transform: translate(0.35em, -50%);
          transform: translate(0.35em, -50%); }
  @media (min-width: 480px) {
    .Home-additionalLinkArrow {
      right: 30px; } }
  @media (min-width: 768px) {
    .Home-additionalLinkArrow {
      right: 40px; } }
  @media (min-width: 992px) {
    .Home-additionalLinkArrow {
      display: none; } }

.Home-storiesPane {
  background-color: #001845;
  background-repeat: no-repeat;
  background-position: bottom center;
  background-image: url("images/root/top-stories-events_section-background_xs-ce2b7659e4a9224c1aa5b0ae20d145b6e918b1f343f773f20f6be23e864de05899360d0661bffaf605f44faa5890877770e9a7d274a8ef89d937ffd313fcf455.jpg");
  background-size: 768px 800px; }
  @media (min-width: 768px) {
    .Home-storiesPane {
      background-image: url("images/root/top-stories-events_section-background_sm-9174dc91a31c774ef515849948810eacccaae3eb469e80803286b0fc169f3b8951b7269c0f225c414aa5de7dc8562130a48fd61101de817531e723995f292b83.jpg");
      background-size: auto; } }
  @media (min-width: 992px) {
    .Home-storiesPane {
      background-image: url("images/root/top-stories-events_section-background_md-0d09d4f594ce23a8c39bb2d367501de2fb6900cbbb963ceab8403142f811da6985a3e3e28f995cf47364730b3ffa2d6144a9955f9221713b575b1bcab3569a40.jpg"); } }
  @media (min-width: 1200px) {
    .Home-storiesPane {
      background-image: url("images/root/top-stories-events_section-background_lrg-b81ac9b879c693e7e05f049b5f913706fe0bae6e45523140fcf45aa3fac871c488749bf6fe38e89c9f84d372f690e485652fed36d04d5dbb083d99ea38813b4b.jpg"); } }

.Home-storiesEventsGrid {
  margin-left: -25px;
  margin-right: -25px; }
  .Home-storiesEventsGrid > .GridItem {
    padding-left: 25px;
    padding-right: 25px; }

.Home-topStoriesFeatured {
  margin: 20px 0;
  min-height: 200px; }

.Home-topStoriesFeaturedCardContent {
  margin: -20px;
  padding: 20px; }
  @media (min-width: 768px) {
    .Home-topStoriesFeaturedCardContent {
      margin: -30px;
      padding: 30px; } }

.Home-topStoriesFeaturedButton {
  white-space: nowrap; }
  @media (max-width: 479px) {
    .Home-topStoriesFeaturedButton {
      padding-left: 0;
      padding-right: 0;
      width: 100%; } }

.Home-topStoriesSecondary {
  margin: 0 -20px; }
  @media (min-width: 480px) {
    .Home-topStoriesSecondary {
      margin: 0 -30px; } }
  @media (min-width: 768px) {
    .Home-topStoriesSecondary {
      margin: 0; } }
  @media (min-width: 1200px) {
    .Home-topStoriesSecondary {
      margin-top: 30px; } }

@media (min-width: 768px) {
  .Home-topStoriesGallery .Gallery-inner {
    width: 100%; } }

.Home-topStoriesGalleryItem {
  width: 55vw; }
  @media (min-width: 480px) {
    .Home-topStoriesGalleryItem {
      width: 223.5px; } }
  @media (min-width: 768px) {
    .Home-topStoriesGalleryItem {
      width: calc(33.33% - 13.33px); } }
  @media (min-width: 1200px) {
    .Home-topStoriesGalleryItem {
      width: calc(33.33% - 20px); } }
  .Home-topStoriesGalleryItem:first-child {
    margin-left: 20px; }
    @media (min-width: 480px) {
      .Home-topStoriesGalleryItem:first-child {
        margin-left: 30px; } }
    @media (min-width: 768px) {
      .Home-topStoriesGalleryItem:first-child {
        margin-left: 0; } }
  .Home-topStoriesGalleryItem:last-child {
    margin-right: 20px; }
    @media (min-width: 480px) {
      .Home-topStoriesGalleryItem:last-child {
        margin-right: 30px; } }
    @media (min-width: 768px) {
      .Home-topStoriesGalleryItem:last-child {
        margin-right: 0; } }
  @media (max-width: 767px) {
    .Home-topStoriesGalleryItem:not(:last-child) {
      margin-right: 10px; } }
  @media (min-width: 1200px) {
    .Home-topStoriesGalleryItem:not(:last-child) {
      margin-right: 30px; } }
  @media (max-width: 479px) {
    .Home-topStoriesGalleryItem .Home-topStoriesTitle {
      font-size: 14.4px; } }

.Home-topStoriesGalleryCard {
  width: 100%; }
  @media (max-width: 767px) {
    .Home-topStoriesGalleryCard .Card-content {
      padding: 10px 15px; } }
  @media (min-width: 992px) {
    .Home-topStoriesGalleryCard .Card-content {
      min-height: 200px; } }

.Home-topStoriesFeaturedSubtitle {
  color: rgba(255, 255, 255, 0.5); }

.Home-topStoriesTitle {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.7;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.4; }
  @media (min-width: 480px) {
    .Home-topStoriesTitle {
      font-size: 16px; } }
  @media (min-width: 768px) {
    .Home-topStoriesTitle {
      font-size: 16px; } }
  @media (min-width: 992px) {
    .Home-topStoriesTitle {
      font-size: 16px; } }
  @media (min-width: 1200px) {
    .Home-topStoriesTitle {
      font-size: 18px; } }
  .Home-topStoriesTitle.max-lines-1 {
    max-height: 1.7em; }
  .Home-topStoriesTitle.max-lines-2 {
    max-height: 3.4em; }
  .Home-topStoriesTitle.max-lines-3 {
    max-height: 5.1em; }
  .Home-topStoriesTitle.max-lines-4 {
    max-height: 6.8em; }
  .Home-topStoriesTitle.max-lines-5 {
    max-height: 8.5em; }
  .Home-topStoriesTitle.flush-top {
    margin-top: -0.498rem; }
    @media (min-width: 480px) {
      .Home-topStoriesTitle.flush-top {
        margin-top: -0.498rem; } }
    @media (min-width: 768px) {
      .Home-topStoriesTitle.flush-top {
        margin-top: -0.498rem; } }
    @media (min-width: 992px) {
      .Home-topStoriesTitle.flush-top {
        margin-top: -0.498rem; } }
    @media (min-width: 1200px) {
      .Home-topStoriesTitle.flush-top {
        margin-top: -0.498rem; } }
  .Home-topStoriesTitle.flush-bottom {
    margin-bottom: -0.488rem; }
    @media (min-width: 480px) {
      .Home-topStoriesTitle.flush-bottom {
        margin-bottom: -0.488rem; } }
    @media (min-width: 768px) {
      .Home-topStoriesTitle.flush-bottom {
        margin-bottom: -0.488rem; } }
    @media (min-width: 992px) {
      .Home-topStoriesTitle.flush-bottom {
        margin-bottom: -0.488rem; } }
    @media (min-width: 1200px) {
      .Home-topStoriesTitle.flush-bottom {
        margin-bottom: -0.488rem; } }
  .Home-topStoriesTitle.multiline {
    line-height: 1.4; }
    .Home-topStoriesTitle.multiline.max-lines-1 {
      max-height: 1.4em; }
    .Home-topStoriesTitle.multiline.max-lines-2 {
      max-height: 2.8em; }
    .Home-topStoriesTitle.multiline.max-lines-3 {
      max-height: 4.2em; }
    .Home-topStoriesTitle.multiline.max-lines-4 {
      max-height: 5.6em; }
    .Home-topStoriesTitle.multiline.max-lines-5 {
      max-height: 7em; }

.Home-topStoriesSubtitle {
  color: rgba(255, 255, 255, 0.5); }

.Home-eventsTableWrapper {
  margin-top: 20px;
  position: relative; }
  @media (max-width: 991px) {
    .Home-eventsTableWrapper {
      margin-left: -40px;
      margin-right: -40px; } }
  @media (max-width: 767px) {
    .Home-eventsTableWrapper {
      margin-left: -30px;
      margin-right: -30px; } }
  @media (max-width: 479px) {
    .Home-eventsTableWrapper {
      margin-left: -20px;
      margin-right: -20px; } }

.Home-eventsTable {
  display: table;
  width: 100%;
  position: relative;
  border-top: solid 1px rgba(255, 255, 255, 0.15); }

.Home-eventsTableRow {
  display: table-row;
  transition: color 200ms, background-color 200ms, border-color 200ms;
  cursor: pointer; }

body[data-device=desktop] .Home-eventsTableRow:hover {
  background-color: rgba(0, 174, 255, 0.05); }
  body[data-device=desktop] .Home-eventsTableRow:hover .Home-eventsTableCaret {
    color: #ffffff; }

.Home-eventsTableCell {
  position: relative;
  display: table-cell;
  border-bottom: solid 1px rgba(255, 255, 255, 0.15);
  vertical-align: middle; }

.Home-eventsTableCaret {
  display: inline-block;
  color: #00aeff; }

.Home-eventsTableIconContainer {
  position: relative;
  height: 100%; }

.Home-eventsTableDateHeading1,
.Home-eventsTableDateHeading2,
.Home-eventsTableDateDivider {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.8;
  padding: 0;
  margin: 0;
  margin-left: 0;
  font-weight: 300;
  color: #ff9000;
  line-height: 1.4; }
  @media (min-width: 480px) {
    .Home-eventsTableDateHeading1,
    .Home-eventsTableDateHeading2,
    .Home-eventsTableDateDivider {
      font-size: 19.2px; } }
  @media (min-width: 768px) {
    .Home-eventsTableDateHeading1,
    .Home-eventsTableDateHeading2,
    .Home-eventsTableDateDivider {
      font-size: 20px; } }
  @media (min-width: 992px) {
    .Home-eventsTableDateHeading1,
    .Home-eventsTableDateHeading2,
    .Home-eventsTableDateDivider {
      font-size: 20px; } }
  @media (min-width: 1200px) {
    .Home-eventsTableDateHeading1,
    .Home-eventsTableDateHeading2,
    .Home-eventsTableDateDivider {
      font-size: 22.5px; } }
  .Home-eventsTableDateHeading1.max-lines-1,
  .Home-eventsTableDateHeading2.max-lines-1,
  .Home-eventsTableDateDivider.max-lines-1 {
    max-height: 1.8em; }
  .Home-eventsTableDateHeading1.max-lines-2,
  .Home-eventsTableDateHeading2.max-lines-2,
  .Home-eventsTableDateDivider.max-lines-2 {
    max-height: 3.6em; }
  .Home-eventsTableDateHeading1.max-lines-3,
  .Home-eventsTableDateHeading2.max-lines-3,
  .Home-eventsTableDateDivider.max-lines-3 {
    max-height: 5.4em; }
  .Home-eventsTableDateHeading1.max-lines-4,
  .Home-eventsTableDateHeading2.max-lines-4,
  .Home-eventsTableDateDivider.max-lines-4 {
    max-height: 7.2em; }
  .Home-eventsTableDateHeading1.max-lines-5,
  .Home-eventsTableDateHeading2.max-lines-5,
  .Home-eventsTableDateDivider.max-lines-5 {
    max-height: 9em; }
  .Home-eventsTableDateHeading1.flush-top,
  .Home-eventsTableDateHeading2.flush-top,
  .Home-eventsTableDateDivider.flush-top {
    margin-top: -0.6165rem; }
    @media (min-width: 480px) {
      .Home-eventsTableDateHeading1.flush-top,
      .Home-eventsTableDateHeading2.flush-top,
      .Home-eventsTableDateDivider.flush-top {
        margin-top: -0.6576rem; } }
    @media (min-width: 768px) {
      .Home-eventsTableDateHeading1.flush-top,
      .Home-eventsTableDateHeading2.flush-top,
      .Home-eventsTableDateDivider.flush-top {
        margin-top: -0.685rem; } }
    @media (min-width: 992px) {
      .Home-eventsTableDateHeading1.flush-top,
      .Home-eventsTableDateHeading2.flush-top,
      .Home-eventsTableDateDivider.flush-top {
        margin-top: -0.685rem; } }
    @media (min-width: 1200px) {
      .Home-eventsTableDateHeading1.flush-top,
      .Home-eventsTableDateHeading2.flush-top,
      .Home-eventsTableDateDivider.flush-top {
        margin-top: -0.685rem; } }
  .Home-eventsTableDateHeading1.flush-bottom,
  .Home-eventsTableDateHeading2.flush-bottom,
  .Home-eventsTableDateDivider.flush-bottom {
    margin-bottom: -0.60525rem; }
    @media (min-width: 480px) {
      .Home-eventsTableDateHeading1.flush-bottom,
      .Home-eventsTableDateHeading2.flush-bottom,
      .Home-eventsTableDateDivider.flush-bottom {
        margin-bottom: -0.6456rem; } }
    @media (min-width: 768px) {
      .Home-eventsTableDateHeading1.flush-bottom,
      .Home-eventsTableDateHeading2.flush-bottom,
      .Home-eventsTableDateDivider.flush-bottom {
        margin-bottom: -0.6725rem; } }
    @media (min-width: 992px) {
      .Home-eventsTableDateHeading1.flush-bottom,
      .Home-eventsTableDateHeading2.flush-bottom,
      .Home-eventsTableDateDivider.flush-bottom {
        margin-bottom: -0.6725rem; } }
    @media (min-width: 1200px) {
      .Home-eventsTableDateHeading1.flush-bottom,
      .Home-eventsTableDateHeading2.flush-bottom,
      .Home-eventsTableDateDivider.flush-bottom {
        margin-bottom: -0.6725rem; } }
  .Home-eventsTableDateHeading1.multiline,
  .Home-eventsTableDateHeading2.multiline,
  .Home-eventsTableDateDivider.multiline {
    line-height: 1.4; }
    .Home-eventsTableDateHeading1.multiline.max-lines-1,
    .Home-eventsTableDateHeading2.multiline.max-lines-1,
    .Home-eventsTableDateDivider.multiline.max-lines-1 {
      max-height: 1.4em; }
    .Home-eventsTableDateHeading1.multiline.max-lines-2,
    .Home-eventsTableDateHeading2.multiline.max-lines-2,
    .Home-eventsTableDateDivider.multiline.max-lines-2 {
      max-height: 2.8em; }
    .Home-eventsTableDateHeading1.multiline.max-lines-3,
    .Home-eventsTableDateHeading2.multiline.max-lines-3,
    .Home-eventsTableDateDivider.multiline.max-lines-3 {
      max-height: 4.2em; }
    .Home-eventsTableDateHeading1.multiline.max-lines-4,
    .Home-eventsTableDateHeading2.multiline.max-lines-4,
    .Home-eventsTableDateDivider.multiline.max-lines-4 {
      max-height: 5.6em; }
    .Home-eventsTableDateHeading1.multiline.max-lines-5,
    .Home-eventsTableDateHeading2.multiline.max-lines-5,
    .Home-eventsTableDateDivider.multiline.max-lines-5 {
      max-height: 7em; }

.Home-eventsTableDateDivider {
  line-height: 0.5; }

span.Home-eventsTableDateHeading1:after,
span.Home-eventsTableDateHeading2:after {
  content: ' '; }

.Home-eventsTableSubtitle {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 12.8px;
  font-weight: 400;
  line-height: 1.6;
  padding: 0;
  margin: 0;
  margin-left: 0;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.5);
  line-height: 1.3;
  margin-bottom: 0.4216rem; }
  @media (min-width: 480px) {
    .Home-eventsTableSubtitle {
      font-size: 12.8px; } }
  @media (min-width: 768px) {
    .Home-eventsTableSubtitle {
      font-size: 12.8px; } }
  @media (min-width: 992px) {
    .Home-eventsTableSubtitle {
      font-size: 12.8px; } }
  @media (min-width: 1200px) {
    .Home-eventsTableSubtitle {
      font-size: 14.4px; } }
  .Home-eventsTableSubtitle.max-lines-1 {
    max-height: 1.6em; }
  .Home-eventsTableSubtitle.max-lines-2 {
    max-height: 3.2em; }
  .Home-eventsTableSubtitle.max-lines-3 {
    max-height: 4.8em; }
  .Home-eventsTableSubtitle.max-lines-4 {
    max-height: 6.4em; }
  .Home-eventsTableSubtitle.max-lines-5 {
    max-height: 8em; }
  .Home-eventsTableSubtitle.flush-top {
    margin-top: -0.3584rem; }
    @media (min-width: 480px) {
      .Home-eventsTableSubtitle.flush-top {
        margin-top: -0.3584rem; } }
    @media (min-width: 768px) {
      .Home-eventsTableSubtitle.flush-top {
        margin-top: -0.3584rem; } }
    @media (min-width: 992px) {
      .Home-eventsTableSubtitle.flush-top {
        margin-top: -0.3584rem; } }
    @media (min-width: 1200px) {
      .Home-eventsTableSubtitle.flush-top {
        margin-top: -0.3584rem; } }
  .Home-eventsTableSubtitle.flush-bottom {
    margin-bottom: -0.3504rem; }
    @media (min-width: 480px) {
      .Home-eventsTableSubtitle.flush-bottom {
        margin-bottom: -0.3504rem; } }
    @media (min-width: 768px) {
      .Home-eventsTableSubtitle.flush-bottom {
        margin-bottom: -0.3504rem; } }
    @media (min-width: 992px) {
      .Home-eventsTableSubtitle.flush-bottom {
        margin-bottom: -0.3504rem; } }
    @media (min-width: 1200px) {
      .Home-eventsTableSubtitle.flush-bottom {
        margin-bottom: -0.3504rem; } }
  .Home-eventsTableSubtitle.multiline {
    line-height: 1.3; }
    .Home-eventsTableSubtitle.multiline.max-lines-1 {
      max-height: 1.3em; }
    .Home-eventsTableSubtitle.multiline.max-lines-2 {
      max-height: 2.6em; }
    .Home-eventsTableSubtitle.multiline.max-lines-3 {
      max-height: 3.9em; }
    .Home-eventsTableSubtitle.multiline.max-lines-4 {
      max-height: 5.2em; }
    .Home-eventsTableSubtitle.multiline.max-lines-5 {
      max-height: 6.5em; }
  @media (min-width: 480px) {
    .Home-eventsTableSubtitle {
      margin-bottom: 0.4216rem; } }
  @media (min-width: 768px) {
    .Home-eventsTableSubtitle {
      margin-bottom: 0.4216rem; } }
  @media (min-width: 992px) {
    .Home-eventsTableSubtitle {
      margin-bottom: 0.4216rem; } }
  @media (min-width: 1200px) {
    .Home-eventsTableSubtitle {
      margin-bottom: 0.4216rem; } }

.Home-eventsTableTitle {
  font-weight: 600;
  color: #ffffff;
  line-height: 1.4; }

.Home-eventsTableDatesCell {
  width: 1%;
  text-align: center;
  padding: 20px 0 20px 20px;
  vertical-align: middle;
  white-space: nowrap; }
  @media (min-width: 480px) {
    .Home-eventsTableDatesCell {
      padding: 20px 0 20px 30px; } }
  @media (min-width: 768px) {
    .Home-eventsTableDatesCell {
      padding: 30px 0 30px 40px; } }
  @media (min-width: 992px) {
    .Home-eventsTableDatesCell {
      padding: 30px 0 30px 5px; } }

.Home-eventsTableNameCell {
  padding: 20px; }
  @media (min-width: 480px) {
    .Home-eventsTableNameCell {
      padding: 30px; } }

.Home-eventsTableCaretCell {
  width: calc(0.8em + 20px);
  padding-right: 20px; }
  @media (min-width: 480px) {
    .Home-eventsTableCaretCell {
      width: calc(0.8em + 30px);
      padding-right: 30px; } }
  @media (min-width: 768px) {
    .Home-eventsTableCaretCell {
      width: calc(0.8em + 40px);
      padding-right: 40px; } }
  @media (min-width: 992px) {
    .Home-eventsTableCaretCell {
      width: calc(0.8em + 30px);
      padding-right: 30px; } }

.Home-eventsTableCaret {
  position: absolute;
  left: 0.4em;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }

.Home-userTimezone {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 12.8px;
  font-weight: 400;
  line-height: 1.6;
  padding: 0;
  margin: 0;
  margin-left: 0;
  color: rgba(255, 255, 255, 0.5);
  text-align: left;
  margin-top: 20px;
  padding-left: 20px; }
  @media (min-width: 480px) {
    .Home-userTimezone {
      font-size: 12.8px; } }
  @media (min-width: 768px) {
    .Home-userTimezone {
      font-size: 12.8px; } }
  @media (min-width: 992px) {
    .Home-userTimezone {
      font-size: 12.8px; } }
  @media (min-width: 1200px) {
    .Home-userTimezone {
      font-size: 14.4px; } }
  @media (min-width: 480px) {
    .Home-userTimezone {
      padding-left: 30px; } }
  @media (min-width: 768px) {
    .Home-userTimezone {
      padding-left: 0; } }

.Home-eventTime {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 12.8px;
  font-weight: 400;
  line-height: 1.6;
  padding: 0;
  margin: 0;
  margin-left: 0;
  color: rgba(255, 255, 255, 0.5);
  margin-top: 10px; }
  @media (min-width: 480px) {
    .Home-eventTime {
      font-size: 12.8px; } }
  @media (min-width: 768px) {
    .Home-eventTime {
      font-size: 12.8px; } }
  @media (min-width: 992px) {
    .Home-eventTime {
      font-size: 12.8px; } }
  @media (min-width: 1200px) {
    .Home-eventTime {
      font-size: 14.4px; } }

.Client-ctaSubLink {
  font-size: 16px;
  color: #00aeff;
  margin-top: 10px;
  display: block; }
  @media (max-width: 1200px) {
    .Client-ctaSubLink {
      text-align: center; } }
  .Client-ctaSubLink > a {
    position: relative; }
    .Client-ctaSubLink > a:before {
      content: '';
      position: absolute;
      bottom: 2px;
      width: 100%;
      height: 1px;
      background: #00aeff;
      transition: background .2s; }
    .Client-ctaSubLink > a:hover:before {
      background: white; }
  .Client-ctaSubLink.CtaSubLink--noHover > a:hover {
    color: #00aeff; }
    .Client-ctaSubLink.CtaSubLink--noHover > a:hover:before {
      background: #00aeff; }

.Social-headerPane {
  overflow: hidden;
  z-index: 1; }
  @media (min-width: 992px) {
    .Social-headerPane {
      overflow: visible; }
      .Social-headerPane > .Pane-content {
        height: 710px; } }

.Social-headerBackdrop {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 0;
  bottom: 0;
  width: 2500px; }
  @media (min-width: 2500px) {
    .Social-headerBackdrop:before, .Social-headerBackdrop:after {
      content: '';
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      pointer-events: none;
      z-index: 1; }
    .Social-headerBackdrop:before {
      background: linear-gradient(to right, #002650 0%, transparent 20%); }
    .Social-headerBackdrop:after {
      background: linear-gradient(to left, #002650 0%, transparent 20%); } }

.Social-headerOverlay .Parallax-content {
  bottom: -10vh;
  background-size: auto;
  background-position: top center; }

.Social-headerOverlayBackground {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-position: top center;
  background-repeat: no-repeat;
  background-image: url("images/mobile/background-social-hero-mobile-7e9fe2a81e8d3cdfcf556c818c7ad0ef191b60599db148b7f45c356f1f4f3540123141a3f974fce6f612a0afed315b9702746dcb6f6ac9e746b2fec23d891383.jpg");
  background-size: 480px 750px; }
  @media (min-width: 480px) {
    .Social-headerOverlayBackground {
      background-image: url("images/mobile/background-social-hero-xs-1668dcc48f8397b5e8f76b59f2db936d55be0779e4484c9768dbc4062d2ed8a94a12026f2a09c0f60e5c446e6d27c3f4f3d82d43e4f0401b88a1b70aaad36d29.jpg");
      background-size: auto; } }
  @media (min-width: 992px) {
    .Social-headerOverlayBackground {
      background-image: url("images/mobile/background-social-hero-md-b3d93f6dbf483b70f73710731184b06d38e16076ed922dbf320b963c642001215a873f6c7d0dc922d7737b40512b4da62301e521ce1748fec2546b01beb21171.jpg"); } }
  @media (min-width: 1200px) {
    .Social-headerOverlayBackground {
      background-image: url("images/mobile/background-social-hero-d7b931913d39465254e32de23d003b7031a6c733ead66950b16faaa600179e57b084194fe37d83c4aee004c92251a8d036a3b4520a57e61570487783be1fe2e2.jpg"); } }

.Social-headerGlass {
  height: 60px;
  bottom: auto;
  background-image: url("images/mobile/background-social-hero-glass-43520fb2879292435944125623fe36bff4871092207576bce17f75243a843f5e198e24531d6dffda70b7bc9a88b33085ca810db5c30ff8f9a4f209c08f4feb24.jpg"); }
  .Social-headerGlass .Parallax-content {
    bottom: -60px; }
  @media (max-width: 767px) {
    .Social-headerGlass {
      display: none; } }

.Social-headerPropGlassImage {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-position: top center;
  background-repeat: no-repeat; }

.Social-headerInnerSpacer {
  height: 44px; }
  @media (min-width: 768px) {
    .Social-headerInnerSpacer {
      height: 60px; } }

.Social-headerInnerPane {
  position: relative; }
  @media (min-width: 992px) {
    .Social-headerInnerPane > .Pane-content {
      height: 650px; } }

.Social-headerWrapper {
  position: relative;
  padding-bottom: 250px; }
  @media (min-width: 480px) {
    .Social-headerWrapper {
      padding-bottom: 450px; } }
  @media (min-width: 992px) {
    .Social-headerWrapper {
      height: 650px; } }

.Social-headerContent {
  position: relative;
  text-align: center; }
  @media (min-width: 992px) {
    .Social-headerContent {
      position: absolute;
      top: 50%;
      left: 0;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      text-align: left;
      width: calc(50% + 40px);
      max-width: 768px; } }

.Social-headerTitleSpacer {
  height: 40px; }
  @media (min-width: 768px) {
    .Social-headerTitleSpacer {
      height: 20px; } }
  @media (min-width: 992px) {
    .Social-headerTitleSpacer {
      height: 40px; } }

.Social-headerFeatureDivider {
  margin: 0 -20px; }
  @media (min-width: 480px) {
    .Social-headerFeatureDivider {
      margin: 0 -30px; } }
  @media (min-width: 768px) {
    .Social-headerFeatureDivider {
      display: none; } }

.Social-headerFeatures {
  text-align: left; }
  @media (min-width: 480px) {
    .Social-headerFeatures {
      text-align: center; } }
  @media (min-width: 992px) {
    .Social-headerFeatures {
      text-align: left; } }

@media (min-width: 480px) {
  .Social-headerFeatureGroup {
    display: inline-block; } }

.Social-headerFeature {
  margin-bottom: 10px; }
  @media (min-width: 480px) {
    .Social-headerFeature {
      margin-top: -0.498rem; } }
  @media (min-width: 768px) {
    .Social-headerFeature {
      margin-top: -0.498rem; } }
  @media (min-width: 992px) {
    .Social-headerFeature {
      margin-top: -0.498rem; } }
  @media (min-width: 1200px) {
    .Social-headerFeature {
      margin-top: -0.498rem; } }
  @media (min-width: 480px) {
    .Social-headerFeature {
      margin-bottom: -0.488rem; } }
  @media (min-width: 768px) {
    .Social-headerFeature {
      margin-bottom: -0.488rem; } }
  @media (min-width: 992px) {
    .Social-headerFeature {
      margin-bottom: -0.488rem; } }
  @media (min-width: 1200px) {
    .Social-headerFeature {
      margin-bottom: -0.488rem; } }
  @media (min-width: 480px) {
    .Social-headerFeature {
      display: inline-block;
      margin: 0 10px; } }
  @media (min-width: 992px) {
    .Social-headerFeature {
      display: inline-block;
      margin: 0 20px 0 0; } }

.Social-headerFeatureIcon {
  color: #ff9000;
  margin-right: 5px; }

.Social-headerButtons,
.Social-footerButtons,
.Social-calloutButtons {
  margin: 0 -20px; }
  @media (min-width: 480px) {
    .Social-headerButtons,
    .Social-footerButtons,
    .Social-calloutButtons {
      margin: 0 -30px; } }
  @media (min-width: 768px) {
    .Social-headerButtons,
    .Social-footerButtons,
    .Social-calloutButtons {
      margin: 0; } }

.Social-headerButtonLink,
.Social-footerButtonLink,
.Social-calloutButtonLink {
  position: relative;
  display: inline-block;
  width: 40vw;
  height: 11.756vw; }
  .Social-headerButtonLink:not(:last-child),
  .Social-footerButtonLink:not(:last-child),
  .Social-calloutButtonLink:not(:last-child) {
    margin-right: 10px; }
  @media (min-width: 480px) {
    .Social-headerButtonLink,
    .Social-footerButtonLink,
    .Social-calloutButtonLink {
      width: 170px;
      height: 50px; }
      .Social-headerButtonLink:not(:last-child),
      .Social-footerButtonLink:not(:last-child),
      .Social-calloutButtonLink:not(:last-child) {
        margin-right: 20px; } }

.Social-headerButton,
.Social-footerButton,
.Social-calloutButton {
  display: inline-block;
  width: 40vw;
  height: 11.765vw;
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: left center;
  background-image: url("images/mobile/en-us/download-buttons-eee2ada7910290b42e1178c5640a4e5184b0214e35be9610b79037da520b5c4228031f34f1050761916653cec595ea5e8851c0a199256bb8e4cc024235c729ea.png"); }
  @media (min-width: 480px) {
    .Social-headerButton,
    .Social-footerButton,
    .Social-calloutButton {
      background-size: 340px 50px;
      width: 170px;
      height: 50px; } }

body[data-locale=de-de] .Social-headerButton, body[data-locale=de-de] .Social-footerButton, body[data-locale=de-de] .Social-calloutButton {
  background-image: url("images/mobile/de-de/download-buttons-023efc8e51121b6d528607e86a2613c1dc0481b059693ce7eb209c21d1f20eb2565eccf65a706befd4273d0c598a2e6b27b15bd4a9d99e11e2ab8a8ba35964a4.png"); }

body[data-locale=en-us] .Social-headerButton, body[data-locale=en-us] .Social-footerButton, body[data-locale=en-us] .Social-calloutButton {
  background-image: url("images/mobile/en-us/download-buttons-eee2ada7910290b42e1178c5640a4e5184b0214e35be9610b79037da520b5c4228031f34f1050761916653cec595ea5e8851c0a199256bb8e4cc024235c729ea.png"); }

body[data-locale=es-es] .Social-headerButton, body[data-locale=es-es] .Social-footerButton, body[data-locale=es-es] .Social-calloutButton {
  background-image: url("images/mobile/es-es/download-buttons-660ebee54978694ff7255ae1839cd4d417ad2d2d4dfd10d70f8b41e1d65ccdd6d67d258c3ae3d4a9426019ba6d5eb9f2f6c96fc84a955b5bd0a69ae2a300d866.png"); }

body[data-locale=es-mx] .Social-headerButton, body[data-locale=es-mx] .Social-footerButton, body[data-locale=es-mx] .Social-calloutButton {
  background-image: url("images/mobile/es-mx/download-buttons-660ebee54978694ff7255ae1839cd4d417ad2d2d4dfd10d70f8b41e1d65ccdd6d67d258c3ae3d4a9426019ba6d5eb9f2f6c96fc84a955b5bd0a69ae2a300d866.png"); }

body[data-locale=fr-fr] .Social-headerButton, body[data-locale=fr-fr] .Social-footerButton, body[data-locale=fr-fr] .Social-calloutButton {
  background-image: url("images/mobile/fr-fr/download-buttons-3f2b3aa2c82773a8837488b356f820008a59af0bb5249b5e6a5bef77b9030ef7eddeb19bca9bddef73dfcef4593ea7899842da65f8d7b94aad2656f7485784f2.png"); }

body[data-locale=it-it] .Social-headerButton, body[data-locale=it-it] .Social-footerButton, body[data-locale=it-it] .Social-calloutButton {
  background-image: url("images/mobile/it-it/download-buttons-86ab03dc3254b8c22c84008d65599b4b27fe0f2e6ce5c331b8eb379bd3004571ed09f6ab373f6b635e37322560dc084211ed87a4d4967a3d179091b3acf53529.png"); }

body[data-locale=pl-pl] .Social-headerButton, body[data-locale=pl-pl] .Social-footerButton, body[data-locale=pl-pl] .Social-calloutButton {
  background-image: url("images/mobile/pl-pl/download-buttons-1dfc19ffcc9689ab26432ad300e7a7ac236abcd08fc441726d689e5c6d21a88b63cce46a9c89876ea6b077b9e07cb07eba9338d6b7270aa05e6fbf0866d55811.png"); }

body[data-locale=pt-br] .Social-headerButton, body[data-locale=pt-br] .Social-footerButton, body[data-locale=pt-br] .Social-calloutButton {
  background-image: url("images/mobile/pt-br/download-buttons-14fcabb17583e620fcef62d4c610b2108773942e8eca1944fd6c1443ae6b4602710aaf4e305de0e0a842a6068ba0f3674420124f0a6f834d7ba20575e5264fd2.png"); }

body[data-locale=ru-ru] .Social-headerButton, body[data-locale=ru-ru] .Social-footerButton, body[data-locale=ru-ru] .Social-calloutButton {
  background-image: url("images/mobile/ru-ru/download-buttons-f4149f3d83962889ac42b1ca62348f5aa268c7ec9a514c86e330690f5aa52aadf20b0ac34118768de816266a9ede97bf099fcb398e4096e4a6526edbdba1d7e2.png"); }

body[data-locale=ko-kr] .Social-headerButton, body[data-locale=ko-kr] .Social-footerButton, body[data-locale=ko-kr] .Social-calloutButton {
  background-image: url("images/mobile/ko-kr/download-buttons-6c21ead445e2773d62a5894cb9940099a42523a09d2e47d80a0ba1ac39c649cdaf18b1f625607cdf38ecaf19d336d8f7e54528327b8ea2aa8ebd166545147e37.png"); }

body[data-locale=ja-jp] .Social-headerButton, body[data-locale=ja-jp] .Social-footerButton, body[data-locale=ja-jp] .Social-calloutButton {
  background-image: url("images/mobile/ja-jp/download-buttons-e912d3c4ab2918d60b803903bd0a134f3c30c7cbdffc081c5d7e82e52c5d7d3be7aabfd811c4bc4801f96946812f5d9550c551d995caea4efaa640d57afa8292.png"); }

body[data-locale=th-th] .Social-headerButton, body[data-locale=th-th] .Social-footerButton, body[data-locale=th-th] .Social-calloutButton {
  background-image: url("images/mobile/th-th/download-buttons-f94e5e66e62e6ee26e27b7e9bb134fde730e5856aff91737c683675bd6475b02f59b93f7651591e395cc3c985e7035eb9bc3acb650bbd7d3a27cbbc207ae4025.png"); }

body[data-locale=zh-tw] .Social-headerButton, body[data-locale=zh-tw] .Social-footerButton, body[data-locale=zh-tw] .Social-calloutButton {
  background-image: url("images/mobile/zh-tw/download-buttons-836b7274fdace134d7d3e35d6d477ddad8eceb85f63e54337f295f9e34becd57050c57aefb4a1b3895529563a842bef5837131160a871ef246e196ae43536635.png"); }

body[data-locale=zh-cn] .Social-headerButton, body[data-locale=zh-cn] .Social-footerButton, body[data-locale=zh-cn] .Social-calloutButton {
  background-image: url("images/mobile/zh-cn/download-buttons-ec2c694fdc89d0e812e677399c745988c539d96c15a96f373d68bc8aac6ea4d49830a8e30d4dd99eab237b4c1eb45b779cd48f6766563c1d22dc1c64c7e0d436.png"); }

#header-button-app-store,
#footer-button-app-store,
#callout-button-app-store {
  background-position: left center; }

#header-button-google-play,
#footer-button-google-play,
#callout-button-google-play {
  background-position: right center; }
  @media (min-width: 480px) {
    #header-button-google-play,
    #footer-button-google-play,
    #callout-button-google-play {
      background-position: -170px 0; } }

.Social-headerSubheading {
  color: #ff9000; }

.Social-headerSubtitle {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.7;
  color: rgba(255, 255, 255, 0.5);
  margin-top: 1.0975rem; }
  @media (min-width: 480px) {
    .Social-headerSubtitle {
      font-size: 16px; } }
  @media (min-width: 768px) {
    .Social-headerSubtitle {
      font-size: 16px; } }
  @media (min-width: 992px) {
    .Social-headerSubtitle {
      font-size: 16px; } }
  @media (min-width: 1200px) {
    .Social-headerSubtitle {
      font-size: 18px; } }
  .Social-headerSubtitle.max-lines-1 {
    max-height: 1.7em; }
  .Social-headerSubtitle.max-lines-2 {
    max-height: 3.4em; }
  .Social-headerSubtitle.max-lines-3 {
    max-height: 5.1em; }
  .Social-headerSubtitle.max-lines-4 {
    max-height: 6.8em; }
  .Social-headerSubtitle.max-lines-5 {
    max-height: 8.5em; }
  .Social-headerSubtitle.flush-top {
    margin-top: -0.498rem; }
    @media (min-width: 480px) {
      .Social-headerSubtitle.flush-top {
        margin-top: -0.498rem; } }
    @media (min-width: 768px) {
      .Social-headerSubtitle.flush-top {
        margin-top: -0.498rem; } }
    @media (min-width: 992px) {
      .Social-headerSubtitle.flush-top {
        margin-top: -0.498rem; } }
    @media (min-width: 1200px) {
      .Social-headerSubtitle.flush-top {
        margin-top: -0.498rem; } }
  .Social-headerSubtitle.flush-bottom {
    margin-bottom: -0.488rem; }
    @media (min-width: 480px) {
      .Social-headerSubtitle.flush-bottom {
        margin-bottom: -0.488rem; } }
    @media (min-width: 768px) {
      .Social-headerSubtitle.flush-bottom {
        margin-bottom: -0.488rem; } }
    @media (min-width: 992px) {
      .Social-headerSubtitle.flush-bottom {
        margin-bottom: -0.488rem; } }
    @media (min-width: 1200px) {
      .Social-headerSubtitle.flush-bottom {
        margin-bottom: -0.488rem; } }
  .Social-headerSubtitle.multiline {
    line-height: 1.4; }
    .Social-headerSubtitle.multiline.max-lines-1 {
      max-height: 1.4em; }
    .Social-headerSubtitle.multiline.max-lines-2 {
      max-height: 2.8em; }
    .Social-headerSubtitle.multiline.max-lines-3 {
      max-height: 4.2em; }
    .Social-headerSubtitle.multiline.max-lines-4 {
      max-height: 5.6em; }
    .Social-headerSubtitle.multiline.max-lines-5 {
      max-height: 7em; }
  @media (min-width: 480px) {
    .Social-headerSubtitle {
      margin-top: 0.97832rem; } }
  @media (min-width: 768px) {
    .Social-headerSubtitle {
      margin-top: 0.88565rem; } }
  @media (min-width: 992px) {
    .Social-headerSubtitle {
      margin-top: 0.88565rem; } }
  @media (min-width: 1200px) {
    .Social-headerSubtitle {
      margin-top: 0.88565rem; } }

.Social-headerProps {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: none; }

.Social-headerPhones {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 621.5px;
  height: 245px;
  border: 0; }
  @media (min-width: 480px) {
    .Social-headerPhones {
      width: 1260px;
      height: 786px;
      bottom: -335px; } }
  @media (min-width: 992px) {
    .Social-headerPhones {
      bottom: -136px;
      -webkit-transform: translateX(-360px);
          -ms-transform: translateX(-360px);
              transform: translateX(-360px); } }

.Social-headerPhonesImage {
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: 100%;
  background-image: url("images/mobile/en-us/social-hero-phones-mobile-599b01e6271bb951867586b59321772243a8f44ed4ac6250e025539b25a9c6c908221170d561233286b7ddc0633c8cc44b58f2d58f513479caebff26723d09f2.png"); }
  @media (min-width: 480px) {
    .Social-headerPhonesImage {
      background-image: url("images/mobile/en-us/social-hero-phones-ebeccbf1f34fb3e530b3a41a080f29910e51f31565bca7eba488d2f9023b1cd183e382f186269c5b49e052b69cd801ab5dc203368626dc901aecb353842cc4b2.png"); } }

body[data-locale=de-de] .Social-headerPhonesImage {
  background-image: url("images/mobile/de-de/social-hero-phones-mobile-a95aaee232079c0d82020eb2bb415c79aaa5995d42a363161880d9145f484e7756eac3594c898ab18ca9579467974d1d96b51cce9cc7d58d0690445e109d699f.png"); }

@media (min-width: 480px) {
  body[data-locale=de-de] .Social-headerPhonesImage {
    background-image: url("images/mobile/de-de/social-hero-phones-9f73c5de258ca33acbab3a457929778343601f8aa73caaca5b2bea07c4b2954981d2358019a13068f8407619a2abbc92776c77c5c3706779b3adececd5625c6b.png"); } }

body[data-locale=en-us] .Social-headerPhonesImage {
  background-image: url("images/mobile/en-us/social-hero-phones-mobile-599b01e6271bb951867586b59321772243a8f44ed4ac6250e025539b25a9c6c908221170d561233286b7ddc0633c8cc44b58f2d58f513479caebff26723d09f2.png"); }

@media (min-width: 480px) {
  body[data-locale=en-us] .Social-headerPhonesImage {
    background-image: url("images/mobile/en-us/social-hero-phones-ebeccbf1f34fb3e530b3a41a080f29910e51f31565bca7eba488d2f9023b1cd183e382f186269c5b49e052b69cd801ab5dc203368626dc901aecb353842cc4b2.png"); } }

body[data-locale=es-es] .Social-headerPhonesImage {
  background-image: url("images/mobile/es-es/social-hero-phones-mobile-bcf6bea3943d4c947c42a7a8251e8fad63bb9c5eb391e239790b6bad3d6c3a35f2960bb090726173dd8bd8df3c72743a8594e759a3e5ccca49cb047b05cfc2e7.png"); }

@media (min-width: 480px) {
  body[data-locale=es-es] .Social-headerPhonesImage {
    background-image: url("images/mobile/es-es/social-hero-phones-268a62ce0e7659224bf4ad3d037b0aa652dba56dd48ae121e54308752844d25ee64201489f968b1e8389fd89b47ca17360292332eb1f9511704041daf767e5e8.png"); } }

body[data-locale=es-mx] .Social-headerPhonesImage {
  background-image: url("images/mobile/es-mx/social-hero-phones-mobile-eaf825e1e2f80870caf83d17cc2636fb1ffb6b41c58df5bb9fc351119d4be83acddcf32ef09ce25d1c46720fc1243e112f699a1447e6705c2fc69d902d19e267.png"); }

@media (min-width: 480px) {
  body[data-locale=es-mx] .Social-headerPhonesImage {
    background-image: url("images/mobile/es-mx/social-hero-phones-0bbf01eb093de46b32cd8ebeb6a25b9787711ef2b6658e894f77e1ade3eada9a23c565f0270781448e3225087c96616e58f0ade94e46297a80864d0a7d192bbf.png"); } }

body[data-locale=fr-fr] .Social-headerPhonesImage {
  background-image: url("images/mobile/fr-fr/social-hero-phones-mobile-eaf825e1e2f80870caf83d17cc2636fb1ffb6b41c58df5bb9fc351119d4be83acddcf32ef09ce25d1c46720fc1243e112f699a1447e6705c2fc69d902d19e267.png"); }

@media (min-width: 480px) {
  body[data-locale=fr-fr] .Social-headerPhonesImage {
    background-image: url("images/mobile/fr-fr/social-hero-phones-0bbf01eb093de46b32cd8ebeb6a25b9787711ef2b6658e894f77e1ade3eada9a23c565f0270781448e3225087c96616e58f0ade94e46297a80864d0a7d192bbf.png"); } }

body[data-locale=it-it] .Social-headerPhonesImage {
  background-image: url("images/mobile/it-it/social-hero-phones-mobile-cfbc08d756e9fcb3637fe0ee72ef19858968ebdef093bdf86a3fc77d00c30bab74018617483ff1fb9133b884e662988e488eda1543f9656776201cd7ce46e226.png"); }

@media (min-width: 480px) {
  body[data-locale=it-it] .Social-headerPhonesImage {
    background-image: url("images/mobile/it-it/social-hero-phones-3a624e054962f80aaf464eadb4858a81cfca50abb881b3997048bb5c639b9169aa1934c15f6027c5f12a79d36b5f6da1c07e0add6c63bf7177de7bd567879921.png"); } }

body[data-locale=pl-pl] .Social-headerPhonesImage {
  background-image: url("images/mobile/pl-pl/social-hero-phones-mobile-1f257ae74fb09fc4e5fc4fcb28dbf2629031ac7b7632c1b5cf1794e3bcedf97e0100dbe337fde253f66c24fec59d9e16724231b88ff629c0288baba3471bd951.png"); }

@media (min-width: 480px) {
  body[data-locale=pl-pl] .Social-headerPhonesImage {
    background-image: url("images/mobile/pl-pl/social-hero-phones-76264d162e6984e44fa8e12edf5be75d526cf05b4f56ff7df145f83efb403c30bf537634c9f3ba3fd271e4a0257e79ced6dafdc7bc8d8912d17942b9e4116455.png"); } }

body[data-locale=pt-br] .Social-headerPhonesImage {
  background-image: url("images/mobile/pt-br/social-hero-phones-mobile-80115cedfc5dc0efc1fd46d700fc1563da26042d0e3e26dd89e53c2b63a997bf4b9a382ce91df30be547aef50525bac81f2eb1c8fa6ec52dfbea754fc4bbbadc.png"); }

@media (min-width: 480px) {
  body[data-locale=pt-br] .Social-headerPhonesImage {
    background-image: url("images/mobile/pt-br/social-hero-phones-b35e8bbd3d25920f1ccdb26fec2fbd31188c419a6c00a2b86ed47c911a6660f2a7649e8df3e1f03fc46b2d8fa6f8d976d77b466eda00d9b8f1eb5999e573ee58.png"); } }

body[data-locale=ru-ru] .Social-headerPhonesImage {
  background-image: url("images/mobile/ru-ru/social-hero-phones-mobile-15e19dc0a1823f4bf18b9c70ba172d7332422d3f7c3baed156a2ac7ac0f4fe75d18152b93422915c3d0edc95c76db67fe25acb0815a85992bc2be9caa2ab4b37.png"); }

@media (min-width: 480px) {
  body[data-locale=ru-ru] .Social-headerPhonesImage {
    background-image: url("images/mobile/ru-ru/social-hero-phones-872b1e04e02e4a3fbcd49c76d05aa9f4502a18df30fd27bd8ba098181ec33e2ab39ea93f0cd5e76278a2651268b2e270833c01620971a20d16d0538fb3d613c4.png"); } }

body[data-locale=ko-kr] .Social-headerPhonesImage {
  background-image: url("images/mobile/ko-kr/social-hero-phones-mobile-4aab9f54a0b9054b1eda42cbc467497b755b58e1e56e80e065d4207f22e01aee47cb73115b58653afcb6c6a4a120f3e04caf3ad5264532c0e36e7653890367d9.png"); }

@media (min-width: 480px) {
  body[data-locale=ko-kr] .Social-headerPhonesImage {
    background-image: url("images/mobile/ko-kr/social-hero-phones-dbc881adf51f4c974d8583ea7fad129150ab61429205a8582c6c7b14e6a8e0cd961ee08563a718c5319d366d548c8ba28c97f5488c65b3f29af7b1ccfd6e4d80.png"); } }

body[data-locale=ja-jp] .Social-headerPhonesImage {
  background-image: url("images/mobile/ja-jp/social-hero-phones-mobile-a7b15bf9a70d755a1025619ef78cf95cf7266ffdb7d76dc121e4aaf10cb5c9eeda94854ab69d8a113a5ad2b715891e3716c3af711aacbb9e58b06328d2494e91.png"); }

@media (min-width: 480px) {
  body[data-locale=ja-jp] .Social-headerPhonesImage {
    background-image: url("images/mobile/ja-jp/social-hero-phones-7d98a3f6cfb7c247041721e81a6d709d7fe328427f9a3e3f19c899295bf701fc51729c3bfbfd01ce150b88e6abad0f7446ed340cb47bdca42539d69d1571cf33.png"); } }

body[data-locale=th-th] .Social-headerPhonesImage {
  background-image: url("images/mobile/th-th/social-hero-phones-mobile-c604facf36ad1c8290e1b76b8eac11e9e510cf1f6b103c951bf9b7ded71a09a7be3fb7769d923592714d3bfc4deaf32c10ace87b316ce674deeff3a879cb9483.png"); }

@media (min-width: 480px) {
  body[data-locale=th-th] .Social-headerPhonesImage {
    background-image: url("images/mobile/th-th/social-hero-phones-0d94cb46111d8f8bbab663ebe1c99d45843ee2792123351434d932e71eddb0da702f51c36e5923900505f82ff5eb6af6b02d81f6cf84e0dd5ba8cd4f9c03c7ff.png"); } }

body[data-locale=zh-tw] .Social-headerPhonesImage {
  background-image: url("images/mobile/zh-tw/social-hero-phones-mobile-d8b9c9b965c06a560d97115d424fccd913fa005819b1d2c31acbde405efcda83624c3b729fad888ef95ce83cc6f830f9418ae8ddf1695a65e599afe7f3cb3263.png"); }

@media (min-width: 480px) {
  body[data-locale=zh-tw] .Social-headerPhonesImage {
    background-image: url("images/mobile/zh-tw/social-hero-phones-a0ce9ef070c9feb4dbd88fb5e4ba9e7a26e80acc5b583ed3d7330108ae990bc705986e8dd3edb5f2ecff1ccae11b21327c5dac1c14e494b5870275a736028a6e.png"); } }

body[data-locale=zh-cn] .Social-headerPhonesImage {
  background-image: url("images/mobile/zh-cn/social-hero-phones-mobile-b38949ddc50e5b15d10ca3f3f2ac0282459cb72cd2cb62232548ca3d83dce024f640fce2e40ece0bdf0756e27ce6db9c18cf5116f4c6a570058fa19fc3f7609b.png"); }

@media (min-width: 480px) {
  body[data-locale=zh-cn] .Social-headerPhonesImage {
    background-image: url("images/mobile/zh-cn/social-hero-phones-2ac3ada74a765dc5e910dd9271bab2e34bfc4039e43564fc032a11e770a233b5d178755f4914f3eec14e893a863eca19072a984a7db374325af124d89be7537a.png"); } }

.Social-headerPhonesVideoContainer {
  display: none;
  position: absolute;
  left: 425px;
  top: 124px;
  width: 285px;
  height: 505px;
  background-color: #000; }
  @media (min-width: 992px) {
    .Social-headerPhonesVideoContainer {
      display: block; } }

.Social-headerPhonesVideo {
  width: 285px;
  height: 495px;
  margin: 5px 0; }

.Social-headerPropParallax {
  position: absolute; }

.Social-headerPropParallaxImage {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-size: cover; }

.Social-headerGlowLeft {
  width: 1152px;
  height: 780px;
  top: auto;
  right: auto; }
  .Social-headerGlowLeft .Social-headerPropParallaxImage {
    bottom: -100px;
    background-image: url("images/mobile/social-hero-glow-left-4b28e70c3f37335ab2fa658bdff8e78d9265f1a0aecbfc347a441fa1161d789fde94016f6487adbba39e1a30b9cc603f6bd7d3eef1d908f345b5a4b9c68616b3.png"); }
  @media (max-width: 991px) {
    .Social-headerGlowLeft {
      display: none; } }

.Social-headerGlowRight {
  width: 711px;
  height: 781px;
  top: auto;
  left: auto; }
  .Social-headerGlowRight .Social-headerPropParallaxImage {
    bottom: -100px;
    background-image: url("images/mobile/social-hero-glow-right-baed267f587795fde01edd71e5933c7a1f0aa18b1340ad12bea64807cb919272f4eabb9f30a6ad95d73ed7c709ae8100caa336a2b443402ffc1e926c62c553e9.png"); }
  @media (max-width: 991px) {
    .Social-headerGlowRight {
      display: none; } }

.Social-headerParticlesLeft {
  width: 1074px;
  height: 785px;
  top: auto;
  right: auto; }
  .Social-headerParticlesLeft .Social-headerPropParallaxImage {
    background-image: url("images/mobile/social-hero-particles-left-fa045e55c41a9b38b3a3e54286d80bfa87fd84773f855c61c70906e3b54c6bf130b9d525e471404d0ca35cdb5b2583141d9c226700021ff91e18b88315b17bb5.png"); }
  @media (max-width: 479px) {
    .Social-headerParticlesLeft {
      display: none; } }

.Social-headerParticlesRight {
  width: 610px;
  height: 785px;
  top: auto;
  left: auto; }
  .Social-headerParticlesRight .Social-headerPropParallaxImage {
    background-image: url("images/mobile/social-hero-particles-right-6b8209241dc2531967c22704a7c5e8db3924f3a37c008f76acedb8086e1541c0c110e393c53667462b588cfa609918607c5fb5c556598fea4bee9de79a9031b9.png"); }
  @media (max-width: 479px) {
    .Social-headerParticlesRight {
      display: none; } }

.Social-videoPaneBlock {
  position: relative;
  max-width: 768px; }
  @media (min-width: 480px) {
    .Social-videoPaneBlock {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      margin-right: auto; } }

.Social-videoPaneEmbedded {
  width: 100%;
  height: calc((100vw - 40px) * .67);
  color: #ffffff;
  margin-bottom: 1rem; }
  @media (min-width: 480px) {
    .Social-videoPaneEmbedded {
      display: none; } }

.Social-videoPaneImageBlock {
  display: none;
  position: relative;
  height: 100%;
  margin-right: 20px;
  box-shadow: 0 8px 17px rgba(0, 0, 0, 0.1);
  font-size: 0; }
  .Social-videoPaneImageBlock:after {
    content: ' ';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border: solid 1px rgba(255, 255, 255, 0.15);
    transition: color 200ms, background-color 200ms, border-color 200ms;
    pointer-events: none;
    z-index: 1; }
  .Social-videoPaneImageBlock:hover:after {
    border-color: rgba(0, 174, 255, 0.5); }
  @media (min-width: 480px) {
    .Social-videoPaneImageBlock {
      display: block; } }

.Social-videoPaneImage {
  border: 0;
  background-color: rgba(0, 0, 0, 0.5);
  width: 260px;
  height: 145px; }

.Social-videoPaneImageIcon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  color: #ffffff;
  width: 6rem;
  height: 6rem;
  transition: -webkit-transform 200ms;
  transition: transform 200ms;
  transition: transform 200ms, -webkit-transform 200ms; }

.Social-videoPaneImageLink:hover .Social-videoPaneImageIcon {
  -webkit-transform: translate(-50%, -50%) scale(1.5);
      -ms-transform: translate(-50%, -50%) scale(1.5);
          transform: translate(-50%, -50%) scale(1.5); }

.Social-videoPaneText {
  position: relative;
  color: rgba(9, 83, 134, 0.8); }
  @media (min-width: 480px) {
    .Social-videoPaneText {
      height: 100%;
      vertical-align: middle; } }

.Social-featurePane {
  overflow: hidden; }
  .Social-featurePane .Pane-background {
    background-position: center top; }
    @media (max-width: 991px) {
      .Social-featurePane .Pane-background {
        background-size: cover; } }
  .Social-featurePane .Pane-content {
    font-size: 0; }
  .Social-featurePane:after {
    content: '';
    box-sizing: border-box;
    position: relative;
    height: 1px;
    margin-top: -1px;
    border-bottom: solid 1px rgba(0, 174, 255, 0.3);
    pointer-events: none; }

.Social-featurePaneInner .Pane-content {
  font-size: 0; }

.Social-featureParallaxBackground .Parallax-content {
  bottom: -10vh;
  background-size: auto;
  background-position: top center; }

.Social-featureParallaxBackgroundImage {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-position: top center;
  background-repeat: no-repeat;
  background-image: url("images/mobile/background-social-alt-mobile-69bc19b4f2eb28614e61ad4949d0194034942dc93f548de361dd3fda8b22f3af1574b0281ed2b23697091f59aa0d51914b4a4fe9fbad1952d654ec93a1f59a60.jpg");
  background-size: 768px 800px; }
  @media (min-width: 768px) {
    .Social-featureParallaxBackgroundImage {
      background-size: 998.4px 1040px; } }
  @media (min-width: 992px) {
    .Social-featureParallaxBackgroundImage {
      background-image: url("images/mobile/background-social-alt-104850e95f1584ebc0a5af5e2df0e31cdf155e41dc2fd80bd5ef86aaf1566e89c640e7dbd65c1515e4541818b27fc0225992ff7f80e5a6dd1140f08e3d35ce84.jpg");
      background-size: auto; } }

.Social-featureParallaxBackgroundGradient {
  position: absolute;
  height: 900px;
  width: 900px;
  top: -450px;
  left: 65%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%); }
  .Social-featureParallaxBackgroundGradient .Parallax-content {
    height: 900px;
    width: 900px;
    background: radial-gradient(circle closest-side at center, rgba(0, 174, 255, 0.5) 0, rgba(0, 174, 255, 0.15) 50%, transparent 100%); }
  @media (min-width: 1600px) {
    .Social-featureParallaxBackgroundGradient {
      left: calc(50% + 228px); } }

.Social-featureWrapper {
  position: relative; }
  @media (min-width: 992px) {
    .Social-featureWrapper {
      height: 550px;
      max-width: 50%;
      margin-left: 0;
      margin-right: auto; } }

.Social-featureContent {
  position: relative; }
  @media (min-width: 992px) {
    .Social-featureContent {
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%); } }

.Social-featureTitle {
  text-align: center;
  padding: 40px 20px 0; }
  @media (min-width: 768px) {
    .Social-featureTitle {
      display: table;
      margin: 0 auto;
      text-align: left;
      padding: 40px 0 0; } }
  @media (min-width: 992px) {
    .Social-featureTitle {
      margin: 0;
      padding: 0; } }

.Social-featureTitleIcon {
  color: #00aeff; }
  @media (max-width: 767px) {
    .Social-featureTitleIcon {
      display: block;
      margin: 0 auto 5px;
      height: 2em;
      width: 2em; } }
  @media (min-width: 768px) {
    .Social-featureTitleIcon {
      display: table-cell;
      width: 1.5em;
      vertical-align: top;
      padding-right: 5px; }
      .Social-featureTitleIcon svg {
        bottom: auto;
        top: -.15em; } }
  @media (min-width: 992px) {
    .Social-featureTitleIcon {
      left: -.2em; } }

@media (min-width: 992px) {
  .Social-featureTitleText {
    display: table-cell;
    vertical-align: top; } }

.Social-featureImage {
  display: block;
  margin-top: 40px;
  margin-left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%); }
  @media (min-width: 992px) {
    .Social-featureImage {
      position: absolute;
      bottom: 0;
      left: 75%;
      margin: 0; } }

.Social-featureDescription {
  color: rgba(255, 255, 255, 0.5); }

.Social-featureDivider {
  margin-top: 1rem;
  margin-left: -20px;
  margin-right: -20px; }
  @media (min-width: 480px) {
    .Social-featureDivider {
      margin-left: -30px;
      margin-right: -30px; } }
  @media (min-width: 768px) {
    .Social-featureDivider {
      margin-left: -40px;
      margin-right: -40px; } }
  @media (min-width: 992px) {
    .Social-featureDivider {
      display: none; } }

.Social-featureList {
  padding-left: 2rem; }

.Social-featureListItem {
  color: #00aeff; }

.Social-featureListItemText {
  color: rgba(255, 255, 255, 0.5); }
  .Social-featureListItemText em {
    font-style: normal;
    color: #ffffff; }

.Social-featureChat,
.Social-featureFriends {
  background-color: #001845; }
  .Social-featureChat .Social-featureImage,
  .Social-featureChat .Social-featureImageTag,
  .Social-featureFriends .Social-featureImage,
  .Social-featureFriends .Social-featureImageTag {
    width: 361.5px; }
    @media (min-width: 480px) {
      .Social-featureChat .Social-featureImage,
      .Social-featureChat .Social-featureImageTag,
      .Social-featureFriends .Social-featureImage,
      .Social-featureFriends .Social-featureImageTag {
        width: 614.55px; } }
    @media (min-width: 992px) {
      .Social-featureChat .Social-featureImage,
      .Social-featureChat .Social-featureImageTag,
      .Social-featureFriends .Social-featureImage,
      .Social-featureFriends .Social-featureImageTag {
        width: 723px; } }

@media (min-width: 992px) {
  .Social-featureChat .Social-featureParallaxBackgroundImage {
    background-image: url("images/mobile/background-social-chat-md-16c8b2c87406223bc4b1f3b3ba60b13e3c502300587775d777f9311506f54624774d354cfa4222116ae27a9bfee6d4b87332f096c6d583045b948516b31c1b42.jpg"); } }

@media (min-width: 1200px) {
  .Social-featureChat .Social-featureParallaxBackgroundImage {
    background-image: url("images/mobile/background-social-chat-lg-7eb4eb20737ffce04ce4d607a485a49b3f594bc4094949a8049fda91e43a23dac0025feb62c64536363d0e5e2c3bdd26a6409d0cc7cccfedcf9e8c7e95fc1ead.jpg"); } }

@media (min-width: 992px) {
  .Social-featureFriends .Social-featureParallaxBackgroundImage {
    background-image: url("images/mobile/background-social-friends-md-78980e303d8a87e221d131ae3cd9ded5680f526eef1a102d48acf642b4f84083a759e238e68e804d64781c0aa5a8fb9153f86e2dc3760a938f65826e26424da4.jpg"); } }

@media (min-width: 1200px) {
  .Social-featureFriends .Social-featureParallaxBackgroundImage {
    background-image: url("images/mobile/background-social-friends-lg-7eb4eb20737ffce04ce4d607a485a49b3f594bc4094949a8049fda91e43a23dac0025feb62c64536363d0e5e2c3bdd26a6409d0cc7cccfedcf9e8c7e95fc1ead.jpg"); } }

.Social-featurePresence .Pane-background,
.Social-featureNotifications .Pane-background {
  background-position: center bottom; }

@media (min-width: 992px) {
  .Social-featurePresence .Social-featureWrapper,
  .Social-featureNotifications .Social-featureWrapper {
    margin-left: auto;
    margin-right: 0; } }

@media (min-width: 992px) {
  .Social-featurePresence .Social-featureImage,
  .Social-featureNotifications .Social-featureImage {
    left: 25%; } }

.Social-featurePresence .Social-featureImage,
.Social-featurePresence .Social-featureImageTag,
.Social-featureNotifications .Social-featureImage,
.Social-featureNotifications .Social-featureImageTag {
  width: 250px; }
  @media (min-width: 480px) {
    .Social-featurePresence .Social-featureImage,
    .Social-featurePresence .Social-featureImageTag,
    .Social-featureNotifications .Social-featureImage,
    .Social-featureNotifications .Social-featureImageTag {
      width: 425px; } }
  @media (min-width: 992px) {
    .Social-featurePresence .Social-featureImage,
    .Social-featurePresence .Social-featureImageTag,
    .Social-featureNotifications .Social-featureImage,
    .Social-featureNotifications .Social-featureImageTag {
      width: 500px; } }

.Social-presenceIcon svg:last-child {
  color: #6ad401; }

.Social-footerPaneContent {
  text-align: center; }

.Social-calloutPaneContent {
  text-align: left; }

.Social-footerPaneText,
.Social-calloutPaneText {
  color: rgba(9, 83, 134, 0.8); }

body[data-locale=ko-kr] .Social-headerTitle > span {
  display: inline-block;
  word-break: keep-all;
  white-space: nowrap; }

body[data-locale=zh-tw] .Social-headerTitle > span {
  display: block;
  word-break: keep-all;
  white-space: nowrap; }

.Social-desktopCallback .Client-ctaSubLink {
  font-size: inherit !important; }
  @media (max-width: 1200px) {
    .Social-desktopCallback .Client-ctaSubLink {
      text-align: left; } }

.Social-desktopCallback.Social--forceCenter .Client-ctaSubLink {
  text-align: center !important; }

.Client--InnerPane .Client-sectionHeading {
  text-align: center; }

.Client--InnerPane .Client-headerHeading,
.Client--InnerPane .Client-sectionHeading {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 22px;
  padding-top: 30px;
  margin-bottom: 30px; }
  @media (min-width: 992px) {
    .Client--InnerPane .Client-headerHeading,
    .Client--InnerPane .Client-sectionHeading {
      font-size: 43px;
      padding-top: 55px; } }
  @media (min-width: 480px) and (max-width: 991px) {
    .Client--InnerPane .Client-headerHeading,
    .Client--InnerPane .Client-sectionHeading {
      font-size: 30px;
      padding-top: 35px; } }

.Client--InnerPane .Client-paneIcon {
  -webkit-box-flex: 1;
      -ms-flex: 1 7%;
          flex: 1 7%; }

.Client--InnerPane .Client-paneContent {
  -webkit-box-flex: 1;
      -ms-flex: 1 100%;
          flex: 1 100%; }
  @media (min-width: 992px) {
    .Client--InnerPane .Client-paneContent {
      padding-left: 15px; } }

.Client--InnerPane .Client-contentGroup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap; }
  @media (max-width: 991px) {
    .Client--InnerPane .Client-contentGroup {
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; } }

.Client--InnerPane .Client-paneFeature {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row;
          flex-flow: row; }
  @media (max-width: 991px) {
    .Client--InnerPane .Client-paneFeature {
      padding: 15px 25px;
      margin-bottom: 5px; } }

.Client--InnerPane .Client-paneFeatureHeading {
  font-size: 18px;
  font-weight: 400;
  margin: 0;
  margin-bottom: 5px;
  line-height: 20px; }
  @media (min-width: 1200px) {
    .Client--InnerPane .Client-paneFeatureHeading {
      font-weight: 300;
      font-size: 32;
      line-height: 37px; } }
  @media (min-width: 992px) {
    .Client--InnerPane .Client-paneFeatureHeading {
      font-size: 32px;
      font-weight: 300;
      line-height: 37px; } }
  @media (min-width: 480px) and (max-width: 991px) {
    .Client--InnerPane .Client-paneFeatureHeading {
      font-size: 22px;
      font-weight: 300;
      line-height: inherit; } }

.Client--InnerPane .Client-paneFeatureCopy {
  font-size: 15px;
  margin: 0; }
  @media (min-width: 768px) {
    .Client--InnerPane .Client-paneFeatureCopy {
      font-size: 16px;
      margin-top: 15px; } }

.Client--InnerPane .Client-featureDivider {
  margin: 40px auto;
  display: none;
  height: 1px;
  width: 100%;
  background: rgba(255, 255, 255, 0.2); }
  @media (min-width: 1200px) {
    .Client--InnerPane .Client-featureDivider {
      margin: 50px auto; } }
  @media (min-width: 992px) {
    .Client--InnerPane .Client-featureDivider {
      display: block; } }

.Client-downloadButton {
  max-width: 350px;
  opacity: 0;
  display: none;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 300; }
  .Client-downloadButton.active {
    opacity: 1;
    display: block; }

.Client-featurePane {
  border-top: 1px solid rgba(1, 77, 141, 0.3); }

.Client-headerPane {
  padding-top: 60px;
  background: #022259 url("images/desktop/column01-bg-w375-aa2e2f0f58264ff721f8ae92e1da8707edfd862c7c62b41ca46a66b421f66613994df6d59bda8876f4dbc3962a01c4bcaa6909374b8169eb5c375470c780bc52.jpg") no-repeat center 5%;
  background-size: cover; }
  @media (min-width: 1600px) {
    .Client-headerPane {
      background: #022259 url("images/desktop/column01-bg-w2500-42dade6afdd78ad236f90007bc1e6d00fbfb3c5af12a1b3794d047652b541090f8deb94274d3279b171f5e3d921f156294dd0fe90967e61dc3a04ba9049d1152.jpg") no-repeat center bottom; } }
  @media (min-width: 992px) and (max-width: 1599px) {
    .Client-headerPane {
      background: #022259 url("images/desktop/column01-bg-w1600-dd4ef07d84650af933053e58afbe33a1b272fb5fdd778eec98cea4dfcfa013e85037978285cb5d64891b50ad78d1fabebccce862abd2ea1fa66d4eaea76ef433.jpg") no-repeat center bottom; } }
  @media (min-width: 768px) and (max-width: 1199px) {
    .Client-headerPane {
      background: #022259 url("images/desktop/column01-bg-w1200-1552edc8c64b0b63fb4dda4feee6a6047e15df6ccbb7e6ff0db031f710cdbe4a7bedb9efe6af73f0065305acd93aae72b1262258d5a47f974f3957a926236dc3.jpg") no-repeat center bottom; } }
  @media (min-width: 480px) and (max-width: 767px) {
    .Client-headerPane {
      background: #022259 url("images/desktop/column01-bg-w750-7ef6e847cefa713812ccc933cdf6f0ad691cea73f5e2e12580e3a0aee23f6f71f28d70256839f50d22efbfcffad883aa604877077f0bf35f3288b27a0804c6fe.jpg") no-repeat center bottom; } }
  .Client-headerPane .Client-videoElement {
    top: 138px;
    right: initial;
    left: 0;
    z-index: 1;
    margin-left: 59px;
    margin-right: initial;
    position: absolute; }
    @media (min-width: 1600px) {
      .Client-headerPane .Client-videoElement {
        top: 93px;
        margin-left: 74px; } }
  .Client-headerPane .Client-headerContent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap; }
    .Client-headerPane .Client-headerContent.left {
      -webkit-box-flex: 1;
          -ms-flex: 1 100%;
              flex: 1 100%;
      width: 100%;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      @media (min-width: 1200px) {
        .Client-headerPane .Client-headerContent.left {
          -webkit-box-flex: 1;
              -ms-flex: 1 40%;
                  flex: 1 40%;
          -webkit-box-align: start;
              -ms-flex-align: start;
                  align-items: flex-start;
          -webkit-box-pack: start;
              -ms-flex-pack: start;
                  justify-content: flex-start; } }
    .Client-headerPane .Client-headerContent.right {
      -webkit-box-flex: 1;
          -ms-flex: 1 100%;
              flex: 1 100%;
      width: 100%; }
      @media (min-width: 1200px) {
        .Client-headerPane .Client-headerContent.right {
          -webkit-box-flex: 1;
              -ms-flex: 1 50%;
                  flex: 1 50%;
          position: relative;
          height: 720px; } }
  .Client-headerPane .Client-poster {
    position: relative;
    margin: 20px auto 35px;
    margin-right: -187px;
    right: 50%; }
    @media (min-width: 1200px) {
      .Client-headerPane .Client-poster {
        position: absolute;
        margin-right: initial;
        right: initial;
        top: 60px;
        left: 0; } }
    @media (min-width: 1600px) {
      .Client-headerPane .Client-poster {
        top: 0; } }
    @media (max-width: 1199px) {
      .Client-headerPane .Client-poster {
        right: 50%; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      .Client-headerPane .Client-poster {
        margin-right: -600px; } }
    @media (min-width: 480px) and (max-width: 991px) {
      .Client-headerPane .Client-poster {
        margin-right: -375px; } }
  .Client-headerPane .Client-headerHeading {
    text-shadow: -7px 5px 15px rgba(0, 0, 0, 0.26);
    display: block;
    text-align: center;
    font-size: 35px;
    width: 100%; }
    .Client-headerPane .Client-headerHeading:first-of-type {
      padding-top: 33px; }
    @media (min-width: 1200px) {
      .Client-headerPane .Client-headerHeading {
        font-size: 60px;
        text-align: left;
        padding-top: 0; } }
    @media (min-width: 480px) {
      .Client-headerPane .Client-headerHeading {
        font-size: 50px; } }
  .Client-headerPane .Client-headerSubtitle {
    font-size: 18px;
    margin: 25px 0 22px; }
    @media (max-width: 991px) {
      .Client-headerPane .Client-headerSubtitle {
        text-align: center;
        font-weight: 300;
        text-align: center; } }
    @media (min-width: 1200px) {
      .Client-headerPane .Client-headerSubtitle {
        font-size: 20px; } }
  .Client-headerPane .Client-headerFeatureGroup {
    margin-bottom: 75px;
    max-width: 895px;
    width: 100%;
    margin: 0 auto 26px; }
    @media (min-width: 768px) and (max-width: 1199px) {
      .Client-headerPane .Client-headerFeatureGroup {
        margin: 0 auto 50px; } }
    @media (min-width: 991px) and (max-width: 1200px) {
      .Client-headerPane .Client-headerFeatureGroup {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; } }
    @media (min-width: 1200px) {
      .Client-headerPane .Client-headerFeatureGroup {
        margin-bottom: 75px; } }
  .Client-headerPane .Client-headerFeature {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    @media (min-width: 992px) {
      .Client-headerPane .Client-headerFeature {
        margin: 10px 0; } }
    @media (max-width: 1199px) {
      .Client-headerPane .Client-headerFeature {
        margin: 0 auto 5px; } }
    .Client-headerPane .Client-headerFeature .Client-featureIcon {
      margin: 0;
      margin-right: 14px; }
    .Client-headerPane .Client-headerFeature .Client-headerFeatureText {
      font-size: 16px; }
      @media (min-width: 768px) {
        .Client-headerPane .Client-headerFeature .Client-headerFeatureText {
          font-size: 18px; } }
  .Client-headerPane .Client-ctaWrapper {
    width: 100%;
    max-width: 455px;
    text-align: center; }

.Client-headerWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  @media (min-width: 1200px) {
    .Client-headerWrapper {
      height: 820px;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-flow: row;
              flex-flow: row; } }

.Client-featureGames {
  height: auto;
  color: #000000;
  background: #beaa91 url("images/desktop/column02-bg-w375-2309debb4ac1441710b20b9fbdeb2a2efe2b252d3af3f03b8e29abaf23d56c34eefd7f562b3fd854da32d29457b83e0794f61e4df1c0da9eccd6a573f234015d.jpg") no-repeat center bottom;
  background-size: 100%; }
  @media (min-width: 1200px) {
    .Client-featureGames {
      height: 855px; } }
  @media (min-width: 1600px) {
    .Client-featureGames {
      background: #beaa91 url("images/desktop/column02-bg-w2500-15c9243d49e377dece6ce8eeb0dde609e78088e295dc7cb3b77c0ebcc5aeb764243b49720f90344da1c9911f59cb6581a00bfbe990dcb39747ecc4e58a445231.jpg") no-repeat center bottom;
      background-size: auto; } }
  @media (min-width: 1200px) and (max-width: 1599px) {
    .Client-featureGames {
      background: #beaa91 url("images/desktop/column02-bg-w1600-6b76ac3ea15ba89804e10127713c6910f992b43d548f8f1051e913798a204d01c69553a157dfe71b324f1c16252f6d9225121aeb7049c38781c72b01c8e3452c.jpg") no-repeat center bottom;
      background-size: auto; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    .Client-featureGames {
      background: #beaa91 url("images/desktop/column02-bg-w1200-013b5e5b45833aec08a8e293d1f4df2231d98c6c594998b52139f17264205ab751b37a0d526a294f0ffbfae4d61ee1d689ff45252f603534b3a041d266a2d500.jpg") no-repeat center bottom;
      background-size: auto; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .Client-featureGames {
      background: #beaa91 url("images/desktop/column02-bg-w750-a2b06764f8e0f72791d90b2b6e3bf53ef032ee295219b36078be21a131c239d92cd2f9b93df673f929cf34482f91a8eac938ffb29e4a24e9eb9ad9bda79ac54a.jpg") no-repeat center bottom;
      background-size: 100%; } }
  .Client-featureGames .Client-calloutPaneContent {
    position: relative; }
    @media (max-width: 991px) {
      .Client-featureGames .Client-calloutPaneContent.left {
        position: absolute;
        bottom: 0; } }
    @media (min-width: 1600px) {
      .Client-featureGames .Client-calloutPaneContent.left {
        -webkit-box-flex: 1;
            -ms-flex: 1 63%;
                flex: 1 63%; } }
    @media (min-width: 992px) and (max-width: 1599px) {
      .Client-featureGames .Client-calloutPaneContent.left {
        -webkit-box-flex: 1;
            -ms-flex: 1 45%;
                flex: 1 45%; } }
    .Client-featureGames .Client-calloutPaneContent.right {
      z-index: 5;
      padding-bottom: 220px; }
      @media (min-width: 1600px) {
        .Client-featureGames .Client-calloutPaneContent.right {
          -webkit-box-flex: 1;
              -ms-flex: 1 36%;
                  flex: 1 36%;
          padding: 40px 0 60px; } }
      @media (min-width: 992px) and (max-width: 1599px) {
        .Client-featureGames .Client-calloutPaneContent.right {
          -webkit-box-flex: 1;
              -ms-flex: 1 50%;
                  flex: 1 50%;
          padding-top: 60px;
          padding-bottom: 100px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .Client-featureGames .Client-calloutPaneContent.right {
          padding-bottom: 340px; } }
  @media (max-width: 991px) {
    .Client-featureGames .Client-paneFeature {
      background: rgba(255, 171, 0, 0.1); } }
  .Client-featureGames .Client-featureDivider {
    background: rgba(0, 0, 0, 0.2); }
  .Client-featureGames .Client-heroImage {
    position: relative; }
    @media (max-width: 991px) {
      .Client-featureGames .Client-heroImage {
        top: 8px; } }
    @media (min-width: 1600px) {
      .Client-featureGames .Client-heroImage {
        position: absolute;
        right: 22px;
        bottom: -8px; } }
    @media (min-width: 1200px) and (max-width: 1599px) {
      .Client-featureGames .Client-heroImage {
        position: absolute;
        right: 0;
        bottom: -40px; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      .Client-featureGames .Client-heroImage {
        position: absolute;
        right: -55px;
        bottom: 0; } }

.Client-featureSocial {
  background: #0c2955 url("images/desktop/column03-bg-w375-3eb72921501cf0d537b02ec68f9eac54caacebe66d4db6b3ed3730925ae00e08bb345fde6d3fe6f83e47a6fed012693a24bda3a23008872b11a082816c8db514.jpg") no-repeat center bottom;
  background-size: 100%; }
  @media (min-width: 1600px) {
    .Client-featureSocial {
      background: #0c2955 url("images/desktop/column03-bg-w2500-b2e6cf09f05f959138ce09c251ed067dc9717fb8a4b0bca38e402972c0dc3bc3003e34e273b50980ab365826c550ba0645283569a9a6e2af2d2151b5e33b0f93.jpg") no-repeat calc(50% - -110px) bottom;
      background-size: auto; } }
  @media (min-width: 1200px) and (max-width: 1599px) {
    .Client-featureSocial {
      background: #0c2955 url("images/desktop/column03-bg-w1600-629a3ff07ff12c56a1ca06c4e0c81153beb13efd5454a69580de68c9f2873d31353207cf8a36bf40f53aaed00d8bc492f3818a7320dfdea72c465f4b1a387185.jpg") no-repeat center bottom;
      background-size: auto; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    .Client-featureSocial {
      background: #0c2955 url("images/desktop/column03-bg-w1200-38c43d999c1015c3088ebe64171fe5c8fc8ff1ca278de3c1b085a94b0b47dff23a861e87f63ae6ce5b5b3f7715b20de72ee6860e3a6baa7cef034b67b5cab695.jpg") no-repeat center bottom;
      background-size: auto; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .Client-featureSocial {
      background: #0c2955 url("images/desktop/column03-bg-w750-80b15fe694f195b188e573e26a27ead783de17ae1a7804eb8be7d9acc942b7730b5fdd7dbb324c8c0dcf838ea360e6f19f28a99fdd3ca571f0709c60d4f512d7.jpg") no-repeat center bottom;
      background-size: 100%; } }
  .Client-featureSocial .Client-calloutPaneContent.left {
    -webkit-box-flex: 1;
        -ms-flex: 1 100%;
            flex: 1 100%; }
    @media (min-width: 992px) {
      .Client-featureSocial .Client-calloutPaneContent.left {
        -webkit-box-flex: 1;
            -ms-flex: 1 44%;
                flex: 1 44%;
        z-index: 5;
        padding: 80px 0 100px; } }
  .Client-featureSocial .Client-calloutPaneContent.right {
    -webkit-box-flex: 1;
        -ms-flex: 1 100%;
            flex: 1 100%; }
    @media (max-width: 991px) {
      .Client-featureSocial .Client-calloutPaneContent.right {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; } }
    @media (min-width: 992px) {
      .Client-featureSocial .Client-calloutPaneContent.right {
        -webkit-box-flex: 1;
            -ms-flex: 1 55%;
                flex: 1 55%;
        position: relative;
        padding-top: 60px; } }
  @media (max-width: 991px) {
    .Client-featureSocial .Client-paneFeature {
      background: rgba(0, 0, 0, 0.2); } }
  .Client-featureSocial .Client-friendImage {
    position: absolute;
    left: 95px;
    top: 60px; }
    @media (max-width: 1599px) {
      .Client-featureSocial .Client-friendImage {
        top: 120px; } }
    @media (max-width: 1199px) {
      .Client-featureSocial .Client-friendImage {
        top: 80px;
        left: 20px; } }
  .Client-featureSocial .Client-groupImage {
    position: absolute;
    left: 0;
    top: 90px; }
    @media (max-width: 1599px) {
      .Client-featureSocial .Client-groupImage {
        top: 100px;
        left: 70px; } }
    @media (max-width: 1199px) {
      .Client-featureSocial .Client-groupImage {
        top: 100px;
        left: -50px; } }

.Client-featureShop {
  height: auto;
  background: #141804 url("images/desktop/column04-bg-w375-216b8f62da1da0ae2a6b3c4d72660f522ecf037866879a03d1f9b66b76f2ce878e6906c37e51372498efc2591a934b5642602afe8d3fe5cfb3a00ddb236f0a8d.jpg") no-repeat center bottom;
  background-size: 100%; }
  @media (min-width: 1200px) {
    .Client-featureShop {
      height: 894px; } }
  @media (min-width: 1600px) {
    .Client-featureShop {
      background: #141804 url("images/desktop/column04-bg-w2500-56251861abb3f5c45594f1d69988ea57e381c116f0cec434ae0cceed6d61079a4ebc91a0c0ea3abe53e4f3a2d46c5d63a1bae0919de196617d7689ec867dbec7.jpg") no-repeat center bottom;
      background-size: auto; } }
  @media (min-width: 1200px) and (max-width: 1599px) {
    .Client-featureShop {
      background: #141804 url("images/desktop/column04-bg-w1600-7d13d8eb65d3911bbe0ce72d0c5464a07d6a314260ca6566c2f88599fbea15bd92ee8658683213128c8ddc4321120e80ef7112c5518ff030d269ad5226cce9c9.jpg") no-repeat center bottom;
      background-size: auto; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    .Client-featureShop {
      background: #141804 url("images/desktop/column04-bg-w1200-9b883f7019bdf8fbe30a9deeacafcd9e5d5cc769a4103263d4a7efa44db341aa48fec6e78f1a21adc818053935fbf847291e2603bf26fc491568a7effcaccaa2.jpg") no-repeat center bottom;
      background-size: auto; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .Client-featureShop {
      background: #141804 url("images/desktop/column04-bg-w750-ac952b37d0465717bbf287e01d9da94bb779617bd6aa544e564d66942c61c01aa741741824fc38dec6e82580b5965f1a825dabb06da320dc70ebbe0d3a97db67.jpg") no-repeat center bottom;
      background-size: 100%; } }
  .Client-featureShop .Client-calloutPaneContent.left {
    -webkit-box-flex: 1;
        -ms-flex: 1 52%;
            flex: 1 52%; }
    @media (min-width: 992px) {
      .Client-featureShop .Client-calloutPaneContent.left {
        display: block; } }
  .Client-featureShop .Client-calloutPaneContent.right {
    -webkit-box-flex: 1;
        -ms-flex: 1 100%;
            flex: 1 100%;
    padding-bottom: 210px; }
    @media (min-width: 992px) {
      .Client-featureShop .Client-calloutPaneContent.right {
        -webkit-box-flex: 1;
            -ms-flex: 1 48%;
                flex: 1 48%;
        padding: 65px 0 120px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .Client-featureShop .Client-calloutPaneContent.right {
        -webkit-box-flex: 1;
            -ms-flex: 1 100%;
                flex: 1 100%;
        z-index: 5; } }
  .Client-featureShop .Client-captainDesktop {
    position: absolute;
    top: -27px;
    left: 92px; }
    @media (max-width: 1599px) {
      .Client-featureShop .Client-captainDesktop {
        display: none; } }
  @media (max-width: 991px) {
    .Client-featureShop .Client-paneFeature {
      background: rgba(0, 0, 0, 0.2); } }

.Client-ctaPaneContent {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column; }

.Client-ctaPaneCopy {
  font-size: 18px;
  margin-bottom: 25px; }
  @media (min-width: 768px) {
    .Client-ctaPaneCopy {
      font-size: 20px;
      margin-bottom: 45px; } }

.Client-carousel {
  height: 1090px; }
  .Client-carousel .Client-carouselContentWrapper {
    height: 90%;
    display: block; }
  .Client-carousel .Client-carouselContent {
    position: absolute;
    left: 0;
    top: 0;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s linear 300ms, opacity 300ms ease-in; }
    .Client-carousel .Client-carouselContent.active {
      visibility: visible;
      opacity: 1;
      transition-delay: 0s; }
  .Client-carousel .Client-carouselNavigationWrapper {
    display: block;
    height: 50px;
    position: relative; }
  .Client-carousel .Client-carouselCenterWrapper {
    width: 170px;
    height: 50px;
    position: absolute;
    right: 135px; }
    @media (max-width: 1599px) {
      .Client-carousel .Client-carouselCenterWrapper {
        right: 225px; } }
    @media (max-width: 1199px) {
      .Client-carousel .Client-carouselCenterWrapper {
        right: 135px; } }
  .Client-carousel .Client-carouselArrow {
    position: absolute;
    height: 37px;
    width: 23px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    background: transparent url("images/desktop/zz-arrow-23x37-f8b2801ba542acdafd0e4f2abbb82e7b38a5453c970b165a75426438ab4a80f76ed840436b949e68211b8f2eb623939ba16c0731e4fe27d0170d94763a0496d8.png") no-repeat 0 0; }
    .Client-carousel .Client-carouselArrow:hover {
      cursor: pointer; }
    .Client-carousel .Client-carouselArrow.left {
      left: 0;
      background-position: 0 0; }
      .Client-carousel .Client-carouselArrow.left:hover {
        background-position: 0 -37px; }
    .Client-carousel .Client-carouselArrow.right {
      right: 0;
      background-position: -23px 0; }
      .Client-carousel .Client-carouselArrow.right:hover {
        background-position: -23px -37px; }
  .Client-carousel .Client-carouselBulletGroup {
    position: absolute;
    width: 81px;
    height: 30px;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%); }
    .Client-carousel .Client-carouselBulletGroup .Client-carouselNavigationBullet {
      width: 30px;
      height: 30px;
      display: inline-block;
      background: transparent url("images/desktop/zz-radio-button-30x30-db399a4fb44dd18f2f4cb5facc3c7002228a791c13b62bd83734495fba84ddaf89ad2c14e1615384a59bcbeafde6a8fccea67c352916d2baac9623e50f361f9d.png") no-repeat 0 0; }
      .Client-carousel .Client-carouselBulletGroup .Client-carouselNavigationBullet:hover {
        cursor: pointer;
        background-position: 0 -30px; }
      .Client-carousel .Client-carouselBulletGroup .Client-carouselNavigationBullet:first-of-type {
        margin-right: 21px; }
      .Client-carousel .Client-carouselBulletGroup .Client-carouselNavigationBullet.active {
        background-position: 0 -60px; }

.Client-featureIcon {
  height: 17px;
  width: 17px;
  margin: 2px 10px 0 0;
  display: block;
  background: transparent url("images/desktop/zz-icon-sprite-30x30-each-ff68b510f1e02ee0e8970537efa8bd20f5608ba04114644e5b8fb7faf3a3eff45c5f02e2ba5da79f388b57975cf4eb70d9a35c661848e09600512aa23414e6fa.png") no-repeat 0 0; }
  @media (max-width: 480px) {
    .Client-featureIcon {
      background-size: 70px; } }
  @media (min-width: 992px) {
    .Client-featureIcon {
      margin: 4px auto 0; } }
  @media (min-width: 480px) {
    .Client-featureIcon {
      height: 30px;
      width: 30px; } }
  @media (min-width: 480px) and (max-width: 991px) {
    .Client-featureIcon {
      margin: 5px auto 0; } }
  .Client-featureIcon.Icon--connectFriends, .Client-featureIcon.Icon--gameGrid, .Client-featureIcon.Icon--purchasesTopLevel {
    height: 30px;
    width: 30px;
    margin: 5px auto 0;
    background-size: auto; }
  .Client-featureIcon.Icon--groups {
    background-position: -18px 0px; }
    @media (min-width: 480px) {
      .Client-featureIcon.Icon--groups {
        background-position: -30px 0; } }
  .Client-featureIcon.Icon--connectFriends {
    background-position: -30px 0; }
  .Client-featureIcon.Icon--purchasesTopLevel {
    background-position: -58px 0; }
  .Client-featureIcon.Icon--purchases {
    background-position: -35px 0; }
    @media (min-width: 480px) {
      .Client-featureIcon.Icon--purchases {
        background-position: -60px 0; } }
  .Client-featureIcon.Icon--playGames {
    background-position: -52px 0; }
    @media (min-width: 480px) {
      .Client-featureIcon.Icon--playGames {
        background-position: -90px 0; } }
  .Client-featureIcon.Icon--newWarning {
    background-position: 0 -17px; }
    @media (min-width: 480px) {
      .Client-featureIcon.Icon--newWarning {
        background-position: 0 -30px; } }
  .Client-featureIcon.Icon--upToDate {
    background-position: -18px -17px; }
    @media (min-width: 480px) {
      .Client-featureIcon.Icon--upToDate {
        background-size: auto;
        background-position: -30px -30px; } }
  .Client-featureIcon.Icon--discoverRewards {
    background-position: -18px -17px; }
    @media (min-width: 480px) {
      .Client-featureIcon.Icon--discoverRewards {
        background-size: auto;
        background-position: -30px -30px; } }
  .Client-featureIcon.Icon--profile {
    background-position: -52px 0; }
    @media (min-width: 480px) {
      .Client-featureIcon.Icon--profile {
        background-position: -60px -30px; } }
  .Client-featureIcon.Icon--newFriends {
    background-position: -52px -17px; }
    @media (min-width: 480px) {
      .Client-featureIcon.Icon--newFriends {
        background-position: -90px -30px; } }
  .Client-featureIcon.Icon--chatClient {
    background-position: 1px -35px; }
    @media (min-width: 480px) {
      .Client-featureIcon.Icon--chatClient {
        background-position: 0 -60px; } }
  .Client-featureIcon.Icon--quickAndEasy {
    background-position: -1px -52px; }
    @media (min-width: 480px) {
      .Client-featureIcon.Icon--quickAndEasy {
        background-position: 0 -90px; } }
  .Client-featureIcon.Icon--voiceClient, .Client-featureIcon.Icon--voiceChat {
    background-position: -18px -35px; }
    @media (min-width: 480px) {
      .Client-featureIcon.Icon--voiceClient, .Client-featureIcon.Icon--voiceChat {
        background-position: -30px -60px; } }
  .Client-featureIcon.Icon--mainPlace {
    background-position: -53px -35px; }
    @media (min-width: 480px) {
      .Client-featureIcon.Icon--mainPlace {
        background-position: -90px -60px; } }

.error500page {
  background-color: #241113; }

.NavbarFooter-additionalLegalCNIcon {
  float: left;
  position: relative;
  top: -3px;
  margin-right: 5px; }