@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');
.wz-cta-button {
  min-height: 16px;
  padding: 12px 40px;
  transition-property: text-shadow, background-color, border, color;
  transition-duration: 1s;
  position: relative;
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  color: #81898c;
  line-height: 1.15;
  text-transform: uppercase;
  margin: 0;
  width: fit-content;
  background-size: 2px;
  cursor: pointer;
  text-decoration: none;
  text-shadow: 0px 0px 0px #97cde1;
  background-image: url(../../../../../../../content/dam/atvi/callofduty/cod-touchui/kronos/home/common/blue-tile.png);
  background-color: #242424;
  color: #94bbc2;
  box-shadow: inset 0px 0px 5px #597985;
  border: 1px solid #597985;
  display: inline-block;
  vertical-align: middle;
}
.wz-cta-button:before,
.wz-cta-button:after {
  background-image: linear-gradient(to right, rgba(151, 205, 225, 0.5), #79d9ff 20%, #79d9ff 80%, rgba(151, 205, 225, 0.5));
  width: 100%;
  content: "";
  height: 2px;
  display: block;
  position: absolute;
  -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(0);
  left: 0;
}
.wz-cta-button:before {
  top: -1px;
}
.wz-cta-button:after {
  bottom: -1px;
}
.wz-cta-button:hover {
  background-color: #282828;
  text-shadow: 0px 0px 10px #79d9ff;
  color: #79d9ff;
}
.wz-cta-button:hover:before,
.wz-cta-button:hover:after {
  -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;
}
.cw-cta-button {
  font-family: 'Alegreya Sans', Arial, sans-serif;
  font-weight: 700;
  font-size: 24px;
  color: #e5e3e3;
  text-align: center;
  text-transform: uppercase;
  transition: all .2s;
  text-shadow: 0px 0px 10px 000000;
  letter-spacing: 2px;
  position: relative;
  z-index: 2;
  display: block;
  width: fit-content;
  padding: 10px 30px;
  text-decoration: none;
}
.cw-cta-button:before {
  content: "";
  position: absolute;
  bottom: -3px;
  left: 0;
  height: 3px;
  width: 100%;
  display: block;
  background-image: url(../../../../../../../content/dam/atvi/callofduty/cod-touchui/zeus/common/buttons/dark-button-line-solid.svg);
  z-index: -1;
  background-repeat: no-repeat;
  background-position: -400px;
  background-size: 400px;
  transition: all .5s;
}
.codm-cta-button {
  font-family: "Open Sans", Verdana, Arial, Helvetica, sans-serif;
  background-color: #ffe93c;
  border: 1px solid #ffe93c;
  padding: 20px;
  text-transform: uppercase;
  letter-spacing: 1px;
  line-height: 25px;
  color: #000;
  text-decoration: none;
  -webkit-transition: 0.25s all;
  -moz-transition: 0.25s all;
  -ms-transition: 0.25s all;
  -o-transition: 0.25s all;
  transition: 0.25s all;
}
.codm-cta-button:hover {
  background-color: #000;
  color: #ffe93c;
  border: 1px solid #ffe93c;
}
#app {
  padding-top: 100px;
}
body {
  top: auto !important;
}
body.menu-active:before {
  z-index: 0;
}
#mycod .header-container {
  position: fixed;
  width: 100%;
  z-index: 9999;
  top: 0;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
#mycod .header-container.g-collapse {
  -webkit-transform: translate(0, -53px);
  -moz-transform: translate(0, -53px);
  -ms-transform: translate(0, -53px);
  -o-transform: translate(0, -53px);
  transform: translate(0, -53px);
}
#mycod .header-container.g-collapse .desktop-header .nav-right .purchase {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.cod-global-header-container .desktop-header .nav-right .login .username {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (max-width: 1225px) {
  .cod-global-header-container .desktop-header .nav-right .login .username {
    max-width: 140px;
  }
}
.cod-global-header-container .desktop-header .nav-right .purchase {
  visibility: visible !important;
}
.cod-global-header-container .desktop-header .nav-right .purchase a {
  padding: 17px 20px;
  font-size: 12px;
}
.cod-global-header-container .desktop-header .nav-right .mycod-link > p {
  margin-right: 0;
}
.cod-global-header-container .desktop-header .nav-left .global-top-nav li a {
  padding: 19px 15px;
}
.cod-game-header-container {
  position: relative;
  z-index: 2000;
}
.cod-game-header-container .desktop-header .nav-left .game-top-nav > ul > li > ul {
  display: none;
  position: absolute;
  background: #000;
}
.cod-game-header-container .desktop-header .nav-left .game-top-nav > ul > li > ul li {
  opacity: 1;
  visibility: visible;
}
.cod-game-header-container .desktop-header .nav-left .game-top-nav > ul > li:hover > ul {
  display: block;
}
.cod-game-header-container .nav-right {
  display: flex;
}
.cod-game-header-container .platform-select-wrap {
  margin: 5px 20px 0 0;
  height: 38px;
}
.cod-game-header-container .platform-select-wrap .platform-select {
  height: 38px;
  border: 1px solid #444;
}
.cod-game-header-container .platform-select-wrap .platform-select .selector__txt {
  padding-top: 13px;
}
.cod-game-header-container .platform-select-wrap .platform-select .selector__txt:before {
  top: 8px;
}
.cod-game-header-container .account-search {
  position: relative;
  border: 1px solid #444;
  background-color: #000;
  font-size: 16px;
  top: 5px;
  margin-right: 20px;
  height: 38px;
}
.cod-game-header-container .account-search:after {
  content: "";
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
}
.cod-game-header-container .account-search .platform-selector {
  display: inline-block;
  background: #000;
  font-size: 0.875em;
  border-right: 1px solid #444;
  position: absolute;
}
.cod-game-header-container .account-search .platform-search {
  display: inline-block;
  background: #000;
  font-size: 0.875em;
  border-right: 1px solid #444;
  position: absolute;
}
.cod-game-header-container .account-search .platform-icon {
  position: absolute;
  top: 0.4em;
  left: 0;
  right: 0;
  bottom: 0.4em;
  background-position: center;
  background-size: contain;
}
.cod-game-header-container .account-search .platform-icon img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
}
.cod-game-header-container .account-search select {
  background: transparent;
  color: #fff;
  border: none;
  border-radius: 0;
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  padding: 0 2.2em 0 1.15em;
  text-transform: uppercase;
  font-family: 'Montserrat', Arial, sans-serif;
  letter-spacing: 0.1em;
  cursor: pointer;
  font-size: 1em;
  opacity: 0;
  width: 2.5em;
  height: 2.5em;
}
.cod-game-header-container .account-search select option {
  background: #f0f0f0;
  color: #000;
  text-transform: initial;
}
.cod-game-header-container .account-search .account-search-terms {
  margin-left: 3em;
}
.cod-game-header-container .account-search input {
  margin: 0;
  outline: none;
  color: #FFF;
  font-size: 1em;
  background: #000;
  box-shadow: none;
  border: none;
  padding: 0.5em 1.5em 0.5em 0.75em;
  letter-spacing: 0.1em;
  font-weight: 200;
  text-transform: uppercase;
  font-family: 'Montserrat', Arial, sans-serif;
}
.cod-game-header-container .account-search .submit-button {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 50%;
  color: #fff;
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  -ms-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  width: 2em;
  height: 2em;
  margin-top: -1em;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  font-size: 1em;
}
.cod-game-header-container .account-search .submit-button:after {
  content: "\f002";
  position: absolute;
  top: 0.5em;
  left: 0.5em;
  text-indent: 0;
}
.cod-game-header-container .account-search .fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.cod-game-header-container .mobile-header .mobile-top-nav {
  height: 50px;
}
.cod-game-header-container .mobile-header .mobile-top-nav .mobile-purchase {
  display: none;
}
.cod-game-header-container .mobile-header .mobile-menu {
  background: #000;
  z-index: 100;
}
.cod-game-header-container .mobile-header .account-search {
  margin-left: 25px;
  margin-bottom: 25px;
}
.cod-game-header-container .mobile-header .mobile-menu .mobile-menu-container .game-mobile-menu > ul > li {
  position: relative;
  /*&.locked {

                background: #111;

				&:after {
                    content: "";
                    .square(10px);
                    position: absolute;
                    top: 50%;
                    right: 25px;
                    .translate(0,-50%);
                    background: url(../../../../../../../content/dam/atvi/callofduty/mycod/common/lock.png) center center no-repeat;
                    background-size: contain;
                }

                > div > a {
					color: #555;
                    cursor: help;
                }
            }*/
}
.cod-game-header-container .mobile-header .mobile-menu .mobile-menu-container .app-nav-wrapper .submenu-parent .nav-item {
  padding-left: 25px;
  height: 0px;
  visibility: hidden;
  opacity: 0;
  background-color: rgba(20, 20, 20, 0);
  transition: opacity ease 1s, visibility ease 1s, height ease 1s;
}
.cod-game-header-container .mobile-header .mobile-menu .mobile-menu-container .app-nav-wrapper .submenu-parent.active .nav-item {
  opacity: 1;
  visibility: visible;
  height: 60px;
  transition: opacity ease 1s, visibility ease 1s, height ease 1s;
  display: block;
}
.cod-game-header-container .mobile-header .mobile-menu .mobile-menu-container .app-nav-wrapper .submenu-parent.active .label:after {
  -webkit-transform: translate(0, -50%) rotate(-180deg);
  -moz-transform: translate(0, -50%) rotate(-180deg);
  -ms-transform: translate(0, -50%) rotate(-180deg);
  -o-transform: translate(0, -50%) rotate(-180deg);
  transform: translate(0, -50%) rotate(-180deg);
}
.cod-game-header-container .mobile-header .mobile-menu .mobile-menu-container .app-nav-wrapper .submenu-parent .label {
  position: relative;
}
.cod-game-header-container .mobile-header .mobile-menu .mobile-menu-container .app-nav-wrapper .submenu-parent .label:after {
  content: "";
  background: url(../../../../../../../content/dam/atvi/callofduty/global/global-nav/arrow.svg) center center no-repeat;
  background-size: contain;
  width: 11px;
  height: 9px;
  position: absolute;
  right: 25px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.cod-game-header-container .mobile-header .mobile-menu .mobile-menu-container .app-nav-wrapper > li:nth-child(2) ul li:nth-child(1) {
  transition-delay: .7s;
  transition-property: opacity, visibility, height;
}
.cod-game-header-container .mobile-header .mobile-menu .mobile-menu-container .app-nav-wrapper > li:nth-child(2) ul li:nth-child(2) {
  transition-delay: .6s;
  transition-property: opacity, visibility, height;
}
.cod-game-header-container .mobile-header .mobile-menu .mobile-menu-container .app-nav-wrapper > li:nth-child(2) ul li:nth-child(3) {
  transition-delay: .5s;
  transition-property: opacity, visibility, height;
}
.cod-game-header-container .mobile-header .mobile-menu .mobile-menu-container .app-nav-wrapper > li:nth-child(2) ul li:nth-child(4) {
  transition-delay: .4s;
  transition-property: opacity, visibility, height;
}
.cod-game-header-container .mobile-header .mobile-menu .mobile-menu-container .app-nav-wrapper > li:nth-child(2) ul li:nth-child(5) {
  transition-delay: .3s;
  transition-property: opacity, visibility, height;
  display: block;
}
.cod-game-header-container .mobile-header .mobile-menu .mobile-menu-container .app-nav-wrapper > li:nth-child(2) ul li:nth-child(6) {
  transition-delay: .2s;
  transition-property: opacity, visibility, height;
}
.cod-game-header-container .mobile-header .mobile-menu .mobile-menu-container .app-nav-wrapper > li:nth-child(2) ul li:nth-child(7) {
  transition-delay: .1s;
  transition-property: opacity, visibility, height;
}
.cod-game-header-container .mobile-header .mobile-menu .mobile-menu-container .app-nav-wrapper > li:nth-child(2).active ul {
  height: 200px;
}
.cod-game-header-container .mobile-header .mobile-menu .mobile-menu-container .app-nav-wrapper > li:nth-child(2).active ul li:nth-child(1) {
  transition-delay: .1s;
  transition-property: opacity, visibility, height;
}
.cod-game-header-container .mobile-header .mobile-menu .mobile-menu-container .app-nav-wrapper > li:nth-child(2).active ul li:nth-child(2) {
  transition-delay: .2s;
  transition-property: opacity, visibility, height;
}
.cod-game-header-container .mobile-header .mobile-menu .mobile-menu-container .app-nav-wrapper > li:nth-child(2).active ul li:nth-child(3) {
  transition-delay: .3s;
  transition-property: opacity, visibility, height;
}
.cod-game-header-container .mobile-header .mobile-menu .mobile-menu-container .app-nav-wrapper > li:nth-child(2).active ul li:nth-child(4) {
  transition-delay: .4s;
  transition-property: opacity, visibility;
}
.cod-game-header-container .mobile-header .mobile-menu .mobile-menu-container .app-nav-wrapper > li:nth-child(2).active ul li:nth-child(5) {
  transition-delay: .5s;
  transition-property: opacity, visibility;
}
.cod-game-header-container .mobile-header .mobile-menu .mobile-menu-container .app-nav-wrapper > li:nth-child(2).active ul li:nth-child(6) {
  transition-delay: .6s;
  transition-property: opacity, visibility;
}
.cod-game-header-container .mobile-header .mobile-menu .mobile-menu-container .app-nav-wrapper > li:nth-child(2).active ul li:nth-child(7) {
  transition-delay: .7s;
  transition-property: opacity, visibility;
}
.cod-game-header-container .mobile-header .mobile-menu .mobile-menu-container .app-nav-wrapper > li:nth-child(3) ul li:nth-child(1) {
  transition-delay: .5s;
  transition-property: opacity, visibility, height;
}
.cod-game-header-container .mobile-header .mobile-menu .mobile-menu-container .app-nav-wrapper > li:nth-child(3) ul li:nth-child(2) {
  transition-delay: .4s;
  transition-property: opacity, visibility, height;
}
.cod-game-header-container .mobile-header .mobile-menu .mobile-menu-container .app-nav-wrapper > li:nth-child(3) ul li:nth-child(3) {
  transition-delay: .3s;
  transition-property: opacity, visibility, height;
}
.cod-game-header-container .mobile-header .mobile-menu .mobile-menu-container .app-nav-wrapper > li:nth-child(3) ul li:nth-child(4) {
  transition-delay: .2s;
  transition-property: opacity, visibility, height;
}
.cod-game-header-container .mobile-header .mobile-menu .mobile-menu-container .app-nav-wrapper > li:nth-child(3) ul li:nth-child(5) {
  transition-delay: .1s;
  transition-property: opacity, visibility, height;
  display: block;
}
.cod-game-header-container .mobile-header .mobile-menu .mobile-menu-container .app-nav-wrapper > li:nth-child(3).active ul {
  height: 425px;
}
.cod-game-header-container .mobile-header .mobile-menu .mobile-menu-container .app-nav-wrapper > li:nth-child(3).active ul li:nth-child(1) {
  transition-delay: .1s;
  transition-property: opacity, visibility, height;
}
.cod-game-header-container .mobile-header .mobile-menu .mobile-menu-container .app-nav-wrapper > li:nth-child(3).active ul li:nth-child(2) {
  transition-delay: .2s;
  transition-property: opacity, visibility, height;
}
.cod-game-header-container .mobile-header .mobile-menu .mobile-menu-container .app-nav-wrapper > li:nth-child(3).active ul li:nth-child(3) {
  transition-delay: .3s;
  transition-property: opacity, visibility, height;
}
.cod-game-header-container .mobile-header .mobile-menu .mobile-menu-container .app-nav-wrapper > li:nth-child(3).active ul li:nth-child(4) {
  transition-delay: .4s;
  transition-property: opacity, visibility, height;
}
.cod-game-header-container .mobile-header .mobile-menu .mobile-menu-container .app-nav-wrapper > li:nth-child(3).active ul li:nth-child(5) {
  transition-delay: .5s;
  transition-property: opacity, visibility, height;
}
.cod-game-header-container .mobile-header .mobile-menu .mobile-menu-container li.submenu-parent {
  /*.nav-item {
				height: 0px;
    			visibility: hidden;
    			opacity: 0;
    			background-color: rgba(20, 20, 20, 0);
    			transition: opacity ease 1s, visibility ease 1s, height ease 1s;
            }*/
  /*li.locked:before {
				display: none;
            }

            li.locked:after {
				right: 25px;
            }

            li.locked.wwii,
            li.locked.bo4 {
                a:after {
                    right: 45px;
                }
            }

            li.wwii, 
            li.bo4 {
                a:after {
                    right: 25px;
                }
            }*/
}
.cod-game-header-container .mobile-header .mobile-menu .mobile-menu-container li.submenu-parent ul li:after {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  right: 25px;
}
.cod-game-header-container .mobile-header .mobile-menu .mobile-menu-container li.submenu-parent:first-of-type {
  /*.dd-item-1 {
                    transition-delay: .5s;
                    transition-property: opacity, visibility, height;
                }
                .dd-item-2 {
                    transition-delay: .4s;
                    transition-property: opacity, visibility, height;
                }
                .dd-item-3 {
                    transition-delay: .3s;
                    transition-property: opacity, visibility, height;
                }
                .dd-item-4 {
                    transition-delay: .2s, .2s, .2s;
                    transition-property: opacity, visibility, height;
                }
                .dd-item-5 {
                    transition-delay: .1s, .1s, .1s;
                    transition-property: opacity, visibility, height;
                }*/
}
.cod-game-header-container .mobile-header .mobile-menu .mobile-menu-container li.submenu-parent:first-of-type li:nth-child(1) {
  transition-delay: .5s;
  transition-property: opacity, visibility, height;
}
.cod-game-header-container .mobile-header .mobile-menu .mobile-menu-container li.submenu-parent:first-of-type li:nth-child(2) {
  transition-delay: .4s;
  transition-property: opacity, visibility, height;
}
.cod-game-header-container .mobile-header .mobile-menu .mobile-menu-container li.submenu-parent:first-of-type li:nth-child(3) {
  transition-delay: .3s;
  transition-property: opacity, visibility, height;
}
.cod-game-header-container .mobile-header .mobile-menu .mobile-menu-container li.submenu-parent:first-of-type li:nth-child(4) {
  transition-delay: .2s, .2s, .2s;
  transition-property: opacity, visibility, height;
}
.cod-game-header-container .mobile-header .mobile-menu .mobile-menu-container li.submenu-parent:first-of-type li:nth-child(5) {
  transition-delay: .1s, .1s, .1s;
  transition-property: opacity, visibility, height;
}
.cod-game-header-container .mobile-header .mobile-menu .mobile-menu-container li.submenu-parent:first-of-type.active {
  /*.dd-item-1{
                        transition-delay: .1s;
                        transition-property: opacity, visibility, height;
                    }
                    .dd-item-2 {
                        transition-delay: .2s;
                        transition-property: opacity, visibility, height;
                    }
                    .dd-item-3 {
                        transition-delay: .3s;
                        transition-property: opacity, visibility, height;
                    }
                    .dd-item-4 {
                        transition-delay: .4s, .4s;
                        transition-property: opacity, visibility;
                    }
                    .dd-item-5 {
                        transition-delay: .5s, .5s;
                        transition-property: opacity, visibility;
                    }*/
}
.cod-game-header-container .mobile-header .mobile-menu .mobile-menu-container li.submenu-parent:first-of-type.active ul {
  height: 310px;
}
.cod-game-header-container .mobile-header .mobile-menu .mobile-menu-container li.submenu-parent:first-of-type.active ul li:nth-child(1) {
  transition-delay: .1s;
  transition-property: opacity, visibility, height;
}
.cod-game-header-container .mobile-header .mobile-menu .mobile-menu-container li.submenu-parent:first-of-type.active ul li:nth-child(2) {
  transition-delay: .2s;
  transition-property: opacity, visibility, height;
}
.cod-game-header-container .mobile-header .mobile-menu .mobile-menu-container li.submenu-parent:first-of-type.active ul li:nth-child(3) {
  transition-delay: .3s;
  transition-property: opacity, visibility, height;
}
.cod-game-header-container .mobile-header .mobile-menu .mobile-menu-container li.submenu-parent:first-of-type.active ul li:nth-child(4) {
  transition-delay: .4s, .4s;
  transition-property: opacity, visibility;
}
.cod-game-header-container .mobile-header .mobile-menu .mobile-menu-container li.submenu-parent:first-of-type.active ul li:nth-child(5) {
  transition-delay: .5s, .5s;
  transition-property: opacity, visibility;
}
.cod-game-header-container .mobile-header .mobile-menu .mobile-menu-container li.submenu-parent:last-of-type {
  /*.dd-item-1 {
                    transition-delay: .2s;
                    transition-property: opacity, visibility, height;
                }
                .dd-item-2 {
                    transition-delay: .1s;
                    transition-property: opacity, visibility, height;
                }*/
}
.cod-game-header-container .mobile-header .mobile-menu .mobile-menu-container li.submenu-parent:last-of-type ul li:nth-child(1) {
  transition-delay: .2s;
  transition-property: opacity, visibility, height;
}
.cod-game-header-container .mobile-header .mobile-menu .mobile-menu-container li.submenu-parent:last-of-type ul li:nth-child(2) {
  transition-delay: .1s;
  transition-property: opacity, visibility, height;
}
.cod-game-header-container .mobile-header .mobile-menu .mobile-menu-container li.submenu-parent:last-of-type.active {
  /*.dd-item-1{
                        transition-delay: .1s;
                        transition-property: opacity, visibility, height;
                    }
                    .dd-item-2 {
                        transition-delay: .2s;
                        transition-property: opacity, visibility, height;
                    }*/
}
.cod-game-header-container .mobile-header .mobile-menu .mobile-menu-container li.submenu-parent:last-of-type.active ul {
  height: 200px;
}
.cod-game-header-container .mobile-header .mobile-menu .mobile-menu-container li.submenu-parent:last-of-type.active ul li:nth-child(1) {
  transition-delay: .1s;
  transition-property: opacity, visibility, height;
}
.cod-game-header-container .mobile-header .mobile-menu .mobile-menu-container li.submenu-parent:last-of-type.active ul li:nth-child(2) {
  transition-delay: .2s;
  transition-property: opacity, visibility, height;
}
.cod-game-header-container .desktop-header .nav-left .game-logo {
  width: 25px;
}
.cod-game-header-container .desktop-header .nav-left .game-logo img {
  width: 100%;
}
.cod-game-header-container .desktop-header .nav-left .game-top-nav {
  margin-left: 116px;
  /*li.player-link.drop ul {
				width: 300px;
            }

            li.intel-link.drop ul {
				width: 200px;
            }

            > ul > li.locked {

                > a {
					color: #555;
                    cursor: help;
                }

				&:before {
					content: "";
                    .square(10px);
                    position: absolute;
                    top: 50%;
                    right: 5px;
                    .translate(0,-50%);
                    background: url(../../../../../../../content/dam/atvi/callofduty/mycod/common/lock.png) center center no-repeat;
                    background-size: contain;
                }
            }

			li ul li.locked {

                &:after {
					right: 5px;
                }
            }

            li ul li.locked.bo4,
            li ul li.locked.wwii {

				a:after {
					right: 23px;
                }

            }

            li ul li.bo4,
            li ul li.wwii {
				a:after {
					right: 5px;
                }
            }*/
}
.cod-game-header-container .desktop-header .nav-left .game-top-nav .app-nav-wrapper > li:nth-child(2) .submenu {
  width: 300px;
}
.cod-game-header-container .desktop-header .nav-left .game-top-nav .app-nav-wrapper > li:nth-child(3) .submenu {
  width: 300px;
}
.cod-game-header-container .desktop-header .nav-left .game-top-nav .app-nav-wrapper > li:nth-child(4) .submenu {
  width: 230px;
}
.cod-game-header-container .desktop-header .nav-left .game-top-nav .app-nav-wrapper .submenu > li:after {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  right: 15px;
}
.cod-game-header-container li.submenu-parent ul li {
  position: relative;
}
.cod-game-header-container li.submenu-parent ul li.locked {
  background: #111 !important;
  position: relative;
  /*&:after {
                content: "";
                .square(10px);
                position: absolute;
                top: 50%;
                .translate(0,-50%);
                background: url(../../../../../../../content/dam/atvi/callofduty/mycod/common/lock.png) center center no-repeat;
                background-size: contain;
            }
            
            &:before {
                content: "Please login to view content";
                background: #000;
                color: #FFF;
                position: absolute;
                .translate(0,-100%);
                padding: 10px;
                text-transform: capitalize;
                font-size: 8px;
                opacity: 0;
                visibility: hidden;
                .transition(all .25s);
            }*/
}
.cod-game-header-container li.submenu-parent ul li.locked:hover:before {
  opacity: 1;
  visibility: visible;
}
.cod-game-header-container li.submenu-parent ul li.mw:after {
  content: "";
  width: 42px;
  height: 10px;
  background: url(../../../../../../../content/dam/atvi/callofduty/mycod/common/title-icons/mw-logo.png) center center no-repeat;
  background-size: contain;
}
.cod-game-header-container li.submenu-parent ul li.bo4:after {
  content: "";
  width: 13px;
  height: 12px;
  background: url(../../../../../../../content/dam/atvi/callofduty/mycod/common/title-icons/bo4Logo@2x.png) center center no-repeat;
  background-size: contain;
}
.cod-game-header-container li.submenu-parent ul li.wwii:after {
  content: "";
  width: 42px;
  height: 10px;
  background: url(../../../../../../../content/dam/atvi/callofduty/mycod/common/title-icons/ww2Logo@2x.png) center center no-repeat;
  background-size: contain;
}