@media screen and (min-width:1921px) {
   #bodycolumn {width: 1920px; margin: 0 auto;}
 }
 
 /* ESRB Section */
 .esrbDescDivider {
 margin-left:0%;
 border:none;
 max-width:300px;
 height:1px;
 background-color:#107c10;
  margin-top: 8px;
  margin-bottom: 8px;
 }
 
 .esrbblade .c-age-rating .c-label a {
    text-transform: uppercase;
 }
 
 .esrbDarkBG .esrbDescDivider {
   background-color:#9bf00b !important;
 }
 .esrbblade .c-age-rating .c-label {
  padding-left:8px;
 }
 .esrbblade .c-age-rating .c-content-toggle {
    margin-left: 90px !important;
 }
 .esrbbladeMobilePad {
  padding-bottom:20px;
 }
 .descNoWrap {
  white-space: nowrap;
  display:inline;
 }
 .capitalFirst {
  text-transform: capitalize;
 }
 .c-age-rating .c-label a {
  text-decoration: underline !important;
 }
 
 @media only screen and (max-width:1083px) and (min-width:768px) {
 .m-additional-information [data-grid="col-6"]>[data-grid="col-6"] {
    width: 380px !important;
 }
 .c-age-rating .c-content-toggle .c-list {
   padding-right:25% !important;
  }
 }
 
 /* UHF Fixes */
 
 @media screen and (max-width: 859px) {
 .theme-dark.js-global-head.f-closed.f-transparent.global-head-cont {
 background-color: black !important;}
 
 .c-uhfh.context-uhf.f-transparent {
    color: white !important;
    z-index: 10 !important;}
 
 /*.m-hero-item.glp-hero.f-transparent.f-precise-click{margin-top:87px;}*/
 .f-transparent-hero .m-hero-item.glp-hero.f-transparent.f-precise-click{margin-top:0px;}
 /*.f-transparent-hero {padding-top: 87px;}*/
 }
 @media only screen and (max-width: 1083px) {
 #BodyContent div div{margin-bottom:-1px;}
 .body div div{margin-bottom:-1px;}
 }
 /* Padding fix for Legacy video hero*/
 @media screen and (max-width:858px){
 /*.vidHero {padding-top:88px !Important;}*/
 }
 
 @media screen and (max-width: 859px){
 .custVidHero {
    margin-top: 0px !important;
   /* padding-top: 87px; */
 }
 }
 /* End UHF Fixes*/
 
 /* Hero CSS*/
 @media only screen and (max-width: 320px) {
   .m-hero-item.mobile-180.glp-hero.f-y-center>div>div{top: calc(30%);}
    section.m-hero-item.glp-hero.mobile-180{height: 450px;}
    .m-hero-item.mobile-200.glp-hero.f-y-center>div>div{top: calc(30%);}
    section.m-hero-item.glp-hero.mobile-200{height: 500px;}
    .m-hero-item.mobile-220.glp-hero.f-y-center>div>div{top: calc(40%);}
    section.m-hero-item.glp-hero.mobile-220{height: 560px;}
    .m-hero-item.mobile-280.glp-hero.f-y-center>div>div{top: calc(40%);}
    section.m-hero-item.glp-hero.mobile-280{height: 580px;}
    .m-hero-item.mobile-320.glp-hero.f-y-center>div>div{top: calc(50%);}
    section.m-hero-item.glp-hero.mobile-320{height: 640px;}
    .m-hero-item.mobile-370.glp-hero.f-y-center>div>div{top: calc(55%);}
    section.m-hero-item.glp-hero.mobile-370{height: 685px;}
    .m-hero-item.mobile-390.glp-hero.f-y-center>div>div{top: calc(60%);}
    section.m-hero-item.glp-hero.mobile-390{height: 730px;}
    .m-hero-item.mobile-420.glp-hero.f-y-center>div>div{top: calc(60%);}
    section.m-hero-item.glp-hero.mobile-420{height: 750px;}
    .m-hero-item.mobile-440.glp-hero.f-y-center>div>div{top: calc(75%);}
    section.m-hero-item.glp-hero.mobile-440{height: 820px;}
    .m-hero-item.mobile-480.glp-hero.f-y-center>div>div{top: calc(88%);}
    section.m-hero-item.glp-hero.mobile-480{height: 896px;}
    .m-hero-item.mobile-520.glp-hero.f-y-center>div>div{top: calc(95%);}
    section.m-hero-item.glp-hero.mobile-520{height: 930px;}
    .m-hero-item.mobile-560.glp-hero.f-y-center>div>div{top: calc(98%);}
    section.m-hero-item.glp-hero.mobile-560{height: 980px;}
    .m-hero-item.mobile-580.glp-hero.f-y-center>div>div{top: calc(100%);}
    section.m-hero-item.glp-hero.mobile-580{height: 1000px;}
 }
 @media only screen and (min-width: 321px) and (max-width: 375px) {
     .m-hero-item.mobile-180.glp-hero.f-y-center>div>div{top: calc(35%);}
    section.m-hero-item.glp-hero.mobile-180{height: 450px;}
    .m-hero-item.mobile-200.glp-hero.f-y-center>div>div{top: calc(35%);}
    section.m-hero-item.glp-hero.mobile-200{height: 490px;}
    .m-hero-item.mobile-220.glp-hero.f-y-center>div>div{top: calc(38%);}
    section.m-hero-item.glp-hero.mobile-220{height: 540px;}
     .m-hero-item.mobile-280.glp-hero.f-y-center>div>div{top: calc(38%);}
    section.m-hero-item.glp-hero.mobile-280{height: 540px;}
    .m-hero-item.mobile-320.glp-hero.f-y-center>div>div{top: calc(50%);}
    section.m-hero-item.glp-hero.mobile-320{height: 620px;}
    .m-hero-item.mobile-370.glp-hero.f-y-center>div>div{top: calc(55%);}
    section.m-hero-item.glp-hero.mobile-370{height: 670px;}
     .m-hero-item.mobile-390.glp-hero.f-y-center>div>div{top: calc(60%);}
    section.m-hero-item.glp-hero.mobile-390{height: 720px;}
    .m-hero-item.mobile-420.glp-hero.f-y-center>div>div{top: calc(60%);}
    section.m-hero-item.glp-hero.mobile-420{height: 740px;}
    .m-hero-item.mobile-440.glp-hero.f-y-center>div>div{top: calc(70%);}
    section.m-hero-item.glp-hero.mobile-440{height: 780px;}
    .m-hero-item.mobile-480.glp-hero.f-y-center>div>div{top: calc(78%);}
    section.m-hero-item.glp-hero.mobile-480{height: 801px;}
    .m-hero-item.mobile-520.glp-hero.f-y-center>div>div{top: calc(85%);}
    section.m-hero-item.glp-hero.mobile-520{height: 865px;}
    .m-hero-item.mobile-560.glp-hero.f-y-center>div>div{top: calc(89%);}
    section.m-hero-item.glp-hero.mobile-560{height: 915px;}
    .m-hero-item.mobile-580.glp-hero.f-y-center>div>div{top: calc(98%);}
    section.m-hero-item.glp-hero.mobile-580{height: 980px;}
 }
 @media only screen and (min-width: 376px) and (max-width: 414px) {
     .m-hero-item.mobile-180.glp-hero.f-y-center>div>div{top: calc(30%);}
    section.m-hero-item.glp-hero.mobile-180{height: 450px;}
    .m-hero-item.mobile-200.glp-hero.f-y-center>div>div{top: calc(30%);}
    section.m-hero-item.glp-hero.mobile-200{height: 485px;}
    .m-hero-item.mobile-220.glp-hero.f-y-center>div>div{top: calc(32%);}
    section.m-hero-item.glp-hero.mobile-220{height: 505px;}
      .m-hero-item.mobile-280.glp-hero.f-y-center>div>div{top: calc(38%);}
    section.m-hero-item.glp-hero.mobile-280{height: 570px;}
    .m-hero-item.mobile-320.glp-hero.f-y-center>div>div{top: calc(53%);}
    section.m-hero-item.glp-hero.mobile-320{height: 670px;}
    .m-hero-item.mobile-370.glp-hero.f-y-center>div>div{top: calc(53%);}
    section.m-hero-item.glp-hero.mobile-370{height: 670px;}
     .m-hero-item.mobile-390.glp-hero.f-y-center>div>div{top: calc(60%);}
    section.m-hero-item.glp-hero.mobile-390{height: 720px;}
   .m-hero-item.mobile-420.glp-hero.f-y-center>div>div{top: calc(60%);}
    section.m-hero-item.glp-hero.mobile-420{height: 750px;}
    .m-hero-item.mobile-440.glp-hero.f-y-center>div>div{top: calc(70%);}
    section.m-hero-item.glp-hero.mobile-440{height: 795px;}
    .m-hero-item.mobile-480.glp-hero.f-y-center>div>div{top: calc(75%);}
    section.m-hero-item.glp-hero.mobile-480{height: 800px;}
    .m-hero-item.mobile-520.glp-hero.f-y-center>div>div{top: calc(80%);}
    section.m-hero-item.glp-hero.mobile-520{height: 845px;}
    .m-hero-item.mobile-560.glp-hero.f-y-center>div>div{top: calc(83%);}
    section.m-hero-item.glp-hero.mobile-560{height: 885px;}
   .m-hero-item.mobile-580.glp-hero.f-y-center>div>div{top: calc(103%);}
    section.m-hero-item.glp-hero.mobile-580{height: 980px;}
 }
 @media only screen and (min-width: 415px) and (max-width: 767px) {
      .m-hero-item.mobile-180.glp-hero.f-y-center>div>div{top: calc(33%);}
    section.m-hero-item.glp-hero.mobile-180{height:calc(270px + 48vw)}
      .m-hero-item.mobile-200.glp-hero.f-y-center>div>div{top: calc(33%);}
    section.m-hero-item.glp-hero.mobile-200{height:calc(280px + 48vw)}
    .m-hero-item.mobile-220.glp-hero.f-y-center>div>div{top: calc(33%);}
    section.m-hero-item.glp-hero.mobile-220{height:calc(280px + 56vw)}
     .m-hero-item.mobile-280.glp-hero.f-y-center>div>div{top: calc(33%);}
    section.m-hero-item.glp-hero.mobile-280{height:calc(280px + 58vw)}
    .m-hero-item.mobile-320.glp-hero.f-y-center>div>div{top: calc(40%);}
    section.m-hero-item.glp-hero.mobile-320{height:calc(280px + 69vw)}
    .m-hero-item.mobile-370.glp-hero.f-y-center>div>div{top: calc(53%);}
    section.m-hero-item.glp-hero.mobile-370{height:calc(350px + 74vw)}
    .m-hero-item.mobile-390.glp-hero.f-y-center>div>div{top: calc(53%);}
    section.m-hero-item.glp-hero.mobile-420{height:calc(350px + 74vw)}
    .m-hero-item.mobile-420.glp-hero.f-y-center>div>div{top: calc(55%);}
    section.m-hero-item.glp-hero.mobile-390{height:calc(370px + 74vw)}
    .m-hero-item.mobile-440.glp-hero.f-y-center>div>div{top: calc(60%);}
    section.m-hero-item.glp-hero.mobile-440{height:calc(500px + 56vw)}
    .m-hero-item.mobile-480.glp-hero.f-y-center>div>div{top: calc(70%);}
    section.m-hero-item.glp-hero.mobile-480{height:calc(520px + 58vw)}
    .m-hero-item.mobile-520.glp-hero.f-y-center>div>div{top: calc(72%);}
    section.m-hero-item.glp-hero.mobile-520{height:calc(511px + 64vw)}
    .m-hero-item.mobile-560.glp-hero.f-y-center>div>div{top: calc(79%);}
    section.m-hero-item.glp-hero.mobile-560{height:calc(598px + 56vw)}
    .m-hero-item.mobile-580.glp-hero.f-y-center>div>div{top: calc(95%);}
    section.m-hero-item.glp-hero.mobile-580{height:calc(650px + 65vw)}
 }
 .m-cta-module, .heroPlatforms{
    max-width: 1000px; 
    margin-left: auto;
    margin-right: auto;
 }
 .m-hero-item.glp-hero.f-precise-click{padding: 0 3.5% 0 3%;}
 .m-hero-item.glp-hero.f-y-center>div>div{
 top: calc(50%);
 padding: 0 24px 0 24px;
 }
 .m-hero-item.glp-hero .c-heading-1{
 font-size:64px;
 padding-bottom:0px;
 font-weight: 700;
 }
 .m-hero-item.glp-hero .c-heading-4, .m-hero-item .c-subheading-4{
 padding-top:0px !important;
 }
 .m-hero-item.glp-hero div{
 margin-top:0px !important;
 }
 .m-hero-item.glp-hero>div>div{
    background-color: rgba(0,0,0,0.7);
    text-align: center;
 }
 .heroPad48{padding-top:42px !important;}
 .m-hero-item.glp-hero .tg-svg4kLogo {
    height: 45px !important;
 }
 .m-hero-item.glp-hero .tg-svgHDRLogo {
    height: 22px !important;
 }
 .m-hero-item.glp-hero .tg-svgSDLogo {
    height: 59px !important;
 }
 
 @media only screen and (max-width: 1399px) {
 section.m-hero-item.glp-hero h1.c-heading-1{font-size:46px}
 }
 @media only screen and (min-width: 768px) and (max-width: 1083px) {
 section.m-hero-item.glp-hero.mobile-180 {height:calc(270px + 48vw);}
 section.m-hero-item.glp-hero.mobile-200 {height:calc(300px + 50vw);}
 section.m-hero-item.glp-hero.mobile-220 {height:calc(345px + 52vw);}
 section.m-hero-item.glp-hero.mobile-280 {height:calc(370px + 56vw);}
 section.m-hero-item.glp-hero.mobile-320 {height:calc(550px + 38vw);}
 section.m-hero-item.glp-hero.mobile-370 {height:calc(520px + 50vw);}
 section.m-hero-item.glp-hero.mobile-390 {height:calc(530px + 52vw);}
 section.m-hero-item.glp-hero.mobile-420 {height:calc(535px + 52vw);}
 section.m-hero-item.glp-hero.mobile-440 {height:calc(545px + 56vw);}
 section.m-hero-item.glp-hero.mobile-480 {height:calc(570px + 56vw);}
 section.m-hero-item.glp-hero.mobile-520 {height:calc(545px + 64vw);}
 section.m-hero-item.glp-hero.mobile-560 {height:calc(672px + 50vw);}
 section.m-hero-item.glp-hero.mobile-580 {height:calc(700px + 53vw);}
 section.m-hero-item.glp-hero picture img{top:0;transform: translateY(0px);}
 section.m-hero-item.glp-hero>div{max-width:600px;top:0;overflow:visible;}
 section.m-hero-item.glp-hero>div>div{top:calc(50px + 48vw) !important; transform:translateY(0%) !important;width:600px;max-width:600px;}
 section.m-hero-item.glp-hero.mobile-580>div>div{transform:translateY(10%) !important;}
 .m-hero-item.glp-hero .pad48{padding-top:0px !important;}
 }
 @media only screen and (min-width: 1084px) {
 .f-transparent-hero section.m-hero-item.glp-hero:before {
    padding-bottom: 60.2%;
    padding-top: 0px;
 }
 .m-hero-item.glp-hero.f-x-right>div{margin-right:5%;}
 .m-hero-item.glp-hero.f-x-left>div{margin-left:5%;}
 .m-hero-item.glp-hero>div>div{width:450px; max-width:450px;}
 .opacity0{background-color: rgba(0,0,0,0.0) !important;}
 .opacity10{background-color: rgba(0,0,0,0.1) !important;}
 .opacity20{background-color: rgba(0,0,0,0.2) !important;}
 .opacity30{background-color: rgba(0,0,0,0.3) !important;}
 .opacity40{background-color: rgba(0,0,0,0.4) !important;}
 .opacity50{background-color: rgba(0,0,0,0.5) !important;}
 .opacity60{background-color: rgba(0,0,0,0.6) !important;}
 .opacity70{background-color: rgba(0,0,0,0.7) !important;}
 .opacity75{background-color: rgba(0,0,0,0.75) !important;}
 .opacity80{background-color: rgba(0,0,0,0.8) !important;}
 .opacity90{background-color: rgba(0,0,0,0.9) !important;}
 .opacity100{background-color: rgba(0,0,0,1.0) !important;}
 .opacity10-white{background-color: rgba(255,255,255,0.1) !important;}
 .opacity20-white{background-color: rgba(255,255,255,0.2) !important;}
 .opacity30-white{background-color: rgba(255,255,255,0.3) !important;}
 .opacity40-white{background-color: rgba(255,255,255,0.4) !important;}
 .opacity50-white{background-color: rgba(255,255,255,0.5) !important;}
 .opacity60-white{background-color: rgba(255,255,255,0.6) !important;}
 .opacity70-white{background-color: rgba(255,255,255,0.7) !important;}
 .opacity80-white{background-color: rgba(255,255,255,0.8) !important;}
 .opacity90-white{background-color: rgba(255,255,255,0.9) !important;}
 .opacity100-white{background-color: rgba(255,255,255,1.0) !important;}
 }
 @media only screen and (min-width: 1400px) {
 .m-hero-item.glp-hero>div>div{width:550px; max-width:550px;}
 }
 @media only screen and (min-width: 1800px) { /*Try to keep copy card in line with containers below*/
 .m-hero-item.glp-hero.f-x-right>div{margin-right:calc((101% - 1600px) * .46);}
 .m-hero-item.glp-hero.f-x-left>div{margin-left:calc((101% - 1600px) * .46);}
 }
 @media only screen and (max-width: 767px) {
    .m-hero-item.glp-hero .heroPad48.heroLogos img {max-width:30%;}
 }
 @media only screen and (max-width: 539px) {
    .m-hero-item.glp-hero .heroPad48.heroLogos img{margin-right:5px;}
 .m-hero-item.glp-hero .heroPad48.heroLogos img:last-child{margin-right:0px;}
 }
 @media only screen and (min-width: 541px) {
 .m-hero-item.glp-hero .heroPad48.heroLogos img{margin-right:40px;}
 .m-hero-item.glp-hero .heroPad48.heroLogos img:last-child{margin-right:0px;}
 }
 
 @media only screen and (min-width: 1084px) and (max-width: 1399px) {.heroPad48{padding-top:22px !important; }.m-hero-item .c-heading-4{font-size: 20px;}}
 .m-hero-item.glp-hero .tg-svgHeroLogos{display:inline;}
 .m-hero-item .heroXGP a{padding-bottom:0px !important;}
 .m-hero-item .platformCircle{padding: 0px 8px 0px 8px;}
 @media only screen and (max-width: 1083px) {
 section.m-hero-item.glp-hero>div>div {background-color:transparent !important;}
 }
 @media only screen and (max-width: 539px) {.m-hero-item.glp-hero .glpHeroLogo{padding-right:0px; margin-bottom:24px;}}
 @media only screen and (max-width: 767px) {.m-hero-item .heroPad48.c-heading-2{padding-top: 0px !important;}}
 
 @media (forced-colors: active) {
 .theme-light.f-transparent-hero .black-c {
    forced-color-adjust: auto;}
 }
 
 /* End Hero CSS*/
 
 /* Accolades CSS*/
 
 @media (min-width:1399px) {
    .GLPaccolades .m-panes section {
        border-left: 1px solid #fff !Important;
    }
 
        .GLPaccolades .m-panes section:nth-child(1) {
            border-left: none !Important;
        }
 }
 
 @media(max-width:1398px) {
    .GLPaccolades .m-panes section {
        border-top: 1px solid #fff;
    }
 
        .GLPaccolades .m-panes section:nth-child(1) {
            border-top: none;
        }
 }
 @media only screen and (max-width: 321px) {
 .GLPaccolades .m-panes-product-placement-item img{max-width: 275px}
 }
 /*End Accolades CSS*/
 
 .m-banner.jumpgcontainer .c-heading-1 {font-family: 'SegoeProBlack';}
 
 /* Game feature CSS*/
 .m-feature.f-image-priority.full-width{background-color:#107c10; color:#ffffff;}
 @media only screen and (min-width: 768px) and (max-width: 1083px) {
 section.m-feature.f-image-priority.full-width picture{width: 55%}
 section.m-feature.f-align-right.f-image-priority.full-width div.textscoot{width: 45%; left:55%;}
 section.m-feature.f-align-left.f-image-priority.full-width div.textscoot{width: 45%;}
 div.stealth-carousel .c-heading-3, section.m-feature.full-width .c-heading-3{font-size: 24px; line-height: 28px;}
 div.stealth-carousel .c-paragraph-1, section.m-feature.full-width .c-paragraph-1{font-size: 15px;line-height: 20px;}
 }
 @media screen and (max-width:767px){
 section.m-feature.f-image-priority.full-width .m-ambient-video{padding:0 !important;}
 }
 @media only screen and (min-width: 1799px){
 section.m-feature.f-align-left.f-image-priority.full-width div.textscoot{padding-left: 125px; width: 33%;}
 section.m-feature.f-align-right.f-image-priority.full-width div.textscoot{padding-right: 125px; left:67%; width: 33%;}
 }
 @media only screen and (min-width: 1921px){
 section.m-feature.f-align-left.f-image-priority.full-width, section.m-feature.f-align-right.f-image-priority.full-width
 {
    max-width:1920px;
    margin: 48px auto 0 auto;
 }
 }
 @media only screen and (max-width: 767px){
 section.m-feature.f-align-left.f-image-priority.full-width, section.m-feature.f-align-right.f-image-priority.full-width
 {
    margin-top:0px;
 }
 section.m-feature.f-align-left.f-image-priority.full-width>div, section.m-feature.f-align-right.f-image-priority.full-width>div
 {
    text-align: left;
    width: 100%;
    padding:0px 84px 48px 84px;
 }
 section.m-feature.f-align-left.f-image-priority.full-width.t-margin48, section.m-feature.f-align-right.f-image-priority.full-width.t-margin48
 {
    margin-top:48px;
 }
 } 
 @media only screen and (min-width: 768px){
    section.m-feature.full-width .c-heading-3{padding-top: 0px;}
 }
 @media only screen and (max-width: 539px){
 section.m-feature.f-align-left.f-image-priority.full-width>div, section.m-feature.f-align-right.f-image-priority.full-width>div
 {
    padding:0px 68px 48px 68px;
 }
 }
 section.m-feature.f-align-left.f-image-priority.full-width div.m-ambient-video, section.m-feature.f-align-right.f-image-priority.full-width div.m-ambient-video{
 background-color:black;
 }
 @media only screen and (min-width: 1084px){
 section.m-feature.f-align-left.f-image-priority.full-width div.m-ambient-video, section.m-feature.f-align-right.f-image-priority.full-width div.m-ambient-video
 {width: 66%;}
 }
 /* End game feature CSS*/
 
 /* Gallery tweaks*/
 .media-gallery-single .c-carousel .c-flipper , .media-gallery-single .inlinefilmstrip, .media-gallery-single .OttoFilmstrip {display: none !important;}
 @media only screen and (max-width: 470px){
 .m-hero.ottoinlinemedia .m-hero-item.vid-container, div.lightboxcontent div.lightboxcontainer{
    height:100vw !important;
 }
 }
 
 /* End gallery*/
 
 /* Jump container*/
 .jumpgcontainer p.c-paragraph-1{padding-top: 8px;}
 /*END JC*/
 
 /* Cross Gen CSS*/
 .m-hero-item.cross-gen .c-heading-2{font-weight: 800;}
 /* End Cross Gen CSS*/
 
 /*META CSS*/
 .glyph-repair{position:absolute; bottom:0px; right:10px;}
 .hero-apply-button{position:absolute; padding-left:75px;}
 .hero-apply-button:hover{cursor:pointer;}
 .meta-toggle:hover, .meta-toggle-mobile-height:hover{cursor:pointer;}
 .meta-toggle, .meta-toggle-mobile-height{margin-left:20px; padding:2px; background-color:#00000057;}
 /*END META CSS*/
 
 
 .c-button {
    font-weight: 700;
 }
 .tac{text-align:center;}
 
 #Stealth-Carousel-1 .damVideo{
    width: 100%;
    height: 50vw;
 }
 
 /*** Old sup code from 2017 template, may need later? 
 @media screen and (min-width:540px) {
    .threeP-hero sup {
        left: -.5em !Important;
        top: -1em !important;
        padding-right: 10px;
    }
 }
 
 @media screen and (max-width: 540px) {
    sup {
        left: -.7em !important;
        top: -.6em !important;
        padding-right: 10px;
    }
 }*/
 
 /* Purchase Section */
 #add-ons picture, #add-ons2 picture, #subscriptions picture {
 height: 408px;
 overflow: hidden;
 }
 
 .pricing {
    max-width: 420px;
 }
 @media screen and (max-width: 1083px) {
    .purchase .purchaseSection section:first-child {
        text-align: center;
        padding-bottom:48px;
    }
    .pricing {
        max-width: inherit;
    }
 
    .purchase .purchaseSection section img {
        max-width: 100%;
    }
 
    .pricing {
        margin: 0 auto;
    }
 
    .purchase .purchaseSection .purchaseButtons {
        margin-bottom: 48px;
    }
 }
 
 @media screen and (min-width: 1084px) {
    .purchase .purchaseSection .c-heading-3 {
        padding-top: 0px;
    }
 
    /* uncomment to center content verically */
    /* .contentParent {position: relative;}
 .contentChild {    
     top: calc(-50%);
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%);} 
 */
 }
 
 .getGame {
    margin-bottom: 48px;
 }
 .storefronts .m-banner .c-image {
    width: 125px;
 }
 .storefronts .m-banner .c-logo {
 padding: 24px 40px 96px 40px;
 max-width: 30%;
 }
 @media screen and (max-width: 767px) {
 .storefronts .m-banner .c-logo {
    padding: 24px 0px 48px 0px;
 
 }
 }
 
 .purchase {
    margin-bottom: 48px;
 }
 
    .purchase .padT16 {
        padding-top: 16px !important;
    }
 
    .purchase .padT23 {
        padding-top: 23px !important;
    }
 
    .purchase .purchaseSection .c-paragraph {
        font-size: 15px;
        line-height: 20px;
        padding: 12px 0 0;
        font-weight: 400;
    }
 
    .purchase .purchaseSection .c-group {
        display: block;
        overflow: visible;
        margin-top: 10px;
    }
 
 .btnFat {
    margin-top: 10px;
 }
 
 
 .purchaseDrop {
    margin-top: 12px;
 }
 
    .pricing .leftCol, .pricing .rightCol {
        display: inline-block;
        margin-right: 12px;
    }
 
        .pricing .rightCol img {
            height: 18px;
            width: auto;
            margin-top: 8px;
        }
 
    .pricing h4 {
        font-size: 24px;
        font-weight: 400;
    }
 
        .pricing h4.origPrice {
            text-decoration: line-through;
            color: #696969;
        }
 
    .pricing .gp {
        font-size: 13px;
        font-weight: 700;
    }
 
 .m-product-placement .pricing {
    margin-bottom: 0px;
 }
 
    .m-product-placement .pricing h4 {
        font-size: 15px;
        font-weight: 400;
    }
 
    .m-product-placement .pricing .rightCol img {
        height: 13px;
        margin-top: 5px;
    }
 
 .m-content-placement-item .c-group {
    display: block;
 }
 
 .purchaseSection hr.c-divider {
    margin: 12px 0;
 }
 
 .purchase .f-heavyweight {
    margin-top: 12px !important;
 }
 
 .theme-black .thumbnailarea {
    background-color: #000 !important;
 }
 
 .theme-black .c-pivot header a {
    color: #fff;
 }
 
 .theme-black .c-divider {
    border-top: 1px solid #767676;
 }
 
 .nineTeenTwenty {
    max-width: 1920px;
    margin: 0 auto;
 }
 
 .xpa select {
    display: inline;
    margin-right: 12px;
 }
 
 .xpa .c-image {
    display: inline-block;
 }
 
 .xpa-hide select {
    display: none;
 }
 
 .xpa-hide .c-image {
    margin-top: 24px;
 }
 
 .c-age-rating .c-image {
    float: left;
    width: 68px !important;
 }
 
 @media screen and (max-width: 767px) {
    .glp-pivot .c-pivot > header, .glp-pivot .c-pivot > button {
        display: none !important;
    }
 
    .purchaseDrop {
        margin-bottom: 12px;
    }
 }
 /* End Purchase Section */
 /* EA Access */
 .ea-cta-marg {
    margin-top: 24px;
 }
 
 @media screen and (min-width: 540px) {
    .ea-logo {
        width: 186px;
        margin: 0 auto !important;
    }
 }
 
 @media screen and (max-width: 539px) {
    .ea-logo {
        display: none !important;
    }
 }
 
 
 /* VFI */
 .m-product-placement.f-video a:focus, div.stealth-sub-carousel.center-carousel a:focus, div.storefronts .m-banner a:focus{
    outline: #0F760F dashed 4px !important;
 }
 
 div.xgpBlade .m-hero-item a:focus{
    outline: #ffffff dashed 4px !important;
 }
 
 .m-product-placement-item > a:focus {
    outline: #000 dashed 2px !important;
 }
 
 .purchaseSection select:focus {
    outline: 6px dashed #0F760F;
 }
 
 .theme-black .purchaseSection select:focus {
    outline: 6px dashed #9bf00b;
 }
 
 /* Media Carousel */
 .inline-raven .thumbnailarea {
    display: none;
 }
 
 .c-carousel picture.c-image {
    background-color: #000 !important;
 }
 
 /* Old Media Gallery - remove when metro is fixed */
 .BGtransplay button.c-action-trigger:focus {
    border: 3px dashed #FFF;
 }
 
 .BGtransplay img.c-image, picture.c-image img {
    margin: auto !important;
 }
 
 .BGtransplay a.c-action-trigger, .BGtransplay button.c-action-trigger {
    background: rgba(0,0,0,.6) !important;
    border-radius: 50% !important;
    font-size: 24px !important;
    line-height: 14px !important;
    padding-right: 5px !important;
    height: 48px !important;
    width: 48px !important;
    color: #FFF !important;
 }
 
 .imagecontainer {
    padding: 0;
    position: absolute;
    width: 100%;
    left: 0;
    top: calc(50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    margin: auto;
    right: 0;
 }
 /* Mixer */
 .mixerStatic .m-hero-item > div > div picture, .mixerStream .c-logo {
    max-width: 218px;
 }
 
 .ctaDiv a.c-call-to-action.f-heavyweight:focus {
    outline: #FFF dashed 2px !important;
 }
 
 .mixerStream .ctaDiv {
    margin-top: 14px;
 }
 
 .mixerStream .player {
    max-width: 80%;
    margin: 0 auto;
 }
 
 @media only screen and (max-width:1399px) {
    .mixerStream .c-heading-2 {
        font-size: 24px;
        line-height: 28px;
        padding: 36px 0 4px;
        max-height: auto;
    }
 }
 
 @media screen and (max-width: 767px) {
    .mixerStream .static {
        display: block;
    }
 
    .mixerStream .stream {
        display: none;
    }
 
    .mixerStatic .m-hero-item > div > div picture, .mixerStream .c-logo {
        margin: 0 auto;
    }
 }
 
 @media screen and (min-width: 768px) {
    .mixerStream .static {
        display: none;
    }
 
    .mixerStream .player iframe {
        width: 100%;
        height: 22.2vw;
        border: 0;
    }
 
    .m-highlight-feature div {
        background-color: #000 !important;
        color: #fff !important;
    }
 }
 
 @media screen and (min-width: 1084px) {
    .mixerStream .player iframe {
        height: 29vw;
    }
 }
 
 @media screen and (min-width: 1860px) {
    .mixerStream .player {
        margin-left: 7.9vw;
    }
 }
 
 /* New live gold */
 .live-gold .m-hero-item > div > div picture {
    max-width: 170px;
 }
 
    .live-gold .m-hero-item > div > div picture img {
        width: 100%;
    }
 
 @media screen and (max-width:767px) {
    .live-gold .m-hero-item > div > div {
        color: #000;
    }
 
        .live-gold .m-hero-item > div > div picture {
            display: block;
            margin: 0 auto;
        }
 
        .live-gold .m-hero-item > div > div h2 {
            padding-top: 12px;
        }
 }
 
 @media screen and (min-width:768px) {
    .live-gold .m-hero-item > div > div {
        color: #fff;
    }
 
    .live-gold a.c-call-to-action span, button.c-call-to-action span {
        color: #9bf00b !important;
    }
 
    .live-gold a.c-call-to-action.f-lightweight, button.c-call-to-action.f-lightweight {
        color: #9bf00b !important;
    }
 }
 
 @media screen and (min-width:1084px) {
    .live-gold section {
        height: 30.9vw;
    }
 }
 /* End new live gold */
 
 /* automation */
 .glpbigids, .GLPtranslations {
    display: none;
 }
 
 .priceareas {
    display: block;
 }
 
 #add-ons picture, #subscriptions picture {
    height: 408px;
    overflow: hidden;
 }
 
 .purchaseSection picture.custompsimage {
    display: block;
    /* height: 430px; 
    overflow: hidden; */
 }
 
    .purchaseSection picture.custompsimage img {
        max-width: 324px;
        display: block;
        margin: 12px auto;
    }
 
 @media (max-width: 540px) {
    .purchaseSection picture.custompsimage {
        /* height: 250px; */
    }
 
        .purchaseSection picture.custompsimage img {
            max-width: 180px;
        }
 }
 
 .priceareas.hidden {
    display: none !important;
 }
 
 .custompsimage img {
    border: 1px solid #dedede;
 }
 
 /* gear */
 .xbox-gear {
    margin-bottom: 48px;
 }
 
 @media only screen and (min-width:768px) {
    .xbox-gear .m-highlight-feature > div {
        background: none !important;
        box-shadow: none !important;
        color: black !important;
    }
 
    .gear-black .m-highlight-feature > div {
        color: #fff !important;
    }
 
    .gear-black a.c-call-to-action span {
        color: #9bf00b !important;
    }
 }
 
 /* Text underline for ESRB section*/
 .m-additional-information .c-label a:focus {
    text-decoration: underline !Important;
 }
 
 /* XBOX GAME PASS BLADE CUSTOM CLASS */
 .backgroundBlack {
    background-color: #000;
    color: #fff;
 }
 
 .xgpBlade .m-hero-item.f-x-center > div > div .c-image {
    margin: -80px auto !important;
 }
 
 .xgpBlade a.c-call-to-action, button.c-call-to-action {
    margin-top: -50px !Important;
 }
 
 @media screen and (max-width: 768px) {
    .backgroundBlack {
        background-color: #2f2f2f !important;
    }
 }
 
 /* GAME FEATURES FULL WIDTH*/
 @media screen and (min-width: 768px) {
     .m-ambient-video.pp-right div button { right:24px; }
 }
 
 .gameFeatureFullWidth .m-highlight-feature > div {
    background: none !important;
    color: white !important;
    box-shadow: none !Important;
 }
 
 @media only screen and (min-width:1400px) {
    .gameFeatureFullWidth .m-highlight-feature > div {
        width: 500px !important;
    }
 }
 
 @media only screen and (min-width:1084px) {
    .gameFeatureFullWidth .m-highlight-feature > .right-align {
        margin-right: 10%;
    }
 
    .gameFeatureFullWidth .m-highlight-feature > .left-align {
        margin-left: 10%;
    }
 }
 
 @media only screen and (min-width:768px) {
    .gameFeatureFullWidth .c-heading {
        font-size: 34px !important;
        line-height: 40px !important;
    }
 
    .gameFeatureFullWidth p {
        font-size: 20px !important;
        line-height: 25px !important;
    }
 }
 
 .discounted {
    text-decoration: line-through !important;
 }
 
 /* EA Acess blade */
 /*.ea-access .m-image-intro div p,
 .ea-access .m-image-intro div a { 
  font-size:18px;
 }*/
 @media screen and (max-width:771px) and (min-width:768px){
 .ea-cta-marg{ margin-top:10px;}
 }
 
 /* Accessibility */
 .details a:focus  {
    outline: black dashed 2px !important;
 }
 
 /* subscription area */
 #subscriptions picture {
  overflow: hidden;
 }
 
 /* Tall modified feature */
 .vertX1S .copy-container .badge {max-width: 152px; max-height: 223px; padding: 0 !important; text-align: left !important;}
 .vertX1S .copy-container .badge.vTwo {max-width: 205px; max-height: 97px;}
 .vertX1S .copy-container .badge img {width: 100%; height: 100%;}
 .vertX1S .m-feature {margin-top: 0px;}
 
 @media screen and (min-width: 768px) and (max-width: 1083px) {
  .vertX1S .copy-container .badge.vTwo {width: 125px;}
 }
 @media screen and (min-width: 1084px) {
  .vertX1S .copy-container .badge.vTwo {width: 14vw;}
 }
 @media (min-width: 1300px) and (max-width: 1400px) {
  #Overview{height: 71vw;}
 }
 @media screen and (min-width: 1400px) {
  .c-feature.f-align-right>div.copy-container{top: calc(50% - 48px);}
 }
 
 .vertX1S .copy-container .icons [data-grid~=col-4] img, .vertX1S .copy-container .icons [data-grid~=col-8] img { height: 42px;}
 
 .vertX1S [class*=c-paragraph].f-lean { padding-top: 10px !important;}
 
 @media screen and (max-width: 1500px) and (min-width: 768px) {
 .vertX1S .c-paragraph-2 {font-size: 15px;}
 .vertX1S .copy-container .badge {padding-left:15px; padding-right: 25px;}
 .vertX1S .copy-container .badge.vTwo {padding-left:0px; padding-right: 0px;}
 }
 @media screen and (min-width: 1400px) {
 .vertX1S .copy-container .badge.vTwo {margin-bottom: 20px;}
 }
 @media screen and (max-width: 1400px) and (min-width: 1084px) {
 .vertX1S .c-heading-1, .vertX1S .c-heading-2 {font-size: 34px; line-height: 44px;}
 .vertX1S .c-feature.f-align-left > div, .vertX1S .c-feature.f-align-right > div, .vertX1S .m-feature.f-align-left > div, .vertX1S .m-feature.f-align-right > div {
    top: calc(38%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
 }
 }
 
 @media (max-width: 1083px) and (min-width: 768px) {
 .vertX1S .c-heading-1, .vertX1S .c-heading-2 {font-size: 24px; line-height: 34px}
 .vertX1S .copy-container .icons [data-grid~=col-4] {padding-right: 9px;}
 .vertX1S .copy-container .icons [data-grid~=col-4] img, .vertX1S .copy-container .icons [data-grid~=col-8] img { height: 30px;}
 .vertX1S .copy-container .icons [data-grid~=col-4] p { padding-top: 10px;}
 }
 @media screen and (max-width: 1083px) and (min-width: 860px) {
 .vertX1S .c-feature.f-align-left > div, .vertX1S .c-feature.f-align-right > div, .vertX1S .m-feature.f-align-left > div, .vertX1S .m-feature.f-align-right > div {
    top: calc(38%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
 }
 }
 @media screen and (max-width: 859px) and (min-width: 768px) {
 .vertX1S .c-feature.f-align-left > div, .vertX1S .c-feature.f-align-right > div, .vertX1S .m-feature.f-align-left > div, .vertX1S .m-feature.f-align-right > div {
    top: calc(38%);
    -ms-transform: translateY(-38%);
    transform: translateY(-38%);
 }
 }
 
 @media only screen and (max-width:767px) {
 .vertX1S .copy-container .badge {margin: 0 auto; max-width: 92px; max-height: 135px;}
 .vertX1S .copy-container .badge.vTwo {max-width: 205px; max-height: 97px;}
 [data-grid~='col-4'].lessIcons { width: 16.665%;}
 }
 @media only screen and (max-width:540px) {
 .vertX1S .icons .no-stack [data-grid~='col-4'] { width: 33.33%; float: left !important; padding-left: 4px; padding-right: 4px;}
 .vertX1S .icons .no-stack-2 [data-grid~='col-4'] { width: 50%; float: left !important; padding-left: 4px; padding-right: 4px;}
 .vertX1S .icons .no-stack-2 [data-grid~='col-4'].lessIcons {display: none;}
 }
 
 @media only screen and (min-width:540px) {
 .vertX1S .copy-container .copy {text-align: left;}
 
 }
 @media only screen and (max-width:767px) {
 .vertX1S .copy-container .copy.vTwo {text-align: center;}
 }
 
 @media only screen and (min-width:1084px) {
 [data-grid~='container']#Overview {
    margin: 0 auto;
    padding-right: 5%;
    max-width: 100%;
    padding-left: 0px;
 }
 .vertX1S [data-grid~='col-4'] {
    padding-right: 10px;
 }
 
 }
 @media only screen and (min-width:1779px) {
 .vertX1S .c-feature.f-align-right> div {
    padding-left: 6.5vw;
 }
 }
 
 
 @media screen and (min-width: 1399px) {
 .vertX1S .copy-container .icons {margin-top:47px;}
 }
 
 
 
 @media screen and (max-width: 1398px) and (min-width: 540px) {
    .vertX1S [data-grid~=col-12] {
        margin-top: 10px;
    }
 }
 
 @media screen and (max-width: 540px) {
    .vertX1S [data-grid~=col-4] {
        padding-top: 20px;
        !important
    }
 }
 @media screen and (min-width: 1921px) {
    .vertX1S #Overview {width: 1920px; margin: 0 auto;}
 }
 /* End Tall modified feature */
 
 /* purchase dropdowns */
 .xpa.f-border select {
    padding: 7px 48px 7px 8px;
    border: 1px solid black;
 }
 /* end purchase dropdowns */
 
 /*.m-panes .m-panes-product-placement-item a.c-call-to-action.c-glyph:not(.cta-btn-dark):focus{
 outline-style: dashed !important;
 outline-color: black !important;
 outline-width: 2px !important;
 border-style: dashed !important;
 border-color:white !important;
 border-width: 1px !important;
 }*/
 
 /* CTA line break fixes in the hero */
 @media screen and (max-width:1920px) and (min-width:1400px){
 .platformName{position:relative !Important; width:550px !important; right:30px !Important;}
 }
 
 @media screen and (max-width:1400px) and (min-width:1083px){
 .platformName{position:relative !Important; width:550px !important; right:75px !Important;}
 }
 
 @media screen and (max-width:630px){
 .platformName{width:100%; text-align:center;}
 .desktop-show { display: initial !important;}
 
 }
 
 .hideBreak {
    display: none;
 }
 
 @media screen and (max-width:768px){
 .xboxGamePassLogo{display:block !important;}
 }
 
 
 /* Copy card fixes and added badges */
 @media screen and (max-width:768px){
 .xboxGamePassLogo{display:block !important;}
 }
 
 .xboxGamePassLogo{max-width:190px !important; max-height:32px !important; display:inline-block !important; width:190px !important; padding-bottom:60px !Important;}
 .xboxOneXBadgeLogo{max-width:135px !important; max-height: 60px !important; display:inline !Important; margin-top:-9px !important;}
 .optimizedLogo{max-width:180px !important; max-height:80px !important;}
 
 
 /* Optimized blade fix for 1 colum */
 @media screen and (min-width:768px){
 .vertX1S .oneColumn [data-grid*="col-"] {float:none !Important;}
 }
 
 @media screen and (max-width: 768px){
 .vertX1S .oneColumn [data-grid*="col-"] {
    float: none;
    width: 100%;
    display: block;
    padding: inherit 0;
  }
 }
 .pricing .context-glyph-tile .c-glyph {
    font-size: 20px;
    margin-bottom: 12px;
    font-family: "MWF-MDL2";
 }
 .pricing .rightCol .context-glyph-tile {
    top: 1px;
    position: relative;
 }
 
 @media screen and (min-width: 2500px) {
 .custom-sb-hero .copy-left .content-div>div {
    left: -7vw !important;
  }
 }
 
 @media only screen and (min-width: 1921px) {
 section.m-hero-item {
    max-width: 100% !important;
    margin: 0 auto !Important;
  }
 }
 
 
 .esrbblade a:focus{
      outline:2px dashed #fff !important;
 }
 @media (min-width: 1500px) {
  .esrbblade .c-age-rating .c-content-toggle {
    padding-right: 40px;
  }
 }
 
 .heroLogos a:focus {
  outline: 2px dashed #fff !important;
 }
 
 
 /* Accessibility Fixes */
 
 @media screen and (-ms-high-contrast: active) {
  .heroXGP .joinNowCTA{
         color:black !important;
         background-color:white !important;
  }
 
 }
 
 @media (forced-colors: active) {
 .heroXGP a:focus {forced-color-adjust: none !important;}
 .heroLogos a {forced-color-adjust: none !important;}
 .xboxGamePassLogo {forced-color-adjust: none !important;}
 .m-hero-item {forced-color-adjust: none !important;}
 }
 
 
 /* Accessibility Fixes */
 
 
 /* Video Hero Section */
 
 @media only screen and (min-width: 1920px){
 .custVidHeroCopy .m-hero-item.glp-hero>div div {
    top: calc(70%);
 
 }
 }
 
 
 /*
 @media screen and (min-width: 1920px) {
 .custVidHeroCopy .m-hero-item.f-x-right>div>div ,
 .custVidHeroCopy .m-hero-item.f-x-left>div>div {
    margin-top: 2.9% !Important;
 }
 }
 */
 
 @media only screen and (min-width: 768px) and (max-width: 1083px) {
 .custVidHeroCopy section.m-hero-item.glp-hero.mobile-520 {
    height: calc(480px + 10vw);
    margin-top:-5% !important;
 }
 .custVidHeroCopy section.m-hero-item.glp-hero.mobile-440 {
    height: calc(420px + 12vw);
     margin-top:-5% !important;
 }
 .custVidHeroCopy section.m-hero-item.glp-hero.mobile-320 {
    height: calc(230px + 8vw);
     margin-top:-5% !important;
 }
 .custVidHeroCopy section.m-hero-item.glp-hero.mobile-220 {
    height: calc(150px + 8vw);
     margin-top:-5% !important;
 }
 }
    
 
 @media screen and (min-width:768px) and (max-width:1083px) {
    .custVidHeroCopy. m-hero-item .opacity75 {
        background-color: rgba(0, 0, 0, 0.7) !important;
        padding-bottom: 48px !important;
    }
 }
 
 .custVidHero .m-ambient-video div button {
    z-index: 10;
 }
 
 @media screen and (min-width:1084px) {
    .custVidHeroCopy {
        transform: translateY(-56vw);
        background-color: transparent !important;
    }
 
    .custVidHeroCopy .m-hero-item {
        position: absolute;
        background-color: transparent !important;
    }
 }
 
 @media only screen and (max-width: 1083px) and (min-width: 768px) {
 
    .custVidHeroCopy section.m-hero-item.glp-hero>div>div {
        top: 0 !important;
        padding-bottom: 0px !important;
    }
 
 }
 
 @media screen and (max-width: 859px) {
    .custVidHeroCopy .m-hero-item.glp-hero.f-transparent.f-precise-click {
        margin-top: inherit;
    }
 
    
 }
 
 @media only screen and (max-width: 767px) {
    .custVidHeroCopy .m-hero-item.theme-black.glp-hero.f-y-center>div>div {
        top: calc(0%);
    }
 }
 
 
 @media only screen and (max-width: 540px) {
    .custVidHeroCopy .m-hero-item.theme-black.glp-hero.f-y-center>div>div {
        top: calc(0%);
    }
 
 }
 
 @media only screen and (min-width: 580px) and (max-width: 767px) {
 .custVidHeroCopy  section.m-hero-item.glp-hero.mobile-520 {
    height: calc(310px + 30vw);
 }
 .custVidHeroCopy  section.m-hero-item.glp-hero.mobile-440 {
    height: calc(400px + 10vw);
 }
 
 .custVidHeroCopy  section.m-hero-item.glp-hero.mobile-320 {
    height: calc(260px + 5vw);
 }
 
 .custVidHeroCopy  section.m-hero-item.glp-hero.mobile-220 {
    height: calc(200px + 5vw);
 }
 
 }
 
 @media only screen and (min-width: 415px) and (max-width: 580px) {
 .custVidHeroCopy section.m-hero-item.glp-hero.mobile-520 {
    height: calc(450px + 10vw);
 }
 .custVidHeroCopy section.m-hero-item.glp-hero.mobile-440 {
    height: calc(450px + 5vw);
 }
 .custVidHeroCopy section.m-hero-item.glp-hero.mobile-320 {
    height: calc(200px + 13vw);
 }
 .custVidHeroCopy section.m-hero-item.glp-hero.mobile-220 {
    height: calc(150px + 10vw);
 }
 .c-hero.f-transparent:before, .m-hero-item.f-transparent:before {
    padding-bottom: 45.2% !important;
    padding-top: 0px;
  }
 }
 
 @media only screen and (max-width: 414px) and (min-width: 376px) {
    .custVidHeroCopy .m-hero-item.theme-black.glp-hero.f-y-center>div>div {
        top: calc(59%);
    }
 }
 
 @media only screen and (max-width: 375px) and (min-width: 321px) {
    .custVidHeroCopy .m-hero-item.theme-black.glp-hero.f-y-center>div>div {
        top: calc(59%);
    }
 }
 
 @media only screen and (max-width: 320px) {
    .custVidHeroCopy .m-hero-item.theme-black.glp-hero.f-y-center>div>div {
        top: calc(67%);
    }
 }
 
 @media only screen and (min-width: 1920px) {
    #BodyContent>div:nth-child(2) {
        background-color: black !important;
    }
 
    .custVidHero {
        max-width: 1920px;
        margin-left: auto;
        margin-right: auto;
    }
 
    .custVidHeroCopy {
        transform: translateY(-1295px);
    }
 
    .custVidHeroCopy .m-hero-item.glp-hero>div {
        margin-right: calc((101% - 1600px) * .25);
    }
    /*
    .custVidHeroCopy .m-hero-item.glp-hero>div div {
        top: 550px;
        transform: translateY(0px);
    }*/
 }
 
 @media only screen and (max-width: 768px) {
    .custVidHeroCopy .m-hero-item>div {
        height: 600px !important;
    }
 }
 
 
 
 @media screen and (max-width:767px) and (min-width:580px) {
 .mobile520hero.custVidHeroCopy .m-hero-item.f-transparent:before {
    padding-bottom: 20%;
 }
 .mobile440hero.custVidHeroCopy .m-hero-item.f-transparent:before {
    padding-bottom: 30% !important;
 }
 .mobile320hero.custVidHeroCopy .m-hero-item.f-transparent:before {
    padding-bottom: 20% !important;
 }
 .mobile220hero.custVidHeroCopy .m-hero-item.f-transparent:before {
    padding-bottom: 15% !important;
 }
 }
 
 @media screen and (max-width:580px) and (min-width:415px) {
 .mobile520hero.custVidHeroCopy .m-hero-item.f-transparent:before {
    padding-bottom: 55%;
 }
 
 .mobile440hero.custVidHeroCopy .m-hero-item.f-transparent:before {
    padding-bottom: 40% !important;
 }
 .mobile320hero.custVidHeroCopy .m-hero-item.f-transparent:before {
    padding-bottom: 20% !important;
 }
 .mobile220hero.custVidHeroCopy .m-hero-item.f-transparent:before {
    padding-bottom: 15% !important;
 }
 }
 
 
 
 @media screen and (max-width:580px){
 .c-hero.f-transparent:before, .m-hero-item.f-transparent:before {
    padding-bottom: 55%;
 }
 }
 
 @media only screen and (min-width: 580px) and (max-width: 415px) {
 section.m-hero-item.glp-hero.mobile-520 {
    height: calc(350px + 30vw);
 }
 
 }
 
 @media screen and (max-width:415px){
 
 .mobile520hero.custVidHeroCopy .f-transparent:before {
    padding-bottom: 0%;
 }
 .mobile440hero.custVidHeroCopy .f-transparent:before  {
    padding-bottom: 10% !important;
 }
 .mobile320hero.custVidHeroCopy .f-transparent:before  {
    padding-bottom: 5% !important;
 }
 .mobile220hero.custVidHeroCopy .f-transparent:before  {
    padding-bottom: 2% !important;
 }
 .mobile520hero.custVidHeroCopy .m-hero-item>div {
    height: 400px !important;
  }
 .mobile440hero.custVidHeroCopy .m-hero-item>div {
    height: 400px !important;
  }
 .mobile320hero.custVidHeroCopy .m-hero-item>div {
    height: 300px !important;
  }
 .mobile220hero.custVidHeroCopy .m-hero-item>div {
    height: 340px !important;
  }
 }
 
 @media only screen and (min-width: 321px) and (max-width: 375px) {
 .custVidHeroCopy section.m-hero-item.glp-hero.mobile-520 {
    height: 620px;
  }
 .custVidHeroCopy section.m-hero-item.glp-hero.mobile-440 {
    height: 560px;
  }
 
 .custVidHeroCopy section.m-hero-item.glp-hero.mobile-320 {
    height: 600px;
  }
 
 .custVidHeroCopy section.m-hero-item.glp-hero.mobile-220 {
    height: 300px;
  }
 }
 
 @media only screen and (min-width: 376px) and (max-width: 414px) {
 .custVidHeroCopy section.m-hero-item.glp-hero.mobile-520 {
    height: 600px !Important;
  }
 .custVidHeroCopy  section.m-hero-item.glp-hero.mobile-440 {
    height: 520px;
  }
 .custVidHeroCopy  section.m-hero-item.glp-hero.mobile-320 {
    height: 650px;
  }
 .custVidHeroCopy section.m-hero-item.glp-hero.mobile-220 {
    height: 300px;
  }
 }
 
 
 @media screen and (max-width: 320px) {
 .custVidHeroCopy .m-hero-item>div {
    height: 350px !important;
 }
 
 .custVidHeroCopy section.m-hero-item.glp-hero.mobile-520 {
    height: 650px;
 }
 
 .custVidHeroCopy section.m-hero-item.glp-hero.mobile-440 {
    height: 550px;
 }
 
 .custVidHeroCopy section.m-hero-item.glp-hero.mobile-320 {
    height: 400px;
 }
 .custVidHeroCopy section.m-hero-item.glp-hero.mobile-220 {
    height: 350px;
 }
 }
 
 
 /*
 
 @media screen and (min-width:1083px){
 .staticVideo{display:none !important;}
 }
 
 @media screen and (max-width:1083px){
 .custVidHero{display:none !important;}
 .staticVideo{display:block !important;}
 }
 */
 
 @media screen and (min-width:1920px){
 .custVidHeroCopy .m-hero-item.f-x-right>div>div {
    margin-right: 4.1% !important;
 }
 }
 /* VIDEO HERO */
 
 
 /* FIREFOX HC FIXES */
 
 
 .high-contrast-mode.white-on-black .heroLogos a:focus{    
    border:2px dashed white !Important;
    padding-top:30px;
    padding-bottom:30px;
 }
 
 .high-contrast-mode.black-on-white .heroLogos a:focus{    
    border:2px dashed white !Important;
    padding-top:30px;
    padding-bottom:30px;
 }
 
 .heroLogos a:focus+img {border:2px solid red !important;}
 
 .m-product-placement section.pricing .rightCol {
    max-width: 180px !important;
    white-space: normal;
    vertical-align: top;
 }
 
 /* platforms in hero copy card */
 .popicons span.c-paragraph-3 {
  font-weight: 700;
 } 
 
 
 .heroLogos a:link, .heroLogos a:focus, .heroLogos a:active {
    padding-top: 20px;
    padding-bottom:20px;
 }
 
 /* xbox game pass EA logo */
 .xboxGamePassEALogo {
  max-width: 277px !important;
  max-height: 32px !important;
  display: inline-block !important;
  width: 277px !important;
  padding-bottom: 60px !Important;
 }
 
 /* EA PLAY BLADE LOGO */
 .eaPlayLogo {
  max-width:392px;
  height:90px;
 }
 
 @media screen and (max-width:1440px) and (min-width:1084px) {
 .eaPlayLogo {
  width:220px;
 }
 }
 
 /*
 @media screen and (max-width:858px){
 .nineTeenTwenty.m-image{padding-top:88px !Important;}
 }
 */
 
 
 /* xbox game pass for pc logo */
 .xgpPc-logo {
    max-width: 300px !important;
    max-height: 59px !important;
    display: inline-block !important;
    width: 100% !important;
    padding-bottom: 48px !Important;
    padding-top: 3px !important;
   }
 
 .xgpUltimate-logo {
   max-width: 335px !important;
    max-height: 40px !important;
    display: inline-block !important;
    width: 100% !important;
    padding-bottom: 65px !Important;
    margin-top:-6px;
 }
 
 .xgp-paid-media-hero .m-hero-item .heroXGP a {
    padding-bottom: 5px !important;
 }
 
 /* Game Box Shot Section - quality games */
 
 @media only screen and (min-width: 768px) and (max-width: 1083px) {
    section.m-hero-item.glp-hero.mobile-sem {
        height: calc(335px + 52vw);
    }
 }
 
 @media only screen and (min-width: 400px) and (max-width: 767px) {
    section.m-hero-item.glp-hero.mobile-sem {
        height: calc(350px + 52vw);
    }
 }
 @media only screen and (max-width: 399px) {
    section.m-hero-item.glp-hero.mobile-sem {
        height: calc(375px + 52vw);
    }
 }
 
 
 .sem .m-hero-item.f-y-center.f-transparent>div>div,
 .sem .c-hero.f-y-center.f-transparent>div>div {
    top: 120px;
    top: calc(50%);
 }
 
 
 
 .sem.newXGPshared {
    padding-top: 28px;
    background: #000;
 }
 @media screen and (min-width: 768px) {
    .sem.newXGPshared .m-hero-item.f-x-center>div>div {
        width: 100%;
        min-width: 0;
        max-width: 80%;
    }
    .sem.newXGPshared {
        padding-top: 80px;
    }
 }
 
 @media screen and (min-width: 1084px) {
    .sem.newXGPshared .m-hero-item.f-x-center>div>div {
        max-width: 70%;
    }
 }
 
 
 /* Boxshot Content */
 
 .gameDiv a img.c-image.xpa {
    margin-top: 4px;
    outline: none;
 }
 
 .itemHide {
    display: none !important;
 }
 
 .gameDivCTA {
    text-align: center;
    margin-bottom: 4vw;
 }
 
 div.gameDivsWrapper {
    text-align: center;
    width: 100%;
    max-width: 1600px;
 }
 
 .gameDivsWrapper .gameDiv {
    text-align: left;
    display: inline-block;
    margin: 24px 10px 16px;
    vertical-align: top;
    min-width: 124px;
    max-width: 219px;
    width: 18% !important;
 
      border: 0 !important;
      padding: 0 !important;
      white-space: normal;
 }
 
 .m-heading-4+[class*=m-] {
    padding-top: 0;
 }
 
 .containerIMG {
    position: relative;
 }
 
 .containerIMG .c-image {
    width: 100%;
    max-width: 219px;
 }
 
 .overlay360 {
    position: absolute;
    width: 100%;
 }
 
 .overlay360 img {
    width: 100%;
 }
 
 .playsOn,
 .xpaGame {
    position: absolute !important;
    width: 100% !important;
    bottom: 0;
    left: 0;
 }
 
 .gameDivsWrapper {
    padding-top: 22px;
    padding-bottom: 96px;
 }
 
 .m-product-placement-item.f-size-medium.gameDiv picture {
  width: auto !important;
  height: 100% !important;
 }
 
 .m-product-placement-item.f-size-medium.gameDiv picture img {
  position: static;
  transform: none;
 }
 
 .c-table {
    padding: 0 32px;
 }
 .tg-table-heading.c-heading-4 {
     padding-top: 24px;
 }
 
 /* PC Game Pass logo */
 .tg-svgHeroLogos.glpPcGamePassLogo { width:328px; height:48px !Important;}
 
 
 /* Purchase options 2nd CTA */
 @media screen and (max-width:375px) {
 #hero-10 .purchaseOptionsCTA {
    padding-left: 0px !Important;
  }
 .m-hero-item.glp-hero.f-y-center>div>div {
     padding:0px !important;
 }
 }
 
 @media screen and (min-width:1083px) {
 .popicons{position:relative !Important; top:20px !important;}
 }
 
 
 /* Addon VFI AQA fix */
 .m-product-placement-item.f-size-large {
    padding-left: 10px !important;
    padding-bottom: 10px !important;
 }
 
 .theme-light.f-transparent .heroLogos a:focus {
  outline:2px dashed black !important;
 }
 
 
 /* EA Play Xbox Game Pass logo */
 .EaPlayGamePassLogo{ width:277px; height:32px !Important; display:inline-block !Important;  padding-bottom:68px !Important;}
 
 
 
 /* Hero Mobile Fix */
 /*
 @media screen and (max-width: 859px) {
 .heroMobileFix .m-hero-item.glp-hero >picture img{padding-top:88px !Important;}
 }
 
 @media only screen and (min-width: 860px) and (max-width: 1083px) {
 .heroMobileFix section.m-hero-item.glp-hero>div>div {
    transform: translateY(50px) !important;
 }
 }
 
 @media only screen and (min-width: 768px) and (max-width: 859px) {
 .heroMobileFix .m-hero-item.mobile-520.glp-hero.f-y-center>div>div {
    top: calc(48%) !important;
 }
 
 .heroMobileFix .m-hero-item.mobile-480.glp-hero.f-y-center>div>div {
    top: calc(52%) !important;
 }
 
 .heroMobileFix .m-hero-item.mobile-440.glp-hero.f-y-center>div>div {
    top: calc(50%) !important;
 }
 
 .heroMobileFix .m-hero-item.mobile-370.glp-hero.f-y-center>div>div {
    top: calc(55%) !important;
 }
 .heroMobileFix .m-hero-item.mobile-320.glp-hero.f-y-center>div>div {
    top: calc(60%) !important;
 }
 }
 
 @media only screen and (min-width: 320px) and (max-width: 767px) {
 .heroMobileFix .m-hero-item.mobile-520.glp-hero.f-y-center>div>div {
    top: calc(94%) !important;
 }
 .heroMobileFix .m-hero-item.mobile-480.glp-hero.f-y-center>div>div {
    top: calc(85%) !important;
 }
 .heroMobileFix .m-hero-item.mobile-440.glp-hero.f-y-center>div>div {
    top: calc(80%) !important;
 }
 .heroMobileFix .m-hero-item.mobile-370.glp-hero.f-y-center>div>div {
    top: calc(70%) !important;
 }
 .heroMobileFix .m-hero-item.mobile-320.glp-hero.f-y-center>div>div {
    top: calc(60%) !important;
 }
 .heroMobileFix section.m-hero-item.glp-hero.mobile-520 {
    height: calc(600px + 68vw) !important;
 }
 .heroMobileFix section.m-hero-item.glp-hero.mobile-480 {
    height: calc(560px + 62vw) !important;
 }
 .heroMobileFix section.m-hero-item.glp-hero.mobile-440 {
    height: calc(550px + 58vw) !important;
 }
 .heroMobileFix section.m-hero-item.glp-hero.mobile-370 {
    height: calc(380px + 82vw) !important;
 }
 .heroMobileFix section.m-hero-item.glp-hero.mobile-320 {
    height: calc(300px + 72vw);
 }
 }
 
 @media only screen and (min-width: 768px) and (max-width: 1083px) {
 .heroMobileFix section.m-hero-item.glp-hero.mobile-520 {
    height: calc(580px + 66vw) !important;
 }
 .heroMobileFix section.m-hero-item.glp-hero.mobile-370 {
    height: calc(520px + 52vw) !important;
 }
 .heroMobileFix section.m-hero-item.glp-hero.mobile-320 {
    height: calc(550px + 42vw) !important;
 }
 }
 */
 
 
 /**Social Icons Margin**/
 @media screen and (max-width: 1083px) {
 .xboxSocial .m-social {
    margin-bottom: 18px !important;
   }
 }
 
 
 /* Iphone Add info fix */
 @media screen and (max-width:539px) {
 .esrbblade [data-grid*="col-"] {padding: 0 !important; }
 .esrbblade h4 {padding-top:10px !Important;}
 }
 
 /* ESRB paragraph padding */
 .esrbblade .c-paragraph-4 {padding-bottom:30px; }
 
 /* pp-button HC fix */
 /*
 @media screen and (-ms-high-contrast: black-on-white) {
 .custVidHero [class*="m-"] button:not(.c-select-button):not(.c-sequence-indicator):hover:not(:disabled), 
 .custVidHero [class*="m-"] button:not(.c-select-button):not(.c-sequence-indicator):focus:not(:disabled) {
    background-color: white !Important;
 }
 }
 */
 
 
 
 
 /* A/B Test Hero Module */
 .hero-test .m-hero-item.glp-hero>div>div { 
   background-color: transparent;
 }
 
 .hero-test .popicons {
    padding-top:0px;
    padding-bottom:5px;
    top:5px !important;
    font-size:20px; 
    display:block;
 } 
 
 .hero-test .popicons span.c-paragraph-3 { 
   font-size: 20px; 
 }
 
 .hero-test .heroTestGPLogo { 
   max-width:96px; 
   margin: 0 auto; 
   padding-bottom:10px;
 }
 
 .hero-test .m-product-placement-item.context-video picture {
 display:block;
 }
 
 @media only screen and (min-width: 768px) {
   .hero-test .m-hero-item.f-y-center.f-transparent>div>div {
    top: calc(50%) !important;
 }
 .hero-test .m-product-placement {
    padding-bottom:1% !important;
  }
 }
 
 @media only screen and (min-width:1084px) {
  .hero-test .ctaPadTop {
  padding-top:24px !important;
 }
 
 .hero-test .heroTestGPLogo {
  padding-bottom:12px !important;
 }
 }
 
 
 
 
 @media only screen and (min-width: 376px) and (max-width: 414px) {
   .hero-test section.m-hero-item.glp-hero.mobile-560 {
    height: 900px;
 }
 }
 
 @media only screen and (max-width: 1399px) and (min-width:1084px) {
   .hero-test .m-hero-item h1 {
    font-size:34px;
    line-height:40px;
 }
   .hero-test .m-product-placement-item.f-size-large.context-video {
    width:260px !important;
    height:auto;
    margin-right: 0px !Important;
 }
 .hero-test .m-product-placement-item.f-size-large.context-video img {
   width:260px !Important;
   margin-left:-5% !Important;
 }
 .hero-test .m-product-placement-item a.c-action-trigger.c-glyph {
   margin-left:-12%;
   margin-top:-5%;
 }
 }
 
 @media only screen and (max-width:1084px) and (min-width:768px) {
 .hero-test .m-product-placement {
    padding-top:0px !important;
  }
  .hero-test .ctaPadTop {
  padding-top:20px !important;
 }
 
 .hero-test h1 {
  padding-bottom:1.5% !important;
 }
 
 .hero-test .heroTestGPLogo {
  padding-bottom: 2.5% !important;
 }
 
 .hero-test .popicons {
  padding-bottom:1%
 }
 }
 
 @media screen and (max-width:1083px) {
  .hero-test .m-hero-item h1 {
    font-size:34px;
    line-height:40px;
 }
 }
 
 @media only screen and (max-width: 767px) {
   .hero-test .m-hero-item>div picture {
    display: block;
 }
  .hero-test .ctaPadTop {
  padding-top:20px !important;
 }
 
 .hero-test h1 {
  padding-bottom:2.1% !important;
 }
 
 .hero-test .heroTestGPLogo {
  padding-bottom: 3.5% !important;
 }
 
 .hero-test .popicons,
 .hero-test .m-product-placement {
  padding-bottom:1%;
 }
 }
 
 @media only screen and (max-width:580px) {
  .hero-test .mobGetItNowCta {
    margin-top:12px;
    left:-7px;
 }
 .hero-test .m-hero-item>div {
   width:97%;
 }
    .hero-test .m-product-placement-item.f-size-large.context-video {
    width:260px !important;
    height:auto;
    margin-right: 0px !Important;
 }
 .hero-test .m-product-placement-item.f-size-large.context-video img {
   width:260px !Important;
   margin-left:-5% !Important;
 }
 .hero-test .m-product-placement-item a.c-action-trigger.c-glyph {
   margin-left:-12%;
   margin-top:-5%;
 }
 .hero-test .mobileParPad {
   padding-top:0px !important;
 }
 }
 
 @media only screen and (max-width:415px) {
  .hero-test .m-product-placement-item.context-video img {
    width: 268px !important;
    margin-left:-2% !important;
  }
 }
 
 .hero-test .m-product-placement .c-carousel .c-flipper.f-previous,
 .hero-test .m-product-placement .c-carousel .c-flipper.f-next{
   display:none !important;
 }
 
 .hero-test .m-product-placement-item>a{
    border: 1px solid #9bf00b !important;
    
 }
 
 .hero-test .m-product-placement-item a.c-action-trigger.c-glyph {
 border: none !important;
 }
 
 .hero-test .m-product-placement-item.f-size-large.context-video {
   margin-right:0px !important;
 }
 
 .hero-test .m-product-placement {
    padding-top: 1% !important;
  }
 
 /* A/B Test Hero Module */
 
 
 
 
 /* Info Bar */
 @media only screen and (min-width:0px) {
   .infoBar .tabCustomPad {
     padding-top:17px !important;
     padding-bottom:25px !important;
  }
 }
 
 @media only screen and (min-width:540px) {
   .infoBar .tabCustomPad {
     padding-top:48px !important;
     padding-bottom:48px !important;
  }
 }
 
 @media screen and (min-width:600px) {
  .infoBar .borderRight {
  border-right:1px solid #505050;
  min-height:8.5vw;
 }
 .infoBar .contentBox {
    margin-top:12%;
 }
 }
 
 @media only screen and (min-width:1400px) {
   .infoBar .tabCustomPad {
     padding-top:96px !important;
     padding-bottom:48px !important;
  }
 }
 
 @media screen and (max-width:1399px) {
 .infoBar [data-grid~="col-2"] { 
   width:33.333%;
 }
 .infoBar .borderRight,
 .infoBar .noBorder {
    margin-top:48px; 
 }
 .infoBar  .bottomRow {
    padding-bottom: 0px !important;
 }
 .infoBar .borderRight:nth-of-type(3) {
  border-right:none;
 }
 
 }
 
 @media screen and (max-width:599px) {
 .infoBar .borderRight:nth-of-type(1),
 .infoBar .borderRight:nth-of-type(3),
 .infoBar .borderRight:nth-of-type(5)  {
  border-right:1px solid #505050;
 }
 
 .infoBar [data-grid~="col-2"] {
   width:50%;
 }
 
 .infoBar .infoBarSection div div {
    padding-top:15px;
 }
 
 .infoBar [data-grid~="stack-4"]>[data-grid] {
   padding-bottom:0;
 }
 }
 
 @media screen and (max-width: 539px) {
   .infoBar [data-grid*="col-"] {
     float:left;
   }
 }
 
 @media screen and (max-width: 413px) {
   .infoBar [data-grid~="col-2"] {
      width:50%;
      margin-left:0%;
   }
   .infoBar p  {
     width:100%;
   }
 }
 
 @media screen and (max-width: 355px) {
 .infoBar p {
     width: 50%;
     margin-left: 25%;
  }
 }
 
 .infoBar .infoBarLogo img { 
  max-height:32px;
  width:auto;
 }
 
 .infoBar .heading {
  font-weight:700 !important;
 }
 
 .infoBar .infoBarSection p{
  line-height:20px;
 }
 
 .infoBar .iconPadBottom { 
  padding-top:20px !important;
 }
 
 .infoBar .borderRightPadBottom {
  padding-bottom:25px;
 }
 
 .infoBar .iconPadFirstPar {
   padding-top:15px; 
 }
 
 
 
 /* Info Bar 5up */
 @media screen and (min-width:600px){
 .infoBar .infoBarFiveUp .borderRight {
     min-height: 150px;
  }
 }
 
 
 @media screen and (max-width: 599px) {
 .infoBar .infoBarFiveUp .borderRight {
     min-height: 170px;
  }
 }
 
 @media screen and (min-width: 768px) {
 .infoBar .infoBarFiveUp [data-grid~="col-2"] {
     width: 20%;
  }
 .infoBar .infoBarFiveUp .borderRight {
     border-right: 1px solid #505050;
  }
 }
 
 
 
 @media screen and (max-width:767px) {
  .infoBar .infoBarFiveUp [data-grid~="col-2"] {
     width: 50% !Important;
  }
 .infoBar .infoBarFiveUp .borderRight {
     border-right: none;
  }
 .infoBar .infoBarFiveUp .borderRight:nth-of-type(1),
 .infoBar .infoBarFiveUp .borderRight:nth-of-type(3) {
     border-right: 1px solid #505050 !important;
  }
 }
 
 @media screen and (max-width: 1399px) {
 .infoBar .infoBarFiveUp .borderRight:nth-of-type(3) {
     border-right: 1px solid #505050 !important;
  }
 }
 
 @media screen and (min-width:1400px) {
 .infoBar .infoBarFiveUp  [data-grid~="container"] {
  padding-left:8.5% !important;
  }
 .infoBar .infoBarFiveUp [data-grid~="col-2"] {
     width: 19.25%;
  }
 }
 
 @media screen and (max-width:415px) {
  .infoBar .infoBarFiveUp [data-grid~="col-2"] {
     width: 45% !Important;
  }
 }
 
 /* Info Bar 5up */
 
 /* Info Bar */
 
 
 /* Custom Copy Card Hero Module */
 .custCopyCard .m-hero-item .cardContent{
   padding-top:36px !important;
   padding-bottom:45px !important;
 }
 
 .custCopyCard .copyCardDesc {
   padding-top:32px;
 }
 
 .custCopyCard  .popicons {
    padding-top:4px;
    padding-bottom:24px;
    top:5px !important;
    font-size:20px; 
    display:block;
 } 
 
 .custCopyCard  .popicons span.c-paragraph-3 { 
   font-size: 20px; 
 }
 
 .custCopyCard .copyCardDesc.noReleaseDate {
   padding-bottom:20px;
 }
 
 .custCopyCard  .custCopyCardGPLogo { 
   max-width:96px; 
   margin: 0 auto; 
   padding-bottom:10px;
 }
 
 
 
 @media only screen and (min-width:1084px) {
  .custCopyCard  .ctaPadTop {
  padding-top:24px !important;
 }
 
 .custCopyCard  .custCopyCardGPLogo {
  padding-bottom:12px !important;
  }
 .custCopyCard.pre-order .m-hero-item.glp-hero>div>div  {
     width: 470px !important;
     max-width: 470px !Important;
  }
 }
 
 @media only screen and (min-width: 1400px) {
 .custCopyCard .m-hero-item.glp-hero>div>div  {
     width: 450px !important;
     max-width: 450px !Important;
  }
 }
 
 @media only screen and (max-width: 1399px) and (min-width:1084px) {
   .custCopyCard .m-hero-item h1 {
    font-size:34px;
    line-height:40px;
  }
   .custCopyCard .heroPad48 {
         padding-top: 42px !important;
    }
 }
 
 
 @media only screen and (max-width:1084px) and (min-width:768px) {
 
 .custCopyCard section.m-hero-item.glp-hero.mobile-480  {
   height: calc(550px + 50vw);
 }
 
 .custCopyCard.custVidHeroCopy .m-hero-item.f-y-center.f-transparent>div>div {
        top: calc(60%) !important;
 }
 
 
 .custCopyCard .custVidHeroCopy section.m-hero-item.glp-hero.mobile-560,
 .custCopyCard .custVidHeroCopy section.m-hero-item.glp-hero.mobile-480  {
     height: calc(630px + 45vw);
 }
 
 
 .heroMobileFix.custCopyCard section.m-hero-item.glp-hero.mobile-520>div>div{
     top: calc(58%) !important;
 }
 
 .heroMobileFix.staticHero.custCopyCard section.m-hero-item.glp-hero.mobile-520>div>div{
     top: calc(48%) !important;
 }
 
 .heroMobileFix.custCopyCard section.m-hero-item.glp-hero.mobile-480>div>div{
     top: calc(53%) !important;
 }
 .heroMobileFix.custCopyCard section.m-hero-item.glp-hero.mobile-440>div>div{
     top: calc(70%) !important;
 }
 
 .custCopyCard  h1 {
  padding-bottom:1.5% !important;
 }
 
 .custCopyCard  .custCopyCardGPLogo {
  padding-bottom: 2.5% !important;
 }
 
 .custCopyCard  .popicons {
  padding-bottom:1%
  }
 }
 
 @media screen and (max-width:1083px) {
  .custCopyCard  .m-hero-item h1 {
    font-size:34px;
    line-height:40px;
  }
  .custCopyCard.staticVideo {
       position: absolute !Important;
   }
 .custCopyCard .popicons.manualIcons {
     padding-bottom: 24px !important;
  }
  .custCopyCard  .ctaPadTop {
  padding-top:38px !important;
  }
 }
 
 @media only screen and (max-width: 768px) {
   .custCopyCard  .m-hero-item>div picture {
    display: block;
 }
   .custCopyCard.custVidHeroCopy .m-hero-item.mobile-560.glp-hero.f-y-center>div>div {
     top: calc(65%);
   }
 
 .custCopyCard  h1 {
  padding-bottom:2.1% !important;
 }
 
 .custCopyCard .heroTestGPLogo {
  padding-bottom: 3.5% !important;
 }
 
 .custCopyCard .popicons,
 .custCopyCard  .m-product-placement {
  padding-bottom:1%;
  }
 }
 
 @media screen and (max-width:680px) {
      .custCopyCard.custVidHeroCopy .m-hero-item.mobile-560.glp-hero.f-y-center>div>div {
        top: calc(60%) !important;
   }
 }
 
 @media only screen and (max-width:580px) {
  .custCopyCard .mobGetItNowCta {
    margin-top:12px;
    left:-7px;
 }
 .custCopyCard .m-hero-item>div {
   width:97%;
 }
 .hero-test .mobileParPad {
   padding-top:0px !important;
  }
  .custCopyCard.custVidHeroCopy .m-hero-item.mobile-560.glp-hero.f-y-center>div>div {
        top: calc(65%) !important;
   }
 }
 
 
 @media only screen and (min-width: 415px) and (max-width: 767px) {
    .custCopyCard .custVidHeroCopy section.m-hero-item.glp-hero.mobile-560, 
    .custCopyCard .custVidHeroCopy section.m-hero-item.glp-hero.mobile-480{
        height: calc(600px + 60vw);
   }
 .heroMobileFix.custCopyCard section.m-hero-item.glp-hero.mobile-520>div>div {
     top: calc(110%) !important;
  }
 .heroMobileFix.custCopyCard section.m-hero-item.glp-hero.mobile-480>div>div {
     top: calc(90%) !important;
  }
 .custCopyCard.custVidHeroCopy .m-hero-item.mobile-480.glp-hero.f-y-center>div>div {
    top: calc(60%) !important;
 }
 .heroMobileFix.custCopyCard section.m-hero-item.glp-hero.mobile-440>div>div {
     top: calc(130%) !important;
  }
 }
 
 
 @media screen and (max-width:415px) {
       .custCopyCard .custVidHeroCopy  .m-hero-item.f-y-center.f-transparent>div>div {
        top: calc(350%) !important;
     }
   .custCopyCard.custVidHeroCopy .m-hero-item.mobile-560.glp-hero.f-y-center>div>div {
        top: calc(55%) !important;
   }
  }
 
 @media only screen and (min-width: 376px) and (max-width: 414px) {
 .custCopyCard.custVidHeroCopy .m-hero-item.mobile-480.glp-hero.f-y-center>div>div {
     top: calc(60%);
  }
   .custCopyCard.custVidHeroCopy .m-hero-item.mobile-560.glp-hero.f-y-center>div>div {
        top: calc(55%) !important;
   }
 }
 
 @media only screen and (min-width: 321px) and (max-width: 375px) {
 .custCopyCard.custVidHeroCopy .m-hero-item.mobile-480.glp-hero.f-y-center>div>div {
     top: calc(65%);
  }
 }
 
 @media only screen and (max-width: 320px) {
 .custCopyCard.custVidHeroCopy .m-hero-item.mobile-480.glp-hero.f-y-center>div>div {
     top: calc(120%);
  }
  .custCopyCard.custVidHeroCopy .m-hero-item.mobile-560.glp-hero.f-y-center>div>div {
        top: calc(175%) !important;
   }
 
 .heroMobileFix.custCopyCard section.m-hero-item.glp-hero.mobile-370 {
     height: calc(400px + 85vw) !important;
  }
 }
 /* Custom Copy Card Hero Module */
 
 /*Custom EU Pricing Padding */
 .custEUPricing {
   padding-bottom:10px !Important;
 }
 /*Custom EU Pricing Padding */
 
 
 
 
 
 /* CUSTOM PURCHASE SECTION */
 
 /* Start Structure */
 .GLP-purchase .m-product-placement-item {
   background-color: #f2f2f2; 
   text-wrap: initial; 
 }
 
 .GLP-purchase .m-product-placement-item img {
   width: 100%;
 }
 
 .GLP-purchase .GLP-purch-container {
   margin: 0 auto;
 }
 
 
 /* mobile and tablet styling */
 
 @media screen and (max-width: 1084px) {
 .GLP-purchase .contentContainer {
   margin-left:5%;
   margin-right:5%; 
 }
 .GLP-purchase .purchaseTitle {
   padding-bottom:13px;
 }
 
 .GLP-purchase li.hideLastSlide .m-product-placement-item  {
   background-color:white !Important;
   display: block !Important;
 }
 
 .GLP-purchase .m-product-placement-item {
   width: 518px;
 }
 
 .GLP-purchase .GLP-purch-container {
       margin-left: calc(50% - 300px);
 }
 .GLP-purchase {
   overflow: hidden;
 }
 .GLP-purchase .c-carousel .c-flipper+div {
     overflow: visible;
 }
 
 
 .GLP-purchase .m-product-placement .c-carousel .c-flipper.f-previous {
     left: -23vw;
  }
 }
 
 
 
 @media screen and (max-width:980px) {
 .GLP-purchase .m-product-placement .c-carousel .c-flipper.f-previous {
     left: -20vw;
  }
 }
 
 @media screen and (max-width:900px) {
 .GLP-purchase .m-product-placement .c-carousel .c-flipper.f-previous {
     left: -15vw;
  }
 /*
 .GLP-purchase .GLP-purch-container {
     margin-left: calc(67% - 300px);
  }
 */
 }
 
 
 
 
 @media screen and (max-width:768px) {
 .GLP-purchase .m-product-placement-item {
   width: 288px;
 }
 
 .GLP-purchase .m-product-placement .c-carousel .c-flipper.f-previous {
     left: -25vw;
  }
 .GLP-purchase .GLP-purch-container {
     margin-left: calc(54% - 200px);
 }
 
 .GLP-purchase {
   overflow: hidden;
 }
 .GLP-purchase .c-carousel .c-flipper+div {
     overflow: visible;
  }
 }
 
 
 @media screen and (max-width:700px) {
   .GLP-purchase .GLP-purch-container {
     margin-left: calc(39.5% - 100px);
  }
 }
 
 @media screen and (max-width:630px) {
   .GLP-purchase .GLP-purch-container {
     margin-left: calc(39% - 100px);
  }
 .GLP-purchase .m-product-placement .c-carousel .c-flipper.f-previous {
     left: -18vw;
  }
 }
 
 @media screen and (max-width:540px) {
   .GLP-purchase .GLP-purch-container {
     margin-left: calc(37% - 100px);
  }
  .GLP-purchase.singleSlide .GLP-purch-container {
     margin-left: calc(41% - 100px);
  }
 }
 
 @media screen and (max-width:500px) {
 .GLP-purchase .m-product-placement .c-carousel .c-flipper.f-previous {
     left: -15vw;
  }
 }
 
 @media screen and (max-width:415px) {
   .GLP-purchase .GLP-purch-container {
     margin-left: calc(34.8% - 100px);
  }
  .GLP-purchase.singleSlide .GLP-purch-container {
     margin-left: calc(38% - 100px);
  }
 .GLP-purchase .m-product-placement .c-carousel .c-flipper.f-next {
     left: 70vw !important;
  }
 }
 
 @media screen and (max-width:375px) {
   .GLP-purchase .GLP-purch-container {
     margin-left: calc(33.8% - 100px);
  }
 }
 
 @media screen and (max-width:320px) {
   .GLP-purchase .GLP-purch-container {
     margin-left: calc(31% - 100px);
  }
  .GLP-purchase.singleSlide .GLP-purch-container {
     margin-left: calc(36.2% - 100px);
  }
 }
 
 @media screen and (min-width:768px) {
 .GLP-purchase .purchaseTitle {
   padding-bottom:36px;
  }
 }
 
 /* media queries for sizing from 1084 and up */
 
 @media screen and (min-width: 1084px) {
 
 .GLP-purchase .contentContainer {
   margin-left:8.5%;
   margin-right:8.5%; 
 }
 
 .GLP-purchase.twoUP .contentContainer,
 .GLP-purchase.singleSlide .contentContainer{
   margin-left:6%;
   margin-right:6%; 
 }
 
 
 
 
 
 .GLP-purchase li.hideLastSlide  {
   display:none !important;
 }
 
 .GLP-purchase.twoUpPurch .m-product-placement .c-carousel .c-flipper.f-next,
 .GLP-purchase.twoUpPurch .m-product-placement .c-carousel .c-flipper.f-previous {
   display:none !important;
 }  
 
 .GLP-purchase .GLP-purch-container {
   width: 1072px;
 }
 
 
 .GLP-purchase .m-product-placement-item {
   width: 349px;
 }
 
 .GLP-purchase li:only-child  .m-product-placement-item,
  .GLP-purchase li:first-child:nth-last-child(2) .m-product-placement-item,
  .GLP-purchase li:first-child:nth-last-child(2) ~ li .m-product-placement-item   {
     width: 533px;
 }
 .GLP-purchase li:only-child  .m-product-placement-item {
   margin: 12px 50%;
  }
 }
 
 
 @media screen and (min-width: 1200px) {
 .GLP-purchase .GLP-purch-container {
   width: 1183px;
 }
 
 
 .GLP-purchase .m-product-placement-item {
   width: 388px;
 }
 
 
 .GLP-purchase li:only-child  .m-product-placement-item,
  .GLP-purchase li:first-child:nth-last-child(2) .m-product-placement-item,
  .GLP-purchase li:first-child:nth-last-child(2) ~ li .m-product-placement-item   {
     width: 591px;
 
   }
 }
 
 @media screen and (min-width: 1400px) {
 .GLP-purchase .GLP-purch-container {
   width: 1387px;
 }
 
 .GLP-purchase .m-product-placement-item {
   width: 454px;
 }
 
 .GLP-purchase li:only-child  .m-product-placement-item,
  .GLP-purchase li:first-child:nth-last-child(2) .m-product-placement-item,
  .GLP-purchase li:first-child:nth-last-child(2) ~ li .m-product-placement-item   {
     width: 691px;
  }
 }
 
 
 @media screen and (min-width: 1600px) {
 .GLP-purchase .GLP-purch-container {
   width: 1587px; 
 }
 
 .GLP-purchase .m-product-placement-item {
   width: 521px;
 }
 
 .GLP-purchase li:only-child  .m-product-placement-item,
  .GLP-purchase li:first-child:nth-last-child(2) .m-product-placement-item,
  .GLP-purchase li:first-child:nth-last-child(2) ~ li .m-product-placement-item   {
     width: 791px;
  }
 }
 
 @media screen and (max-width:1659px) and (min-width:1084px) {
 .GLP-purchase .m-product-placement .c-carousel .c-flipper.f-next  {
     right: 1% !Important;
  }
 .GLP-purchase .m-product-placement .c-carousel .c-flipper.f-previous{
     left: 1% !Important;
  }
 }
 
 /* end sizing queries */
 
 
  /* Make children same flexible height using Flexbox */ 
 
 /* Parent */
 .GLP-purchase .m-product-placement .c-carousel>div>ul {
     display: inline-flex;
     flex-direction: row;
 }
  
 
 /* Child */
 .GLP-purchase .m-product-placement .c-carousel>div>ul>li:not(.GLP-purchase li:only-child) {
     /* Resets any height settings that interfere with automatic Flexbox behavior, which is full height */
     height: auto; 
     /* Stretches child <section> to full height of this element */
     display: flex; 
 }
 
 .GLP-purchase .m-product-placement-item .c-paragraph {
   font-size:18px;
   line-height:24px;
 }
 
 .GLP-purchase .glpTestPurchaseButtons a {
    margin-top:12px !important;
 }
 
 .GLP-purchase .contentContainer {
   padding-bottom:48px;
 }
 
 .GLP-purchase .glpTestPurchaseDrop{
   margin-top:10px;
 }
 
 .GLP-purchase .xgpPlan {
   padding-top:3px !Important;
   padding-bottom:10px !Important;
 }
 
 .GLP-purchase .m-product-placement .pricing h4 {
     font-size: 24px;
     font-weight:bold;
 }
 
 .contentContainer .c-list.f-lean li {
   display:list-item;
   font-size:18px;
   line-height:24px;
 }
 
 .contentContainer ul {
  list-style-type:disc;
  margin-left:3%;
 }
 
 .contentContainer .fontWeightBold {
   font-weight:700 !important;
 }
 
 .GLP-purchase .contentContainer .headline {
   font-size:24px;
   line-height:28px;
 }
 
 .GLP-purchase .pricing {
  padding-bottom:6px;
 }
 
 .GLP-purchase .custPurchase a:nth-child(3) {
  margin-left:-24px !Important;
  padding-bottom:22px !important;
  padding-top:4px;
 }
 
 
 .GLP-purchase .custPurchase {
  margin-top:-10px;
  padding-bottom:10px;
 }
 
 
  .GLP-purchase .glpTestPurchase:last-child .m-product-placement-item{
   margin-right:0px !Important;
 }
 
 .GLP-purchase .contentContainer h4.c-paragraph-2 {
   padding-bottom:15px !Important;
 }
 
 .GLP-purchase .xgpSection {
  padding-top:28px !important;
 }
 
 /*
 .GLP-purchase .glpTestPurchase .m-product-placement-item  {
   text-wrap:wrap;
 }
 */
 
 /* firefox white space issue fix */
 .GLP-purchase  .c-carousel.f-single-slide ul {
  white-space: normal !important;
 }
 
 .GLP-purchase .xgpSection.noList {
     padding-top: 0px !important;
 }
 
 
 .hideGlpPurchButtons {
   display:none;
 }
 
 /*
 
 .GLP-purchase {
  display:none;
 }
 */
 
 /* CUSTOM PURCHASE SECTION */
 
 
 @media screen and (max-width: 859px) {
 .staticVideo {
     padding-top: 0px !important;
  }
 .custCopyCard.staticVideo {
     padding-top: 0px !important;
  }
 }