/**************************
@green			 : green;
@black           : #000;
@white           : #FFF;

@link-color      : #000;
@link-hover-color: #000;

@accent-color    : @green;
**************************/
/*
@bg: background color of button
@color: color of the text
@size: button size -> "sm" for small button, "md" for medium button
*/
.mw3-subpage-features-cards {
  background-image: url(../../../../../../../content/dam/atvi/callofduty/cod-touchui/mw3/home/modes/bg-img.png);
  background-repeat: repeat;
  padding: 120px 0;
}
@media (max-width: 1200px) {
  .mw3-subpage-features-cards {
    padding: 76px 0;
  }
}
@media (max-width: 768px) {
  .mw3-subpage-features-cards {
    padding: 40px 0;
  }
}
.mw3-subpage-features-cards .features-overview {
  max-width: 1440px;
  margin-inline: auto;
  padding-inline: 60px;
  margin-bottom: 100px;
  display: grid;
  grid-gap: 40px;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  grid-gap: 0 !important;
}
@media (max-width: 1024px) {
  .mw3-subpage-features-cards .features-overview {
    max-width: 1024px;
    padding-inline: 40px;
  }
}
@media (max-width: 600px) {
  .mw3-subpage-features-cards .features-overview {
    max-width: 600px;
    padding-inline: 16px;
  }
}
@media (max-width: 1200px) {
  .mw3-subpage-features-cards .features-overview {
    grid-gap: 24px;
  }
}
@media (max-width: 768px) {
  .mw3-subpage-features-cards .features-overview {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-bottom: 35px;
  }
}
.mw3-subpage-features-cards .features-overview h2 {
  grid-column: 2 / span 10;
  text-align: center;
  margin-bottom: 15px;
}
@media (max-width: 768px) {
  .mw3-subpage-features-cards .features-overview h2 {
    grid-column: 1 / span 4;
  }
}
.mw3-subpage-features-cards .features-overview p {
  grid-column: 3 / span 8;
  text-align: center;
}
@media (max-width: 768px) {
  .mw3-subpage-features-cards .features-overview p {
    grid-column: 1 / span 4;
  }
}
.mw3-subpage-features-cards .atvi-card {
  max-width: 1440px;
  margin-inline: auto;
  padding-inline: 60px;
  margin-bottom: 120px;
}
@media (max-width: 1024px) {
  .mw3-subpage-features-cards .atvi-card {
    max-width: 1024px;
    padding-inline: 40px;
  }
}
@media (max-width: 600px) {
  .mw3-subpage-features-cards .atvi-card {
    max-width: 600px;
    padding-inline: 16px;
  }
}
@media (max-width: 1200px) {
  .mw3-subpage-features-cards .atvi-card {
    margin-bottom: 75px;
  }
}
@media (max-width: 768px) {
  .mw3-subpage-features-cards .atvi-card {
    margin-bottom: 40px;
  }
}
.mw3-subpage-features-cards .atvi-card:last-of-type {
  margin-bottom: 0;
}
.mw3-subpage-features-cards .atvi-card-inner-container {
  display: grid;
  grid-gap: 40px;
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
@media (max-width: 1200px) {
  .mw3-subpage-features-cards .atvi-card-inner-container {
    grid-gap: 24px;
  }
}
@media (max-width: 768px) {
  .mw3-subpage-features-cards .atvi-card-inner-container {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.mw3-subpage-features-cards .image-right-aligned .atvi-card-media-container {
  order: 1;
  grid-column: 7 / span 6;
}
.mw3-subpage-features-cards .image-right-aligned .atvi-card-content-container {
  grid-column: 1 / span 5;
}
.mw3-subpage-features-cards .image-left-aligned .atvi-card-media-container {
  grid-column: 1 / span 6;
}
.mw3-subpage-features-cards .image-left-aligned .atvi-card-content-container {
  grid-column: 8 / span 5;
}
@media (max-width: 1200px) {
  .mw3-subpage-features-cards .image-left-aligned .atvi-card-content-container {
    grid-column: 7 / span 6;
  }
}
@media (max-width: 1200px) {
  .mw3-subpage-features-cards .image-right-aligned .atvi-card-content-container {
    grid-column: 1 / span 6;
  }
}
@media (max-width: 768px) {
  .mw3-subpage-features-cards .image-left-aligned .atvi-card-media-container,
  .mw3-subpage-features-cards .image-right-aligned .atvi-card-media-container,
  .mw3-subpage-features-cards .image-left-aligned .atvi-card-content-container,
  .mw3-subpage-features-cards .image-right-aligned .atvi-card-content-container {
    grid-column: 1 / span 4;
  }
  .mw3-subpage-features-cards .image-left-aligned .atvi-card-media-container,
  .mw3-subpage-features-cards .image-right-aligned .atvi-card-media-container {
    order: 1;
  }
  .mw3-subpage-features-cards .image-left-aligned .atvi-card-content-container,
  .mw3-subpage-features-cards .image-right-aligned .atvi-card-content-container {
    order: 2;
  }
}
.mw3-subpage-features-cards .atvi-card-media-container .atvi-card-image picture img {
  object-fit: contain !important;
  object-position: top !important;
}
.mw3-subpage-features-cards .atvi-card-content-container {
  align-self: center;
}
@media (max-width: 1200px) {
  .mw3-subpage-features-cards .atvi-card-content-container {
    align-self: start;
  }
}
.mw3-subpage-features-cards .atvi-card-image {
  position: relative;
}
.mw3-subpage-features-cards p {
  font-family: "Hitmarker Text Regular", Arial;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 1px;
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1.5;
  color: #FFF;
  margin-bottom: 15px;
  color: #CCC;
}
@media (max-width: 1200px) {
  .mw3-subpage-features-cards p {
    font-size: 0.88rem;
  }
}
.mw3-subpage-features-cards p:last-of-type {
  margin-bottom: 0;
}
.mw3-subpage-features-cards h2 {
  font-family: "Hitmarker Condensed Black";
  font-weight: 900;
  font-style: normal;
  line-height: 1;
  color: #FFF;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 1.75rem;
  color: #fe0000;
  margin-bottom: 4px;
}
@media (max-width: 768px) {
  .mw3-subpage-features-cards h2 {
    font-size: 1rem;
  }
}
.mw3-subpage-features-cards h3 {
  font-family: "Hitmarker Condensed Black", "Hitmarker Condensed Black", Arial;
  line-height: 1;
  color: #FFF;
  font-weight: 900;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 2.25rem;
  line-height: 2.25rem;
  margin-bottom: 4px;
}
@media (max-width: 768px) {
  .mw3-subpage-features-cards h3 {
    font-family: "Hitmarker Condensed Black", Arial;
    font-weight: 900;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 1.75rem;
    line-height: 1.75rem;
  }
}
.mw3-subpage-features-cards h3 sup {
  font-size: .5em;
  vertical-align: top;
  position: relative;
  top: -7px;
}
.mw3-subpage-features-cards img {
  flex-shrink: 0;
}

/**************************
@green			 : green;
@black           : #000;
@white           : #FFF;

@link-color      : #000;
@link-hover-color: #000;

@accent-color    : @green;
**************************/
/*****************************************************************************************

*IMPORT FONTS IN CORE FONTS.LESS file
*Only create mixins of font families in here

.roboto(){ font-family: "Roboto", sans-serif; font-style: normal;}
******************************************************************************************/
/**********************
Game Video css
**********************/
#game-layout-main .atvi-video-thumbnail-container {
  position: absolute;
  z-index: 5;
  top: 0;
  left: 0;
  width: 100%;
  cursor: pointer;
}
#game-layout-main .atvi-video-thumbnail-container .thumbnail-play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 2;
}
#game-layout-main .atvi-video-thumbnail-container .thumbnail-play-icon button {
  position: relative;
  width: 100px;
  height: 100px;
  background: url(../../../../../../../content/dam/atvi/callofduty/cod-touchui/store/common/PlayIcon.svg) center center no-repeat;
  background-size: 80px;
  border: none;
  cursor: pointer;
  padding: 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  -webkit-transition: 0.25s all;
  -moz-transition: 0.25s all;
  -ms-transition: 0.25s all;
  -o-transition: 0.25s all;
  transition: 0.25s all;
  scale: 1;
}
#game-layout-main .atvi-video-thumbnail-container:hover .thumbnail-play-icon:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: #ba1f24;
  border-radius: 50%;
  animation: pulse-border 1500ms ease-out infinite;
}
@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}

/**************************
@green			 : green;
@black           : #000;
@white           : #FFF;

@link-color      : #000;
@link-hover-color: #000;

@accent-color    : @green;
**************************/
/*****************************************************************************************

*IMPORT FONTS IN CORE FONTS.LESS file
*Only create mixins of font families in here

.roboto(){ font-family: "Roboto", sans-serif; font-style: normal;}
******************************************************************************************/
/**********************
Game Carousel css
**********************/
html {
  scroll-behavior: smooth;
  scroll-padding-top: 20px;
}
html.scroll-padding {
  scroll-padding-top: 54px;
}
#main-content .legal-disclaimer {
  margin-top: 40px;
}
#main-content .legal-disclaimer.promo-disclaimer {
  display: none;
}
footer .rating-links .non-na-logo img {
  /*height: auto !important;
                width: 100% !important;*/
}
@media screen and (max-width: 833px) {
  footer {
    padding-block-end: 112px !important;
  }
}

/**************************
@green			 : green;
@black           : #000;
@white           : #FFF;

@link-color      : #000;
@link-hover-color: #000;

@accent-color    : @green;
**************************/
/*****************************************************************************************

*IMPORT FONTS IN CORE FONTS.LESS file
*Only create mixins of font families in here

.roboto(){ font-family: "Roboto", sans-serif; font-style: normal;}
******************************************************************************************/
/**********************
Game Carousel css
**********************/
#main-content .atvi-carousel {
  padding-inline: 40px;
  display: none;
}
@media screen and (max-width: 833px) {
  #main-content .atvi-carousel {
    display: block;
  }
}
@media screen and (max-width: 600px) {
  #main-content .atvi-carousel {
    padding-inline: 16px;
  }
}
#main-content .atvi-carousel .slide-child:not(.slide-child-1) picture {
  display: none;
}
#main-content .atvi-carousel .slick-dotted {
  margin-bottom: 28px;
}
#main-content .atvi-carousel .slick-dots {
  bottom: 0px;
  height: 4px;
}
#main-content .atvi-carousel .slick-dots li button {
  width: 40px;
  height: 40px;
  position: relative;
}
#main-content .atvi-carousel .slick-dots li button::before {
  content: "";
  background-color: var(--primary-gray-500, #79838d);
  width: 40px;
  height: 4px;
  box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.3);
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
}
#main-content .atvi-carousel .slick-dots li button span.slick-dot-icon::before {
  content: "";
}
#main-content .atvi-carousel .slick-dots li.slick-active button::before {
  background-color: #f3f4f5;
  box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.3);
}

/**************************
@green			 : green;
@black           : #000;
@white           : #FFF;

@link-color      : #000;
@link-hover-color: #000;

@accent-color    : @green;
**************************/
/*****************************************************************************************

*IMPORT FONTS IN CORE FONTS.LESS file
*Only create mixins of font families in here

.roboto(){ font-family: "Roboto", sans-serif; font-style: normal;}
******************************************************************************************/
/**********************
Game Accordion css
**********************/
#main-content .atvi-accordion {
  margin-top: 24px;
}
@media screen and (max-width: 833px) {
  #main-content .atvi-accordion {
    margin-top: 8px;
  }
}
#main-content .atvi-accordion .ac-entry:first-of-type {
  border-top: 1px solid #606971;
}
#main-content .atvi-accordion .ac-entry {
  border-bottom: 1px solid #606971;
  position: relative;
}
#main-content .atvi-accordion .ac-entry .ac-header {
  display: flex;
  padding: 0 4px 0;
  align-items: center;
  gap: 10px;
  justify-content: space-between;
  cursor: pointer;
}
#main-content .atvi-accordion .ac-entry .ac-header-text {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 12px 0;
}
#main-content .atvi-accordion .ac-entry .ac-header p {
  font-family: "Hitmarker Condensed Black", Arial;
  font-weight: 900;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 1.25rem;
  line-height: 1.25rem;
}
#main-content .atvi-accordion .ac-entry .ac-header button {
  background: url("../../../../../../../content/dam/atvi/callofduty/cod-touchui/store/common/icon-dropdown.svg") center center no-repeat;
  width: 16px;
  height: 16px;
  padding: 0px;
  border-style: none;
  position: unset;
  cursor: pointer;
}
#main-content .atvi-accordion .ac-entry .ac-description {
  position: unset;
  padding: 0;
  padding: 0 4px 24px 0;
}
#main-content .atvi-accordion .ac-entry .ac-description table {
  width: 100%;
}
#main-content .atvi-accordion .ac-entry .ac-description table tbody tr {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 10px;
  padding: 0 0 12px 0;
}
@media screen and (max-width: 833px) {
  #main-content .atvi-accordion .ac-entry .ac-description table tbody tr {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
#main-content .atvi-accordion .ac-entry .ac-description table tbody tr td {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
#main-content .atvi-accordion .ac-entry .ac-description ul {
  list-style: square;
  margin-bottom: 8px;
}
#main-content .atvi-accordion .ac-entry .ac-description ul li {
  margin-left: 24px;
}
#main-content .atvi-accordion .ac-entry .ac-description ul li p {
  margin-bottom: 0;
}
#main-content .atvi-accordion .ac-entry .ac-description p {
  margin-bottom: 8px;
}
#main-content .atvi-accordion .ac-entry .ac-description a {
  color: #fff;
}
#main-content .atvi-accordion .ac-entry .ac-description button {
  background: url("../../../../../../../content/dam/atvi/callofduty/cod-touchui/store/common/icon-dropdown.svg") center center no-repeat;
  width: 16px;
  height: 16px;
  padding: 0px;
  border-style: none;
  position: absolute;
  top: 16px;
  right: 4px;
  transform: rotate(180deg);
  cursor: pointer;
}
#main-content .atvi-accordion .ac-entry:nth-of-type(2) .ac-description p:nth-child(even) {
  margin-top: 30px;
}
#main-content .atvi-accordion .ac-entry:nth-of-type(4) .ac-description table tr:first-of-type td {
  padding-bottom: 12px;
  border-image: linear-gradient(to right, #606971 0%, rgba(96, 105, 113, 0) 100%) 0 0 100% 0;
  border-bottom-width: 1px;
  border-style: solid;
}
#main-content .atvi-accordion .ac-entry:nth-of-type(4) .ac-description table tr {
  gap: 40px;
}
#main-content .atvi-accordion .ac-entry:nth-of-type(4) .ac-description table tr td p {
  margin: 0;
}
#main-content .atvi-accordion .ac-entry:nth-of-type(4) .ac-description table tr td p:nth-child(even) {
  margin-bottom: 20px;
}
#main-content .atvi-accordion .ac-entry:nth-of-type(4) .ac-description table tr td p:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 833px) {
  #main-content .atvi-accordion .ac-entry:nth-of-type(4) .ac-description table tbody {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  #main-content .atvi-accordion .ac-entry:nth-of-type(4) .ac-description table tr {
    display: contents;
  }
  #main-content .atvi-accordion .ac-entry:nth-of-type(4) .ac-description table tr:first-of-type td:first-child {
    order: 1;
  }
  #main-content .atvi-accordion .ac-entry:nth-of-type(4) .ac-description table tr:first-of-type td:last-child {
    order: 3;
    margin-top: 40px;
  }
  #main-content .atvi-accordion .ac-entry:nth-of-type(4) .ac-description table tr:last-of-type td:first-child {
    order: 2;
    margin-top: 12px;
  }
  #main-content .atvi-accordion .ac-entry:nth-of-type(4) .ac-description table tr:last-of-type td:last-child {
    order: 4;
    margin-top: 12px;
  }
}
#main-content .atvi-accordion .ac-entry:last-of-type .ac-description p:first-child,
#main-content .atvi-accordion .ac-entry:last-of-type .ac-description p:last-child {
  margin-bottom: 0;
}
#main-content .atvi-accordion .ac-entry:last-of-type .ac-description p:nth-child(2) {
  margin-bottom: 24px;
}
#main-content .atvi-accordion .ac-entry:last-of-type .ac-description p:nth-child(3) {
  margin-bottom: 36px;
}
#main-content .atvi-accordion .ac-entry:last-of-type .ac-description p:nth-child(5) {
  margin-top: 24px;
  margin-bottom: 0;
}
#main-content .atvi-accordion .ac-entry:last-of-type .ac-description table {
  width: unset;
}
#main-content .atvi-accordion .ac-entry:last-of-type .ac-description table tr {
  gap: 24px;
}
#main-content .atvi-accordion .ac-entry:last-of-type .ac-description table tr td:nth-child(2) {
  min-width: fit-content;
}
@media screen and (max-width: 833px) {
  #main-content .atvi-accordion .ac-entry:last-of-type .ac-description table tr td:nth-child(2) {
    margin-top: 24px;
  }
}
#main-content .atvi-accordion .ac-entry:last-of-type .ac-description table tr td {
  position: relative;
  overflow: hidden;
}
#main-content .atvi-accordion .ac-entry:last-of-type .ac-description table tr td .cta-span {
  position: absolute;
  display: block;
  border-radius: 2px;
  background: #ffffff;
  z-index: 1;
}
#main-content .atvi-accordion .ac-entry:last-of-type .ac-description table tr td .cta-span:nth-child(1),
#main-content .atvi-accordion .ac-entry:last-of-type .ac-description table tr td .cta-span:nth-child(2),
#main-content .atvi-accordion .ac-entry:last-of-type .ac-description table tr td .cta-span:nth-child(3),
#main-content .atvi-accordion .ac-entry:last-of-type .ac-description table tr td .cta-span:nth-child(4) {
  background: linear-gradient(138.275deg, rgba(255, 255, 255, 0) 0%, #ffffff 44.79%, #ffffff 58.85%, rgba(255, 255, 255, 0) 100%);
}
#main-content .atvi-accordion .ac-entry:last-of-type .ac-description table tr td .cta-span:nth-child(1),
#main-content .atvi-accordion .ac-entry:last-of-type .ac-description table tr td .cta-span:nth-child(2) {
  height: 2px;
  width: 24px;
  left: -26px;
  transition: left 150ms ease-in-out;
}
#main-content .atvi-accordion .ac-entry:last-of-type .ac-description table tr td .cta-span:nth-child(3),
#main-content .atvi-accordion .ac-entry:last-of-type .ac-description table tr td .cta-span:nth-child(4) {
  height: 24px;
  width: 2px;
  top: -26px;
  transition: top 75ms ease-in-out;
}
#main-content .atvi-accordion .ac-entry:last-of-type .ac-description table tr td .cta-span:nth-child(1) {
  top: 0;
  transition-delay: 25ms;
}
#main-content .atvi-accordion .ac-entry:last-of-type .ac-description table tr td .cta-span:nth-child(2) {
  bottom: 0;
}
#main-content .atvi-accordion .ac-entry:last-of-type .ac-description table tr td .cta-span:nth-child(3) {
  left: 0;
  transition-delay: 100ms;
}
#main-content .atvi-accordion .ac-entry:last-of-type .ac-description table tr td .cta-span:nth-child(4) {
  right: 0;
}
#main-content .atvi-accordion .ac-entry:last-of-type .ac-description table tr td:hover .cta-span:nth-child(1),
#main-content .atvi-accordion .ac-entry:last-of-type .ac-description table tr td:hover .cta-span:nth-child(2) {
  left: 100%;
  transition: left 150ms ease-in-out;
}
#main-content .atvi-accordion .ac-entry:last-of-type .ac-description table tr td:hover .cta-span:nth-child(2) {
  transition-delay: 25ms;
}
#main-content .atvi-accordion .ac-entry:last-of-type .ac-description table tr td:hover .cta-span:nth-child(3),
#main-content .atvi-accordion .ac-entry:last-of-type .ac-description table tr td:hover .cta-span:nth-child(4) {
  top: 100%;
  transition: top 75ms ease-in-out;
}
#main-content .atvi-accordion .ac-entry:last-of-type .ac-description table tr td:hover .cta-span:nth-child(4) {
  transition-delay: 100ms;
}
#main-content .atvi-accordion .ac-entry:last-of-type .ac-description table tr td button,
#main-content .atvi-accordion .ac-entry:last-of-type .ac-description table tr td a {
  text-decoration: none;
  border: none;
  font-family: inherit;
  padding: 0;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height: 1.1;
  font-family: "Hitmarker Text Bold";
  font-weight: 700;
  font-style: normal;
  font-size: 0.88rem;
  line-height: 0.88rem;
  letter-spacing: 0.05em;
  padding: 12px 24px;
  border-radius: 2px;
  text-transform: uppercase;
  color: #ffffff;
  background-color: transparent;
  border: 1px solid #858585;
  /* HOVER OFF */
  transition: opacity 150ms;
}
@media screen and (-ms-high-contrast: active) {
  #main-content .atvi-accordion .ac-entry:last-of-type .ac-description table tr td button,
  #main-content .atvi-accordion .ac-entry:last-of-type .ac-description table tr td a {
    border: 2px solid currentcolor;
  }
}
#main-content .atvi-accordion .ac-entry:last-of-type .ac-description table tr td button .cta-text,
#main-content .atvi-accordion .ac-entry:last-of-type .ac-description table tr td a .cta-text {
  position: relative;
}
#main-content .atvi-accordion .ac-entry:last-of-type .ac-description table tr td button:before,
#main-content .atvi-accordion .ac-entry:last-of-type .ac-description table tr td a:before {
  content: '';
  width: 100%;
  height: 100%;
  background: transparent;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.12);
  opacity: 0;
}
#main-content .atvi-accordion .ac-entry:last-of-type .ac-description table tr td button:hover:before,
#main-content .atvi-accordion .ac-entry:last-of-type .ac-description table tr td a:hover:before {
  opacity: 1;
  transition: opacity 150ms;
  transition-delay: 75ms;
}
#main-content .atvi-accordion .ac-entry:last-of-type .ac-description table tr td a {
  font-family: "Hitmarker Condensed Black", Arial;
  font-weight: 900;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 1rem;
  line-height: 1rem;
}
#main-content .atvi-accordion sup {
  vertical-align: super;
}
html[lang="ar"] #main-content .atvi-accordion .ac-description ul li {
  margin-left: 0;
  margin-right: 24px;
}

/**************************
@green			 : green;
@black           : #000;
@white           : #FFF;

@link-color      : #000;
@link-hover-color: #000;

@accent-color    : @green;
**************************/
/*****************************************************************************************

*IMPORT FONTS IN CORE FONTS.LESS file
*Only create mixins of font families in here

.roboto(){ font-family: "Roboto", sans-serif; font-style: normal;}
******************************************************************************************/
#codm #game-layout-main .overview-container p:last-of-type {
  margin-bottom: 8px;
}
#codm #game-layout-main .compare-edition-table {
  display: none;
}
#codm #game-layout-main .store-game-body-container .mw3-subpage-features-cards {
  padding: 40px 0;
}
#codm #game-layout-main .mobile-details p:nth-of-type(2) {
  display: none;
}
@media screen and (max-width: 833px) {
  #codm #game-layout-main .mobile-details .qrCode,
  #codm #game-layout-main .mobile-details p:nth-of-type(1) {
    display: none;
  }
  #codm #game-layout-main .mobile-details p:nth-of-type(2) {
    display: block;
  }
}
#codm #game-layout-main .choose-your-edition-container .game-header h2 span {
  display: none;
}
#codm #footer-legal-copyright-hide {
  display: none;
}
#codm .footer-locale-selector .flag-en_nz,
#codm .footer-locale-selector .flag-fr_be,
#codm .footer-locale-selector .flag-es_cl,
#codm .footer-locale-selector .flag-da,
#codm .footer-locale-selector .flag-nl,
#codm .footer-locale-selector .flag-nl_be,
#codm .footer-locale-selector .flag-fi,
#codm .footer-locale-selector .flag-no,
#codm .footer-locale-selector .flag-sv,
#codm .footer-locale-selector .flag-pl,
#codm .footer-locale-selector .flag-ko,
#codm .footer-locale-selector .flag-zh_cn,
#codm .footer-locale-selector .flag-zh_tw,
#codm .footer-locale-selector .flag-tr,
#codm .footer-locale-selector .flag-th,
#codm .footer-locale-selector .flag-en_my {
  display: none;
}
#codm .footer-locale-selector .flag-fr,
#codm .footer-locale-selector .flag-pt,
#codm .footer-locale-selector .flag-ru,
#codm .footer-locale-selector .flag-ja {
  margin-right: 0;
}
#codm .footer-locale-selector .flag-fr_ca,
#codm .footer-locale-selector .flag-pt_br,
#codm .footer-locale-selector .flag-ra {
  margin-right: 5%;
}

/**************************
@green			 : green;
@black           : #000;
@white           : #FFF;

@link-color      : #000;
@link-hover-color: #000;

@accent-color    : @green;
**************************/
/*****************************************************************************************

*IMPORT FONTS IN CORE FONTS.LESS file
*Only create mixins of font families in here

.roboto(){ font-family: "Roboto", sans-serif; font-style: normal;}
******************************************************************************************/
#vanguard #game-layout-main {
  /*.media-container {
      display: block;
 
      .media-list {
        display: none;
      }
    }*/
}
#vanguard #game-layout-main .media-container div.media-list .thumbnail-content {
  flex: unset;
}
#vanguard #game-layout-main .media-container div.media-list .thumbnail-content img {
  max-height: 80px;
}
#vanguard #game-layout-main .overview-container p:last-of-type {
  margin-bottom: 8px;
}
#vanguard #game-layout-main .compare-edition-table {
  display: none;
}
#vanguard #game-layout-main .store-game-body-container .mw3-subpage-features-cards {
  padding: 40px 0;
}
#vanguard #game-layout-main .choose-your-edition-container .game-header .game-details > h2:nth-child(2) {
  display: none;
}
#vanguard #game-layout-main .choose-your-edition-container ol > li:first-child,
#vanguard #game-layout-main .choose-your-edition-container ol > button {
  display: none;
}
#vanguard #game-layout-main .choose-your-edition-container li {
  list-style-type: none;
  margin-left: 0;
}
#vanguard #game-layout-main .choose-your-edition-container li a.standard-edition {
  display: flex !important;
}
#vanguard #game-layout-main .choose-your-edition-container .edition-platforms {
  margin-top: 0;
}
#vanguard #game-layout-main .choose-your-edition-container .hide-edition {
  display: block;
}

/**************************
@green			 : green;
@black           : #000;
@white           : #FFF;

@link-color      : #000;
@link-hover-color: #000;

@accent-color    : @green;
**************************/
/*****************************************************************************************

*IMPORT FONTS IN CORE FONTS.LESS file
*Only create mixins of font families in here

.roboto(){ font-family: "Roboto", sans-serif; font-style: normal;}
******************************************************************************************/
#mw2 .atvi-carousel {
  display: none;
}
#mw2 #game-layout-main {
  /*.media-container {
            display: block;

            .media-list {
                display: none;
            }
        }*/
}
#mw2 #game-layout-main .overview-container p:last-of-type {
  margin-bottom: 8px;
}
#mw2 #game-layout-main .compare-edition-table {
  display: none;
}
#mw2 #game-layout-main .store-game-body-container .mw3-subpage-features-cards {
  padding: 40px 0;
}
#mw2 #game-layout-main .choose-your-edition-container .game-header .game-details > h2:nth-child(2) {
  display: none;
}
#mw2 #game-layout-main .choose-your-edition-container ol > li:first-child,
#mw2 #game-layout-main .choose-your-edition-container ol > button {
  display: none;
}
#mw2 #game-layout-main .choose-your-edition-container li {
  list-style-type: none;
  margin-left: 0;
}
#mw2 #game-layout-main .choose-your-edition-container li a.standard-edition {
  display: flex !important;
}
#mw2 #game-layout-main .choose-your-edition-container .edition-platforms {
  margin-top: 0;
}
#mw2 #game-layout-main .choose-your-edition-container .game-header h5 span {
  display: none;
}
#mw2 #game-layout-main .choose-your-edition-container .hide-edition {
  display: block;
}

/**************************
@green			 : green;
@black           : #000;
@white           : #FFF;

@link-color      : #000;
@link-hover-color: #000;

@accent-color    : @green;
**************************/
/*****************************************************************************************

*IMPORT FONTS IN CORE FONTS.LESS file
*Only create mixins of font families in here

.roboto(){ font-family: "Roboto", sans-serif; font-style: normal;}
******************************************************************************************/
#wz #game-layout-main .media-container {
  display: block;
}
#wz #game-layout-main .media-container .media-list {
  display: none;
}
#wz #game-layout-main .overview-container p:last-of-type {
  margin-bottom: 8px;
}
#wz #game-layout-main .compare-edition-table {
  display: none;
}
#wz #game-layout-main .store-game-body-container .mw3-subpage-features-cards {
  padding: 40px 0;
}
#wz #game-layout-main .store-game-body-container .mw3-subpage-features-cards .atvi-text h2 {
  font-family: "Hitmarker Condensed Black", Arial;
  font-weight: 900;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 2.25rem;
  line-height: 2.25rem;
}
#wz #game-layout-main .store-game-body-container .mw3-subpage-features-cards .atvi-card h3,
#wz #game-layout-main .store-game-body-container .mw3-subpage-features-cards .text-only-card h3 {
  font-family: "Hitmarker Condensed Black", Arial;
  font-weight: 900;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 1.75rem;
  line-height: 1.75rem;
}
#wz #game-layout-main .store-game-body-container .mw3-subpage-features-cards .text-only-card {
  margin-bottom: 40px;
}
#wz #game-layout-main .store-game-body-container .mw3-subpage-features-cards .text-only-card h3 {
  margin-bottom: 12px;
}
#wz #game-layout-main .choose-your-edition-container ol > li:first-child,
#wz #game-layout-main .choose-your-edition-container ol > button {
  display: none;
}
#wz #game-layout-main .choose-your-edition-container li {
  list-style-type: none;
  margin-left: 0;
}
#wz #game-layout-main .choose-your-edition-container li a.standard-edition {
  display: flex !important;
}
#wz #game-layout-main .choose-your-edition-container .edition-platforms {
  margin-top: 0;
}
#wz #game-layout-main .choose-your-edition-container .game-header h2 span {
  display: none;
}
#wz #game-layout-main .choose-your-edition-container .hide-edition {
  display: block;
}

/**************************
@green			 : green;
@black           : #000;
@white           : #FFF;

@link-color      : #000;
@link-hover-color: #000;

@accent-color    : @green;
**************************/
/*****************************************************************************************

*IMPORT FONTS IN CORE FONTS.LESS file
*Only create mixins of font families in here

.roboto(){ font-family: "Roboto", sans-serif; font-style: normal;}
******************************************************************************************/
#wzm #game-layout-main {
  /*.media-container {
            display: block;

            .media-list {
                display: none;
            }
        }*/
}
#wzm #game-layout-main .media-container div.media-list .thumbnail-content {
  flex: unset;
}
#wzm #game-layout-main .media-container div.media-list .thumbnail-content img {
  max-height: 80px;
}
#wzm #game-layout-main .overview-container p:last-of-type {
  margin-bottom: 8px;
}
#wzm #game-layout-main .compare-edition-table {
  display: none;
}
#wzm #game-layout-main .store-game-body-container .mw3-subpage-features-cards {
  padding: 40px 0;
}
#wzm #game-layout-main .mobile-details p:nth-of-type(1) {
  display: none;
}
#wzm #game-layout-main .mobile-details p:nth-of-type(3) {
  display: none;
}
#wzm #game-layout-main .mobile-details p:last-of-type {
  display: none;
  font-family: "Hitmarker Text Regular", Arial;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 1px;
  font-size: 0.63rem;
  line-height: 1.13rem;
}
@media screen and (max-width: 833px) {
  #wzm #game-layout-main .mobile-details .qrCode,
  #wzm #game-layout-main .mobile-details p:nth-of-type(2) {
    display: none;
  }
  #wzm #game-layout-main .mobile-details p:nth-of-type(3) {
    display: block;
  }
}
#wzm #game-layout-main .choose-your-edition-container .game-header h2 span {
  display: none;
}
@media screen and (min-width: 830px) and (max-width: 1200px) {
  #wzm #game-layout-main .choose-your-edition-container .game-header .game-details {
    display: block;
  }
  #wzm #game-layout-main .choose-your-edition-container .game-header .game-details h2:first-of-type {
    margin-bottom: 4px;
  }
  #wzm #game-layout-main .choose-your-edition-container .game-header h5:first-of-type {
    margin-bottom: 5px;
  }
}
#wzm #game-layout-main .choose-your-edition-container .retail-mobile-container a {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
@media screen and (max-width: 1200px) {
  #wzm #game-layout-main .choose-your-edition-container .retail-mobile-container a {
    max-width: 188px;
  }
}
#wzm #footer-legal-copyright-hide {
  display: none;
}
@media screen and (min-width: 1201px) {
  html[lang="de"] #wzm #game-layout-main .choose-your-edition-container .game-details,
  html[lang="fr"] #wzm #game-layout-main .choose-your-edition-container .game-details,
  html[lang="fr-CA"] #wzm #game-layout-main .choose-your-edition-container .game-details,
  html[lang="fr-BE"] #wzm #game-layout-main .choose-your-edition-container .game-details,
  html[lang="it"] #wzm #game-layout-main .choose-your-edition-container .game-details,
  html[lang="pl"] #wzm #game-layout-main .choose-your-edition-container .game-details,
  html[lang="ru"] #wzm #game-layout-main .choose-your-edition-container .game-details,
  html[lang="ja"] #wzm #game-layout-main .choose-your-edition-container .game-details {
    display: block;
  }
  html[lang="de"] #wzm #game-layout-main .choose-your-edition-container .game-details h2:first-of-type,
  html[lang="fr"] #wzm #game-layout-main .choose-your-edition-container .game-details h2:first-of-type,
  html[lang="fr-CA"] #wzm #game-layout-main .choose-your-edition-container .game-details h2:first-of-type,
  html[lang="fr-BE"] #wzm #game-layout-main .choose-your-edition-container .game-details h2:first-of-type,
  html[lang="it"] #wzm #game-layout-main .choose-your-edition-container .game-details h2:first-of-type,
  html[lang="pl"] #wzm #game-layout-main .choose-your-edition-container .game-details h2:first-of-type,
  html[lang="ru"] #wzm #game-layout-main .choose-your-edition-container .game-details h2:first-of-type,
  html[lang="ja"] #wzm #game-layout-main .choose-your-edition-container .game-details h2:first-of-type {
    margin-bottom: 4px;
  }
}
/*html[lang="no"],
html[lang="sv"],
html[lang="es-CL"],
html[lang="en-MY"],
html[lang="en-AU"],
html[lang="de"] {
  #wzm {
    #game-layout-main {
      .mobile-details {
        p:nth-of-type(1),
        p:nth-of-type(4) {
          display: block;
        }

        p:nth-of-type(2),
        p:nth-of-type(3) {
          display: none;
        }
      }
    }
  }
}*/

/**************************
@green			 : green;
@black           : #000;
@white           : #FFF;

@link-color      : #000;
@link-hover-color: #000;

@accent-color    : @green;
**************************/
/*****************************************************************************************

*IMPORT FONTS IN CORE FONTS.LESS file
*Only create mixins of font families in here

.roboto(){ font-family: "Roboto", sans-serif; font-style: normal;}
******************************************************************************************/
#mw3 #game-layout-main .choose-your-edition-container #standard-edition-btn .from,
#mw3 #game-layout-main .choose-your-edition-container #vault-edition-btn .from {
  display: none;
}
#mw3 #game-layout-main .choose-your-edition-container li.retail-games-list:nth-of-type(1) a.vault-edition[data-price="$99.99"] .promo-cut,
#mw3 #game-layout-main .choose-your-edition-container li.retail-games-list:nth-of-type(2) a.vault-edition[data-price="$99.99"] .promo-cut,
#mw3 #game-layout-main .choose-your-edition-container li.retail-games-list:nth-of-type(3) a.vault-edition[data-price="$99.99"] .promo-cut {
  display: none;
}
#mw3 #game-layout-main .choose-your-edition-container li.retail-games-list:nth-of-type(1) a.standard-edition[data-price="$69.99"] .promo-cut,
#mw3 #game-layout-main .choose-your-edition-container li.retail-games-list:nth-of-type(3) a.standard-edition[data-price="$69.99"] .promo-cut {
  display: none;
}
body.test-b #game-layout-main .choose-your-edition-container .modal-btn .edition-buy-now-btn {
  background: url("../../../../../../../content/dam/atvi/callofduty/cod-touchui/store/games/mw3/BtnAnimTest_Topo_Lg.gif") center center no-repeat;
  color: #FFF;
}
body.test-c #game-layout-main .choose-your-edition-container .modal-btn .edition-buy-now-btn {
  background: url("../../../../../../../content/dam/atvi/callofduty/cod-touchui/store/games/mw3/BtnAnimTest_LightLeak_Lg.gif") center center no-repeat;
  color: #FFF;
}
body.hide-prices #game-layout-main .choose-your-edition-container .modal-edition .promo-banner,
body.hide-prices .promo-cut,
body.hide-prices .from,
body.hide-prices .promo-price,
body.hide-prices .edition-pricing-container,
body.hide-prices .retail-text-wrapper p,
body.hide-prices .price {
  display: none !important;
}
body.high-contrast #game-layout-main .choose-your-edition-container .modal-edition .edition-details button {
  background: #D70000;
}
body.high-contrast #game-layout-main .choose-your-edition-container .modal-edition .edition-details button:not(.selected) {
  background: var(--primary-gray-800, #24272a);
}
body.high-contrast #game-layout-main .choose-your-edition-container .modal-edition .edition-details button:not(.selected):hover {
  background: #3c4147;
}
body.high-contrast #game-layout-main .choose-your-edition-container .modal-edition .edition-details button.promo.selected > div span:nth-of-type(2) {
  color: #DADDE0 !important;
}
body.high-contrast #game-layout-main .choose-your-edition-container .modal-edition .edition-details button:hover {
  background: linear-gradient(180deg, #d70000 0%, #ff8b8b 100%);
}

/**************************
@green			 : green;
@black           : #000;
@white           : #FFF;

@link-color      : #000;
@link-hover-color: #000;

@accent-color    : @green;
**************************/
/*****************************************************************************************

*IMPORT FONTS IN CORE FONTS.LESS file
*Only create mixins of font families in here

.roboto(){ font-family: "Roboto", sans-serif; font-style: normal;}
******************************************************************************************/
/**********************
Black Ops 6 css
**********************/
#bo6 #game-layout-main .store-game-header-container .media-container div.media-list .thumbnail-content {
  flex: unset;
}
#bo6 #game-layout-main .store-game-header-container .media-container div.media-list .thumbnail-content img {
  max-height: 80px;
}
#bo6 #game-layout-main .atvi-video-thumbnail-container .thumbnail-play-icon button {
  background: url(../../../../../../../content/dam/atvi/callofduty/cod-touchui/blackops6/common/PlayArrow.png) center center no-repeat;
  background-size: 80px;
}
#bo6 #game-layout-main .atvi-video-thumbnail-container:hover .thumbnail-play-icon:before {
  content: none;
  animation: pulse-border 1500ms ease-out infinite;
}
#bo6 #game-layout-main .choose-your-edition-container .edition-buy-now-btn {
  background: #f96800;
}
#bo6 #game-layout-main .choose-your-edition-container #standard-edition-btn .from,
#bo6 #game-layout-main .choose-your-edition-container #vault-edition-btn .from {
  display: none;
}
#bo6 #game-layout-main .compare-edition-table tbody {
  background: linear-gradient(270deg, #000000 10.3%, rgba(0, 0, 0, 0) 46.21%), linear-gradient(90deg, #000000 15.45%, rgba(0, 0, 0, 0) 61.44%), url("../../../../../../../content/dam/atvi/callofduty/cod-touchui/store/games/bo6/CompareEditions.webp"), #d3d3d3 50% / cover no-repeat;
  background-position: center;
  background-size: cover;
}
@media screen and (max-width: 833px) {
  #bo6 #game-layout-main .compare-edition-table tr {
    gap: 8px;
  }
}
#bo6 #game-layout-main .compare-edition-table tr th,
#bo6 #game-layout-main .compare-edition-table tr td {
  margin: 0;
}
#bo6 #game-layout-main .compare-edition-table tr:nth-child(odd) {
  background: rgba(27, 27, 27, 0.8);
  backdrop-filter: blur(4px);
}
#bo6 #game-layout-main .compare-edition-table tr:first-child {
  align-items: flex-end;
}