.clear {
  display: none;
}

/* UHF overrides */
.c-uhff {
  margin-top: 0px;
}
/*
a.m-skip-to-main {font-family: "Segoe UI",SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;}
body {
  margin-top: -1px;
}

.c-nav-dropdown-menu { overflow: visible!important;} 
.c-universal-footer { 
margin-top: 0px;
} */
/* End UHF overrides */

/* 1.57.0 overrides */

/* button accessibility fix */
/* removes button background in all modes, improving overall consistency, and contrast in Firefox */
/*[class^="c-"] button,
[class^="c-"] button:focus span,
[class^="c-"] button:focus::before,
[class^="c-"] button:focus::after,
[class^="c-"] button:hover span,
[class^="c-"] button:hover::before,
[class^="c-"] button:hover::after,
[class^="m-"] button,
[class^="m-"] button:focus span,
[class^="m-"] button:focus::before,
[class^="m-"] button:focus::after,
[class^="m-"] button:hover span,
[class^="m-"] button:hover::before,
[class^="m-"] button:hover::after  {
  background-color: transparent !important;
  background: none !important;
}*/

@media screen and (-ms-high-contrast:active) {
  [class^='m-'] button:not(.c-select-button):not(:disabled):not(.c-sequence-indicator):hover, [class^='m-'] button:not(.c-select-button):not(:disabled):not(.c-sequence-indicator):active, [class^='m-'] button:not(.c-select-button):not(:disabled):not(.c-sequence-indicator):focus, [class*=' m-'] button:not(.c-select-button):not(:disabled):not(.c-sequence-indicator):hover, [class*=' m-'] button:not(.c-select-button):not(:disabled):not(.c-sequence-indicator):active, [class*=' m-'] button:not(.c-select-button):not(:disabled):not(.c-sequence-indicator):focus, [class^='c-'] button:not(.c-select-button):not(:disabled):not(.c-sequence-indicator):hover, [class^='c-'] button:not(.c-select-button):not(:disabled):not(.c-sequence-indicator):active, [class^='c-'] button:not(.c-select-button):not(:disabled):not(.c-sequence-indicator):focus, [class*=' c-'] button:not(.c-select-button):not(:disabled):not(.c-sequence-indicator):hover, [class*=' c-'] button:not(.c-select-button):not(:disabled):not(.c-sequence-indicator):active, [class*=' c-'] button:not(.c-select-button):not(:disabled):not(.c-sequence-indicator):focus {
    -ms-high-contrast-adjust: auto !important;
    color: windowText !important;
  }
}   

/* END button accessibility fix */

a.c-hyperlink:link, a.c-hyperlink:focus, a.c-hyperlink:hover, a.c-hyperlink:active, a.c-hyperlink:visited {
  text-decoration: underline;
}

.c-feature picture img, .m-feature picture img {
  min-height: 0 !important;
}

@media only screen and (min-width:540px) {
  .c-feature.f-align-left, .m-feature.f-align-left, .c-feature.f-align-right, .m-feature.f-align-right {
      min-height: initial;
  }
}

@media only screen and (min-width:768px) {
  .c-feature.f-align-left, .m-feature.f-align-left, .c-feature.f-align-right, .m-feature.f-align-right {
      min-height: initial;
  }
}

@media only screen and (min-width:1084px) {
  .c-feature.f-align-center > div, .m-feature.f-align-center > div {
      max-width: 100%;
  }
}
/*@media only screen and (min-width:1920px) {
 section.m-hero-item, div.m-hero {
      width: 1920px;
      margin: 0 auto;
  }
}*/
/* Font overrides */
.c-heading, .c-heading-1, .c-heading-2, .c-heading-3, .c-heading-4, .c-heading-5 {
  font-weight: 100 !important;
}

.c-subheading, .c-subheading-1, .c-subheading-2, .c-subheading-3, .c-subheading-4, .c-subheading-5 {
  font-weight: 100 !important;
}

.m-content-placement-item .c-heading {
  font-weight: 400 !important;
}

.m-product-placement-item .c-heading {
  font-weight: 400 !important;
}

.m-highlight-feature > div .c-heading {
  font-weight: 700 !important;
}
/* End font overrides */

/* 1.50.2 overrides start */
@media screen and (min-width:1084px) {
  .m-content-placement {
      margin-left: 0px;
      margin-right: 0px;
  }
}

@media screen and (-ms-high-contrast:white-on-black) {
  .c-call-to-action, .c-call-to-action.f-lightweight {
      border: 2px solid #FFFF00 !important;
      color: #FFFF00 !important;
  }
}

@media screen and (-ms-high-contrast:black-on-white) {
  .c-call-to-action, .c-call-to-action.f-lightweight {
      border: 2px solid #00009F !important;
      color: #00009F !important;
  }
}

.m-page-bar {
  display: block;
}

@media screen and (max-width: 768px) {
  .m-page-bar > div > div {
      top: 0px;
      position: absolute;
  }

  .m-highlight-feature {
      display: block;
  }

  .onePointFive .m-highlight-feature {
      display: flex;
  }
}
/* 1.50.2 overrides end */

/* v23.1 overrides */
.m-multi-feature > section .c-carousel {
  height: 100%;
  /* set height to 100% to fix flex bug in IE11 height: initial;
  // reset height for all non-IE browsers*/
}
/* end v23.1 overrides */

/* v26.1 overrides */
.c-age-rating .c-content-toggle .c-list {
  overflow: visible;
}

fieldset.c-checkbox label.c-label {
  float: none;
}

@media (min-width: 1400px) and (max-width: 1600px) {
  .triptych [data-grid~=container] {
      padding: 0 !important;
  }
}
/* end v26.1 overrides */



@media screen and (max-width: 1084px) {
  .v-hidden.h-divider {
      border-right: 0px solid rgba(0, 0, 0, .2);
  }
}

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

  a.m-back-to-top, a.c-back-to-top {
      background: #9bf00b !important;
  }

      a.m-back-to-top:hover, a.m-back-to-top:focus, a.c-back-to-top:hover, a.c-back-to-top:focus {
          background: #107c10 !important;
      }
}

/* MWF Overrides below this line */
@media screen and (min-width: 1921px) {
  .hero-center {
      max-width: 1920px;
      margin: 0 auto;
  }
}

/* v.57.1 change */
a.c-call-to-action.f-lightweight:hover span {
  text-decoration: none !important;
}

.c-call-to-action.f-heavyweight {
  font-size: 15px;
  display: inline-block;
  max-width: 100%;
  padding: 10px 20px 6px 22px !important;
  overflow: hidden;
  border: 2px solid transparent;
  color: #fff !important;
  background: #107c10 !important;
  line-height: 1.3;
  text-decoration: none;
  text-align: center;
  letter-spacing: 0.07em;
  white-space: nowrap;
  transition: scale .2s ease-in-out;
}
/* v.57.1 change end*/

a.c-call-to-action.f-heavyweight:hover {
  background: #0f760f !important;
}

  a.c-call-to-action.f-heavyweight:hover span {
      text-decoration: none !important;
  }

button.c-action-toggle:focus, a:not(.x-hidden-focus).c-call-to-action:focus, button:not(.x-hidden-focus).c-call-to-action:focus, a.c-call-to-action.f-heavyweight:focus, .c-feature :not(.f-primary):not(.x-hidden-focus):not(.f-secondary).c-call-to-action:focus, .m-feature :not(.f-primary):not(.x-hidden-focus):not(.f-secondary).c-call-to-action:focus,
:not(.f-console).m-multi-feature [role='tabpanel'] :not(.x-hidden-focus).c-call-to-action:focus, .c-label .c-hyperlink:focus {
  outline: 2px dashed #000 !important;
  border: 2px dashed #fff !important;
}

button[aria-label].c-action-trigger.c-glyph, a[aria-label].c-action-trigger.c-glyph {
  font-weight: 600;
}


/* hero sequence indicators */
button[aria-label].c-action-toggle.c-glyph {
  font-weight: 700;
  font-size: 18px;
}

button.c-action-toggle {
  outline: none !important;
  border: solid 0px transparent;
}

.c-sequence-indicator, .c-action-toggle {
  background-color: rgba(0, 0, 0, 0.3) !important;
}

  .c-sequence-indicator button::before, .c-sequence-indicator a::before {
      border: 1px solid rgb(0,0,0);
  }

  .c-sequence-indicator button:focus, .c-sequence-indicator a:focus {
      outline: 2px dashed #fff !important;
      border: 2px dashed #000 !important;
  }

  .c-sequence-indicator button, .c-sequence-indicator a {
      width: 22px;
      height: 20px;
  }


@media only screen and (max-width:539px) {
  .box-shots .c-content-placement > a:first-child > picture img, .box-shots .m-content-placement-item > a:first-child > picture img {
      padding: 0 60px 0 30px;
  }

  .c-hero .c-paragraph, .c-hero .c-price, .c-hero .c-rating, .m-hero-item .c-paragraph, .m-hero-item .c-price, .m-hero-item .c-rating {
      display: block
  }

  .c-pivot > header > a {
      display: table-caption;
  }

      .c-pivot > header > a:first-child, .c-pivot > header > a {
          padding-left: 16vw;
      }

  .c-pivot > header {
      display: table-header-group !important;
  }
}

@media only screen and (max-width:767px) {
  nav.c-link-navigation li a.c-hyperlink {
      text-decoration: underline;
  }

  .accessories-blade .c-heading {
      text-align: left;
  }

  .acc-small img {
      margin: 0 auto !important;
  }

  .m-rich-heading a {
      position: absolute !important;
      z-index: 1;
      bottom: 65px;
      padding-left: 8px !important;
  }

  .m-rich-heading > picture.c-image + div .c-heading {
      bottom: 120px !important;
  }

  .h-divider {
      border-right: none !important;
  }

  [class*=f-x][class*=f-y].c-hero > div > div, [class*=f-x][class*=f-y].m-hero-item > div > div {
      top: calc(35%);
  }
}

.m-product-placement-item > a:hover .c-heading, .m-product-placement-item > a:hover .c-subheading, .c-product-placement > a:hover .c-heading, .c-product-placement > a:hover .c-subheading, .m-product-placement-item > a:hover .c-paragraph, .m-product-placement-item > a:focus .c-heading, .m-product-placement-item > a:focus .c-subheading, .c-product-placement > a:focus .c-heading, .c-product-placement > a:focus .c-subheading, .m-product-placement-item > a:focus .c-paragraph {
  text-decoration: underline;
}

.m-content-placement-item .xpa {
  margin-top: 20px;
}

.c-badge.f-small {
  line-height: normal;
}

.link-marg-left {
  margin-left: 15px !important;
}

.zmt {
  margin-top: 0px !important;
}

.zpt {
  padding-top: 0px !important;
}

.zpl {
  padding-left: 0px !important;
}

.zpb {
  padding-bottom: 0px !important;
}

.btn-def-marg {
  margin-left: -24px !important;
}

.bottom-def-margin {
  margin-bottom: 48px !important;
}

.context-control-appearance > [class^='m-'] {
  margin-top: 0px;
  padding: 0;
}

@media screen and (max-width: 540px) {
  .zpl {
      padding-left: 24px !important;
  }
}

.pad48 {
  padding-top: 48px !important;
}

.pad96 {
  padding-top: 96px !important;
}

@media screen and (max-width: 768px) {
  .pad48, .pad96 {
      padding-top: 0px !important;
  }
}

.static48 {
  padding-top: 48px !important;
}

.static96 {
  padding-top: 96px !important;
}
/* Link and CTA colors */
.white-c {
  color: #fff !important;
}

.black-c {
  color: #000 !important;
}

.green-c {
  color: #107c10 !important;
}

.lime-green-c {
  color: #9bf00b !important;
}

a.c-call-to-action.green-brdr {
  border: 2px solid #107c10;
  color: #000;
  background: none !important;
}

  a.c-call-to-action.green-brdr:hover {
      border: 2px solid #9bf00b;
      color: #c8c8c8 !important;
      background: none !important;
  }
/* a.c-call-to-action {
font-weight: 700;
} */
.noClick {
  cursor: default;
  text-decoration: none;
}

  .noClick img {
      opacity: 1 !important;
  }

  .noClick:hover {
      text-decoration: none !
  }

.c-content-placement.noClick:hover > div .c-heading, .c-content-placement.noClick:hover > div > .c-call-to-action span, .c-content-placement.noClick:hover > div > .c-group > :first-child.c-call-to-action span, .c-content-placement.noClick:hover > div > .c-group > :first-child.c-hyperlink, .c-content-placement.noClick:hover > div > .c-hyperlink, .c-content-placement.noClick > a:first-child :not(.x-hidden-focus).c-call-to-action:focus span, .c-content-placement.noClick > a:first-child .c-call-to-action:hover span, .m-content-placement-item.noClick:hover > div .c-heading, .m-content-placement-item.noClick:hover > div > .c-call-to-action span, .m-content-placement-item.noClick:hover > div > .c-group > :first-child.c-call-to-action span, .m-content-placement-item.noClick:hover > div > .c-group > :first-child.c-hyperlink, .m-content-placement-item.noClick:hover > div > .c-hyperlink, .m-content-placement-item.noClick > a:first-child :not(.x-hidden-focus).c-call-to-action:focus span, .m-content-placement-item.noClick > a:first-child .c-call-to-action:hover span {
  text-decoration: none !important;
  cursor: default;
}

.theme-black :not(.f-console).m-multi-feature [role='tabpanel'] .c-call-to-action {
  color: #9bf00b !important;
}

.theme-dark a.c-call-to-action:focus {
  outline: #fff dashed 2px !important;
}

.theme-dark a.c-call-to-action, .theme-dark a.c-call-to-action, a:not(.x-hidden-focus).c-call-to-action:focus, a.c-call-to-action:hover {
  background: #107c10;
  color: #fff;
}

  .theme-dark a:not(.x-hidden-focus).c-call-to-action:focus, .theme-dark a.c-call-to-action:hover, .theme-dark a:not(.x-hidden-focus).c-call-to-action:focus, .theme-dark a.c-call-to-action:hover {
      background: #107c10;
  }

.theme-black :not(.f-disabled).c-pivot > [role=tablist] > [role=tab].f-active, .theme-black :not(.f-disabled).c-pivot > [role=tablist] > a.f-active, .theme-black :not(.f-disabled).c-pivot > div > [role=tab].f-active, .theme-black :not(.f-disabled).c-pivot > div > a.f-active, .theme-black :not(.f-disabled).c-pivot > header > [role=tab].f-active, .theme-black :not(.f-disabled).c-pivot > header > a.f-active {
  color: rgba(255, 255, 255, 1);
  border-color: #107c10;
}

.theme-black .c-pivot > [role=tablist] > [role=tab]:hover, .theme-black .c-pivot > [role=tablist] > a:hover, .theme-black .c-pivot > div > [role=tab]:hover, .theme-black .c-pivot > div > a:hover, .theme-black .c-pivot > header > [role=tab]:hover, .theme-black .c-pivot > header > a:hover {
  color: rgba(255, 255, 255, 0.2);
}

.theme-black .c-pivot > header > [role='tab'], .theme-black .c-pivot > header > a, .theme-black .c-pivot > div > [role='tab'], .theme-black .c-pivot > div > a, .theme-black .c-pivot > [role='tablist'] > [role='tab'], .c-pivot > [role='tablist'] > a {
  color: rgba(255, 255, 255, 0.6);
}

.theme-black :not(.f-disabled).c-pivot > header > a, .theme-black :not(.f-disabled).c-pivot > header > a {
  color: rgba(255, 255, 255, 0.6);
}


a.c-call-to-action.f-lightweight {
  padding-bottom: 4px;
}
/* a.c-action-trigger:not(.epb-launch), 
button.c-action-trigger:not(#close-epb) {
letter-spacing: 0.07em;
font-weight: 700;} */

.c-age-rating .c-content-toggle button {
  display: none !important;
}

/* Accessories blade */
@media (min-width: 541px) and (max-width: 767px) {
  .accessories-blade .acc-small {
      float: left;
      padding: 0 25px;
  }

  .c-feature.f-align-left > div, .c-feature.f-align-right > div {
      width: auto !important;
  }
}

a.customize-button::before, button.customize-button::before, div.customize-button::before {
  content: "";
  background-image: url("https://compass-ssl.xbox.com/assets/ff/2a/ff2a4e17-4171-4e79-a597-e5137a1c6290.png?n=xdl-icon.png");
  position: absolute;
  top: 3px;
  left: 3px;
  width: 30px;
  height: 30px;
  background-size: 100% 100%;
}

a.customize-button, button.customize-button, div.customize-button {
  padding-left: 50px !important;
  padding-right: 25px !important;
  box-sizing: border-box;
  display: inline-block;
  white-space: nowrap;
  width: auto;
  min-width: 110px;
  text-decoration: none;
  position: relative;
}

  a.customize-button:hover {
      color: #ccc !important;
  }

a:not(.x-hidden-focus).c-call-to-action.customize-button:focus {
  border: 2px dashed #fff !important;
  outline: 2px dashed #000 !important;
  color: #ccc !important;
}

.accessories-blade .c-price {
  margin-top: 1vw;
}

.c-call-to-action.cta-btn-dark:active, .c-call-to-action.cta-btn-dark:focus {
  background: #000 !important;
}

a.c-call-to-action.cta-btn-dark {
  background: #000;
  color: #fff;
  margin-left: 0px;
}

  a.c-call-to-action.cta-btn-dark:hover {
      background: #464646;
  }
/* End  Accessories blade */

/* Panes */
@media only screen and (max-width: 1399px) {
  .m-panes-product-placement-item {
      width: 100%
  }
}

a.c-call-to-action.cta-btn {
  background: #107c10;
  color: #fff;
  margin-left: 0px;
  padding-left: 10px;
  padding-right: 25px;
}

.c-call-to-action.cta-btn:focus, .c-call-to-action.cta-btn:hover {
  background: #0e6c0e !important;
  border-color: rgba(0,0,0,.4) !important;
  color: #fff;
  text-decoration: none !important;
}

  .c-call-to-action.cta-btn:focus span, .c-call-to-action.cta-btn:hover span {
      text-decoration: none !important;
      color: #fff;
  }

.cta-btn.c-glyph:hover::after, .cta-btn.c-glyph:hover::before {
  color: #fff;
}

a.c-call-to-action.f-lightweight {
  background: none !important;
}

a.c-call-to-action.cta-txt {
  background: none !important;
  border: none;
  color: #107c10;
}

  a.c-call-to-action.cta-txt:focus {
      color: #107c10;
  }

a.c-call-to-action.cta-btn-dark {
  margin-top: 10px;
}

.c-call-to-action.cta-txt:focus span, .c-call-to-action.cta-txt:hover span {
  text-decoration: underline;
}

/* Banners and Area Headings */
@media only screen and (min-width: 1084px) {
  .m-banner {
      max-width: 1000px !important;
  }
}

.m-area-heading .c-call-to-action {
  margin-top: 14px;
}

.m-area-heading {
  padding-top: 48px !important;
}

.m-banner .c-caption-1 {
  line-height: 1.3
}

/* tighter m-banner */
.m-banner.banner-leaner {
  padding-top: 20px;
}

/* Intro bar */
.greenBar {
  padding-bottom: 48px;
}

  .greenBar .m- {
      text-align: center;
  }

  .greenBar p {
      padding: 24px 0;
  }

  .greenBar .c-image.winLogos {
      max-width: 446px;
      margin: 0 auto;
      padding: 0 10px;
      width: 100%;
  }

  .greenBar h3, .greenBar a {
      display: inline-table !important;
      margin: 0 10px;
  }

/* Themes and Colors */

.theme-white {
  color: #000;
  background-color: rgba(255, 255, 255, 1);
}

.theme-lighter {
  color: #000;
  background-color: rgba(238, 238, 238, 1);
}

.theme-f2 {
  color: #000;
  background-color: #f2f2f2 !important;
}

.theme-e3 {
  color: #000;
  background-color: #e3e3e3 !important;
}

.theme-2f {
  color: #fff;
  background-color: #2f2f2f !important;
}

.theme-black {
  color: #fff;
  background-color: #000 !important;
}

.theme-green {
  color: #fff;
  background-color: #107c10 !important;
}

.theme-madden-blue {
  color: #fff;
  background-color: #091937 !important;
}

.badge-silver {
  background-color: #C8C8C8 !important;
}

.theme-dark .m-panes section {
  border-left: 1px solid #fff;
}

  .theme-dark .m-panes section:first-child {
      border-left: 0px;
  }

@media only screen and (max-width:1399px) {
  .theme-dark .m-panes section {
      border-bottom: 1px solid #fff;
      border-left: 0;
  }
}

.c-paragraph-2 {
  font-weight: 400 !important;
}

/*  Infinite box shots */
.infinite .m-product-placement-item {
  display: inline-block;
}

  .infinite .c-product-placement picture, .infinite .c-product-placement picture .c-image, .infinite .c-product-placement picture img, .infinite .m-product-placement-item picture, .infinite .m-product-placement-item picture .c-image, .infinite .m-product-placement-item picture img {
      display: block !important;
  }

.infinite.boxShots-gallery {
  padding: 84px 0;
  text-align: center;
}

.infinite .gameDiv {
  text-align: left;
}

.infinite .m-product-placement-item {
  margin-top: 0px !important;
  padding-top: 14px;
}

.gameDivsWrapper {
  overflow: hidden;
}

/* Legal */

.legal {
  background-color: #000;
  padding: 42px 0;
  color: #fff;
}

  .legal img {
      padding-bottom: 25px;
      max-width: 10%;
  }

  .legal p {
      margin-bottom: 10px;
  }

  .legal a, .legal a:hover {
      color: #fff;
      text-decoration: underline;
  }

@media screen and (max-width: 1084px) {
  .legal {
      padding: 20px;
  }
}

.legal a.c-hyperlink:not(.f-image):focus, .legal a.c-hyperlink:not(.f-image):hover {
  color: #9bf00b;
}

.magenta {
  background-color: #ff00ff;
}


/* Hero */
.c-carousel.f-multi-slide.theme-light .c-flipper {
  background: #000;
  color: #fff;
}

.c-hero .c-subheading, .m-hero-item .c-subheading {
  max-height: 100%;
}

@media only screen and (max-width:767px) {
  .c-hero > div, .m-hero-item > div {
      height: 400px;
      overflow: visible
  }
}

@media only screen and (min-width:768px) and (max-width:1084px) {
  .m-global-promotion.f-image > div > div + div {
      text-align: left !important;
  }
}

.c-hero.f-transparent:before, .m-hero-item.f-transparent:before {
  padding-bottom: 60.2% !important;
  padding-top: 0px;
}

.c-hero > picture, .m-hero-item > picture {
  -ms-transform: none !important;
  transform: none !important;
}

@media only screen and (min-width:768px) {
  .nineTeenTwenty.m-image {
      padding-top: 0px;
  }
}
/* END Hero */



.h-divider {
  border-right: 1px solid rgba(0,0,0,.2)
}

/* Sub hero thin slider */

.m-global-promotion {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
  padding: 12px;
  text-align: center;
  min-height: 120px;
}


  .m-global-promotion > .c-image img {
      margin: 0 auto;
      height: 100%;
      width: auto;
      max-width: none;
  }

  .m-global-promotion .c-call-to-action {
      background: transparent;
      color: #0078D7;
      border-color: transparent;
      border-width: 2px;
      padding: 10px 44px 7px 24px;
      margin-left: 0px;
      margin-right: 0px;
  }

      .m-global-promotion .c-call-to-action:focus, .m-global-promotion .c-call-to-action:hover {
          background: transparent;
          border-color: transparent;
      }

      .m-global-promotion .c-call-to-action:active {
          background: transparent;
          text-decoration: none;
      }

      .m-global-promotion .c-call-to-action span:hover {
          text-decoration: underline;
      }

.theme-light .c-feature :not(.f-primary):not(.f-secondary).c-call-to-action, .theme-dark .theme-light .c-feature :not(.f-primary):not(.f-secondary).c-call-to-action, .theme-light .m-feature :not(.f-primary):not(.f-secondary).c-call-to-action, .theme-dark .theme-light .m-feature :not(.f-primary):not(.f-secondary).c-call-to-action, .theme-light .m-content-placement-item .c-call-to-action, .theme-dark .theme-light .m-content-placement-item .c-call-to-action, .theme-light .c-content-placement .c-call-to-action, .theme-dark .theme-light .c-content-placement .c-call-to-action, .theme-light .m-panes-product-placement-item .c-call-to-action, .theme-dark .theme-light .m-panes-product-placement-item .c-call-to-action, button.c-action-trigger, .theme-light button.c-action-trigger, .theme-dark .theme-light button.c-action-trigger, .theme-light a.c-action-trigger, .theme-dark .theme-light a.c-action-trigger, .theme-light .m-banner .c-call-to-action, .theme-dark .theme-light .m-banner .c-call-to-action {
  color: #054b16;
}


  .theme-light .c-feature :not(.f-primary):not(.x-hidden-focus):not(.f-secondary).c-call-to-action:focus, .theme-light .c-feature :not(.f-primary):not(.f-secondary).c-call-to-action:hover, .theme-dark .theme-light .c-feature :not(.f-primary):not(.x-hidden-focus):not(.f-secondary).c-call-to-action:focus,
  .theme-dark .theme-light .c-feature :not(.f-primary):not(.f-secondary).c-call-to-action:hover, .theme-light .m-feature :not(.f-primary):not(.x-hidden-focus):not(.f-secondary).c-call-to-action:focus, .theme-light .m-feature :not(.f-primary):not(.f-secondary).c-call-to-action:hover,
  .theme-dark .theme-light .m-feature :not(.f-primary):not(.x-hidden-focus):not(.f-secondary).c-call-to-action:focus, .theme-dark .theme-light .m-feature :not(.f-primary):not(.f-secondary).c-call-to-action:hover, .theme-light .m-content-placement-item :not(.x-hidden-focus).c-call-to-action:focus,
  .theme-light .m-content-placement-item .c-call-to-action:hover, .theme-dark .theme-light .m-content-placement-item :not(.x-hidden-focus).c-call-to-action:focus, .theme-dark .theme-light .m-content-placement-item .c-call-to-action:hover, .theme-light .c-content-placement :not(.x-hidden-focus).c-call-to-action:focus, .theme-light .c-content-placement .c-call-to-action:hover, .theme-dark .theme-light .c-content-placement :not(.x-hidden-focus).c-call-to-action:focus, .theme-dark .theme-light .c-content-placement .c-call-to-action:hover, .theme-light .m-panes-product-placement-item :not(.x-hidden-focus).c-call-to-action:focus, .theme-light .m-panes-product-placement-item .c-call-to-action:hover, .theme-dark .theme-light .m-panes-product-placement-item :not(.x-hidden-focus).c-call-to-action:focus, .theme-dark .theme-light .m-panes-product-placement-item .c-call-to-action:hover, .theme-light button:not(.x-hidden-focus).c-action-trigger:focus, .theme-light button.c-action-trigger:hover, .theme-dark .theme-light button:not(.x-hidden-focus).c-action-trigger:focus, button.c-action-trigger:hover, .theme-dark .theme-light button.c-action-trigger:hover, .theme-light a:not(.x-hidden-focus).c-action-trigger:focus, .theme-light a.c-action-trigger:hover,
  .theme-dark .theme-light a:not(.x-hidden-focus).c-action-trigger:focus, .theme-dark .theme-light a.c-action-trigger:hover, .theme-light .m-banner :not(.x-hidden-focus).c-call-to-action:focus, .theme-light .m-banner .c-call-to-action:hover, .theme-dark .theme-light .m-banner :not(.x-hidden-focus).c-call-to-action:focus, .theme-dark .theme-light .m-banner .c-call-to-action:hover {
      color: #094709;
  }


.theme-light .m-global-promotion .c-call-to-action, .theme-dark .theme-light .m-global-promotion .c-call-to-action {
  color: #000;
  background: transparent;
  border-color: transparent;
}

  .theme-light .m-global-promotion .c-call-to-action:active, .theme-dark .theme-light .m-global-promotion .c-call-to-action:active {
      color: rgba(0, 0, 0, 0.6);
  }

  .theme-light .m-global-promotion .c-call-to-action:focus, .theme-dark .theme-light .m-global-promotion .c-call-to-action:focus {
      outline-color: #000;
  }

.theme-dark .m-global-promotion .c-call-to-action, .theme-light .theme-dark .m-global-promotion .c-call-to-action {
  color: #FFF;
  background: transparent;
  border-color: transparent;
}

  .theme-dark .m-global-promotion .c-call-to-action:active, .theme-light .theme-dark .m-global-promotion .c-call-to-action:active {
      color: rgba(255, 255, 255, 0.6);
  }

  .theme-dark .m-global-promotion .c-call-to-action:focus, .theme-light .theme-dark .m-global-promotion .c-call-to-action:focus {
      outline-color: #FFF;
  }

.m-global-promotion > div {
  padding-left: 12px;
  padding-right: 12px;
  width: 100%;
}

@media only screen and (min-width: 540px) {
  .m-global-promotion > div {
      padding-left: 24px;
      padding-right: 24px;
  }
}

@media only screen and (min-width: 768px) {
  .m-global-promotion > div {
      padding-left: 0;
      padding-right: 0;
  }
}

.m-global-promotion > div > div .c-heading {
  font-size: 20px;
  line-height: 24px;
  padding: 35px 0 5px;
  font-weight: 200;
  padding-top: 8px;
}

.m-global-promotion > div > div .c-paragraph {
  font-size: 15px;
  line-height: 20px;
  padding: 24px 0 0;
  font-weight: 400;
  padding-top: 8px;
}

@media only screen and (min-width: 768px) {
  .m-global-promotion > div > div {
      max-width: 70%;
      margin: 0 auto;
  }
}

@media only screen and (min-width: 1084px) {
  .m-global-promotion > div > div {
      max-width: 50%;
  }
}

.m-global-promotion > div > .c-group {
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media only screen and (min-width: 540px) {
  .m-global-promotion > div > .c-group {
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
  }

      .m-global-promotion > div > .c-group .c-call-to-action {
          margin: 0;
      }
}

@media only screen and (min-width: 768px) {
  .m-global-promotion.f-image {
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      text-align: left;
      padding: 0;
  }

      .m-global-promotion.f-image > div {
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-flex-direction: row;
          -ms-flex-direction: row;
          flex-direction: row;
          -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
          justify-content: space-between;
          -webkit-align-items: center;
          -ms-flex-align: center;
          align-items: center;
          min-width: calc(100% - 320px);
          padding: 12px 35px 12px 12px;
          width: auto;
      }

          .m-global-promotion.f-image > div > div {
              margin: 0;
          }
}

@media only screen and (min-width: 768px) and (min-width: 768px) {
  .m-global-promotion.f-image > div > div {
      max-width: none;
  }

      .m-global-promotion.f-image > div > div .c-heading {
          padding-top: 0;
      }
}

@media only screen and (min-width: 768px) and (min-width: 1084px) {
  .m-global-promotion.f-image > div > div {
      max-width: none;
  }
}

@media only screen and (min-width: 768px) {
  .m-global-promotion.f-image > div > div + div {
      text-align: right;
      min-width: 250px;
  }
}

@media only screen and (min-width: 768px) and (min-width: 1084px) {
  .m-global-promotion.f-image > div {
      min-width: calc(100% - 440px);
  }
}

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

  .m-global-promotion > div {
      padding-bottom: 22px;
  }

  .m-global-promotion .c-call-to-action {
      margin-left: 0px;
      margin-right: 0px;
  }
}

@media only screen and (min-width: 767px) {
  .hero-preorder-banner.ie10 .text-container {
      width: 60%;
      display: table;
  }

  .hero-preorder-banner.ie10 .header-container {
      width: 80%;
      display: table-cell;
      vertical-align: middle;
  }


  .hero-preorder-banner.ie10 .cta-container {
      width: 20%;
      display: table-cell;
      vertical-align: middle;
  }
}

.promos .theme-dark {
  background: none;
}

.c-carousel li.f-animate-next picture img, .c-carousel li.f-animate-next picture img, .c-carousel li.f-animate-next .text-container {
  -webkit-animation: hero-content-next 0.667s cubic-bezier(0.16, 1, 0.29, 0.99) both;
  animation: hero-content-next 0.667s cubic-bezier(0.16, 1, 0.29, 0.99) both;
}

.c-carousel li.f-animate-previous .text-container, .c-carousel li.f-animate-previous picture img {
  -webkit-animation: hero-content-previous cubic-bezier(0.16, 1, 0.29, 0.99) 0.667s both;
  animation: hero-content-previous cubic-bezier(0.16, 1, 0.29, 0.99) 0.667s both;
}


.theme-dark .m-global-promotion a.c-call-to-action:hover, .theme-dark .m-global-promotion a.c-call-to-action:active, .theme-dark .m-global-promotion a.c-call-to-action:visited, .theme-dark .m-global-promotion a.c-call-to-action:focus {
  background: none;
}

.promos {
  overflow: hidden;
}

  .promos .c-carousel .c-sequence-indicator {
      bottom: 10px;
  }

  .promos .c-group {
      position: static;
  }
/* .theme-dark .c-sequence-indicator button:focus, .theme-light .theme-dark .c-sequence-indicator button:focus { outline: rgb(0, 0, 0) none 0px; } */

/* Show Hide */
.svg-container svg {
  width: 23px;
  height: 23px;
  fill: #fff;
  vertical-align: sub;
  margin-bottom: -4px;
  padding-left: 5px;
}

svg:not(:root) {
  overflow: hidden;
}

.hide {
  display: none !important;
}

a[role=button].c-button, button.c-button {
  color: #fff;
  background-color: #107c10;
}

/************ Xbox Live pages **************/

/* fix for hero text under logo in desktop sizes*/
.m-hero-item h1.c-heading {
  max-height: 212px;
}
/* GWG 3-across infinite boxshots */
[data-grid*="col-12"].three-across {
  padding: 24px 15%;
}

@media screen and (min-width: 1084px) {
  .xbox-live-table p.c-paragraph-1 {
      width: 80%;
      margin-top: 29px;
  }
}

@media (min-width: 1489px) {
  [data-grid*="col-12"].three-across .three-across-item {
      height: 36vw;
  }
}

@media (min-width: 1080px) and (max-width: 1488px) {
  [data-grid*="col-12"].three-across .three-across-item {
      height: 46vw;
  }
}

@media (min-width: 768px) and (max-width: 1079px) {
  [data-grid*="col-12"].three-across {
      padding: 24px 6%;
  }

      [data-grid*="col-12"].three-across .three-across-item {
          height: 66vw;
      }
}

/* 6x2 boxshot-only layout */
.gameDivsWrapper.gameList-6-2 {
  width: 922px;
  padding: 24px 6px;
}

@media (min-width: 640px) and (max-width: 941px) {
  .gameDivsWrapper.gameList-6-2 {
      width: 618px;
  }
}

@media (max-width: 639px) {
  .gameDivsWrapper.gameList-6-2 {
      width: 302px;
      padding: 0px 0px;
  }
}

.gameList-6-2 .m-product-placement-item {
  margin-right: 12px !important;
  margin-left: 12px !important;
  width: 124px !important;
}
/* Xbox Live Gold table */
.xbox-live-table {
  padding: 0 2% 4vw;
}

  .xbox-live-table.c-table td {
      padding: 20px 12px;
  }

  .xbox-live-table h3.c-heading-3,
  .xbox-live-table h4.c-heading-4 {
      padding: 0;
  }

@media (min-width: 1080px) {
  .xbox-live-table p.c-paragraph-1 {
      width: 80%;
  }
}

@media (max-width: 508px) {
  .xbox-live-table h4.c-heading-4 {
      font-size: 14px;
  }

  .xbox-live-table p.c-paragraph-1 {
      font-size: 12px;
  }

  .xbox-live-table td.f-numerical.f-sub-categorical {
      width: 26%;
  }

  .xbox-live-table img {
      width: 100%;
  }
}
/* End  Xbox Live Pages */

/* Console and Accessory hubs */
.consoleList .consoleItem {
  float: none !important;
  display: inline-block;
  margin-bottom: 24px;
  vertical-align: top;
}

.itemCat .item {
  display: inline-block;
  float: none;
  vertical-align: top;
  margin-top: 24px;
}

.itemCat.catHidden {
  display: none;
}

.hiLo.priceSelected, .loHi.priceSelected {
  text-decoration: underline;
}

.c-feature a:focus picture {
  outline: 1px dashed !important;
}

.c-dialog.f-lightbox > [role=presentation] + .c-glyph, .c-dialog.f-lightbox:hover > [role=presentation] + .c-glyph {
  color: #9bf00b;
  z-index: 1001;
}

/* End Console and Accessory hubs */

/* Mosaic over rides */
.c-mosaic-placement > div {
  justify-content: flex-end;
  padding-bottom: 50px;
}

.c-mosaic-placement .firstItem {
  justify-content: center;
}

.c-mosaic-placement .c-subheading {
  padding-top: 5px !important;
}

/***** Scaling Mosaic *************/

.mosaic-container {
  margin: 0 auto;
}

  .mosaic-container a:focus img {
      outline: dashed !important;
  }

.m-scale-mosaic {
  padding-left: 0px;
  padding-right: 0px;
}

  .m-scale-mosaic .square div img {
      width: 100%;
  }

  .m-scale-mosaic .rect img {
      width: 100%;
  }

  .m-scale-mosaic .c-group span {
      color: #fff;
      font-size: 18px;
      font-weight: 700;
  }

  .m-scale-mosaic .c-group {
      position: relative;
      display: block;
      max-height: 60px;
  }

      .m-scale-mosaic .c-group.first span {
          color: #fff;
          font-size: 44px;
          font-weight: 100;
      }


@media screen and (min-width: 0px) {
  .mosaic-container .dsk {
      display: none;
  }

  .mosaic-container .mob {
      display: block;
  }

  .mosaic-container {
      width: 100%;
  }

  .m-scale-mosaic .square div, .m-scale-mosaic .rect {
      width: 320px;
      text-align: center;
  }

  .m-scale-mosaic .btmTouts .square {
      position: relative;
      top: -150px;
  }

  .m-scale-mosaic .btmTouts .rect {
      position: relative;
      bottom: -640px;
      height: 150px;
  }

  .m-scale-mosaic .square div {
      height: 320px;
  }

  .m-scale-mosaic .tpTouts, .m-scale-mosaic .btmTouts {
      height: 960px;
  }

  .m-scale-mosaic .c-group {
      padding: 0 10px;
      bottom: 75px;
  }

      .m-scale-mosaic .c-group.first {
          bottom: 200px;
      }
}

@media screen and (min-width: 320px) {
  .mosaic-container {
      width: 320px;
  }
}

@media screen and (min-width: 540px) {
  .mosaic-container .dsk {
      display: block;
  }

  .mosaic-container .mob {
      display: none;
  }

  .mosaic-container {
      width: 496px;
  }

  .m-scale-mosaic .square div {
      display: inline-block;
      float: left;
      width: 248px;
  }

  .m-scale-mosaic .rect {
      width: 496px;
  }

  .m-scale-mosaic .btmTouts .square {
      top: -248px;
  }

  .m-scale-mosaic .btmTouts .rect {
      bottom: -248px;
      height: 248px;
  }

  .m-scale-mosaic .square div {
      height: 248px;
  }

  .m-scale-mosaic .tpTouts {
      height: 496px;
  }

  .m-scale-mosaic .btmTouts {
      height: auto;
  }

  .m-scale-mosaic .c-group {
      bottom: 80px;
  }

      .m-scale-mosaic .c-group.first {
          bottom: 180px;
      }
}

@media screen and (min-width: 768px) {
  .mosaic-container {
      width: 688px;
  }

  .m-scale-mosaic .square div {
      display: inline-block;
      float: left;
      width: 344px;
  }

  .m-scale-mosaic .rect {
      width: 688px;
  }

  .m-scale-mosaic .btmTouts .square {
      top: -344px;
  }

  .m-scale-mosaic .btmTouts .rect {
      bottom: -344px;
      height: 344px;
  }

  .m-scale-mosaic .square div {
      height: 344px;
  }

  .m-scale-mosaic .tpTouts {
      height: 688px;
  }

  .m-scale-mosaic .c-group.first {
      bottom: 230px;
  }
}

@media screen and (min-width: 1084px) {
  .mosaic-container {
      width: 960px;
  }

  .m-scale-mosaic .square div {
      display: inline-block;
      float: left;
      width: 240px;
      height: 240px;
  }

  .m-scale-mosaic .tpTouts {
      height: 240px;
  }

      .m-scale-mosaic .tpTouts .rect {
          display: inline-block;
          width: 480px;
      }

  .m-scale-mosaic .btmTouts .square {
      top: 0px;
  }

  .m-scale-mosaic .btmTouts .rect {
      display: inline-block;
      float: left;
      width: 480px;
  }

  .m-scale-mosaic .c-group span {
      font-size: 14px;
  }

  .m-scale-mosaic .btmTouts .rect {
      bottom: 0px;
      height: 240px;
  }

  .m-scale-mosaic .c-group {
      bottom: 80px;
  }

      .m-scale-mosaic .c-group.first {
          bottom: 170px;
      }
}

@media screen and (min-width: 1400px) {
  .mosaic-container {
      width: 1260px;
  }

  .m-scale-mosaic .tpTouts {
      height: 315px;
  }

  .m-scale-mosaic .square div {
      width: 315px;
      height: 315px;
  }

  .m-scale-mosaic .btmTouts .rect, .m-scale-mosaic .tpTouts .rect {
      width: 630px;
  }

  .m-scale-mosaic .c-group span {
      font-size: 18px;
  }

  .m-scale-mosaic .c-group.first {
      bottom: 200px;
  }
}

@media screen and (min-width: 1600px) {
  .mosaic-container {
      width: 1420px;
  }

  .m-scale-mosaic .tpTouts {
      height: 355px;
  }

  .m-scale-mosaic .square div {
      width: 355px;
      height: 355px;
  }

  .m-scale-mosaic .btmTouts .rect, .m-scale-mosaic .tpTouts .rect {
      width: 710px;
  }

  .m-scale-mosaic .c-group.first {
      bottom: 230px;
  }
}

@media screen and (min-width: 1800px) {
  .mosaic-container {
      width: 1600px;
  }

  .m-scale-mosaic .tpTouts {
      height: 400px;
  }

  .m-scale-mosaic .square div {
      width: 400px;
      height: 400px;
  }

  .m-scale-mosaic .btmTouts .rect, .m-scale-mosaic .tpTouts .rect {
      width: 800px;
  }

  .m-scale-mosaic .c-group.first {
      bottom: 230px;
  }
}


/* FAQ */
@media only screen and (max-width: 1084px) {
  .faq-mwf {
      padding-left: 36px !important;
      padding-right: 36px !important;
  }
}

.faq-mwf hr.c-divider.f-pad-top-3x {
  margin-top: 36px;
}

.faq-mwf hr {
  margin-top: 0;
  margin-bottom: 0;
}

.faq-mwf button p {
  padding: 10px 0;
  color: #107c10;
}

.faq-mwf .c-paragraph-2 {
  padding: 32px;
}

.faq-mwf .m-banner {
  max-width: 1600px;
  padding: 8px 0;
  text-align: right;
}

/* Price Spider */
.priceFrom {
  margin: 12px 20px 0 0;
  float: none;
  font-weight: 700;
}

/****************************/

.eaAccess {
  padding: 10px 0;
}

  .eaAccess img {
      max-width: 100%;
  }

  .eaAccess p {
      padding: 38px 0px 2px 20px;
  }

@media screen and (max-width: 539px) {
  .eaAccess img {
      padding-left: 25vw;
  }
}

@media screen and (min-width: 540px) {
  .eaAccess .tall {
      height: 225px;
      line-height: 225px;
  }

  .eaAccess .short {
      height: 150px;
      line-height: 150px;
  }
}

@media screen and (min-width: 768px) {
  .eaAccess .tall {
      height: 205px;
      line-height: 205px;
  }

  .eaAccess .short {
      height: 150px;
      line-height: 150px;
  }
}

@media screen and (min-width: 1084px) {
  .eaAccess .tall {
      height: 200px;
      line-height: 200px;
  }

  .eaAccess .short {
      height: 150px;
      line-height: 150px;
  }
}

@media screen and (min-width: 1400px) {
  .eaAccess .tall {
      height: 150px;
      line-height: 150px;
  }

  .eaAccess .short {
      height: 100px;
      line-height: 100px;
  }
}
/* infinite game/box lists */
/* windows 10 games page */
.win10games .gameDivCTA {
  text-align: center;
}

.win10games .gameDivsWrapper {
  text-align: center;
  width: 100%;
}

  .win10games .gameDivsWrapper .gameDiv {
      text-align: left;
      display: inline-block;
      margin: 24px 10px 16px;
      vertical-align: top;
      min-width: 220px;
      max-width: 497px;
      width: 30% !important;
  }

.win10games .m-heading-4 + [class*=m-] {
  padding-top: 0;
}

.win10games .containerIMG {
  position: relative;
}

  .win10games .containerIMG .c-image {
      width: 100%;
      max-width: 497px;
  }

/* Shell work arounds */
.cookieBannerWrapper {
  background-color: #646464;
  display: none;
  height: 26px;
  min-width: 960px;
}

.cookieBanner {
  width: 960px;
  margin: 0 auto;
  position: relative;
}

  .cookieBanner .learnMore {
      height: 26px;
      float: right;
  }

  .cookieBanner .alertDescription {
      float: left;
      color: #fff;
      text-align: left;
      font: 12px/26px "Segoe UI",Arial,Sans-Serif;
      max-width: 810px;
  }

  .cookieBanner .learnMore a, .cookieBanner .learnMore a:visited {
      display: block;
      float: left;
      color: #fff;
      font: 12px/26px "Segoe UI Semibold",Arial,Sans-Serif;
  }

  .cookieBanner .learnMore img {
      margin-top: 5px;
      margin-left: 20px;
      cursor: pointer;
  }

.price-spider {
  max-width: 400px;
}

/* Footer Icons */
@media screen and (max-width: 1083px) {
  .sharedIcons .twoIcons {
      float: none !important;
      display: inline-block !important;
  }

  .sharedIcons .emptyColumns {
      display: none !important;
  }
}

.sharedIcons .m-content-placement-item > picture {
  padding-bottom: 0 !important;
}

  .sharedIcons .m-content-placement-item > picture img {
      position: relative !important;
  }

/* For Legal Icon */
@media (min-width: 768px) and (max-width: 1400px) {
  .legal img {
      padding-bottom: 60px;
  }
}

@media only screen and (max-width:767px) {
  .legal img {
      max-width: 25%;
      padding-bottom: 10px;
  }
}




/* X1 Hero CrossSell start */
@media screen and (max-width: 767px) {
  .heroCrossSell .m-hero-item > div {
      height: 250px !important;
  }

  .heroCrossSell [class*=f-x][class*=f-y].m-hero-item > div > div {
      top: calc(43%) !important;
  }
}

@media screen and (min-width: 1084px) {
  .heroCrossSell .m-hero-item {
      max-height: 600px;
      height: 30.7vw;
  }
}

.heroCrossSell a.c-call-to-action {
  color: #9bf00b !important;
}

.heroCrossSell {
  background-color: #171717;
}
/* X1 Hero CrossSell end */


/* Family Cross-sell start */
@media screen and (min-width: 1084px) {
  .familyCrossSell .m-hero-item {
      max-height: 600px !important;
      height: 30.7vw !important;
  }
}

@media only screen and (max-width: 767px) {
  .familyCrossSell .m-hero-item > div {
      height: 200px !important;
  }

  .familyCrossSell [class*=f-x][class*=f-y].m-hero-item > div > div {
      top: calc(35%) !important;
  }

  .familyCrossSell .m-hero-item .c-subheading, .familyCrossSell .m-hero-item > div picture, .familyCrossSell .m-hero-item[class*=f-x][class*=f-y] > picture:after {
      display: block !important;
  }

  .familyCrossSell .m-hero-item > div > div picture img {
      max-width: 255px;
  }

  .familyCrossSell .c-heading-3 {
      padding-top: 10px !important;
  }
}

.familyCrossSell a.c-call-to-action:focus {
  border: 2px dashed #000 !important;
}
/* Family Cross-sell Start end */


/* Page Bar */
.m-page-bar {
  max-width: 100%;
}

@media screen and (max-width: 767px) {
  .m-page-bar span {
      font-size: 10px !important;
  }
}


/* SVG Images */

@media screen and (max-width: 540px) {
  .tg-svgHeroLogos {
      width: 100%;
  }
}

.tg-svgHeroLogos {
  height: 34px !important;
}

.tg-svgPurchaseLogos {
  height: 23px !important;
}

.tg-svgXPALogo {
  height: 60px !important;
}

.tg-svgEAAccessLogo {
  height: 57px !important;
}
/* SVG Images END */


/* High Color Contrast */
@-moz-document url-prefix() {
  .high-contrast-mode .high-contrast {
      background-color: #000;
      color: #fff !important;
  }
}

@media screen and (-ms-high-contrast:white-on-black) {
  .high-contrast {
      background-color: #000;
      color: #fff !important;
  }

  .high-contrast-svg-white {
      background-color: #fff;
  }

  .faq-mwf p {
      color: #fff;
  }
}

@media screen and (-ms-high-contrast:black-on-white) {
  .high-contrast {
      background-color: #fff;
      color: #000 !important;
  }

  .high-contrast-svg-black {
      background-color: #000;
  }
}



/* End High Color Contrast */

/* Media Gallery -new- -start- */
/* v1.57.0 override -start- */
.m-product-placement-item.context-video picture, .m-product-placement-item.context-video img, .c-product-placement.context-video picture, .c-product-placement.context-video img {
  width: 330px !important;
}

.m-product-placement-item.f-size-large.context-video picture, .c-product-placement.f-size-large.context-video picture {
  width: 330px !important;
}

.m-product-placement-item.f-size-large.context-video, .c-product-placement.f-size-large.context-video {
  width: 336px !important;
  margin-right: 12px !important;
}

.m-product-placement-item.context-video .c-action-trigger, .c-product-placement.context-video .c-action-trigger {
  top: calc(94.5px - 24px) !important;
  left: calc(168px - 24px) !important;
}
/* v1.57.0 override -end- */

.m-product-placement-item.f-size-large.context-video img:hover {
  opacity: .7 !important;
}

.media-gallery-black {
  background-color: #000 !important;
}

  /* Not sure why this was added...
.c-dialog.f-lightbox [role=dialog] {
max-width: 1350px !important;
} */

  .media-gallery-black .c-flipper.x-hidden-focus {
      background-color: #ccc;
  }

.c-video-player .f-core-player video, .c-video-player .f-core-player object {
  background-color: none !important;
}

@media screen and (min-width: 0px) {
  .oneFrame {
      width: 91%;
      height: 49.5vw;
      margin: 0 auto;
  }

      .oneFrame iframe {
          width: 100%;
          height: 100%;
          border: none;
      }
}

@media screen and (min-width: 540px) {
  .oneFrame {
      height: 49.5vw;
      width: 90%;
  }
}

@media screen and (min-width: 768px) {
  .oneFrame {
      width: 63.9vw;
      height: 36vw;
  }
}

.BGtransplay button.c-action-trigger.x-hidden-focus {
  background: rgba(0,0,0,.6) !important;
}

.m-media-gallery {
  padding-top: 52px;
}
/* Media Gallery -new- -end-*/

/* 1.52.0 fixes for infinite boxshot section */
.m-product-placement-item.f-size-medium.gameDiv a picture {
  width: auto !important;
  height: 100% !important;
}

  .m-product-placement-item.f-size-medium.gameDiv a picture img {
      position: static;
      transform: none;
  }

.m-product-placement-item.gameDiv > a {
  position: static;
  border: 0 !important;
  outline: 0;
  display: block;
  overflow: visible;
  padding: 0 !important;
  width: 100%;
  height: 100%;
  white-space: normal;
}

  .m-product-placement-item.gameDiv > a:focus {
      outline: 2px dashed #000;
  }

  .m-product-placement-item.gameDiv > a > picture {
      border: none;
  }
/* END 1.52.0 fixes for infinite boxshot */

/* 1.52.0 fixes for "Quick look" catalog page popups */
.poprotator div.c-group {
  bottom: 80px !important;
}

.m-product-placement-item.f-size-medium .poprotator picture {
  width: 100% !important;
  height: 100% !important;
  position: absolute !important;
}

.m-product-placement-item.f-size-medium .gameMoreInfo .c-carousel.carfullimage picture {
  width: 58% !important;
  margin-left: 20.9%;
  margin-top: -2%;
}

.gameDiv .ratingstars, .popinfo .ratingstars, .popinfo .reviewtotal {
  display: none;
}
/* END 1.52.0 fixes for quick looks */

/* Filters on Games Catalog and Sale */
.c-refine-menu .c-drawer > button {
  font-size: 15px !important;
}

/* Help me choose */
.x1Help .m-banner {
  padding-bottom: 48px !important;
}

/* Shared Blades */
@media screen and (min-width: 1399px) {
  .xgpPCshared .m-hero-item > div > div {
      max-width: 600px !important;
  }
}

.xboxSocial .m-social {
  margin: 18px 0;
}

.m-social > a:focus, .m-social > ul > li > a:focus, .c-social > a:focus, .c-social > ul > li > a:focus {
  border: 2px dashed #000;
  outline: 2px dashed #fff;
}

@media screen and (max-width: 1083px) {
  .xboxSocial .m-social {
      margin: 18px 20px;
  }
}

/* Shared Blades cont. XAA */
.buybox {
  position: relative;
  margin-top: 20px; /* compensates for the tranlateY buttons, allows page spacing to be set on individual pages */
}


.buybox__main {
  border: 6px solid #000;
  padding: 5.25% 1.25% 5% 1.25%;
  display: flex;
  flex-direction: row;
  justify-content: center;
}

  .buybox__main img {
      max-width: 100%;
      display: block;
      margin-left: auto;
      margin-right: auto;
  }

.buybox__content {
  position: relative;
  width: 22.5%;
  text-align: center;
  justify-content: center;
  padding-bottom: 16px;
}

.buybox.three-up .buybox__content {
  width: 30%;
}

.buybox__glyph {
  position: relative;
  width: 3.5%;
  text-align: center;
}

.buybox.three-up .buybox__glyph {
  width: 4.66%;
}

@media screen and (min-width: 540px) {
  .buybox .buybox__content [class^=c-heading] {
      font-size: 26px;
      line-height: 1.15em;
  }
}

@media screen and (min-width: 1084px) {
  .buybox .buybox__content [class^=c-heading] {
      font-size: 34px;
      line-height: 1.15em;
  }
}

.buybox .buybox__content [class^=c-heading] strong {
  font-weight: 600 !important;
}

@media screen and (max-width: 1083px) {
  .buybox {
      padding-left: 5%;
      padding-right: 5%;
  }
}

@media screen and (max-width: 767px) {
  .buybox__main {
      flex-wrap: wrap;
      padding-top: 60px;
      padding-bottom: 50px;
  }

  .buybox.three-up .buybox__content, .buybox__content {
      width: 45.5%;
  }

  .buybox__glyph {
      position: relative;
      width: 7%;
      text-align: center;
  }

      .buybox.three-up .buybox__glyph, .buybox__glyph.stack {
          display: none;
      }
}

@media screen and (max-width: 539px) {
  .buybox__content {
      width: 50%;
  }

  .buybox__glyph {
      display: none;
  }
}