.clear {display: none;}

/* UHF overrides */
/*
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 */

/* 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: #5dc21e !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;
}
}

#BodyFooter {margin-bottom: -20px;} 
/* remove this line once engineering fixes the white bar at the bottom of the footer */
/* MWF Overrides below this line */
@media screen and (min-width: 1921px) {
.hero-center {max-width: 1920px; margin: 0 auto;}
}

.c-call-to-action.f-heavyweight {
font-size: 15px;
display: inline-block;
max-width: 100%;
padding: 10px 22px 7px 24px !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;
}
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;
}

/* 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;}
.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: #5dc21e !important;}

a.c-call-to-action.green-brdr {
border: 2px solid #107c10;
color: #000 !important;
background: none !important;
}
a.c-call-to-action.green-brdr:hover {
border: 2px solid #5dc21e;
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: #5dc21e !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://assets.xboxservices.com/assets/85/a4/85a46e51-9dc4-465d-9257-de3d166d6cd3.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 */
.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-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:#5dc21e;}
.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;
} 
/* 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 .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 only 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: #5dc21e; 
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 */
.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: #5DC21E !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;}
}

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

.high-contrast-svg-black {
   background-color: #000;}
.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: #fff; }
a.c-call-to-action.cta-btn-dark:hover {background: #fff; color: #000 !important; }

}
/* End High Color Contrast */

/* Media Gallery -new- */
.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: 90%; height: 49.5vw; margin: 0 auto; }
.oneFrame iframe {width: 100%; height: 100%; border: none;}
}
@media screen and (min-width: 540px) {
.oneFrame { height: 50vw;  }
}
@media screen and (min-width: 768px) {
.oneFrame {width: 64vw; height: 36vw;  }
}
.BGtransplay button.c-action-trigger.x-hidden-focus {
background: rgba(0,0,0,.6) !important;
}

.m-media-gallery {
padding-top: 52px;
}

/* 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;
    width: auto;
    min-height: 300px;
}
.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 */