.m-global-promotion img {
  width: 100%;
}

/***** Class to hide Test Channel Product Placements *******/
.custHidden{
    display: none !important;
}

 @media screen and (max-width: 1400px) and (min-width: 1084px) {
  li .c-heading-2, li .c-heading-1 {
   font-size: 30px;
   line-height: 34px;
}
.c-subheading-1 {
 font-size: 20px;
 line-height: 24px;
}
}

.icons a:hover p span {
border-bottom: 3px solid #107c10;
}

@media screen and (min-width: 1084px) {
.fullTile section.m-hero-item.f-x-right.f-y-center {
margin: auto !important;
}
}

.m-hero-item.f-y-center>div>div>strong {
background-color: #ffd800 !important;
color: #000 !important;
}

body {
   background-color: #fff !important;
}

.icons a p span {
color: #107c10 !important;
}

@media screen and (min-width: 1084px) {
.home-hero section {
height: 36.7vw !important;
}
}

@media screen and (min-width: 1921px) {
.home-hero section {
height: 720px !important;
}
}

@media (min-width: 768px) and (max-width: 800px) {
.home-hero #hero-1 .m-hero-item>div>div {
top: 114% !important;
}
}

/** @media screen and (min-width: 1084px) and (max-width: 1550px) {
.m-hero-item.f-x-right>div>div, .c-hero.f-x-right>div>div {
left: 62%;
}
} **/
@media screen and (min-width: 767px) and (max-width: 768px) {
#hero-3 .m-hero-item>div>div {
top: 120% !important;}
}

@media screen and (max-width: 386px) {
#hero-1 .c-heading-1 {
line-height: 30px !important;}
}

@media (min-width: 768px) and (max-width: 1083px) {
#hero-1 .m-hero-item>div>div {
top: 125% !important;}
}

@media screen and (max-width: 1083px) {
#hero-1 .c-heading-1 {
line-height: 50px;
}

@media (min-width: 768px) and (max-width: 875px) {
.home-hero #hero-2 .m-hero-item>div>div {
top: 125% !important;
}
}

.game-pass .m-hero-item>div picture {
display: block !important;
}
.game-pass .m-hero-item>div picture>img {
width: 180px;
}
.game-pass .m-hero-item>div .c-call-to-action {
margin-top: 0;
}
.game-pass section.m-hero-item>div {
height: 300px;
}
.gamesSection .c-carousel {
padding-left: 15px;
}
}

@media screen and (max-width: 767px) {
.gamesSection.ChannelProductPlacement-module__productPlacementContainer___JN0Re .c-heading-3 {
padding-left: 20px;}
}

.xgp.icons {
margin: 0;
padding-top: 16px;
padding-bottom: 24px;
width: 100% !important;
}

.icons ul {
display: flex;
justify-content: center;
}

.icons li {
width: 30%;
max-width: 120px;
text-align: center;
margin: 0 2%;
}
.icons li a {
width: 100%;
margin: 0;
}
.icons a p {
padding-top: 6px;
}
.icons li img {
width: 80%;
max-width: 80px;
}

@media screen and (max-width: 1084px) {
.rotator-heading {
    padding-left: 15px;
    padding-right: 8px;
}
}
.rotator-heading a {
overflow: visible;
margin-left: 8px;
}

@media screen and (min-width: 767px) {
.game-pass .m-hero-item .c-group>a.c-call-to-action~.f-lightweight {
    padding-left: 20px !important;
    padding-right: 0 !important;
}
}


/* Badge alignment */

@media (max-width: 539px) {
li:nth-child(1) strong,
li:nth-child(3) strong,
li:nth-child(7) strong,
li:nth-child(8) strong {
    top: 0px !important;
}
}


/* Truncated CTA */

@media screen and (max-width: 350px) {
.game-pass section.m-hero-item>div div {
    width: 300px;
}
}


/* VFI */

.m-hero.sl-hero section:focus {
border: 3px dotted #9bf00b;
}

@media only screen and (max-width: 767px) {
.home-hero .m-hero-item>div>div {
    top: 38vw !important;
}
}

@media screen and (min-width: 350px) and (max-width: 385px) {
.home-hero .m-hero-item>div>div>div {
    padding-top: 0px !important;
}
}

.game-pass section.m-hero-item {
margin: 0 !important;
}

.game-pass .m-hero-item .vidPlayPause {
top: 16vw;
right: 93vw;
}

.game-pass .c-group {
margin-top: 16px !important;
}

@media screen and (max-width: 350px) {
ul.heroList {
    height: 153vw !important;
}
}

.find-games .m-image {
padding-top: 0;
}

.find-games .m-banner {
padding-top: 0;
margin-top: -1.5%;
}

@media screen and (min-width: 768px) {
.find-games .m-banner {
    margin-top: -7%;
}
}

@media screen and (min-width: 1400px) {
.find-games .m-banner {
    max-width: 1400px !important;
}
}

@media screen and (min-width: 1084px) {
.find-games .m-banner {
    margin-top: -8%;
    transform: translateY(0px);
    /* negative margin messes with stacking order somehow. This brings it back to the front of the previous element. */
}
.find-games .m-banner h2 {
    max-width: 60%;
    margin-left: auto;
    margin-right: auto;
}
}

@media screen and (min-width: 1400px) {
.find-games .m-banner h2 {
    max-width: 60%;
}
}

.find-games .m-image img {
width: 100%;
max-width: 1920px;
margin-left: auto;
margin-right: auto;
display: block;
}

.find-games .m-hero-item>picture img,
.live-gold .m-hero-item>picture img {
top: 0;
transform: none;
}

.game-pass-pivot .c-pivot {
margin-top: 0;
}

.game-pass-pivot .c-pivot>[role="tablist"] {
padding-top: 48px;
justify-content: center;
}

.featured-games {
display: none;
}
/*
.game-pass-pivot .c-pivot>section[aria-hidden="true"].loading {
display: block;
}
*/

/* onload and onresize calculations don't work on rotators when display:none */
/* this hides them visually so calculations will apply */
/* aria-hidden="true" effectively hides them from screen readers */
.game-pass-pivot .c-pivot>section[aria-hidden="true"] {
display: block;
opacity: 0;
height: 0;
visibility: hidden;
}

.game-pass-pivot.theme-light .c-pivot>[role="tablist"]>[role="tab"] {
color: #000;
}

.game-pass-pivot.theme-light .c-pivot>[role="tablist"]>[role="tab"]:focus {
border: 2px dashed #FFF !important;
outline: 2px dashed #000 !important;
}

@media screen and (-ms-high-contrast:active) {
.game-pass-pivot.theme-light .c-pivot>[role="tablist"]>[role="tab"]:focus {
    border: 2px dashed LinkText !important;
    outline: 2px dashed LinkText !important;
}
}

/* French disclosure */
#disclosureStore {
display: none;
}
.astHeading, .disclosureContainer {
display: inline-block;
}
.disclosureContainer button.glyph-prepend.glyph-prepend-info {
background: transparent;
border: none;
font-size: 15px;
color: #107c10;
vertical-align: bottom;
padding: 0;
height: 36px;
}
div.frDisclosure {
font-weight: 600;
padding-right: 34px;
}
.frDisclosure p.c-paragraph {
font-size: 13px;
}
.frDisclosure a {
color: #107c10;
text-decoration: underline;
}
.frDisclosure a:hover {
color: black;
}
button.disclosureClose {
position: absolute;
top: 12px;
right: 12px;
width: 14px;
height: 14px;
border: none;
}
.disclosureClose img {
width: 14px;
height: 14px;
position: absolute;
left: 0;
top: 0;
}
.featured-games h3 {
display: inline-block;
margin-right: 6px;
}
.frDisclosure .c-paragraph a {
margin-left: 0;
}
/* end French disclosure */


/** From Home Page CSS**/

/** Lightbox **/
.home-hero .m-hero-item .lightboxplaybutton {
top: 0px !Important;
}

@media screen and (min-width: 1350px) {
.lightboxcontainer {
height:  760px !important;
}
}

@media screen and (max-width: 540px) {
.lightboxcontainer {
height:  300px !important;
}
}

.ytp-cued-thumbnail-overlay-image {
  background-size: contain !important;
}

#zoomImg4 img {
float: right;
}

@media screen and (max-width: 420px) {
a.c-call-to-action.f-heavyweight {
margin-left: 12px !important;
}
}

@media screen and (min-width: 1921px) {
.home-hero .vidPlayPause {
top: -3vw !important;
}
}

.theme-dark a.c-call-to-action.f-lightweight:hover {
color: #9bf00b;
}

button.c-action-toggle:after {
  border: 0px solid transparent;
}


@media only screen and (min-width: 1084px) {
.m-hero-item.f-y-bottom>div>div, .c-hero.f-y-bottom>div>div {
   bottom: 15%;
}
}

@media screen and (max-width: 1083px) {
.fullTileCopy {
  color: #000 !important;}

.fullTile.slide.fullLeftRight a.c-call-to-action.f-lightweight {
 color: #fff !important;}
}

.theme-dark a.c-call-to-action.f-lightweight:focus:not(.x-hidden-focus) {
 outline: dashed #fff !important;
}

/* vid hero overrides */
@media screen and (max-width: 767px) {
 .videohero {height: 145vw;}
 }
 @media screen and (min-width: 1921px) {
 .home-hero .videohero {height: 720px;}
 }
 /* end vid hero overrides */
 hero .home-hero .c-sequence-indicator,
 .home-hero .c-action-toggle {
  background-color: rgba(0, 0, 0, 0.4) !important;
 }
 
 .c-sequence-indicator button,
 .c-sequence-indicator a {
  width: 22px;
  height: 20px;
 }
 
 .c-sequence-indicator button:focus,
 .c-sequence-indicator a:focus {
  outline: 2px dashed #fff !important;
  border: 2px dashed #000 !important;
 }
  
  @media (min-width: 768px) and (max-width: 800px) {
  .home-hero .m-hero-item>div>div>div {
   margin-top: 0;}
/*   .home-hero #hero-1 .m-hero-item>div>div {
   top: 111% !important;}  */
  }
  
  @media (min-width: 768px) and (max-width: 875px) {
  .home-hero .m-hero-item>div>div {
 top: 123% !important;
 -ms-transform: none;
 transform: none;
  }
/* //    .home-hero #hero-2 .m-hero-item>div>div {
//    top: 114% !important;}  */
 }
  
 @media (min-width: 875px) and (max-width: 1083px) {
 .home-hero .m-hero-item>div>div {
  top: 126% !important;
  -ms-transform: none;
  transform: none;
 }
  }
 
 @media (min-width: 768px) and (max-width: 1083px) {
  .home-hero section {
   height: 110vw;
  }
  .home-hero .m-hero-item>div {
   overflow: visible;
  }
  
  .home-hero .m-hero-item.f-x-center.f-y-top>div>div {
   top: 20% !important;
  }
  .home-hero .m-hero-item>div>div {
   max-width: 1083px;
   width: 101%;
   text-align: center;
   left: 0;
   right: 0;
  }
 }
 
 @media screen and (max-width: 1083px) {
  .home-hero .vid {
   display: none;
  }
  .home-hero .image {
   display: block;
  }
  .home-hero .c-heading-1 {
   font-size: 46px;
   line-height: 46px;
  }
 }


 
 
 @media only screen and (max-width:767px) {
  .home-hero .m-hero-item>div>div {
   top: 34vw !important;
  }
 /* .home-hero #hero-1 .m-hero-item>div>div {
    top: 49vw !important;
   } */
  ul.heroList {
   height: 143vw;
  }
  ul.heroList li section.m-hero-item {
   height: inherit;
  }
  
  .fullLeftRight .c-badge, .msctL.double.slide .c-badge {
    margin-bottom: 20px;
  }
  
 }


 
 @media screen and (max-width: 350px) {
  ul.heroList {
   height: 145vw;
  }
  .home-hero .m-hero-item>div>div {
   top: 40vw !important;
  }
  .home-hero .m-hero-item>div>div>div {
   padding-top: 0px;
  }
  .home-hero .m-hero-item>div>div>div>a {
   margin-top: 0px;
  }
 }
 
 @media screen and (min-width: 1084px) {
  .home-hero .vid {
   display: block;
  }
  .home-hero .image {
   display: none;
  }
  .home-hero section {
   height: 36.7vw;
  }
 }
 @media screen and (min-width: 1921px) {
  .home-hero section {
   height: 720px;
  }
 }
   
 @media screen and (min-width: 1800px) {
  .home-hero .m-hero-item>div>div {
   max-width: 630px;
  }
 }
 
 
 /* gamer pic */
 
 .iconBlade .msame_Header_name.msame_TxtTrunc {
  display: none !important;
 }
 
 .iconBlade .msame_Header.msame_Short.msame_3row {
  height: 100%;
 }
 
 .iconBlade .msame_Header_picframe {
  margin: 0 auto;
 }
 
 .iconBlade .msame_Header_piccont {
  padding: 0px;
 }
 
 .iconBlade .msame_Header_picframe img {
  width: 100% !important;
  height: 100% !important;
  max-width: 100%;
 }
 
 .iconBlade .msame_Header.msame_Short msame_3row {
  height: 100%;
 }
 
 @media screen and (min-width: 768px) {
  .iconBlade .msame_Header_picframe {
   height: 57px !important;
   width: 57px !important;
  }
 }
 
 
 /* Zoom images*/
 
 .zoomImg {
  overflow: hidden;
 }
 
 @media screen and (max-width: 1920px) {
 .zoomImg img {
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  height: inherit;
 }
}
 
 .zoomImg:hover img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
 }
 
 @media screen and (min-width: 1084px) {
  .fullTile section {
   height: 41.48vw;
   background-size: cover;
   margin: 2px 0;
  }
  .fullTile section.m-hero-item>div {
   left: 120px;
  }
  .fullLeftRight2.theme-black, .fullLeftRight2 .theme-black {
   background: transparent !important;
   margin-top: 0;
  }
 }
 
 .hp-mosaic .c-heading-3 {
  padding: 6px 0 2px;
 }
 
 .hp-mosaic {
  padding: 6px;
 }
 
 .hp-mosaic li {
  padding: 2px;
 }
 
 @media screen and (min-width: 1084px) {
  .hp-mosaic li {
   position: relative;
   top: 0px;
  }
  .hp-mosaic li.slide {
   top: 150px;
  }
 }
 
 .hp-mosaic .c-image {
  max-width: 100%;
 }
 
 .hp-mosaic li.fullTile {
  width: 100%;
 }
 
 .double section,
 .double .m-content-placement-item {
  margin-top: 0px;
 }
 
 .hp-mosaic .m-image-intro.f-align-bottom>div {
  left: 0px;
  bottom: 7%;
  -ms-transform: translateX(0%);
  transform: translateX(0px);
  padding-left: 3vw;
 }
 
 .icons {
  text-align: center;
  margin: 28px 0 35px;
 }
 
 .icons a {
  display: inline-block;
  margin-right: 3.5vw;
 }
 
  
 .icons a:focus {
  outline: auto;
 }
  
  
 
 .icons a:nth-child(6) {
  margin-right: 0px;
 }
 
 .icons a p span {
  color: #107c10;
  border-bottom: 3px solid transparent;
  transition: border-color .2s ease-in-out;
  -webkit-transition: border-color .2s ease-in-out;
  -moz-transition: border-color .2s ease-in-out;
 }
 
 .icons a:hover p span {
  border-bottom: 3px solid #107c10;
 }
 
 @media screen and (-ms-high-contrast:active) {
  .icons a p span {
   color: inherit;
   border-bottom: none;
  }
  .icons a:hover p span {
   border-bottom: none;
  }
 }
 
 .icons a p {
  font-weight: 600;
 }
 
 @media screen and (max-width: 767px) {
  .icons {
   width: 294px;
   margin: 0 auto 31px;
  }
 }
 
 @media screen and (max-width: 539px) {
  .icons {
   width: 390px;
   margin: 0 auto 31px;
  }
  .icons a {
   margin-right: 7vw;
   margin-top: 32px;
  }
  .icons a:nth-child(3) {
   margin-right: 0px;
  }
 }
 
 @media screen and (max-width: 415px) {
  .icons {
   width: 370px;
  }
  .icons a {
   margin-right: 5vw;
  }
 }
 
 @media screen and (max-width: 320px) {
  .icons {
   width: 310px;
  }
  .icons a:nth-child(3) {
   margin-right: 25px;
  }
  .icons a>div {
   width: 100px;
  }
 }
 
 @media screen and (-ms-high-contrast:active) {
  a.c-call-to-action.f-lightweight:hover span,
  .icons a:hover p span,
  a.c-call-to-action.f-heavyweight:hover span {
   text-decoration: underline !important;
  }
 }
 
 @media screen and (max-width: 1083px) {
  .home-hero .m-hero-item>div {
   height: 52vw;
  }
  .hp-mosaic li.double .zoom {
   height: 27.74vw;
  }
  .fullTile .mobImg {
   display: block;
   max-width: 100%;
  }
  .fullTile .copy {
   padding: 16px 12px;
  }
  .hp-mosaic li.msctL,
  .hp-mosaic li.msctR {
   clear: both;
  }
  .double>div {
   padding: 40px 3vw;
  }
  .zoom {
   display: none;
  }
  .fullTile section.m-hero-item>div {
   height: 320px;
   overflow: visible;
   text-align: left;
   position: relative;
  }
  .fullTile section.m-hero-item>div div {
   right: auto;
   max-width: none;
  }
  .fullTile section.m-hero-item {
   overflow: visible;
  }
 }
 
 @media (min-width: 768px) and (max-width: 1083px) {
  .fullTile section.m-hero-item>div {
   margin-left: -25px;
   padding: 0px;
  }
 }
 @media (min-width: 540px) and (max-width: 1083px) {
  .fullLeftRight {
   padding: 0 !important;
   margin: 2px;
   width: 99.5% !important;
  }
 }
 @media (max-width: 539px) {
  .fullLeftRight {
   padding: 0 !important;
   margin: 2px;
   width: 99.2% !important;
  }
 }
 
 @media screen and (max-width: 767px) {
  .fullTile section.m-hero-item>div div {
   top: calc(50%) !important;
  }
 }
 
 @media screen and (max-width: 539px) {
  .fullTile section.m-hero-item>div {
   margin-left: 0px !important;
  }
 }
 
 @media (min-width: 1084px) and (max-width: 1399px) {
  .home-hero .c-heading-1 {
   font-size: 38px;
   line-height: 56px;
  }
  .hp-mosaic .c-heading-3 {
   font-size: 20px;
   line-height: 28px;
  }
  .hp-mosaic .c-paragraph-1 {
    font-size: 15px;
  }
  .double {
   height: 28.1vw;
  }
 }

 @media (min-width: 1400px) and (max-width: 1508px) {
  .hp-mosaic .c-heading-3 {
    font-size: 20px;
    line-height: 28px;
   }
  }
 
 @media screen and (max-width: 539px) {
  .home-hero .c-heading-1 {
   font-size: 34px;
   line-height: 28px !important;
  }
  .hp-mosaic .c-heading-2 {
   font-size: 26px;
   line-height: 40px;
  }
  .hp-mosaic .c-heading-3 {
   font-size: 20px;
   line-height: 28px;
  }
 }


 @media screen and (min-width: 0px) {
  .icons img {
   max-width: 90%;
  }
  .icons a>div {
   width: 100px;
   height: 40px;
  }
  .icons a>div>div {
   width: 60px;
   margin: 0 auto;
  }
 }
 
 @media screen and (min-width: 768px) {
  .icons a>div {
   width: 99px;
   height: 56px;
  }
  .icons a>div>div {
   width: 72px;
   margin: 0 auto;
  }
 }
 
 @media screen and (min-width: 1084px) {
  .icons img {
   max-width: 100%;
  }
  .hp-mosaic li {
   width: 50%;
  }
  .hp-mosaic li.double div section,
  .hp-mosaic li.double div .m-content-placement-item {
   float: left;
   width: 50%;
   padding: 0 3vw;
  }
  .hp-mosaic li.double>div picture {
   float: right;
   width: 50%;
  }
  .hp-mosaic li.double .floatR {
   float: right;
   width: 50%;
   height: 27.74vw;
  }
  .hp-mosaic li.double .floatL {
   float: left;
   width: 50%;
   height: 27.74vw;
  }
  .toutMaxHeight {
   max-height: 538px;
  }
  .hp-mosaic li.msctL {
   float: left;
  }
  .hp-mosaic li.msctR {
   float: right;
  }
  .double>div {
   height: 27.74vw;
   max-height: 534px;
  }
  .double section,
  .double .m-content-placement-item {
   position: relative;
   top: calc(50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
  }
  .double .c-image {
   display: none;
  }
  .fullTile .mobImg {
   display: none;
  }
  .fullTile .copy {
   padding-right: 5%;
   max-width: 440px;
   float: right;
   top: 120px;
   top: calc(50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
   position: relative;
  }
  .fullTile.fullTileCenterTop .copy {
   text-align: center;
   margin: 0 auto;
   float: none;
   top: 12px;
   transform: none;
  }
  .fullTile.fullTileCenterTop .fulltilelogo img {
   margin: 0 auto;
  }
  .fullTile.fullTileCenterTop p,
  .fullTile.fullTileCenterTop a {
   padding: 0;
   margin: 10px 0 0 !important;
  }
  .hp-mosaic ul li .zoom {
   background-size: 100% 100% !important;
   background-repeat: no-repeat !important;
   background-position: center center !important;
   transition: all 500ms ease !important;
  }
  .hp-mosaic ul li .zoom:hover {
   background-size: 120% 120% !important;
   background-position: center center !important;
  }
 }
 
 @media (min-width: 540px) and (max-width: 767px) {
  .icons {
   width: 520px;
  }
  .icons a {
   margin-top: 31px;
   margin-right: 9vw;
  }
  .icons img {
   max-width: 100%;
  }
  .icons a:nth-child(3) {
   margin-right: 0vw;
  }
  .icons a>div {
   width: 100px;
  }
  .icons a>div>div {
   width: 100%;
   margin: 0 auto;
  }
 }
 
 @media screen and (min-width: 1400px) {
  .fullTile .copy {
   max-width: 520px;
  }
  .fullLeftRight2.theme-black, .fullLeftRight2 .theme-black {
   margin-top: 1px;
  }
 }
 
 @media screen and (min-width: 1800px) {
  .fullTile .copy {
   max-width: 630px;
  }
  .fullTile.fullTileCenterTop .copy {
   max-width: 720px;
  }
 }
 
 
 /* CTA hover effect */
 
 .hp-mosaic li .c-call-to-action,
 .home-hero .c-call-to-action {
  margin-top: 16px;
 }
 
 .hp-mosaic li .c-call-to-action:focus {
  border: 3px dashed #fff !important;
  outline: 3px dashed #000 !important;
  padding-left: 10px;
  padding-right: 5px;
 }


 
 .hp-mosaic li .c-call-to-action.white-c:focus {
  border: 3px dashed #fff !important;
  outline: 3px dashed #fff !important;
  padding-left: 10px;
  padding-right: 5px;
 }
 
 @media screen and (max-width: 1083px) {
  .hp-mosaic li:active .c-call-to-action {
   border: 1px solid #107c10 !important;
   padding-left: 10px;
   padding-right: 5px;
  }
  .hp-mosaic li:active .c-call-to-action.white-c {
   border: 1px solid #fff !important;
  }
 }
 
 @media screen and (min-width: 1921px) {
  .hp-mosaic {
   width: 1920px;
   margin: 0 auto;
   float: none;
  }
  .hp-mosaic .m-image-intro img {
   height: 1084px;
  }
  /* .hp-mosaic .m-image-intro img  was 1222px in TM's file*/
  .hp-mosaic .fullTile section {
   height: 805px;
  }
  /*.double>div,
  .hp-mosaic li.double .floatR,
  .hp-mosaic li.double .floatL {
   height: 534px;
  }*/
 }
 
 .m-hero-item .m-ambient-video video {
  width: 100% !important;
 }
 
 li .c-heading-1, .videohero .c-heading-1 {
  padding: 6px 0 !important;
 }
 
 li .c-heading-2 {
  padding: 3px 0 !important;
 }
 
 @media (max-width: 539px) {
  .c-heading-1,
  .c-heading-2,
  .c-heading-3 {
   font-size: 26px !important;
   line-height: 30px;
  }
  .c-paragraph-1,
  .c-subheading-1 {
   font-size: 15px !important;
   font-weight: 400 !important;
   line-height: 20px;
  }
 }
 /* POPUP SECTION */
 #thepopupvideo {
   transition: all 2000ms;
   z-index: 6000000;
 }
 .invisible {
   visibility: hidden !important;
 }
 .pophidden {
   display: none !important;
 }
 .blackout {
   opacity: 0 !important;
   background: black !important;
 }
 .fadingout{
   opacity: 0 !important;
   background: transparent !important;
 }
 
 #thepopupvideo.c-dialog.f-lightbox [role="dialog"] {
   max-width: 100% !important;
   top: 0%;
   transform: translate(-50%,0%);
   background: black !important;
 }
 #thepopupvideo .m-ambient-video {
   padding: 0 !important;
 }
 #thepopupvideo [role="presentation"] {
   background: black !important;
 }
 .headersee {
  position: relative;
  top: 0;
  left: 0;
  z-index: 9000000;
  width: 100%;
 }
 .c-dialog.f-lightbox>[role="presentation"]+.c-glyph {
  top: 56px;
 }
 #thepopupdialog {
   overflow-y: visible !important;
 }
 
 /**** END POPUP SECTION   */
 .cta2 {
  margin-left: 24px !important;
 }
 /* sno-byrd fix */
 .theme-green.theme-dark a.f-lightweight {
  color: white;
 }
 .m-content-placement-item .c-heading, .m-content-placement-item .c-heading-1, .m-content-placement-item .c-heading-2, .m-content-placement-item .c-heading-3, .m-content-placement-item .c-heading-4 {
  font-weight: 700 !important;
 }
 
 @media (min-width: 1084px) { 
   .fullTile.theme-dark {
  background-color: transparent;
   }
 }
 
 .pydFullStyle a.c-call-to-action:focus {
  border: 2px dashed #000 !Important;
  outline: 2px dashed #fff !important;
 }
 @media (max-width: 539px) { 
   a[data-loc-link="keyLinkmos1pos1"] picture.c-image,
   a[data-loc-link="keyLinkmos1pos3"] picture.c-image,
   a[data-loc-link="keyLinkmos2pos2"] picture.c-image,
   a[data-loc-link="keyLinkmos2pos3"] picture.c-image {
  max-height: 64vw !important;
  overflow:  hidden !important;
   }
   h2[data-loc-copy="keyCopymos1pos1headline"],
   h2[data-loc-copy="keyCopymos1pos3headline"],
   h2[data-loc-copy="keyCopymos2pos2headline"],
   h2[data-loc-copy="keyCopymos2pos3headline"] {
  margin-top: 20px;
   }
   a[data-loc-cta="keyCtamos1pos1"],
   a[data-loc-cta="keyCtamos1pos3"],
   a[data-loc-cta="keyCtamos2pos2"],
   a[data-loc-cta="keyCtamos2pos3"] {
  margin-bottom: 20px;
   }
   .hp-mosaic li:nth-child(1) strong,
   .hp-mosaic li:nth-child(3) strong,
   .hp-mosaic li:nth-child(7) strong,
   .hp-mosaic li:nth-child(8) strong {
  position: relative;
  top: 20px;
   }
 }
 
 
 .herovideo.m-ambient-video.pp-button > div {
   left: 0;
   bottom: 0;
   width: 36px !important;
   top: auto !important;
   transform: none !important;
 }
  
 @media screen and (min-width: 1920px) {
 .fullTile.fullLeftRight:not(.fullLeftRight2) .vidPlayPause {
     left: -1898px !important;
     top: 350px !important;
 }
}

@media screen and (min-width:1921px) {
.fullTile section.m-hero-item.f-x-right.f-y-center  {
height:50em !important;
}
}


/** End Home Page CSS **/

@media screen and (-ms-high-contrast:white-on-black), screen and (forced-colors: active) and (prefers-color-scheme: dark) {
  .c-heading-1L {
      position: relative;
  }
}

 /**Text spacing **/
 .text-spacing .c-subheading-1, 
 .text-spacing .c-heading-3,
 .c-subheading-1[style], 
 .c-heading-3[style] {
     font-size: 18px !important;
 }

 .text-spacing .pa-copy-wrapper .c-paragraph-3,
 .pa-copy-wrapper .c-paragraph-3[style] {
        max-height: 60px !important;
 }

  .text-spacing .pa-border,
 .pa-border[style] {
        height: 254px !important;
 }
 
 .text-spacing .c-heading-2,
 .c-heading-2[style] {
     font-size: 34px !important;
 }

 .text-spacing .c-heading-1,
 .c-heading-1[style] {
     font-size: 34px !important;
 }
 
 .text-spacing .hp-mosaic > section > ul > li a,
 .hp-mosaic > section > ul > li a[style] {
     margin-top: 0 !important;
     padding-top: 0 !important;
 }
 .text-spacing .hp-mosaic > section > ul > li .c-badge,
 .hp-mosaic > section > ul > li .c-badge[style],
 .text-spacing .hp-mosaic > section > ul > li h2,
 .hp-mosaic > section > ul > li h2[style],
 .text-spacing .hp-mosaic > section > ul > li h2 + p,
 .hp-mosaic > section > ul > li h2 + p[style] {
     padding-top: 0 !important;
     padding-bottom: 0 !important;
 }

nav.c-link-navigation p {
  max-height: 75px;
}

.c-flipper {
   opacity: .8 !important;
}

/** Play Anywhere Banner **/

.pa-border {
   border: 2px solid #107c10 !important;
   height: 230px;
}

@media only screen and (min-width: 1600px) {
.pa-border {
   height: 210px;
}
.pa-copy-wrapper {
    width: 80% !important;
}
}

@media only screen and (max-width: 1599px) and (min-width: 651px) {
.pa-copy-wrapper {
   width: 65% !important;
}
}

.pa-copy-wrapper .c-paragraph-3 {
   max-height: 46px !important;
}
.pa-copy-wrapper p {
   padding-bottom: 12px;
}

.pa-copy-wrapper p {
   padding-bottom: 12px;
}

@media only screen and (max-width: 767px) {
    .m-rich-heading .c-logo, .m-rich-heading .c-paragraph-3 {
        display: block;
    }
}

@media only screen and (min-width: 768px) {
   .pa-border {
      margin-top: 96px;
}
}

@media only screen and (max-width: 767px) {
   .pa-border {
      margin-top: 48px;
}
}

@media only screen and (max-width: 650px) {
    .m-rich-heading .c-logo, .m-rich-heading .c-paragraph-3 {
        display: contents;
    }
.pa-border {
    height: 420px;
    padding-top: 40px;
}
.pa-copy-wrapper {
    text-align: center;
    margin: auto;
    width: 95% !important;
}
.pa-border div img {
   margin: auto;
}
}

.play-anywhere-banner {
    padding: 0 5%;
}

@media only screen and (max-width: 350px) {
    .pa-copy-wrapper {
        margin: 0;
        width: 100% !important;
    }
.play-anywhere-banner {
    padding: 0 2.5%;
}
}
/** End Play Anywhere Banner **/


.theme-dark button.c-action-toggle:focus {
    border: 2px dashed #fff;
    outline: 2px dashed #000;
}

@media only screen and (max-width: 500px) {
.m-content-placement {
    padding-left: calc(10% - 12px);
    padding-right: calc(10% - 12px);
}
}

.f-lightweight + .f-lightweight {
    color: #9bf00b !important; 
    background-color: transparent !important;
}

#hero-xbox-game-pass h2 {
    max-width: 100%;
}

@media only screen and (max-width: 650px) {
#hero-xbox-game-pass h2 {
    font-size: 50px;
}
}

@media only screen and (max-width: 480px) {
#hero-xbox-game-pass h2 {
    font-size: 42px;
}
}

@media only screen and (max-width: 400px) {
#hero-xbox-game-pass h2 {
    font-size: 32px;
}
}

@media only screen and (max-width: 767px) {
/**Carousel Games Size Reduce**/
.c-product-placement.f-size-large picture, .m-product-placement-item.f-size-large picture {
   width: 177px !important;
   height: 266px !important;
}
.m-product-placement-item.f-size-large {
    width: 180px;
}
}