/* vid hero overrides */
@media screen and (max-width: 767px) {
  .videohero {height: 145vw;}
  }
  @media screen and (min-width: 1921px) {
  .home-hero .videohero {height: 720px;}
  }
  /* end vid hero overrides */
  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: 800px) {
.home-hero .m-hero-item>div>div>div {
 margin-top: 0;}
  .home-hero #hero-2 .m-hero-item>div>div {
    top: 136% !important;}
    .home-hero #hero-1 .m-hero-item>div>div {
        top: 107% !important;}
}

@media (min-width: 768px) and (max-width: 875px) {
.home-hero .m-hero-item>div>div {
  top: 126% !important;
  -ms-transform: none;
  transform: none;
}
  }

  @media (min-width: 875px) and (max-width: 1083px) {
  .home-hero .m-hero-item>div>div {
      top: 126% !important;
      -ms-transform: none;
      transform: none;
  }
}
  
  @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.f-x-center.f-y-top>div>div {
          top: 20% !important;
      }
      .home-hero .m-hero-item>div>div {
          max-width: 1083px;
          width: 101%;
          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: 34vw !important;
      }
      ul.heroList {
          height: 143vw;
      }
      ul.heroList li section.m-hero-item {
          height: inherit;
      }

      .fullLeftRight .c-badge, .msctL.double.slide .c-badge {
        margin-bottom: 20px;
      }

      
  }
  
  @media screen and (max-width: 350px) {
      ul.heroList {
          height: 145vw;
      }
      .home-hero .m-hero-item>div>div {
          top: 40vw !important;
      }
      .home-hero .m-hero-item>div>div>div {
          padding-top: 0px;
      }
      .home-hero .m-hero-item>div>div>div>a {
          margin-top: 0px;
      }
  }
  
  @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 {
      overflow: hidden;
  }
  
  .zoomImg img {
      -moz-transition: all 0.3s;
      -webkit-transition: all 0.3s;
      transition: all 0.3s;
      height: inherit;
  }
  
  .zoomImg:hover img {
      -moz-transform: scale(1.1);
      -webkit-transform: scale(1.1);
      transform: scale(1.1);
  }
  
  @media screen and (min-width: 1084px) {
      .fullTile section {
          height: 41.48vw;
          background-size: cover;
          margin: 2px 0;
      }
      .fullTile section.m-hero-item>div {
          left: 120px;
      }
      .fullLeftRight2.theme-black, .fullLeftRight2 .theme-black {
          background: transparent !important;
          margin-top: 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 span {
      color: #107c10;
      border-bottom: 3px solid transparent;
      transition: border-color .2s ease-in-out;
      -webkit-transition: border-color .2s ease-in-out;
      -moz-transition: border-color .2s ease-in-out;
  }
  
  .icons a:hover p span {
      border-bottom: 3px solid #107c10;
  }
  
  @media screen and (-ms-high-contrast:active) {
      .icons a p span {
          color: inherit;
          border-bottom: none;
      }
      .icons a:hover p span {
          border-bottom: none;
      }
  }
  
  .icons a p {
      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 (-ms-high-contrast:active) {
      a.c-call-to-action.f-lightweight:hover span,
      .icons a:hover p span,
      a.c-call-to-action.f-heavyweight:hover span {
          text-decoration: underline !important;
      }
  }
  
  @media screen and (max-width: 1083px) {
      .home-hero .m-hero-item>div {
          height: 52vw;
      }
      .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;
      }
      .fullTile section.m-hero-item>div {
          height: 320px;
          overflow: visible;
          text-align: left;
          position: relative;
      }
      .fullTile section.m-hero-item>div div {
          right: auto;
          max-width: none;
      }
      .fullTile section.m-hero-item {
          overflow: visible;
      }
  }
  
  @media (min-width: 768px) and (max-width: 1083px) {
      .fullTile section.m-hero-item>div {
          margin-left: -25px;
          padding: 0px;
      }
  }
  @media (min-width: 540px) and (max-width: 1083px) {
      .fullLeftRight {
          padding: 0 !important;
          margin: 2px;
          width: 99.5% !important;
      }
  }
  @media (max-width: 539px) {
      .fullLeftRight {
          padding: 0 !important;
          margin: 2px;
          width: 99.2% !important;
      }
  }
  
  @media screen and (max-width: 767px) {
      .fullTile section.m-hero-item>div div {
          top: calc(50%) !important;
      }
  }
  
  @media screen and (max-width: 539px) {
      .fullTile section.m-hero-item>div {
          margin-left: 0px !important;
      }
  }
  
  @media (min-width: 1084px) and (max-width: 1399px) {
      .home-hero .c-heading-1 {
          font-size: 38px;
          line-height: 56px;
      }
      .hp-mosaic .c-heading-3 {
          font-size: 20px;
          line-height: 28px;
      }
      .double {
          height: 28.1vw;
      }
  }
  
  @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;
      }
      .fullLeftRight2.theme-black, .fullLeftRight2 .theme-black {
          margin-top: 1px;
      }
  }
  
  @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;
  }
  
  .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 .m-image-intro img  was 1222px in TM's file*/
      .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, .videohero .c-heading-1 {
      padding: 6px 0 !important;
      font-size: 46px;
      line-height: 56px;
  }
  
  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;
          line-height: 30px;
      }
      .c-paragraph-1,
      .c-subheading-1 {
          font-size: 15px !important;
          font-weight: 400 !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   */
  .cta2 {
      margin-left: 24px !important;
  }
  /* sno-byrd fix */
  .theme-green.theme-dark a.f-lightweight {
      color: white;
  }
  .m-content-placement-item .c-heading, .m-content-placement-item .c-heading-1, .m-content-placement-item .c-heading-2, .m-content-placement-item .c-heading-3, .m-content-placement-item .c-heading-4 {
      font-weight: 700 !important;
  }
  
  @media (min-width: 1084px) { 
    .fullTile.theme-dark {
      background-color: transparent;
    }
  }
  
  .pydFullStyle a.c-call-to-action:focus {
      border: 2px dashed #000 !Important;
      outline: 2px dashed #fff !important;
  }
  @media (max-width: 539px) { 
    a[data-loc-link="keyLinkmos1pos1"] picture.c-image,
    a[data-loc-link="keyLinkmos1pos3"] picture.c-image,
    a[data-loc-link="keyLinkmos2pos2"] picture.c-image,
    a[data-loc-link="keyLinkmos2pos3"] picture.c-image {
      max-height: 64vw !important;
      overflow:  hidden !important;
    }
    h2[data-loc-copy="keyCopymos1pos1headline"],
    h2[data-loc-copy="keyCopymos1pos3headline"],
    h2[data-loc-copy="keyCopymos2pos2headline"],
    h2[data-loc-copy="keyCopymos2pos3headline"] {
      margin-top: 20px;
    }
    a[data-loc-cta="keyCtamos1pos1"],
    a[data-loc-cta="keyCtamos1pos3"],
    a[data-loc-cta="keyCtamos2pos2"],
    a[data-loc-cta="keyCtamos2pos3"] {
      margin-bottom: 20px;
    }
    .hp-mosaic li:nth-child(1) strong,
    .hp-mosaic li:nth-child(3) strong,
    .hp-mosaic li:nth-child(7) strong,
    .hp-mosaic li:nth-child(8) strong {
      position: relative;
      top: 20px;
    }
  }
  
  
  .herovideo.m-ambient-video.pp-button > div {
    left: 0;
    bottom: 0;
    width: 36px !important;
    top: auto !important;
    transform: none !important;
  }