.bgImage {
  background-image: url('https://assets.xboxservices.com/assets/af/b4/afb465af-1a47-4aa0-b5b6-d93a2d480c72.jpg?n=07546778_Background-Image-0_1920x657.jpg');
  background-size:contain;
  background-repeat:repeat;
}

.custHero {
overflow:hidden;
}



@media screen and (max-width:1399px) and (min-width:1084px) {
.bgImage {
margin-top:-2.1%;
}
}

@media screen and (min-width:768px) {
/* optimized logos*/
.optimizedLogo.deskOptimizedLogo { display:block; }
.deskOptLogo{ display:inline; }
.optimizedLogo.mobileOptimizedLogo,
.mobileOptLogo{ display:none; }


}

@media screen and (min-width:1084px) {
.cardContent h1,
.cardContent p {
 color:#fff !important;
}
}



@media screen and (max-width:1083px) {
.cardContent h1,
.cardContent p {
color:#000 !important;
}
.custposition {
transform: translateY(-80vw);
}
/*
.custHero  {
position:absolute;
}
*/
}


@media only screen and (max-width: 767px) {
.tagLine .c-heading-1 {
   font-size: 34px;
   line-height: 44px;
}
section.xgpCustBlade {
height:149vw;
}
.gameFeatureFullWidth .custFeature.m-highlight-feature>div {
 color:black !Important;
}
#optimized .copy-container .c-paragraph-2,
#optimized .copy-container .c-heading-2 {
   color:black !important;
}
#optimized .copy-container a {
   color:#107c10 !important;
}
/* optimized logos*/
.optimizedLogo.deskOptimizedLogo,
.deskOptLogo{ display:none; }
.mobileOptLogo{ display:inline; }
.optimizedLogo.mobileOptimizedLogo { display:block; }

.xgpCustBlade.m-hero-item>div picture {
   display: inline-block !important;
}
.xgpLogo img {
 height:24px !important;
}
.xgpCustBlade .c-heading {
padding-top:16px !important;
}
.custBanner.m-banner {
padding-right:5%;
padding-left:5%;
}
}

@media screen and (max-width:610px) {
section.xgpCustBlade {
height:148vw;
}
}






@media screen and (max-width:480px) {
section.xgpCustBlade {
height:153vw;
}
}

@media only screen and (min-width: 768px) and (max-width: 768px) {
.custCopyCard.custVidHeroCopy #hero-10.m-hero-item.glp-hero.mobile-600>div>div {
top: calc(98%) !important;
} 
}

@media only screen and (min-width: 320px) and (max-width: 375px) {
section.m-hero-item.glp-hero.mobile-600 {
   height: calc(630px + 67vw) !important;
}
}


@media only screen and (min-width: 1920px) {
.custVidHeroCopy .m-hero-item.glp-hero>div div {
   top: calc(70%) !important;
}
}

.xgpLogo {
 width: 345px;
}


.purchase.moduleGold {
margin-bottom: 0px;
}

@media screen and (min-width:1084px) {
.xgpLogoWhite {
display:block !important;
}
.xgpLogoBlack {
display:none !important;
} 
.popicons {
color:#fff !important;
}
.custFeature.zeroMargin.m-highlight-feature {
margin-top:0px;
}

}


@media screen and (max-width:1083px) {
.custCopyCard .cardContent .heroCTA a.mobGetItNowCta {
background: none;
color: #107c10 !important;
border-color: #107c10;
}
.custCopyCard .cardContent .heroCTA a.mobGetItNowCta:hover,
.custCopyCard .cardContent .heroCTA a.mobGetItNowCta:focus{
border-color: #107c10;
}
.xgpLogoWhite {
  display:none !important;
}
.xgpLogoBlack {
display:block !important;
} 
.popicons {
color:#000 !important;
}
}

@media screen and (max-width:767px) and (min-width:540px) {
.custFeature.m-highlight-feature{
   margin-bottom: 48px !important;
}
#featuresections h2 {
padding-bottom:48px !important;
}
}


#optimized .copy-container .c-paragraph-2 {
font-size: 18px !important;
line-height: 24px !important;
} 

@media screen and (max-width: 1500px) and (min-width: 768px) {
#optimized .copy-container .c-paragraph-2 {
   font-size: 15px !important;
}
}

@media screen and (max-width: 1083px) {
.custHero {
 padding-bottom:0px !important;
}
}

@media screen and (min-width: 768px) {
.copyCardDesc p {
   font-size: 15px !important;
}
}


/* custom background copy card */

@media only screen and (min-width: 875px) and (max-width: 1083px) {
.custCopyCard.custVidHeroCopy section.m-hero-item.glp-hero.mobile-extra-large {
   height: 24vw;
}
.custCopyCard.custVidHeroCopy .m-hero-item.mobile-extra-large.glp-hero.f-y-center>div>div {
   top: calc(-75%) !important;
}
}

@media only screen and (min-width: 768px) and (max-width: 875px) {
.custCopyCard.custVidHeroCopy section.m-hero-item.glp-hero.mobile-extra-large {
   height: 28vw;
}
.custCopyCard.custVidHeroCopy .m-hero-item.mobile-extra-large.glp-hero.f-y-center>div>div {
   top: calc(-86%) !important;
}
}

@media only screen and (min-width: 768px) and (max-width: 768px) {
.custCopyCard.custVidHeroCopy .m-hero-item.mobile-extra-large.glp-hero.f-y-center>div>div {
   top: calc(-35%) !important;
}
}

@media only screen and (min-width: 751px) and (max-width: 767px) {
.custCopyCard.custVidHeroCopy section.m-hero-item.glp-hero.mobile-extra-large {
   height: 32vw;
}
.custCopyCard.custVidHeroCopy .m-hero-item.mobile-extra-large.glp-hero.f-y-center>div>div {
   top: calc(-75%) !important;
}
}

@media only screen and (min-width: 680px) and (max-width: 751px) {
.custCopyCard.custVidHeroCopy section.m-hero-item.glp-hero.mobile-extra-large {
   height: 50vw;
}
.custCopyCard.custVidHeroCopy .m-hero-item.mobile-extra-large.glp-hero.f-y-center>div>div {
   top: calc(-60%) !important;
}
}

@media only screen and (min-width: 610px) and (max-width: 679px) {
.custCopyCard.custVidHeroCopy section.m-hero-item.glp-hero.mobile-extra-large {
   height: 57vw;
}
.custCopyCard.custVidHeroCopy .m-hero-item.mobile-extra-large.glp-hero.f-y-center>div>div {
   top: calc(-48%) !important;
}
}

@media only screen and (min-width: 450px) and (max-width: 609px) {
.custCopyCard.custVidHeroCopy section.m-hero-item.glp-hero.mobile-extra-large {
   height: 88vw;
}
.custCopyCard.custVidHeroCopy .m-hero-item.mobile-extra-large.glp-hero.f-y-center>div>div {
   top: calc(-22%) !important;
}
}

@media only screen and (min-width: 415px) and (max-width: 449px) {
.custCopyCard.custVidHeroCopy section.m-hero-item.glp-hero.mobile-extra-large {
   height: 100vw;
}
.custCopyCard.custVidHeroCopy .m-hero-item.mobile-extra-large.glp-hero.f-y-center>div>div {
   top: calc(-15%) !important;
}
}

@media only screen and (min-width: 376px) and (max-width: 414px) {
.custCopyCard.custVidHeroCopy section.m-hero-item.glp-hero.mobile-extra-large {
   height: 120vw;
}
.custCopyCard.custVidHeroCopy .m-hero-item.mobile-extra-large.glp-hero.f-y-center>div>div {
   top: calc(-6%) !important;
}
}

@media only screen and (min-width: 320px) and (max-width: 376px) {
.custCopyCard.custVidHeroCopy section.m-hero-item.glp-hero.mobile-extra-large {
   height: 150vw;
}
.custCopyCard.custVidHeroCopy .m-hero-item.mobile-extra-large.glp-hero.f-y-center>div>div {
   top: calc(2%) !important;
}
}

@media only screen and  (max-width: 320px) {
.custCopyCard.custVidHeroCopy section.m-hero-item.glp-hero.mobile-extra-large {
   height: 155vw;
}
.custCopyCard.custVidHeroCopy .m-hero-item.mobile-extra-large.glp-hero.f-y-center>div>div {
   top: calc(5%) !important;
}
}

@media screen and (max-width: 1400px) and (min-width: 768px) {
.custBanner.m-banner .c-heading-1 {
font-size: 62px !important;
line-height: 72px !important;
}
}

@media screen and (max-width: 900px) and (min-width:768px) {
.custBanner.m-banner .c-heading-1 {
   padding-left: 5%;
   padding-right: 5%;
}
}

@media screen and (min-width:1400px) {
.GLPaccolades .m-panes section {
border-left: 1px solid rgba(0, 0, 0, .2) !important;
}
}




/**************************************/
/*****Custom optimized blade*******/
/**************************************/

.custOptimizedBlade .custMargin {
padding-left: 3px !important;
padding-right: 3px !important;
}

.custOptimizedBlade .m-content-placement-item>picture{
overflow: visible;
padding-bottom:100%;
}

.custOptimizedBlade .m-content-placement-item > div {
position: relative;
padding-left: 7%;
padding-right: 7%;
}

@media screen and (min-width:768px) {
.custOptimizedBlade .m-content-placement-item > div {
top: calc(-5vw - 20px);
}
}

@media screen and (max-width:767px) {
.custOptimizedBlade .m-content-placement-item { 
margin-top:0px; 
}
.custOptimizedBlade .m-content-placement-item > div {
top: calc(-12vw - 40px);
}
.custOptimizedBlade h2.c-heading-3 {
padding-bottom:48px;
padding-right:5%;
padding-left:5%;
}
}

@media (min-width: 1084px) {
.m-image-intro>.c-image {
  margin-bottom: -17vw !important;
}
.contPlacement1MargLeft {
margin-left: calc(9vw - 90px);
}
.contPlacement2MargRight {
margin-right: calc(9vw - 90px);
}
}

@media (min-width: 768px) {

.cust3upFontColor { color:#fff; }
a.cust3UpLinkColor { color: #9bf00b !important; }
}

@media screen and (max-width:1083px) and (min-width:540px) {
  .custOptimizedBlade .m-content-placement {
    padding-bottom:24px;
  }
}

@media screen and (max-width: 1083px) {
.m-image-intro>.c-image {
  margin-bottom: -20vw !important;
}
.custOptimizedBlade .m-content-placement {
padding-left:0;
padding-right:0;

 }

}

@media screen and (max-width:1083px) and (min-width:768px) {
.custOptimizedBlade .m-content-placement-item > div {
padding-left: 48px;
padding-right: 48px;
}
}

@media screen and (max-width: 767px) {

.m-image-intro>.c-image {
  margin-bottom: -20vw !important;
}
}


.cust3upPadTop { padding-top:16px; }
/** End Custom SB 3-UP**/

.custOptimizedBlade h2.c-heading {
line-height:1.2 !important;
}

.custOptimizedBlade p.c-paragraph {
padding-top:12px;
}



@media screen and (min-width:1400px) {
.custOptimizedBlade p.c-paragraph {
   font-size: 20px;
   line-height: 1.35;
}
}

@media screen and (min-width:1084px) {
.custBanner { padding-top:28px; !important; }
.custOptimizedBlade h2.c-heading { 
font-size:32px !important;
}
.custOptimizedBlade p.c-paragraph {
font-size:18px !important;
}
}

@media screen and (max-width: 1083px) and (min-width: 768px) {
.custOptimizedBlade .m-content-placement-item > div {
   padding-left: 10% !important;
   padding-right: 0 !important;
}
}

@media screen and (max-width:767px) {
.mobMargTop.m-content-placement-item {
margin-top:-12% !important;
}
.custBanner { padding-top:28px; !important; }
.mobMargTopLastPlacement.m-content-placement-item {
  margin-top:-24% !important;
  }
}


.custOptimizedBlade .custMargin {
padding-left: 0px !important;
padding-right: 0px !important;
}

/**************************************/
/***Custom optimized blade 2UP***/
/**************************************/

.twoUpContPlace.custOptimizedBlade .custMargin {
padding-left: 3px !important;
padding-right: 3px !important;
}

.twoUpContPlace.custOptimizedBlade .m-content-placement-item>picture{
overflow: visible;
padding-bottom:100%;
}

.twoUpContPlace.custOptimizedBlade .m-content-placement-item > div {
position: relative;
padding-left: 7%;
padding-right: 7%;
}

@media screen and (min-width:768px) {
.twoUpContPlace.custOptimizedBlade .m-content-placement-item > div {
top: calc(-5vw - 20px);
}
}

@media screen and (max-width:767px) {

.twoUpContPlace.custOptimizedBlade .m-content-placement-item { 
margin-top:0px; 
}
.twoUpContPlace.custOptimizedBlade .m-content-placement-item > div {
top: calc(-12vw - 40px);
}
}

.twoUpContPlace.custOptimizedBlade h2.c-heading-3 {
padding-bottom:20px; 
}

@media (min-width: 1921px) {
.custOptimizedBlade .m-content-placement {
  height:870px;
}
.custOptimizedBlade .m-content-placement-item > div {
  top:-200px;
  }    
}

/*
@media screen and (max-width: 767px) and (min-width: 540px) {
  .purchaseSection .wishListBtnPad, .purchaseSection .wishListCTAPad {
      margin-top: 20px !important;
      margin-left:0px;
  }
}

*/

@media screen and (max-width:1084px) {
 .custOptimizedBlade h2.c-heading { font-size:20px !important; }
  .custOptimizedBlade p.c-paragraph{ 
    font-size:15px !important; 
    line-height:1.35 !important;
  }
}

@media screen and (max-width: 1083px) {
    .purchase a.custWishListBtn {
        margin-top: 24px !important;
        margin-left: -7px !important;
    }
 .GLPaccolades{
  padding-top:48px !important;
 }
}

@media (min-width: 1921px) {
    .custOptimizedBlade .m-content-placement {
       height:870px;
     }
     .custOptimizedBlade .m-content-placement-item > div {
       top:-150px;
     }
}

.play-anywhere-banner p.c-paragraph-3 {
  font-size:15px !important;
}

@media (max-width: 1399px) {
    .GLPaccolades .m-panes section {
        border-top: none !important;
    }
}

@media screen and (max-width:768px) {
 .twoUpContPlace.custOptimizedBlade .m-content-placement-item.customMarginTop {
   margin-top:-48px !important;
 }
  .play-anywhere-banner  .pa-border {
        margin-top: 0 !Important;
    }
}

@media (forced-colors: active) and (prefers-color-scheme: dark) {
    .infoBar.blackLogos img {
        filter: brightness(1) invert(0) !important;
    }
}


.infoBar .infoBarGrid .infoBar__content  p.c-paragraph{
  font-size:15px !important;
  line-height:23px !important;
}

  .infoBar .borderRight {
     border-color: rgba(0, 0, 0, .2) !important;
}



@media (forced-colors: active) and (prefers-color-scheme: dark) {
    .logoStrip__Content__logo  img {
        filter: brightness(0) invert(1) !important;
    }
}


.GLPaccolades p[style] {
 font-size:20px !important;
}



@media screen and (max-width:539px) {
.cta-text {
  width:250px;
 white-space:pre-wrap !important;
 }
}

@media screen and (max-width:540px) {
  .custOptimizedBlade.theme-white {
     background-color:transparent !important;
  }
}

.custOptimizedBlade .m-content-placement-item a {
color:#0a4f0a !important;
}

@media screen and (max-width:1083px) {
.custVidHeroCopy.custCopyCard .heroCTA a.green-brdr{
  color: #0a4f0a !important;
    border-color: #0a4f0a !important;
 }
}

@media screen and (max-width:1504px) {
.stealth-sub-carousel-panel .panel-content {
  padding-bottom:100px !important;
 }
}