@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 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 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 !important;
}

.GLP-purchase {
 display:none;
}

/* CUSTOM PURCHASE SECTION */