/* hero */
 .customColor{ background-color: #ebebeb !important;}
 .hero .c-group > .c-call-to-action{vertical-align:bottom !Important;}
 
 @media screen and (min-width: 0px) {
  .top-plxBlade .BTmob {display: block;}
  .top-plxBlade .BTtab {display: none;}  
  .horiz-BG .mob {display: block; }
  .horiz-BG .mob img {max-width: 100%;}
 }
 
 @media screen and (min-width: 768px) {
 .bgImage{ 
       background-image:url('https://compass-ssl.xbox.com/assets/c6/09/c6097681-dec4-4f4c-a54c-00806618ddbd.jpg?n=Minecraft_Background-768_Top_1920x3019_02.jpg'); 
       background-size:cover;
       background-repeat: no-repeat;
      
    }
 
 .marketplaceBG{
      background-image:url('https://compass-ssl.xbox.com/assets/39/11/3911a2ba-6a60-468a-aea0-3670edbe7808.jpg?n=Minecraft_Background-768_Marketplace-Characters_1920x1532_02.jpg'); 
       background-size:cover;
       background-repeat: no-repeat;
 
 }
   .catsPandasBlade  a.c-call-to-action.f-lightweight{color:white !Important;}
 .gameFeatures { background-image:url("https://compass-ssl.xbox.com/assets/e2/eb/e2eb2288-8c4e-4d3d-ae5d-3dd7c5306375.jpg?n=Minecraft-X1-MWF_Image-Background-1084_1920x7361.jpg");
 background-size: cover; 
  }
 .gameFeatures .m-highlight-feature > div {
     background:none;
     color: #fff;
     box-shadow:none;
    } 
   .m-highlight-feature.f-align-left>div{margin-left:8% !important;}
   .m-highlight-feature.f-align-right>div{margin-right:8% !Important;}
   .m-highlight-feature div{width:400px !important;}
   .gameFeatures .m-highlight-feature > div {width:350px; height:400px;}
   .customHero section{ min-height:45.45vw !important;}
   .top-plxBlade .BTmob {display: none;}
  .top-plxBlade .BTtab {display: block;}   
  .m-highlight-feature div {width:400px !important;}
  .market .m-hero-item::before {
     padding-bottom: 61%;
 }
 .m-highlight-feature > div {
     background: none;
     color: #fff;
     box-shadow: none;
 
  }
  .horiz-BG .mob {display: none;}
 .horiz-BG {background-image: url('https://compass-ssl.xbox.com/assets/c9/a3/c9a3fcbe-80d7-477f-a3d0-56eed4b71fff.jpg?n=Minecraft-2017_Superhero-768_old_1399x767.jpg');
                   background-size: cover;
                   height: 54.82vw;
                  }
 .horizScroll {background-image: url('https://compass-ssl.xbox.com/assets/01/fb/01fb9e00-b0bc-45cd-bec6-41d365ac83f8.png?n=Minecraft-2017_Superhero-768_Super-Duper_1399x767.png');
                   background-size: cover;   
                   height: 100%;
                  }
 .horizScroll > div {
                            position: absolute;
                            top: calc(30%);
                            width: 354px;
                            height: 300px;
                            margin: 0 36px;
                            padding-left: 24px;
                            padding-right: 24px;
                            text-align: center;                           
   }
 }
 
 @media screen and (min-width: 1084px) {
 .m-area-heading .c-heading{font-size:84px !important;}
 .mineCraft-ten{font-size:84px !important;}
 div.copyTrans {top:400px !important;}
 .horizScroll > div {
                            position: absolute;
                            top: calc(37%);
                            width: 354px;
                            height: 408px;
                            margin: 0 148px;
                            padding-left: 24px;
                            padding-right: 24px;
                            text-align: center;                           
                 }
 .gameFeatures .m-highlight-feature > div {
  margin: 0 148px;
    } 
 }
 
 
 a.c-call-to-action.wtGrn {
     border: 2px solid #107c10;
     color: #107c10 !important;
     background: #fff !important;
 }
 
 /*
 a.c-call-to-action:focus {
     border:5px solid blue !important;
 }
 */
 
 @media screen and (-ms-high-contrast: active) {
 .realmsplusHero a.c-call-to-action:focus {
     border:2px dashed white !important;
   }
 }
 
 button.c-call-to-action.wtGrn {
     border: 2px solid #107c10;
     color: #107c10 !important;
     background: #fff !important;
 }
 
 
 /* end hero */
 .aquatic .m-highlight-feature {
 margin-top: 0px;
 }
 
 @media screen and (min-width: 1400px) {
 .m-highlight-feature div{width:450px !important;}
 .realmsplusHero  .m-hero-item .c-paragraph, .c-hero .c-paragraph{min-height:100px !important;}
 .market .m-hero-item::before {
     padding-bottom: 62.25%;
 }
 .top-plxBlade {background-image: url('https://compass-ssl.xbox.com/assets/50/e6/50e6eeba-a0eb-496c-9dc8-94372d847842.jpg?n=Minecraft-2017_Superhero-1400_Better-Together-Machine_1920x1220.jpg');       
                         height: 63.54vw; 
                         background-size: cover;                      
                     }
 
  .top-plxBlade .BTtab {display: none;}  
  .top-plxBlade .copyBlock {padding-bottom: 48px;}
 
 .top-plxBlade .m-area-heading.tp {padding-top: 3vw !important;}
 .top-plxBlade .m-area-heading.btm {position: relative; top: 26vw;}      
 .top-plxBlade .m-area-heading.btm h3 {font-size: calc(10px + 1.75vw) !important; line-height: calc(10px + 1.75vw) !important; } 
 .top-plxBlade .m-area-heading.btm p {font-size: calc(7px + .9vw) !important; line-height: calc(7px + 1.1vw) !important; padding-top: 1.75vw;}   
 .horiz-BG {background-image: url('https://compass-ssl.xbox.com/assets/5f/ad/5fadf588-8a25-47d7-b7cc-12e7decd234d.jpg?n=Minecraft-2017_Superhero-1400_old_1920x1080.jpg');
                   background-size: cover;
                   height: 56.25vw;
                  }
 .horizScroll {background-image: url('https://compass-ssl.xbox.com/assets/a5/f2/a5f2e902-157c-4769-aba0-4747d0d90172.png?n=Minecraft-2017_Superhero-1400_Super-Duper_1920x1080.png');
                   background-size: cover;                  
                  }
 }
 
    
 .top-plxBlade {background-color: #CADFFF; color: #000;}
 @media screen and (max-width: 1399px) {
 
 .top-plxBlade .BTmob, .top-plxBlade .BTtab {width: 100%;}
 .top-plxBlade .copyBlock {padding-bottom: 48px;}
 }
 @media screen and (max-width: 1083px) {
 a.c-call-to-action.wtGrn {margin-bottom: 12px;}
 }
 @media screen and (max-width: 767px) {
 .mine-hero .m-hero-item > div, .market .m-hero-item > div {
     height: 280px;
 }
 .aquatic .m-highlight-feature > div {
     margin-bottom: 48px;
 }
 
 .horiz-BG .horizScroll {display: none;}
 .horiz-BG .mob > div {width: 80%; margin: 0 auto;}
 .market {background-color: #000; color: #fff;}
 }
 
 
 
 .top-plxBlade p.c-caption-2 strong {font-size: 15px !important;}
 .mineCraft-ten {font-family: Minecraft Ten;}
 
 
  @media (min-width: 768px) and (max-width: 1399px) {
    .top-plxBlade .m-area-heading.tp {position: relative; top: -45vw;}
      .top-plxBlade .m-area-heading.btm {padding-top: 0px !important; margin-top: -150px;}
 }
 
 /* old new horizontal scroll */
 
 
 
 /* end horizontal scroll */
 
 
 @media only screen and (max-width:1083px) {
 /*.c-hero>div>div, .hero .m-hero-item>div>div {max-width:300px;}*/
     a.c-call-to-action.f-lightweight {
         color: #fff !Important;
     }
 
     a.c-action-trigger, button.c-action-trigger {
         color: #fff !important;
     }
 
     .box {
         display: none;
     }
 
 
 }
 
 @media only screen and (max-width:900px) {
     .cta-block {
         margin-left: 30% !important;
         width: 500px;
     }
 }
 @media (min-width: 768px) and (max-width: 1083px) {
 .accessories-blade .m-feature > div .c-group .c-call-to-action {
     margin-left: 0px !important;
 }
 }
 @media screen and (max-width: 540px) {
 .accessories-blade .m-feature > div .c-group .c-call-to-action {
     margin-left: 0px !important;
 }
 }
 @media screen and (max-width: 767px) {
     .cta-block {
         display: none;
     }
 
 
     .box {
         display: block;
     }
 
     .g-details > h2 {
         color: black !important;
     }
 
 }
 /* features blades */
 
 @media only screen and (max-width:539px) {
     .m-highlight-feature {
         float: left !important;
     }
 
     .x-type-center m-cta-module {
         z-index: 1;
     }
 
     .theme-black .c-divider {
         border-top: 1px solid white !Important;
     }
 }
 
 
 
 @media only screen and (max-width:1084px){
 .m-hero-item.f-x-center > div > div, .c-hero.f-x-center > div > div{min-width:70% !important;}
 .catsPandasBlade .m-hero-item div div{max-width:330px !important;}
 .c-heading.mineCraft-ten {font-size: 64px !important; line-height: 64px !important;}
 }
 
 
 .gameFeaturesBackground{ 
       background-image:url('https://compass-ssl.xbox.com/assets/b7/63/b763a933-b5b2-4ea3-854d-4cf4cdf5ee7b.jpg?n=Minecraft-X1-MWF_Image-Background-1084_1920x6000.jpg'); 
       background-size:cover;
       background-repeat: no-repeat;
    }
 
 
 .gameFeaturesBackground  .featureOne{margin-top:0 !important;}
 @media screen and (max-width:767px) {
 .xbox-gear .m-highlight-feature > div {color: #000;}
 .bgImage{ background-color: #ebebeb; }
 .marginTop{margin-top:20px !Important;}
 }
 
 .c-heading-3, .c-heading-4, .c-heading-5, c-subheading-4{font-weight:300;}
 
 .customHero section{pointer-events:none !important;}
 .customHero section a{pointer-events:auto !important;}
 .customHero  a .customBtn{background-color:white !Important;}
 .customHero .m-hero-item .c-group a:focus{outline: #0F760F dashed 2px !important;}
 
 .m-product-placement.f-video a:focus {
     outline: #0F760F dashed 3px !important;
 }
 
 .realmsplusHero a.c-call-to-action.f-lightweight.custCTA {color:#9bf00b !important;}
 .realmsplusHero .c-heading{font-size:20px !important; line-height:24px; padding:35px 0 5px;  font-weight:700 !important;}
 
 
 @media screen and (max-width:1400px) and (min-width:1084px){
 .realmsplusHero  .m-hero-item .c-paragraph, .c-hero .c-paragraph{min-height:120px !important;}
 }
 
 @media screen and (max-width:1084px) and (min-width:0px){
 .realmsplusHero  .m-hero-item .c-paragraph, .c-hero .c-paragraph{min-height:160px !important;}
 }
 
 @media screen and (max-width:768px){
 .mobileFontColorBlack{color:black !important;}
 .c-heading.mineCraft-ten {font-size: 50px !important; line-height: 50px !important;}
 .c-heading.mineCraft-ten {font-size: 50px !important; line-height: 50px !important;}
 .mineCraft-ten{font-size:50px !important;}
 }
 
  .mixerPaddingLeft{margin-left:-20px !important;}
 
 
 .xbox-gear a:focus {
  outline:2px dashed white !Important;
  }
 
 @media screen and (max-width: 768px) {
 .m-highlight-feature {
     display: block !important;
 }
 }
 
 
 /** percent show */
   .topfiller {
     height: 800px;
     width: 100%;
     background-color: pink;
     margin: 20px;
   }
   .horizScroll {
     width:100%;
     position: relative;
   }
   .bottomfiller {
     height: 1200px;
     width: 100%;
     background-color: orange;
     margin: 20px;
   }
   .percentshow {
     position: fixed;
     right: 0;
     top: 0;
     padding:40px;
     font-size: 28px;
     background-color: blue;
     color: white;
   }
   .percentshow2 {
     position: fixed;
     right: 0;
     top: 112px;
     padding:40px;
     font-size: 28px;
     background-color: lightblue;
     color: white;
   }
 /*** plx section */
   .parallaxarea {    
     position: relative;
     height: 300px;
   }
   .plx-layer {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
   }
   .plx-layer1, .plx-layer2, .plx-layer3 {
     opacity: .4;
   }
 
  .m-area-heading{padding-top:20px !important; font-weight:300;}
 .m-highlight-feature div{background:none !important; color:white !Important; box-shadow:none !Important;}
 
 .mixer-cta{color:#0F760F !important;}
 a.c-call-to-action.f-lightweight{color:#0F760F !important;}
 .c-paragraph-1{font-size:15px !Important;}
 .pad20{padding-bottom:20px !important;}
 .logo{width:138px !Important; height:40px !Important;}
 
 
 @media (forced-colors: active) {
 .m-hero-item {
     forced-color-adjust: auto !important;
  }
 }

/* AB Test */


 @media only screen and (max-width: 1083px) {
    .hero-test .m-hero-item>div>div {
        max-width:600px !Important;
    }
}

.hero-test .popicons {color: black !Important; }
.hero-test { display: none; }
/* AB Test */