@import url('https://fonts.googleapis.com/css?family=Arvo|Electrolize|Montserrat|Open+Sans|Open+Sans+Condensed:300');
@import url('https://fonts.googleapis.com/css?family=Oswald:300,400,600&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto:100,200,300,400,700');
@import url('https://fonts.googleapis.com/css?family=Alegreya+Sans:700,800,900');
/***************************************
COD HUB FOOTER
***************************************/
.cod-global-footer {
  background: #000;
  width: 100%;
  text-align: center;
  position: relative;
}
.cod-global-footer #ot-sdk-btn.ot-sdk-show-settings,
.cod-global-footer #ot-sdk-btn.optanon-show-settings {
  color: black;
  text-decoration: none;
  text-transform: uppercase;
  font-family: 'Roboto', sans-serif;
  background-color: white;
  padding: 5px;
}
.cod-global-footer #ot-sdk-btn.ot-sdk-show-settings:hover,
.cod-global-footer #ot-sdk-btn.optanon-show-settings:hover {
  background-color: white;
  color: #000;
}
.cod-global-footer .line-break-footer,
.cod-global-footer .footer-links,
.cod-global-footer .privacy-policy,
.cod-global-footer .esrb-logos {
  margin-bottom: 40px;
}
.cod-global-footer ul {
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: flex;
  justify-content: space-evenly;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.cod-global-footer p {
  font-size: 11px;
  font-family: 'Montserrat', Arial, sans-serif;
  color: #adabab;
  letter-spacing: 1px;
  text-shadow: 0px 0px 18px #646464;
  line-height: 130%;
  -webkit-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -ms-transition: all 0.8s;
  -o-transition: all 0.8s;
  transition: all 0.8s;
  margin: 0px auto 20px auto;
  max-width: 960px;
  opacity: 1;
}
.cod-global-footer .basic-margin {
  margin-top: 1rem;
}
.cod-global-footer .caps {
  text-transform: uppercase;
}
.cod-global-footer .inner-footer {
  width: 60%;
  padding: 100px 15px;
  margin: 0 auto;
  -webkit-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -ms-transition: all 0.8s;
  -o-transition: all 0.8s;
  transition: all 0.8s;
}
.cod-global-footer .footer-links li {
  text-align: center;
  font-family: 'Montserrat', Arial, sans-serif;
  font-weight: 400;
  font-size: 13px;
  color: #adabab;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin: 0px;
  opacity: 1;
  text-decoration: none;
}
.cod-global-footer .footer-links li:last-of-type {
  display: none;
}
.cod-global-footer .footer-links a {
  color: #adabab;
  text-decoration: none;
}
.cod-global-footer .footer-link-item {
  text-align: center;
  font-family: 'Montserrat', Arial, sans-serif;
  font-weight: 400;
  font-size: 13px;
  color: #adabab;
  letter-spacing: 1px;
  text-transform: uppercase;
  opacity: 1;
  text-decoration: none;
}
.cod-global-footer .footer-link-item a {
  color: #adabab;
  text-decoration: none;
}
.cod-global-footer .line-break-footer {
  margin-bottom: 40px;
}
.cod-global-footer .line-break-footer .break {
  background-color: rgba(255, 255, 255, 0.3);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
}
.cod-global-footer .line-break-footer .break2first {
  flex: 0 0 2px;
  margin-right: 4px;
  height: 2px;
  background-color: #ffffff;
}
.cod-global-footer .line-break-footer .break423 {
  flex: 423 0 0;
  margin-right: 4px;
  height: 1px;
}
.cod-global-footer .line-break-footer .break93 {
  flex: 93 0 0;
  margin-right: 4px;
  height: 2px;
}
.cod-global-footer .line-break-footer .break2last {
  flex: 0 0 2px;
  height: 2px;
  background-color: #ffffff;
}
.cod-global-footer .footer-logos {
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .cod-global-footer .footer-logos {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.cod-global-footer .footer-logos .studios {
  width: 50%;
}
@media screen and (max-width: 768px) {
  .cod-global-footer .footer-logos .studios {
    width: 100%;
    margin-bottom: 15px;
  }
}
.cod-global-footer .footer-logos .studios > ul {
  -webkit-box-lines: multiple;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.cod-global-footer .footer-logos .studios li {
  width: 135px;
  margin-bottom: 20px;
  max-width: 160px;
  padding: 0 10px;
}
@media screen and (max-width: 768px) {
  .cod-global-footer .footer-logos .studios li {
    width: 45%;
  }
}
.cod-global-footer .footer-logos .studios li img {
  width: 100%;
}
.cod-global-footer .footer-logos .studios li.shg-logo img {
  height: 45px;
  width: auto;
}
.cod-global-footer .footer-logos .esrb-logos {
  width: 48%;
}
@media screen and (max-width: 768px) {
  .cod-global-footer .footer-logos .esrb-logos {
    width: 100%;
  }
}
.cod-global-footer .footer-logos .esrb-logos li {
  width: 160px;
  margin-bottom: 20px;
}
.cod-global-footer .footer-logos .esrb-logos li img {
  width: 100%;
}
.cod-global-footer .footer-logos .esrb-logos li:last-of-type {
  width: 260px;
}
.cod-global-footer .copyright {
  font-size: 11px;
  font-family: 'Montserrat', Arial, sans-serif;
  color: #adabab;
  letter-spacing: 1px;
  text-shadow: 0px 0px 18px #646464;
  line-height: 130%;
  -webkit-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -ms-transition: all 0.8s;
  -o-transition: all 0.8s;
  transition: all 0.8s;
  margin: 20px auto;
  max-width: 960px;
  opacity: 1;
}
.cod-global-footer .footer-locale-selector {
  margin-top: 25px;
  position: relative;
}
.cod-global-footer .footer-locale-selector .atvi-locale-selector {
  display: block;
}
.cod-global-footer .footer-locale-selector .atvi-locale-selector a {
  color: #FFF;
}
.cod-global-footer .footer-locale-selector .atvi-locale-selector a.CN > .region,
.cod-global-footer .footer-locale-selector .atvi-locale-selector a.TW > .region {
  display: block;
  color: #FFF;
}
.cod-global-footer .footer-locale-selector .atvi-locale-selector .locale-menu {
  position: absolute;
  bottom: 20px;
  z-index: 1000;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
.cod-global-footer .footer-locale-selector .atvi-locale-selector .locale-menu .locale-list {
  background: #434343;
  display: block;
  text-align: left;
}
.cod-global-footer .footer-locale-selector .atvi-locale-selector .locale-menu .locale-list li {
  display: inline-block;
  margin-right: 10px;
}
.cod-global-footer .footer-locale-selector .atvi-locale-selector .locale-menu .close-button {
  display: none;
}
.cod-global-footer .footer-locale-selector .atvi-locale-selector .CN .flag,
.cod-global-footer .footer-locale-selector .atvi-locale-selector .TW .flag {
  opacity: 0;
}
.cod-global-footer .footer-locale-selector .atvi-locale-selector .region {
  font-family: "Electrolize", Verdana, Arial, Helvetica, sans-serif;
  font-style: normal;
}
.cod-global-footer .footer-locale-selector .atvi-locale-selector .locale-list {
  width: 340px;
}
.cod-global-footer .footer-locale-selector .atvi-locale-selector .locale-entry {
  width: 45%;
}
.cod-global-footer .footer-locale-selector .atvi-locale-selector .locale-entry.loc-mx.MX {
  display: none;
}
.cod-global-footer .footer-locale-selector .atvi-locale-selector .locale-entry.CN .flag,
.cod-global-footer .footer-locale-selector .atvi-locale-selector .locale-entry.TW .flag {
  display: none;
}
@media screen and (max-width: 1300px) {
  .cod-global-footer .inner-footer {
    width: 80%;
  }
}
@media screen and (max-width: 1024px) {
  .cod-global-footer .desktop-only {
    display: none;
  }
  .cod-global-footer .inner-footer {
    width: 90%;
  }
  .cod-global-footer .line-break-footer {
    display: none;
  }
  .cod-global-footer ul {
    display: block;
  }
  .cod-global-footer .footer-links li,
  .cod-global-footer .studios li,
  .cod-global-footer .esrb-logos li {
    margin: 0 auto 20px;
  }
  .cod-global-footer .esrb-logos {
    width: 100%;
  }
  .cod-global-footer .footer-locale-selector .atvi-locale-selector .locale-menu {
    width: 100%;
  }
  .cod-global-footer .footer-locale-selector .atvi-locale-selector .locale-menu .locale-list {
    width: 100%;
  }
}
html[lang="ar"] .cod-global-footer .esrb-logos li:last-of-type,
html[lang="en-AR"] .cod-global-footer .esrb-logos li:last-of-type {
  width: 95px;
}
html:not([lang="en"]):not([lang="en-CA"]):not([lang="es-MX"]):not([lang="fr-CA"]):not([lang="en-AR"]) .cod-global-footer .esrb-logos li:last-of-type {
  width: 100px !important;
}

@import url('https://fonts.googleapis.com/css?family=Montserrat');
/**************************************
GLOBAL
**************************************/
body {
  background-color: #000;
}
body > .root > .aem-Grid > .modal-overlay {
  transition: all .8s !important;
}
body > .root > .aem-Grid > .modal-overlay .modal-content .player-part .player-wrapper {
  padding-bottom: 45%;
}
.cod-header-container .cod-purchase {
  padding: 13px 20px;
  transition-property: text-shadow, background-color, border, color;
  transition-duration: 1s;
  position: relative;
  font-family: 'Montserrat', Arial, sans-serif;
  font-weight: bold;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.15;
  text-transform: uppercase;
  width: fit-content;
  text-decoration: none;
  text-shadow: 0px 0px 0px #e1d297;
  background-color: #242424;
  box-shadow: inset 0px 0px 5px #857a59;
  background: url('../../../../../../content/dam/atvi/callofduty/cod-touchui/kronos/common/ui-elements/btn-bg-gold-tile.jpg') center center !important;
  background-size: 2px;
  box-shadow: inset 0px 0px 5px #b59228;
  border: 1px solid #d0a137;
}
.cod-header-container .cod-purchase a {
  color: #FFF;
  text-decoration: none;
  font-weight: bold;
}
.cod-header-container .cod-purchase:after,
.cod-header-container .cod-purchase:before {
  width: 100%;
  content: "";
  height: 2px;
  display: block;
  position: absolute;
  background: linear-gradient(to right, rgba(253, 217, 150, 0.5), #ffc558 20%, #ffc558 80%, rgba(253, 217, 150, 0.5)) center center;
  transition: all ease .8s;
  transform: scaleX(0);
  top: -1px;
  left: 0;
}
.cod-header-container .cod-purchase:after {
  bottom: -1px;
  top: initial;
}
.cod-header-container .cod-purchase:before {
  color: #b6bec0;
  text-shadow: 0px 0px 10px #ffffff;
}
.cod-header-container .cod-purchase:hover {
  background-color: #282828;
  text-shadow: 0px 0px 10px #ffeec8;
  color: #ffeec8;
}
.cod-header-container .cod-purchase:hover:after,
.cod-header-container .cod-purchase:hover:before {
  -webkit-transition: all ease 0.8s;
  -moz-transition: all ease 0.8s;
  -ms-transition: all ease 0.8s;
  -o-transition: all ease 0.8s;
  transition: all ease 0.8s;
  transform: scaleX(1);
  box-shadow: 0px 0px 10px;
}
.cod-header-container .cod-purchase a {
  padding: 0 !important;
  line-height: 1.4 !important;
}
.modal-overlay {
  opacity: 0;
  position: fixed !important;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 10000;
  background: #000;
  cursor: default;
  -webkit-transform: translate(0, -100%);
  -moz-transform: translate(0, -100%);
  -ms-transform: translate(0, -100%);
  -o-transform: translate(0, -100%);
  transform: translate(0, -100%);
  -webkit-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -ms-transition: all 0.8s;
  -o-transition: all 0.8s;
  transition: all 0.8s;
}
.modal-overlay.active {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1;
}
.modal-overlay.active:before {
  content: "";
  display: none;
}
.modal-overlay .inner-modal {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.modal-overlay:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 20;
}
.modal-overlay .modal-close {
  font-family: sans-serif;
  font-size: 90px;
  position: absolute;
  top: 20px;
  right: 20px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  color: #FFF;
  cursor: pointer;
  z-index: 10;
  display: block;
}
.modal-overlay .modal-content {
  position: relative;
  z-index: 9;
}
.modal-overlay .external-link-overlay {
  display: none;
}
.atvi-video .atvi-agegate,
.atvi-video-component .atvi-agegate {
  background: #000;
}
.atvi-video .atvi-agegate h2.dob-prompt,
.atvi-video-component .atvi-agegate h2.dob-prompt {
  color: #FFF;
  font-family: 'Montserrat', Arial, sans-serif;
  font-weight: bold;
  font-size: 35px;
  text-transform: uppercase;
  margin-bottom: 25px;
}
.atvi-video .atvi-agegate .submit,
.atvi-video-component .atvi-agegate .submit {
  background-color: #FFF;
  color: #000;
  font-family: 'Montserrat', Arial, sans-serif;
  font-weight: bold;
  font-size: 17px;
  text-transform: uppercase;
}
.modal-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute !important;
}
.modal-content .atvi-video {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.modal-content .atvi-video .player-wrapper {
  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%);
}
.root,
.wtb-portal-container {
  overflow: hidden;
}
.wtb-component .atvi-wheretobuy:not(#mw-wtb-module || #vanguard-wtb-module) {
  margin: 0 auto 100px;
  padding-top: 50px;
}
@media screen and (min-width: 1024px) {
  .wtb-component .atvi-wheretobuy:not(#mw-wtb-module || #vanguard-wtb-module) {
    padding-top: 100px;
  }
}