.daryGreyBG { background-color:#101010 !important;}

.c-carousel picture.c-image {
    background-color: transparent !important;
}

@media screen and (min-width:1921px) {

.bgImage {
    background-image: url('https://cms-assets.xboxservices.com/assets/a0/46/a0469b22-ce0b-42d7-9dd5-bb7028029e58.jpg?n=Gears-5_Background-1084_2025_1920x1000.jpg');
    background-size: contain;
    background-repeat: repeat;
    margin: 0 auto;
}

section.m-hero-item {
    max-width: 100% !important;
    margin: 0 auto !Important;
}

.accessibilityBgImage{
   background-image: url('https://assets.xboxservices.com/assets/18/8a/188a8747-d414-428c-b818-cdc4804f8cdb.jpg?n=Gears-5_Background-768_Adaptive-Controller_1920x2400_02.jpg');
   background-repeat: no-repeat;
   background-size:cover;
   background-position-y: 500px;
 }
 .accolades{
    position:absolute !important;
    top:45%;
    left:65%;
  }
.customHero {height:1120px !important; }
.customHero .m-hero-item{height:1257px !important; }
.superWideBottomPad{padding-bottom:130px !important;}
.char-rotate #characterSection .c-pivot h3, .char-rotate #characterSection .c-pivot p{width:600px !important;}
#bodycolumn {width: 1920px; margin: 0 auto;}
.c-uhfh.f-transparent {
    width: 1920px;
 }
}





@media screen and (min-width:2500px){
 .accolades{
    position:absolute !important;
    top:45%;
    left:63%;
  }
}

@media screen and (min-width:3000px){
 .accolades{
    position:absolute !important;
    top:45%;
    left:61%;
  }
}



/* Accolades section */

 .accolades .quotes { 
    font-family:Bahnschrift, Segoe UI,SegoeUI, "Helvetica Neue", Helvetica,Arial, sans-serif; 
}

@media screen and (max-width:1920px) and (min-width:1480px) {
 .accolades{
    position:absolute !important;
    top:42%;
    left:71%;
  }
}

@media screen and (max-width:1480px) and (min-width:1084px) {
 .accolades{
    position:absolute !important;
    top:32%;
    left:64%;
  }
}
/*
@media screen and (max-width:1320px) and (min-width:1084px) {
 .accolades{
    position:absolute !important;
    top:42%;
    left:63%;
  }
}*/

@media screen and (max-width: 1398px) and (min-width: 540px){
.vertX1S [data-grid~=col-12] { margin-top: 0px !important;}

}



@media screen and (max-width:1300px) and (min-width:1084px) {
 .accolades .quotes { 
    min-width:400px !important;
 }
}

@media screen and (max-width:1399px) and (min-width:540px){
    .m-panes section.f-stacked > div {border-right:1px solid #fff;}
    .m-panes-product-placement-item{border-bottom:1px solid #fff;}
}


@media screen and (max-width:1084px){
    .accolades .quotes { padding-bottom:48px !important; }
}

.accoladePadTop{padding-top:10px;}

/* Hide Tech Test blade */
#techtest{display:none !important;}




/* purchase section background color */
.bodyBGColor {
background-color:#121212 !important;
}

@media (min-width:768px) and (max-width:1700px){
.customHero .m-hero-item > div > div {
    max-width: 400px;
  }
}


.threeP-hero .title{margin-bottom:40px !important;}
.threeP-hero  .white-c{color:#000 !important; display:none !important;}
.pricing h4{color: #fff !important;}
.customFont {font-family:Bahnschrift, Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif; font-size:62px; line-height:72px;}
.characterLineHeight{padding-bottom:25px !Important;}
.charRotaterHeadingFont {font-family:Bahnschrift, Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;}
.charRotaterFont { font-family:Bahnschrift, Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;}
.bodyBGColor{background-color:#121212 !important; }
.getGame{margin-bottom:0 !Important;}
.m-cta-module .c-divider{border-top:1px solid #000 !Important;}
.parFontWeight{font-weight:400 !important;}

/*.c-heading, .c-heading-1, .c-heading-2, .c-heading-3, .c-heading-4, .c-heading-5{font-weight:600 !Important;} */
.xbox-gear{margin:0 !Important;}
.purchase{margin-bottom:0 !Important; padding-bottom:48px !Important;}

.customParagraph{font-size:24px !Important;}
/* character rotator */
 .char-rotate #characterSection .m-multi-feature {padding-top: 0px;}
 .char-rotate #characterSection .m-multi-feature [role=tablist] + [role=tabpanel] .c-heading {
    padding-top: 24px !important;
}

 @media screen and (max-width:1920px) and (min-width:1084px){
.customHero .m-hero-item {height:65.47vw !Important;}
}

@media screen and (min-width: 1084px) {
/* Purchase section background image */
.bigbackground {
  background-image: url('https://assets.xboxservices.com/assets/c2/6b/c26b3931-74d5-4b4f-b635-76eedd9c2fd5.jpg?n=1616161616_Background-768_Purchase_1920x1464.jpg');
    background-repeat: no-repeat;
   background-size: contain;
  background-color:#121212;
   
}


.terminatorBlade  .m-hero-item .c-paragraph{max-height:130px !Important;}
.charRotaterFont {width:50vw !important; text-align:left;}

 .char-rotate #characterSection .m-multi-feature.f-align-center > section > .c-pivot > section {
    padding-top: 100px;
    width: 100%;
}

#characterSection .m-multi-feature [role='tablist']{justify-content:left !Important;}
.char-rotate #characterSection .c-pivot h2{margin-left:-5px !Important;}

.char-rotate #characterSection .c-pivot > header > a{font-size:20px !Important;}
 .char-rotate #characterSection .m-multi-feature.f-align-center > section > section {
    width: 34vw;
    position: absolute;
    top: 12.7vw;
    left: 7.1vw;
    z-index: 100;
    padding: 0px;
}
.char-rotate #characterSection .c-pivot h3, .char-rotate #characterSection .c-pivot p {text-align: left;}
.char-rotate #characterSection .c-pivot h2 {font-size: 85px;  width:43vw !Important;}
.char-rotate #characterSection .c-pivot > header > a {
    font-size: 35px;
}
}
/* end character rotator */

@media screen and (max-width:1084px) {
.char-rotate #characterSection .c-pivot h2{font-size:64px;}
.char-rotate #characterSection .m-multi-feature{padding-bottom:96px;}

.bigbackground {
  background-color:#121212;
 }
}


.ultimateEdition .m-hero-item > div > div {max-width:350px !important;}
.ultimateEdition .c-list{font-size:20px; line-height:40px;}



@media screen and (max-width:1180px) {
.ultimateEdition h2{font-size:25px; line-height:40px;}
.ultimateEdition .c-list{font-size:15px; line-height:20px;}
}

@media screen and (max-width:1180px) and (min-width:767px){
.ultimateEdition .m-hero-item > div > div, .c-hero > div > div {max-width:200px !important;}

}

@media screen and (max-width:767px){
 /*[class*=f-x][class*=f-y].c-hero > div > div, [class*=f-x][class*=f-y].m-hero-item > div > div{top:calc(45%) !important;}*/
.m-multi-feature [role="tabpanel"] .c-paragraph{padding-bottom:30px !important;}
}

@media screen and (min-width:768px){
.limeGreenDesktop{color: #9bf00b !important;}
.bingBlade a{margin-left:0 !important;}
.mobileLogo{display:none !important;}
.bundleBlade .m-hero-item.context-app .c-heading, .c-hero.context-app .c-heading {max-height:none !important;}

.katesHeadline{color:#fff !Important;}
.katesPar{color:#fff !Important;}
.topLogos {width:700px !important; margin-left:-10% !important;}
}



@media screen and (max-width:839px){
.transparentNavBlack{background-color:black !important;}
}

@media screen and (max-width:768px) {
.accessibilityBlade {
    background-color: #FFF!important;}
}

@media screen and (max-width:768px) {
.ultimateEdition .m-hero-item.f-y-top.f-transparent > div > div { top:150px !important;}
.ultimateEdition .m-hero-item > div > div, .c-hero > div > div {max-width:450px !important;}
/*.m-hero-item > div, .c-hero > div{height:280px !important;}*/
.bundleBlade .m-hero-item > div > div, .c-hero > div > div { padding-top:48px !important;}
.bundleBlade .m-hero-item .c-subheading, .c-hero .c-subheading{font-size:15px !important; line-height:20px !Important;}
.bundleBlade .m-hero-item > div > div > div, .c-hero > div > div > div{padding-top:0 !important;}
.desktopLogo {display:none !important;}
.accessibilityBlade .m-hero-item > div > div, .c-hero > div > div { padding-top:48px !important;}
.accessibilityBlade .m-hero-item .c-subheading, .c-hero .c-subheading{font-size:15px !important; line-height:20px !Important;}
.accessibilityBlade .m-hero-item > div > div > div, .c-hero > div > div > div{padding-top:0 !important;}
#whatsnew .m-multi-feature .c-paragraph{padding-bottom:48px !important;}
#whatsnew .customFont{font-size:34px !important; line-height:40px !important;}
}

@media screen and (max-width:768px) and (min-width:620px){
.topLogos {width:650px !important; margin-left:-8% !important;}
}

@media screen and (max-width:767px) {
.ultimateEdition .m-hero-item.f-y-top.f-transparent > div > div {margin:30% 0 !important;}
}

@media screen and (max-width:540px) {
.ultimateEdition .m-hero-item.f-y-top.f-transparent > div > div {margin:52% 0 !important;}
.c-pivot > header{display: inline !important;}
/*.threeP-hero .button-section .c-image{max-width:none !important;}*/

}

@media screen and (max-width:450px) {
.bundleBlade .m-hero-item .c-subheading, .c-hero .c-subheading{font-size:13px !important; line-height:18px !Important;}

}

@media screen and (max-width:1300px) {
 .ultimateEdition .m-hero-item.f-y-top.f-transparent > div > div { top:-30px !important;}
}

.blueGradient {
  background: linear-gradient(180deg, #FFFFFF00 0%, #FFFFFFFF 100%);
}

@media screen and (max-width:1920px){
.bgImage {
  background-image: url('https://cms-assets.xboxservices.com/assets/a0/46/a0469b22-ce0b-42d7-9dd5-bb7028029e58.jpg?n=Gears-5_Background-1084_2025_1920x1000.jpg');
  background-repeat: repeat;
  background-size: contain;}
} 



@media screen and (max-width:1083px){
.bgImage {
  background-image: url('https://cms-assets.xboxservices.com/assets/e0/75/e0757e37-074b-4657-bbe6-192dd6fe6853.jpg?n=Gears-5_Background-0_2020_1083x1000.jpg');
  background-repeat: repeat;
  background-size: contain;}
}



/* @media screen and (max-width:768px){
 .bgImage {
background-image: url('https://assets.xboxservices.com/assets/2d/10/2d104530-6f03-430a-a5ec-14762ec228af.jpg?n=Gears-5_Background-0_2020_767x3736_02.jpg');
background-size:cover;
  }
} */


@media screen and (max-width:1920px) and (min-width:1084px){
.accessibilityBgImage{
   background-image: url('https://assets.xboxservices.com/assets/18/8a/188a8747-d414-428c-b818-cdc4804f8cdb.jpg?n=Gears-5_Background-768_Adaptive-Controller_1920x2400_02.jpg');
   background-repeat: no-repeat;
   background-size:cover;
   /* background-position-y: 400px; */
 }
}



@media screen and (min-width:1400px) {
.accessoryBlade .m-panes section.f-align-middle{border-right: 1px solid #fff !important;}
.accessoryBlade .m-panes section.f-stacked > div + div:last-of-type {border-top:1px solid #fff}

}

@media screen and (max-width:858px){
.hero .nineTeenTwenty.m-image{padding-top:88px !Important;}
}

.wrapped .m-hero-item.f-x-center {color:white !important;}


.button-section a:not(.x-hidden-focus).c-call-to-action:focus{ outline: #000 dashed 2px !important;}
.topLogos img {margin-bottom:10px !Important;}
 .windowsLogo{margin-right:-10px !Important;}
.padTop{padding-top:10px !Important;}


/* Addon section */
.m-product-placement-item .c-heading{color:#fff !important;}
.m-product-placement-item .c-paragraph {color:#fff !important;}




@media screen and (max-width:1084px) and (min-width:768px) {
.char-rotate .m-hero-item > div > div{max-width:440px !Important;}
terminatorBlade .m-hero-item > div > div { max-width:440px !important;}
.m-hero-item .c-paragraph, .c-hero .c-paragraph {
    max-height: none !Important;
}
.terminatorBlade .m-hero-item .c-paragraph {
    max-height: none !Important;
 }
}



@media screen and (max-width:450px){
.adaptConCTA a{font-size:11px !important; line-height:15px !important;}
.adaptConCTA {height:150px !important;}
}

.purchase p{color:white !important;}

.threeP-hero .customPar{padding-bottom:15px !important;}
div:not(.c-group) > a.c-call-to-action ~ .f-lightweight{padding-left:0 !important;}
.m-hero-item.glp-hero.f-precise-click{ padding: 0 3.7% 0 3% !important;}

@media screen and (min-width:768px){
   .customFontColor{color:white !important;}
   .mobileLinkColor{color:#9bf00b !important;}
   .optimizedFontColor{color: white !Important;}
}

.accessibilityBlade .m-hero-item.context-app .c-heading{white-space:pre-wrap !important; max-height:200px !important;}

@media screen and (max-width:1400px){
.padding-bottom{padding-bottom:25px !Important;}
}

@media only screen and (max-width: 450px){
 #hero-10{background-color:#f2f2f2;}
}

/* @media only screen and (max-width: 415px){
 .media-gallery .m-hero-item, .media-gallery .c-hero {height:550px !important;}
} */
/*
.moduleStandard  .pricing {display: none !important;}
*/
.XGPLogo{width:225px !important;}

 .f-transparent-hero a:focus {
 outline:2px dashed black !important;
}







   .char-rotate a:focus {
     outline: 5px dashed white !Important;
  }



@media screen and (-ms-high-contrast: white-on-black) {
   .char-rotate a:focus {
     outline: 5px dashed white !Important;
  }
.purchase option {outline: 1px dashed white !important;}
}

@media screen and (-ms-high-contrast: black-on-white) {
   .char-rotate a:focus {
     outline: 5px dashed black !Important;
  }
.purchase option {outline: 1px dashed white !important;}
}

@media screen and (max-width:768px) {
  #optimized{padding-top:96px !important;}
}

@media screen and (max-width: 768px) and (min-width:767px) {
.desktopLogo {
     display: block !important; 
}
}

.pricing .leftCol, .pricing .rightCol {
    color: white !important;
}

.high-contrast-mode.black-on-white .storefronts  img {
   filter: grayscale(1) brightness(0) !important;
}

@media only screen and (min-width:540px) {
  .bingBlade a:focus {
    outline:2px dashed white !important;
    }
}

@media screen and ( max-width:570px) {
 .accessibilityBlade .m-hero-item>div>div {
   margin-top:20% !important;
 }
}

@media screen and ( max-width:370px) {
 .accessibilityBlade .m-hero-item>div>div {
   margin-top:30% !important;
 }
}

/* Hero - new custom copy card */
@media only screen and (min-width: 768px) and (max-width: 1083px) {
    section.m-hero-item.glp-hero.mobile-large {
        height: 110vw !important;
    }
 
    .m-hero-item.mobile-large.glp-hero.f-y-center>div>div {
        top: calc(70%) !important;
    }

}

@media only screen and (min-width: 650px) and (max-width: 767px) {
    section.m-hero-item.glp-hero.mobile-large {
        height: 110vw !important;
    }

    .m-hero-item.mobile-large.glp-hero.f-y-center>div>div {
        top: calc(70%) !important;
    }
}

@media screen and (max-width:839px) and (min-width:650px) {
  .tagLine { padding-top:40px !important; }
}

@media only screen and (min-width: 540px) and (max-width: 650px) {
    section.m-hero-item.glp-hero.mobile-large {
        height: 109vw !important;
    }

    .m-hero-item.mobile-large.glp-hero.f-y-center>div>div {
        top: calc(70%) !important;
    }

  .tagLine { padding-top:130px !important; }
}



@media screen and (max-width:539px) and (min-width:480px) {
  section.m-hero-item.glp-hero.mobile-large {
        height: 109vw !important;
    }
  .m-hero-item.mobile-large.glp-hero.f-y-center>div>div {
        top: calc(63%) !important;
    }
  .tagLine { padding-top:150px !important; }
}

@media screen and (max-width:479px) and (min-width:414px) {
  section.m-hero-item.glp-hero.mobile-large {
        height: 109vw !important;
    }
  .m-hero-item.mobile-large.glp-hero.f-y-center>div>div {
        top: calc(63%) !important;
    }
}

@media screen and (max-width:479px) {
.tagLine { 
  padding-top:220px !important;}

section.m-hero-item.glp-hero.mobile-large {
  height: 112vw !important;}
}

@media screen and (max-width: 413px) and (min-width: 376px) {
.m-hero-item.mobile-large.glp-hero.f-y-center>div>div {
        top: calc(75%) !important;
    }
}

@media only screen and (max-width: 375px) and (min-width: 0px) {
.m-hero-item.mobile-large.glp-hero.f-y-center>div>div {
  top: calc(70%) !important;}
}
    
@media screen and (max-width:415px) {
 #optimized { padding-top:105px !important; }
}

@media screen and (max-width:1399px) {
  .customTabletPad { padding-top:20px !important; }
}

@media screen and (min-width:768px) {
 .mobileOptLogo { display:none; }
}

@media screen and (max-width:768px) and (min-width:768px) {
 .vertX1S { padding-top:96px !important; }
}

@media screen and (max-width:767px) {
 .desktopOptLogo { display:none; }
}