.bgImage {
  background-image: url('https://cms-assets.xboxservices.com/assets/8d/ec/8dec5a2d-1e97-4b42-9a72-0387bc1e8751.jpg?n=03949905188_Image-0_Background_1920x1063.jpg');
  background-repeat: repeat;
  background-size:contain;
}

 .bgImageTop {
  background-image: url('https://cms-assets.xboxservices.com/assets/8d/ec/8dec5a2d-1e97-4b42-9a72-0387bc1e8751.jpg?n=03949905188_Image-0_Background_1920x1063.jpg');

}

.bgColor {
 background-color: #171717; 
}

.custGradient {
  height:96px;
  background: linear-gradient(180deg, transparent 0%, #171717 70%);
}

@media screen and (min-width:768px) {
.topHero section {
 height:61.3vw;
 }
}

@media screen and (max-width:767px) {
.topHero section {
 height:63.6vw;
 }
}

@media screen and (max-width:540px) {
.topHero section {
 height:63.2vw;
 }
}

@media screen and (max-width:450px) {
.topHero section {
 height:64.5vw;
 }
}

.special3UP .greyDiv {
    background-color: transparent;
}

.priceCTA .c-paragraph-3 {
    padding: 12px 0 16px;
}




  
  /*******************************************************/
  /** featured games 3up Custom Content Placement*/
  /******************************************************/
  
  .featureGamesThreeUp .m-content-placement-item.f-size-large div{
    position:relative;
    bottom: 3em;
    left: 2px;
    right: 0;
    color: white;
    z-index: 100;
    padding: 32px 27px 30px 30px;
    white-space: normal;
}


.featured-games {
    position: relative !important;
     transform: translateY(0%) !important;
}

.featured-games .m-product-placement {
    max-width: 100% !important;
}


.featured-games a.gamesListCTA {
 float:right;
 
}


.featured-games h2 {
  text-align: left;
}

.featured-games,
.featured-games-header {
  width: 100%;
}

.featured-games .m-area-heading {
  padding-bottom: 18px;
}

@media screen and (max-width: 539px) {
  .featured-games .m-area-heading {
      padding-bottom: 9px;
  }
}

.featured-games a.skip-rotator {
  background-color: #333;
  color: #fff;
  position: absolute;
  top: 10%;
  left: -500%;
  transform: translateX(-50%);
  padding: 5px 15px;
  z-index: 400;
}

.featured-games a.skip-rotator:focus {
  left: 50%;
}

#skipped {
  width: .01px;
  height: .01px;
  opacity: 0;
}

.featured-games .m-product-placement {
  max-width: calc(1353px);
  margin: 0 auto;
  float: none;
}

.featured-games * {
  border: 0;
}

.featured-games .c-carousel::before {
  content: "";
  position: absolute;
  bottom: -50px;
  height: 100%;
  width: 100%;
  z-index: -1;
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
  .featured-games .c-carousel::before {
      background-color: rgba(103, 114, 128, .3);
      width: 100%;
      height: 100%;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
  }
}

.featured-games .m-product-placement-item>a,
.featured-games .m-product-placement-item.f-size-large picture,
.featured-games .c-product-placement.f-size-large picture,
.featured-games .m-product-placement-item.f-size-large,
.featured-games .c-product-placement.f-size-large {
  box-sizing: content-box;
  padding: 0 !important;
}

@media screen and (min-width: 768px) and (max-width: 1083px) {
  .featured-games .m-product-placement-item>a,
  .featured-games .m-product-placement-item.f-size-large picture,
  .featured-games .c-product-placement.f-size-large picture,
  .featured-games .m-product-placement-item.f-size-large,
  .featured-games .c-product-placement.f-size-large {
      width: 295px !important;
      height: 494px !important;
  }
  .featured-games.specialFeatured .m-product-placement-item>a,
  .featured-games.specialFeatured .m-product-placement-item.f-size-large picture,
  .featured-games.specialFeatured .c-product-placement.f-size-large picture,
  .featured-games.specialFeatured .m-product-placement-item.f-size-large,
  .featured-games.specialFeatured .c-product-placement.f-size-large {
      width: 520px !important;
      height: 780px !important;
  }
}

@media screen and (max-width: 767px) {
  .featured-games .m-product-placement-item>a,
  .featured-games .m-product-placement-item.f-size-large picture,
  .featured-games .c-product-placement.f-size-large picture,
  .featured-games .m-product-placement-item.f-size-large,
  .featured-games .c-product-placement.f-size-large {
      width: 185px !important;
      height: 350px !important;
  }
  .featured-games.specialFeatured .m-product-placement-item>a,
  .featured-games.specialFeatured .m-product-placement-item.f-size-large picture,
  .featured-games.specialFeatured .m-product-placement-item.f-size-large img,
  .featured-games.specialFeatured .c-product-placement.f-size-large picture,
  .featured-games.specialFeatured .m-product-placement-item.f-size-large,
  .featured-games.specialFeatured .c-product-placement.f-size-large {
      width: 300px !important;
      height: 450px !important;
  }
}

.featured-games.specialFeatured .m-product-placement-item>a::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 60%;
  /* background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 70%, rgba(0, 0, 0, 1) 100%);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 70%, rgba(0, 0, 0, 1) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, .2) 97%, rgba(0, 0, 0, 1) 100%); */
  background: none;
}

.featured-games .m-product-placement-item>a:hover *,
.featured-games .c-product-placement>a:hover * {
  border: 0;
  text-decoration: inherit;
}

.featured-games .m-product-placement-item>a:focus,
.featured-games .c-product-placement>a:focus {
  outline: 2px dashed #fff;
  border: 2px dashed #000 !important;
}

.featured-games .m-product-placement-item>a:focus>picture,
.featured-games .m-product-placement-item>a:focus>.f-default-image>picture,
.featured-games .m-product-placement-item>a:hover>picture,
.featured-games .m-product-placement-item>a:hover>.f-default-image>picture,
.featured-games .c-product-placement>a:focus>picture,
.featured-games .c-product-placement>a:focus>.f-default-image>picture,
.featured-games .c-product-placement>a:hover>picture,
.featured-games .c-product-placement>a:hover>.f-default-image>picture {
  border: 0;
}

.featured-games .m-product-placement-item>a:hover .c-heading,
.featured-games .m-product-placement-item>a:hover .c-subheading,
.featured-games .c-product-placement>a:hover .c-heading,
.featured-games .c-product-placement>a:hover .c-subheading,
.featured-games .m-product-placement-item>a:hover .c-paragraph,
.featured-games .m-product-placement-item>a:focus .c-heading,
.featured-games .m-product-placement-item>a:focus .c-subheading,
.featured-games .c-product-placement>a:focus .c-heading,
.featured-games .c-product-placement>a:focus .c-subheading,
.featured-games .m-product-placement-item>a:focus .c-paragraph {
  text-decoration: none;
}

.featured-games .m-product-placement-item.f-size-large div.slide-content {
  position: absolute;
  bottom: 3px;
  left: 2px;
  right: 0;
  color: white;
  z-index: 100;
  padding: 32px 27px 30px 30px;
  white-space: normal;
  /* background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, .5) 12px, rgba(0, 0, 0, .1) 27%); */
  background: none;
}

.high-contrast-mode.black-on-white .featured-games .m-product-placement-item.f-size-large div.slide-content.high-contrast {
  background: #ffffff;
}

.featured-games .m-product-placement-item.f-size-large div.slide-content div.c-group {
  flex-wrap: wrap;
  column-gap: 24px;
}

.featured-games .m-product-placement-item.f-size-large div.slide-content div.c-group a.c-call-to-action span{
  font-size: 14px;
}

.featured-games .m-product-placement-item .slide-content .availability {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.featured-games .m-product-placement-item .slide-content .availability>div {
  bottom: 0;
  right: 0;
  background-color: #fff;
  display: inline-block;
  transform: translateX(-15px) skewX(32deg);
}

.featured-games .m-product-placement-item .slide-content .availability p {
  height: 32px;
  line-height: 30px;
  padding: 0 22px 0 47px;
  color: #000;
  display: inline-block;
  text-align: top;
  transform: skewX(-32deg);
}

@media screen and (max-width: 767px) {
  .featured-games .m-product-placement-item .slide-content .availability p {
      padding-left: 30px;
      padding-right: 26px;
  }
}

.featured-games .m-product-placement-item .slide-content .availability p span {
  font-family: "MWF-MDL2";
  display: inline-block;
  font-weight: 400;
  font-size: 1.2em;
  vertical-align: middle;
}


.featured-games .m-product-placement-item .slide-content .availability p span:first-of-type {
  padding-left: 8px;
}

.featured-games .m-product-placement-item .slide-content .availability p span:nth-child(2) {
  padding-left: 12px;
}

@media screen and (max-width: 767px) {
  .featured-games .m-product-placement-item .slide-content .availability p span:nth-child(2) {
      padding-left: 11px;
  }
  .c-select-menu .c-menu {
      left: -70px !important;
  }
  a.platselectbutton span {
      font-size: 18px;
      margin-right: 16px;
  }
  .gameDivsWrapper .gameDiv {
      margin: 0px 10px 18px;
  }
  .x-type-center.drawerContainer {
      bottom: -32px;
  }
  [data-grid="col-4"] section.m-content-placement-item {
      padding-left: 12px;
      padding-right: 12px;
  }
  .specialBanner,
  .specialBanners {
      margin-bottom: 16px;
  }
}

.featured-games .availability {
  display: none;
}

.featured-games .m-product-placement-item .c-paragraph,
.featured-games .c-product-placement .c-paragraph {
  color: #fff;
}

.featured-games .m-product-placement-item .slide-content .availability .m-product-placement-item .c-paragraph,
.featured-games .c-product-placement .c-paragraph {
  color: #fff;
}

.featured-games .m-product-placement-item .f-default-image,
.featured-games .c-product-placement .f-default-image {
  padding-right: 0 !important;
}

.featured-games .m-product-placement-item picture .c-image,
.featured-games .c-product-placement picture .c-image {
  top: 0 !important;
  left: 0 !important;
  transform: translate(0, 0) !important;
}

.featured-games .m-product-placement-item>a>picture,
.featured-games .m-product-placement-item>a>.f-default-image>picture,
.featured-games .c-product-placement>a>picture,
.featured-games .c-product-placement>a>.f-default-image>picture {
  border: 0;
}

.featured-games .m-product-placement .c-carousel .c-group {
  padding: 4px 8px 8px 8px;
}

.featured-games .m-product-placement-item>a {
  margin: 0 6px 0 4px;
}

.gamesSection .c-carousel .m-product-placement-item.f-size-large picture {
  height: 408px;
  overflow: hidden;
}

.gamesSection .rotator-heading {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 28px;
}

.gamesSection .featured-games {
  padding-bottom: 12px;
  position: relative;
}

@media screen and (min-width: 1084px) {
  .gamesSection .featured-games .x-type-center[data-grid="container"] h3,
  .gamesSection .featured-games .x-type-center[data-grid="container"] p {
      padding-left: 20%;
      padding-right: 20%;
  }
}

@media (max-width: 1084px) {
  .gamesSection[data-grid="container"] {
      padding-left: 5%;
      padding-right: 5%;
  }

  .gamesSection .rotator-heading {
      justify-content: center;
  }
}

.gamesSection .c-carousel .m-product-placement-item {
  margin: 12px 24px 12px 0px;
}

.gamesSection .c-carousel .m-product-placement-item.f-size-large.gameDiv {
  transition: 250ms;
  position: relative;
  max-width: 272px;
}

.gamesSection .c-carousel .m-product-placement-item a [class^="c-heading"] {
  min-height: 1em;
}

.gamesSection .c-carousel .m-product-placement-item.gameDiv>a.gameDivLink:before {
  border: none;
}

.gamesSection .containerIMG .c-image {
  width: 100%;
  max-width: 100%;
}

.gamesSection .gameDiv a:hover h3,
.gamesSection .gameDiv a:focus h3 {
  text-decoration: underline !important;
}

.gamesCarousel {
  position: relative;
}

.gamesSection .spinnerHold {
  position: absolute;
  margin: 3px auto;
  left: 48vw;
}

@media (max-width: 767px) {
  .gamesSection .c-carousel .m-product-placement-item {
      margin: 0px 24px 12px 0px;
  }
  .gamesSection .c-carousel .m-product-placement-item a [class^="c-heading"] {
      min-height: 4.5em;
      bottom: 80px;
  }
  .gamesSection .specialFeatured .c-carousel .m-product-placement-item a [class^="c-heading"] {
      min-height: 1em;
  }
  .gamesSection .spinnerHold {
      position: absolute;
      margin: 48px auto;
      left: calc(50vw - 41px);
  }
  .gamesSection .specialFeatured .c-carousel button.c-flipper {
      top: 45% !important;
  }
  .featured-games.specialFeatured .m-product-placement-item.f-size-large div.slide-content {
      padding: 32px 12px 0px 16px;
  }
}

.specialFeatured .m-product-placement-item.f-size-large {
  width: 520px;
}

.gamesSection .specialFeatured .c-carousel .m-product-placement-item.f-size-large picture {
  height: 780px;
  width: 520px;
}

.specialFeatured img.c-image {
  width: 520px;
  max-width: 520px;
  height: 780px;
}

.featured-games.specialFeatured .m-product-placement-item.f-size-large div.slide-content .badge-group {
  margin-bottom: 10px;
}

@media (max-width: 767px) {
  .featured-games.specialFeatured .m-product-placement-item.f-size-large div.slide-content .badge-group {
      margin-bottom: 0;
  }
}

.featured-games.specialFeatured .m-product-placement-item.f-size-large div.slide-content .c-badge.f-small {
  height: 15px;
  font-size: 12px;
  margin-top: 4px;
  margin-bottom: 4px;
}

.featured-games.specialFeatured .m-product-placement-item.f-size-large div.slide-content .c-badge.f-small img {
  height: 96% !important;
  width: auto !important;
}

.featured-games.specialFeatured .m-product-placement-item.f-size-large div.slide-content .c-badge.f-small.badge-gp {
  height: 17px;
}

.featured-games.specialFeatured .m-product-placement-item>a {
  margin: 0;
}

.featureGamesSlider .featured-games .m-product-placement-item.f-size-large div.slide-content {
position:relative; !Important;
padding:0;
}

.contPlacementTopPad {
padding-top:24px;
}




@media screen and (max-width:1083px) and (min-width:768px) {
.featureGamesSlider .featured-games .m-product-placement-item.f-size-large div.slide-content {
  position:absolute !Important;
}
.saleGamesSection .c-carousel .m-product-placement-item a [class^="c-heading"] {
 min-height:4em !important;
}
}

@media screen and (min-width:1400px) {
.gameSliderContentBox a {
float:right;
margin-top:-34px;
}
}



.gameSliderContentBox{
padding-left:5%;
padding-right:5%;
}

.gamesSection h4:hover {
    text-decoration:underline !important;
}


@media screen and (min-width: 1800px) {
    /*.specialFeatured button.c-flipper {
        display: none !important;
    }*/

  .threeUpCarousel [data-grid~=container] {
    padding-left: 5% !important;
    padding-right: 3% !important;
 }
}

/*******************************************************/
  /** featured games 3up Custom Content Placement*/
  /******************************************************/


/* custom heading below hero */
.custHeading {
 height:96px;
 position: relative;
    top: -8vw;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}


 .custParPad { 
  padding-top:10px; 
 }


@media screen and (max-width:1599px) and (min-width:768px) {
  .custHeading {
    top:-13vw;
    width:520px;
 }
}

@media screen and (max-width:1400px) {
   .custHeading {
    top:-8vw;
 }
}

@media screen and (max-width:1084px) {
   .custHeading {
    top:-12vw;
 }
}

@media screen and (min-width:1400px) {
 .custHeading h1 {font-size:46px !Important; line-height:56px !important }
 .custHeading p {font-size:24px !Important; line-height:28px !important }
}

@media screen and (max-width:1399px) {
 .custHeading h1 {font-size:24px !Important; line-height:28px !important }
 .custHeading p {font-size:15px !Important; line-height:20px !important }

.custHeading {
 max-width:520px;
 }
}

@media screen and (max-width:767px) {
 .custHeading h1 {font-size:20px !Important; line-height:24px !important }
 .custHeading p {font-size:18px !Important; line-height:24px !important }
   .custHeading {
    top:0;
 }
.custHeading {
 height:150px;
 }
}

@media only screen and (max-width: 767px) {
     .custXGP .m-hero-item>div {
        height: 200px !important;
    }
}

/* custom heading below hero */




/* custom styles for 3up */
.special3UP .greyDiv {
    background-color: transparent;
}

.priceCTA .c-paragraph-3 {
    padding: 12px 0 16px;
}


.custBadgePad { 
 margin-bottom:10px !important;
 margin-top:48px !Important;
}



@media screen and (min-width:768px) {
 .special3UP .m-content-placement {
        margin-bottom: -24.5vw;
    }
.mainHeading {
   height:0px;
  }
}


@media screen and (max-width:1399px) and (min-width:1084px) {
   .productRotate .c-badge {
     margin-top:24px !important;
   }
   .productRotate .c-pivot h2.c-heading-2 {
     padding-top:0;
     padding-bottom:24px;
   }
  .productRotate h3.c-heading-3 {
     font-size:20px;
     line-height:24px;
  }
  .productRotate p.c-subheading-4,
  .productRotate p.c-subheading-3 {
     font-size:16px;
     line-height:24px;
  }
.productRotate div .m-multi-feature.f-align-center > section > section {
  left:0px;
 }
}

@media only screen and (min-width: 1921px) {
    .special3UP .m-content-placement {
        margin-bottom: -430px;
    }
}

.special3UP.cust3UP  .m-content-placement-item > picture {
    padding-bottom: 100% !important;
}



.productRotate .c-pivot:not(.f-disabled)>[role=tablist] a.f-active:after, .productRotate .c-pivot:not(.f-disabled)>[role=tablist]>[role=tab].f-active:after{
 border-bottom: 2px solid #fff !important;
}

@media only screen and (max-width: 1399px) {
    .m-panes section  {
      border-bottom: 1px solid #414141;
 }
}

@media screen and (max-width:767px) and (min-width:540px) {
.m-panes section.f-stacked>div {
        border-right: 1px solid #414141;
    }
}

@media only screen and (max-width: 539px) {
    .m-panes section.f-stacked > div {
        border-right: none;
    }
    .m-panes section.f-stacked>div+div:last-of-type {
        border-top: 1px solid #414141 !important;

 }
}

@media screen and (max-width:1083px) and (min-width:768px) {
 #techspecs {
  padding-left:5%;
  padding-right:5%;
 }
}

@media screen and (max-width:767px) {
   #techspecs {
  padding-right:5%;
 }
}

.theme-black .m-multi-feature:not(.f-console) [role="tabpanel"] .c-call-to-action:hover, 
.theme-dark .m-multi-feature:not(.f-console) [role="tabpanel"] .c-call-to-action:hover, 
.m-multi-feature a.c-hyperlink:hover, 
.m-multi-feature a.c-hyperlink:focus{
    color: #fff !important;
}

.ottoinlinemedia .m-hero-item {
 background:none !important;
}

.accessoriesMedia .m-hero .c-carousel.f-multi-slide.theme-white {
 background-color:transparent !important;
}

@media screen and (max-width: 1084px) {
    .productRotate.theme-dark {
    background:transparent !important;
 }
}

 .switchDevices .m-content-placement-item>picture {
    padding-bottom: 58% !important;
}

.switchDevices .m-content-placement-item {
  margin-top:24px !important;
}

.special3UP .m-content-placement-item a.c-call-to-action:focus {
    outline:2px dashed black !important;
    border: 2px dashed white !important;
}

.threeUpCarousel .m-product-placement-item a:focus {
    outline: #fff dashed 2px !important;
}

@media screen and (min-width: 1921px) {
    #bodycolumn {
        width: 1920px;
        margin: 0 auto;
    }
 .topHero section.m-hero-item{
  max-height:1200px !important;
 }
body {
 background-color:#171717;
}
.xboxSocial {
  background-color:white !important;
}
}