/*hero*/
 .home-hero .c-sequence-indicator,  .home-hero .c-action-toggle {background-color: rgba(0, 0, 0, 0.4) !important;}

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

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

@media (min-width: 768px) and (max-width: 1083px) {
.home-hero section {height:110vw;}
.home-hero .m-hero-item > div {overflow: visible;}
.home-hero .m-hero-item > div > div {
    top: 130% !important;
    -ms-transform: none;
    transform: none;
}
.home-hero .m-hero-item.f-x-center.f-y-top > div > div {
    top: 20% !important;
}
.home-hero .m-hero-item > div > div { 
    max-width: 1083px;
    width: 100%;
    text-align: center;
    left: 0;
    right: 0;
}
}

@media screen and (max-width: 1083px) {
.home-hero .vid {display: none;}
.home-hero .image {display: block;}
.home-hero .c-heading-1 {font-size: 46px; line-height: 46px;}
}
@media only screen and (max-width:767px) {
.home-hero .m-hero-item > div > div {
    top: calc(30%) !important;
}
}
@media screen and (min-width: 1084px) {
.home-hero .vid {display: block;}
.home-hero .image {display: none;}
.home-hero section {height: 36.7vw;}
}
@media screen and (min-width: 1800px) {
.home-hero .m-hero-item>div>div  {
    max-width: 630px;
}   
}
/* gamer pic */
       .iconBlade .msame_Header_name.msame_TxtTrunc {display: none !important;}
       .iconBlade .msame_Header.msame_Short.msame_3row {height: 100%;}
       .iconBlade .msame_Header_picframe {margin: 0 auto;}
       .iconBlade .msame_Header_piccont {padding: 0px;}
       .iconBlade .msame_Header_picframe img {width: 100% !important; height: 100% !important; max-width: 100%;}
       .iconBlade .msame_Header.msame_Short msame_3row {height: 100%;}
       @media screen and (min-width: 768px) {
            .iconBlade .msame_Header_picframe {height: 57px !important; width: 57px !important;}
       }

/* Zoom images*/

.zoomImg {
    transition: background-position 0s linear !important;
    -webkit-transition: background-position 0s linear !important;
    transition: background-size .2s linear !important;
    -webkit-transition: background-size .2s linear !important;
}

@media screen and (min-width: 1084px) {
    .fullTile section {
        height: 41.92vw;
        background-size: cover;
        margin: 2px 0;
    }
}


.hp-mosaic .c-heading-3 {
    padding: 6px 0 2px;
}

.hp-mosaic {
    padding: 6px;
}

.hp-mosaic li {
    padding: 2px;
}

@media screen and (min-width: 1084px) {
  .hp-mosaic li {
      position: relative;
      top: 0px;
  }
  .hp-mosaic li.slide {
      top: 150px;
  }
}

.hp-mosaic .c-image {
    max-width: 100%;
}

.hp-mosaic li.fullTile {
    width: 100%;
}

.double section, .double .m-content-placement-item {
    margin-top: 0px;
}

.hp-mosaic .m-image-intro.f-align-bottom>div {
    left: 0px;
    bottom: 7%;
    -ms-transform: translateX(0%);
    transform: translateX(0px);
    padding-left: 3vw;
}

.icons {
    text-align: center;
    margin: 28px 0 35px;
}

.icons a {
    display: inline-block;
    margin-right: 3.5vw;
}
.icons a:focus {outline: 2px dashed;}
.icons a:nth-child(6) {
    margin-right: 0px;
}

.icons a p {
    color: #107c10;
}

.icons a p  {
    text-decoration: underline;
    font-weight: 600;
}
@media screen and (max-width: 767px) {
    .icons {
        width: 294px;
        margin: 0 auto 31px;
    }
}
@media screen and (max-width: 539px) {
    .icons {
        width: 390px;
        margin: 0 auto 31px;
    }
    .icons a {
        margin-right: 7vw;
        margin-top: 32px;
    }

    .icons a:nth-child(3) {
        margin-right: 0px;
    }
}
@media screen and (max-width: 415px) {
.icons {
    width: 370px;  
}
    .icons a {
        margin-right: 5vw;
    }
}
@media screen and (max-width: 320px) {
.icons {
    width: 310px;  
}
.icons a:nth-child(3) {
    margin-right: 25px;
}
.icons a>div {
    width: 100px;
}
}
@media screen and (max-width: 1083px) {
    .home-hero .m-hero-item>div {
        height: 50vw;
    }

    .hp-mosaic li.double .zoom {
        height: 27.74vw;
    }

    .fullTile .mobImg {
        display: block;
        max-width: 100%;
    }

    .fullTile .copy {
        padding: 16px 12px;
    }

    .hp-mosaic li.msctL,
    .hp-mosaic li.msctR {
        clear: both;
    }

    .double>div {
        padding: 40px 3vw;
    }

    .zoom {
        display: none;
    }
}

@media (min-width: 1084px) and (max-width: 1399px) {
    .home-hero .c-heading-1 {font-size: 46px; line-height: 56px;}
    .hp-mosaic .c-heading-3 {
        font-size: 20px;
        line-height: 28px;
    }
}

@media screen and (max-width: 539px) {
    .home-hero .c-heading-1 {
        font-size: 34px;
        line-height: 36px;
    }
    .hp-mosaic .c-heading-2 {
        font-size: 26px;
        line-height: 40px;
    }
    .hp-mosaic .c-heading-3 {
        font-size: 20px;
        line-height: 28px;
    }
}


@media screen and (min-width: 0px) {
    .icons img {
    max-width: 90%;
  }

    .icons a>div {
        width: 100px;
        height: 40px;
    }
    .icons a>div>div {
        width: 60px;
        margin: 0 auto;
    }
}

@media screen and (min-width: 768px) {
    .icons a>div {
        width: 99px;
        height: 56px;
    }
    .icons a>div>div {
        width: 72px;
       margin: 0 auto;
    }
}

@media screen and (min-width: 1084px) {
    .icons img {
    max-width: 100%;
}

    .hp-mosaic li {
        width: 50%;
    }

    .hp-mosaic li.double div section, .hp-mosaic li.double div .m-content-placement-item {
        float: left;
        width: 50%;
        padding: 0 3vw;
    }

    .hp-mosaic li.double>div picture {
        float: right;
        width: 50%;
    }

    .hp-mosaic li.double .floatR {
        float: right;
        width: 50%;
        height: 27.74vw;
    }

    .hp-mosaic li.double .floatL {
        float: left;
        width: 50%;
        height: 27.74vw;
    }

    .hp-mosaic li.msctL {
        float: left;
    }

    .hp-mosaic li.msctR {
        float: right;
    }

    .double>div {
        height: 27.74vw;
    }


    .double section, .double .m-content-placement-item {
        position: relative;
        top: calc(50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .double .c-image {
        display: none;
    }

    .fullTile .mobImg {
        display: none;
    }

    .fullTile .copy {
        padding-right: 5%;
        max-width: 440px;
        float: right;
        top: 120px;
        top: calc(50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        position: relative;
    }
    .fullTile.fullTileCenterTop .copy {
      text-align: center;
      margin: 0 auto;
      float: none;
      top: 12px;
      transform: none;
    }
    .fullTile.fullTileCenterTop .fulltilelogo img {
      margin: 0 auto;
    }
    .fullTile.fullTileCenterTop p, .fullTile.fullTileCenterTop a {
        padding: 0;
        margin: 10px 0 0 !important;
    }


  .hp-mosaic ul li .zoom {
        background-size: 100% 100% !important;
        background-repeat: no-repeat !important;
        background-position: center center !important;
        transition: all 500ms ease !important;
    }

   .hp-mosaic ul li .zoom:hover {
        background-size: 120% 120% !important;
        background-position: center center !important;
    }
}
@media (min-width: 540px) and (max-width: 767px) {
    .icons {width: 520px;}
    .icons a {margin-top: 31px; margin-right: 9vw;}
    .icons img {max-width: 100%;}
    .icons a:nth-child(3) {margin-right: 0vw;}
    .icons a>div {width: 100px;}
    .icons a>div>div {
        width: 100%;
        margin: 0 auto;
    }
} 
@media screen and (min-width: 1400px) {
 .fullTile .copy  {
    max-width: 520px;
}   
}
@media screen and (min-width: 1800px) {
 .fullTile .copy  {
    max-width: 630px;
}   
  .fullTile.fullTileCenterTop .copy  {
    max-width: 720px;
} 
}
/* CTA hover effect */
 .hp-mosaic li .c-call-to-action, .home-hero .c-call-to-action {margin-top: 16px;}
/* @media screen and (min-width: 1084px) {
     .hp-mosaic li .c-call-to-action {transition: border 1s, padding 1s;}
     .hp-mosaic li:hover .c-call-to-action {
               border: 1px solid #107c10 !important;
               padding-left: 10px; 
               padding-right: 5px;                        
     }
    .hp-mosaic li:hover .c-call-to-action.white-c {
               border: 1px solid #fff !important;         
     } 
} */
     .hp-mosaic li .c-call-to-action:focus {
               border: 3px dashed #fff !important;
               outline: 3px dashed #000 !important;
               padding-left: 10px; 
               padding-right: 5px;                        
     }
     .hp-mosaic li .c-call-to-action.white-c:focus {
               border: 3px dashed #fff !important;
               outline: 3px dashed #fff !important;
               padding-left: 10px; 
               padding-right: 5px;                        
     }

@media screen and (max-width: 1083px) {
     .hp-mosaic li:active .c-call-to-action {
               border: 1px solid #107c10 !important;
               padding-left: 10px; 
               padding-right: 5px;                        
     }
     .hp-mosaic li:active .c-call-to-action.white-c {
               border: 1px solid #fff !important;         
     }
}

   @media screen and (min-width: 1921px) {
.hp-mosaic {width: 1920px; margin: 0 auto; float: none;}
.hp-mosaic .m-image-intro img {height: 1084px;}
.hp-mosaic .fullTile section {height: 805px;}
.double > div, .hp-mosaic li.double .floatR, .hp-mosaic li.double .floatL { height: 534px;}

}

.m-hero-item .m-ambient-video video {
    width: 100% !important;
}
li .c-heading-1 {
  padding: 6px 0 !important;
}
li .c-heading-2 {
  padding: 3px 0 !important;
}
@media (max-width: 539px) {
  .c-heading-1, .c-heading-2, .c-heading-3 { font-size: 26px !important;}
  .c-paragraph-1, .c-subheading-1 { font-size: 15px !important; font-weight: 600 !important; line-height: 20px;}
}

/* POPUP SECTION */
/*#thepopupvideo {
  transition: all 2000ms;
  z-index: 6000000;
}
.invisible {
  visibility: hidden !important;
}
.pophidden {
  display: none !important;
}
.blackout {
  opacity: 0 !important;
  background: black !important;
}
.fadingout{
  opacity: 0 !important;
  background: transparent !important;
}

#thepopupvideo.c-dialog.f-lightbox [role="dialog"] {
  max-width: 100% !important;
  top: 0%;
  transform: translate(-50%,0%);
  background: black !important;
}
#thepopupvideo .m-ambient-video {
  padding: 0 !important;
}
#thepopupvideo [role="presentation"] {
  background: black !important;
}
.headersee {
    position: relative;
    top: 0;
    left: 0;
    z-index: 9000000;
    width: 100%;
}
.c-dialog.f-lightbox>[role="presentation"]+.c-glyph {
    top: 56px;
}
#thepopupdialog {
  overflow-y: visible !important;
}*/

/**** END POPUP SECTION   */