/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:'FontAwesome';src:url('../../../../../../../content/dam/atvi/global/fonts/font-awesome/fontawesome-webfont.eot?v=4.7.0');src:url('../../../../../../../content/dam/atvi/global/fonts/font-awesome/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../../../../../../../content/dam/atvi/global/fonts/font-awesome/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('../../../../../../../content/dam/atvi/global/fonts/font-awesome/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('../../../../../../../content/dam/atvi/global/fonts/font-awesome/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('../../../../../../../content/dam/atvi/global/fonts/font-awesome/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.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}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}

/*HERE'S A MONTSERRAT FONT. PUTTING IT HERE */
@import url('https://fonts.googleapis.com/css?family=Montserrat:500,600|Open+Sans|Open+Sans+Condensed:700');

/* To be included in the main css.txt (to avoid duplication every time utils is imported) */
@-webkit-keyframes ajax-loader {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes ajax-loader {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.atvi-confirm {
  position: fixed;
  height: 0;
  overflow: hidden;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -ms-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.atvi-confirm .confirm-box {
  opacity: 0;
  width: 600px;
  max-width: 100%;
  position: absolute;
  left: 50%;
  top: 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%);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  color: #000;
  background-color: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(255, 255, 255, 0.9);
}
.atvi-confirm .confirm-box .header-wrapper {
  background-color: #000;
  color: #fff;
  text-transform: uppercase;
  font-family: "Electrolize", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.42;
  font-style: normal;
  letter-spacing: 0.05em;
}
.atvi-confirm .confirm-box .header-wrapper p {
  padding: 0.25em 0.5em;
}
.atvi-confirm .confirm-box .content-wrapper {
  padding: 1em 0.5em 0.5em;
  text-align: center;
}
.atvi-confirm .confirm-box .button-wrapper {
  text-align: center;
}
.atvi-confirm .confirm-box .button {
  display: inline-block;
  text-transform: uppercase;
  font-family: "Electrolize", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.42;
  font-style: normal;
  letter-spacing: 0.05em;
  padding: 0.5em 1em;
  color: #fff;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  border: 1px solid #000;
  background: #000;
  margin: 0.5em;
}
.atvi-confirm .confirm-box .button:hover {
  background-color: #fff;
  color: #000;
}
.atvi-confirm .background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #000;
  opacity: 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;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.atvi-confirm.open {
  height: 100%;
  z-index: 9999;
}
.atvi-confirm.open .background {
  opacity: 0.7;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.atvi-confirm.open .confirm-box {
  opacity: 1;
  -webkit-transition: all 0.3s ease 0.5s;
  -moz-transition: all 0.3s ease 0.5s;
  -ms-transition: all 0.3s ease 0.5s;
  -o-transition: all 0.3s ease 0.5s;
  transition: all 0.3s ease 0.5s;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.atvi-confirm.closing {
  opacity: 0;
}

.modal {
  position: fixed;
  height: 0;
  overflow: hidden;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -ms-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.modal .modal-inner {
  opacity: 0;
  width: 1200px;
  max-width: 100%;
  position: relative;
  position: absolute;
  left: 50%;
  top: 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%);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.modal .modal-inner:before {
  display: block;
  content: '';
  width: 100%;
  height: 0;
  padding-top: 56.25%;
}
.modal .modal-inner .content-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px;
}
.modal .background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #000;
  opacity: 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;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.modal .close-button {
  display: block;
  position: absolute;
  top: 0px;
  right: 0px;
  padding: 20px 30px;
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -ms-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  transition: opacity 0.5s;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  opacity: 0;
  text-decoration: none;
  border: 0;
  font-size: 24px;
  color: #f0f0f0;
  cursor: pointer;
}
.modal .close-button:after {
  content: 'x';
}
.modal .loading-icon {
  pointer-events: none;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  border-radius: 50%;
  width: 5em;
  height: 5em;
  text-indent: -9999em;
  border-width: 2px;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.2);
  border-left-color: #ffffff;
  -webkit-animation: ajax-loader 1.1s infinite cubic-bezier(0.55, 0.37, 0.54, 0.72);
  animation: ajax-loader 1.1s infinite cubic-bezier(0.55, 0.37, 0.54, 0.72);
}
.modal .modal-player-holder,
.modal .atvi-video,
.modal .player-part,
.modal .player-wrapper {
  position: relative;
  height: 100%;
}
.modal .atvi-video .external-link-overlay {
  display: none;
}
.modal .image-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}
.modal .image-wrapper img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.modal.open,
.modal.loading {
  height: 100%;
  z-index: 9999;
}
.modal.open .background,
.modal.loading .background {
  opacity: 0.7;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.modal.open .close-button,
.modal.loading .close-button {
  opacity: 1;
}
.modal.loading .loading-icon {
  opacity: 1;
}
.modal.open .modal-inner {
  opacity: 1;
  -webkit-transition: all 0.3s ease 0.5s;
  -moz-transition: all 0.3s ease 0.5s;
  -ms-transition: all 0.3s ease 0.5s;
  -o-transition: all 0.3s ease 0.5s;
  transition: all 0.3s ease 0.5s;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.modal.closing {
  opacity: 0;
}

/* # Temp styles ---- DEPRECATE
================================================== */
.value {
  font-family: "Electrolize", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.42;
  font-style: normal;
  font-weight: bold;
  letter-spacing: 0.01em;
}
.value-label {
  text-transform: uppercase;
  color: #333;
  letter-spacing: 0.05em;
  font-family: "Electrolize", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.42;
  font-style: normal;
}
.page-content-container {
  overflow: hidden;
  padding: 0;
}
/* # Global
================================================== */
*,
*::before,
*::after {
  box-sizing: border-box;
}
html,
body {
  width: 100%;
  height: 100%;
}
body {
  font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #fff;
  background: #000;
}
body.with-sso-bar {
  margin: 0;
}
[v-cloak] {
  display: none;
}
a {
  text-decoration: none;
}
.inner-wrapper {
  width: 80%;
  max-width: 1600px;
  padding: 0;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .inner-wrapper {
    width: 90%;
  }
}
.hub-footer {
  margin-top: 140px;
}
/* # Select input
================================================== */
.select-wrapper {
  position: relative;
  background: #000;
  border: none;
  font-size: 14px;
}
.select-wrapper:after {
  content: '';
  position: absolute;
  top: 51%;
  right: 0.75em;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-left: 0.4em solid transparent;
  border-right: 0.4em solid transparent;
  border-top: 0.4em solid #fff;
}
.select-wrapper select {
  background: transparent;
  color: #fff;
  border: none;
  border-radius: 0;
  height: 2.5em;
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  padding: 0 2.2em 0 1.15em;
  text-transform: uppercase;
  font-family: "Electrolize", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.42;
  font-style: normal;
  letter-spacing: 0.1em;
  font-size: 1em;
  cursor: pointer;
}
.select-wrapper select:focus {
  outline: 0;
}
.select-wrapper select:focus::-ms-value {
  background: transparent;
}
.select-wrapper select::-ms-expand {
  display: none;
}
.select-wrapper select option {
  background: #f0f0f0;
  color: #000;
  text-transform: initial;
}
.select-wrapper select option::-ms-value {
  background: transparent;
}
.select-wrapper select:focus option::-ms-value {
  background: transparent;
}
.select-wrapper.disabled {
  background-color: #444;
}
.select-wrapper.disabled:after {
  border-top-color: #666;
}
.select-wrapper.disabled select {
  color: #666;
  cursor: default;
}
/* # Tooltips
================================================== */
.tooltip {
  display: none;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -ms-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  pointer-events: none;
  z-index: 10000;
  max-width: 300px;
}
.tooltip .tooltip-content {
  background: rgba(0, 0, 0, 0.9);
  color: #fff;
  padding: 0.5em 0.75em;
  letter-spacing: 0.1em;
  font-size: 12px;
  line-height: 1.5em;
  font-weight: 200;
}
.tooltip.tooltip-open-transitionend {
  display: block;
}
.tooltip.tooltip-after-open {
  opacity: 1;
}
.tooltip-target {
  cursor: help;
}
.tooltip-character {
  cursor: help;
  line-height: 1em;
  font-size: 1em;
  background: #000;
  color: #fff;
  border-radius: 50%;
  padding: 0.1em 0.25em 0em 0.35em;
  letter-spacing: 0.1em;
}
/* # Grid System
================================================== */
.row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-lines: multiple;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.row--center {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  display: flex;
  align-items: center;
}
.col {
  width: 100%;
}
.col--half {
  max-width: 50%;
}
/* # UTIL
================================================== */
.img--fluid {
  width: 100%;
  max-width: 100%;
  height: auto;
}
.txt--center {
  text-align: center;
}
/* TRANSITIONS */
.fade-enter-active,
.fade-leave-active {
  transition: opacity .5s;
}
.fade-enter,
.fade-leave-to {
  opacity: 0;
}
.next-enter {
  opacity: 0;
  transform: translate3d(100%, 0, 0);
}
.next-enter-to {
  transform: scale3d(1, 1, 1);
}
.next-enter-active,
.next-leave-active {
  transition: 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.next-leave {
  transform: scale3d(1, 1, 1);
}
.next-leave-to {
  opacity: 0;
  transform: translate3d(-100%, 0, 0);
}
.prev-enter {
  opacity: 0;
  transform: translate3d(-400px, 0, 0);
}
.prev-enter-to {
  transform: scale3d(1, 1, 1);
}
.prev-enter-active,
.prev-leave-active {
  transition: 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.prev-leave {
  transform: scale3d(1, 1, 1);
}
.prev-leave-to {
  opacity: 0;
  transform: translate3d(400px, 0, 0);
}

.alert-component-enter-active,
.alert-component-leave-active {
  transition: opacity .5s;
}
.alert-component-enter,
.alert-component-leave-to {
  opacity: 0;
}
.alert-component {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  display: flex;
  align-items: center;
  font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-style: normal;
  position: relative;
  color: #fff;
  width: 100%;
  padding: 15px;
  border-top: 2px solid transparent;
  background-color: #191919;
  margin-top: 15px;
}
.alert-component.alert--info {
  border-top: 2px solid #1e9ffd;
}
.alert-component.alert--success {
  border-top: 2px solid #0aff19;
}
.alert-component.alert--warning {
  border-top: 2px solid #ff6600;
}
.alert-component.alert--danger {
  border-top: 2px solid #ff0000;
}
.alert-component .alert__icon {
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-position: center center;
  margin-right: 20px;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAyMCAxNyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHRpdGxlPmNhdXRpb25faWNvbjwvdGl0bGU+CjxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgo8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgo8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNzUwIC0yMzk1KSIgZmlsbD0iI0ZGRkZGRiI+CjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDc1MCAyMzk1KSI+CjxwYXRoIGQ9Im05LjAzOTEgMTAuMjE4aDEuOTMxOXYtNS4wNzM3aC0xLjkzMTl2NS4wNzM3em0wIDMuNjk5MmgxLjkzMTl2LTEuODcwMmgtMS45MzE5djEuODcwMnptMTAuNjQxIDAuMjE0MzdjLTIuNzMxNy00LjM5NDMtNS40NTU5LTguNzkyOS04LjE5MjItMTMuMTg0LTAuNzg4NjgtMS4yNjU4LTIuMTkxMi0xLjI1OTItMi45NzIzLTAuMDAzNzY3OC0xLjA3MjEgMS43MjMzLTIuMTQxNSAzLjQ0ODItMy4yMTI2IDUuMTcyMS0xLjY1MDcgMi42NTctMy4zMDA1IDUuMzE0My00Ljk1MzQgNy45Njk5LTAuMzY3NCAwLjU5MDI1LTAuNTAyNiAxLjIwMDctMC4xMjA4NiAxLjgyMiAwLjM1NjM0IDAuNTc5NzQgMC45MjYxMyAwLjc2ODIzIDEuNjA3MiAwLjc2NTQ1IDIuNzEyNy0wLjAxMTEwNSA1LjQyNTYtMC4wMDQ2NjAyIDguMTM4My0wLjAwNDY2MDIgMi43Mjk4IDAgNS40NTk3LTAuMDA1NzUwOCA4LjE4OTUgMC4wMDQyNjM2IDAuNjU3OTggMC4wMDIzNzk2IDEuMjMxNi0wLjE2MzYgMS41ODQzLTAuNzE4ODUgMC4zODMyOC0wLjYwMzA0IDAuMzA0NzItMS4yMjI0LTAuMDY4MDExLTEuODIyeiIvPgo8L2c+CjwvZz4KPC9nPgo8L3N2Zz4K');
}
.alert-component .alert__content {
  line-height: 20px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.alert-component a {
  color: inherit;
  text-decoration: underline;
}
.alert-component .alert__close {
  position: absolute;
  font-size: 22px;
  color: #fff;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  cursor: pointer;
}

.avatar-component {
  width: 45px;
  height: 45px;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: 100%;
  border: 2px solid #444;
  flex-shrink: 0;
  position: relative;
}
.avatar-component.active {
  border: 2px solid #1e9ffd;
}
.avatar-component.disable {
  border: 2px solid #fff;
}
.avatar-component.mw {
  border: 2px solid #57ced4;
}
.avatar-component.bo4 {
  border: 2px solid #ff6600;
}
.avatar-component.wwii {
  border: 2px solid #9f912a;
}
@media (max-width: 767px) {
  .avatar-component {
    width: 40px;
    height: 40px;
  }
}
.avatar-component.mw:after,
.avatar-component.bo4:after,
.avatar-component.wwii:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.avatar-component.mw:after {
  background-image: url('../../../../../../../content/dam/atvi/callofduty/mycod/common/title-icons/mw-avatar.png');
}
.avatar-component.bo4:after {
  background-image: url('../../../../../../../content/dam/atvi/callofduty/mycod/common/title-icons/bo4-avatar.png');
}
.avatar-component.wwii:after {
  background-image: url('../../../../../../../content/dam/atvi/callofduty/mycod/common/title-icons/wwii-avatar.png');
}

.loader-component {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  position: relative;
}
.loader-component .loader__circle {
  width: 100%;
  height: 100%;
  background-color: transparent;
  border: 2px solid #777;
  border-bottom-color: transparent;
  border-radius: 100%;
  -webkit-animation: loader-circle-rotate 0.75s linear infinite;
  -moz-animation: loader-circle-rotate 0.75s linear infinite;
  -o-animation: loader-circle-rotate 0.75s linear infinite;
  animation: loader-circle-rotate 0.75s linear infinite;
}
@keyframes loader-circle-rotate {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.doughnut-component {
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  display: flex;
  align-items: center;
  position: relative;
}
.doughnut-component .doughnut__wrapper {
  background-color: #000;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA3NTAgNzU2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8dGl0bGU+R3JhcGg8L3RpdGxlPgo8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEgLTEpIj4KPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLjUpIj4KPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzk5LjE4IC43NDMxMSkiIGZpbGw9IiM0NjQ2NDYiPgo8cGF0aCBkPSJtMTU5LjU4IDYwLjYyMmw1LjYxOTYtOS43Mzk3LTIuMjMzMy0xLjI5NDQtNS42MjQyIDkuNzM1MmMwLjc0NzQ2IDAuNDI4NDIgMS40OTQ5IDAuODY1OTYgMi4yMzc4IDEuMjk4OXptMTAuODUyIDYuNTg1OGw1Ljk2Ni05LjU0ODMtMi4xODc3LTEuMzc2NC01Ljk3NTEgOS41NTI5YzAuNzM4MzQgMC40NTU3NyAxLjQ2MyAwLjkxMTUzIDIuMTk2OCAxLjM3MTl6bS0zMy4yMTYtMTguNjA0bDQuOTI2OC0xMC4wOTEtMi4zMTk5LTEuMTMwMy00LjkyMjMgMTAuMDg2YzAuNzc5MzYgMC4zNzgyOSAxLjU1NDIgMC43NTY1NyAyLjMxNTMgMS4xMzQ5em0xMS4yODkgNS44MTFsNS4yNzc4LTkuOTIyMS0yLjI3ODgtMS4yMTIzLTUuMjczMiA5LjkxNzVjMC43NTY1NyAwLjQwMTA4IDEuNTE3NyAwLjgxMTI3IDIuMjc0MyAxLjIxNjl6bTMyLjU0MiAxOS43NTNsNi4zMDMzLTkuMzQ3OC0yLjE0MjEtMS40NDQ4LTYuMzA3OCA5LjM0NzhjMC43MTU1NiAwLjQ3NCAxLjQyNjYgMC45NjYyMyAyLjE0NjcgMS40NDQ4em0zMC4yOTUgMjMuMDNsNy4yNjA0LTguNjU1LTEuOTgyNi0xLjY2MzYtNy4yNjA0IDguNjY0MWMwLjY2MDg2IDAuNTUxNDggMS4zMzA4IDEuMDk4NCAxLjk4MjYgMS42NTQ0em0xOC43OTEgMTcuMDU1bDcuODUyOS04LjEzMDktMS44NTA0LTEuODAwMy03Ljg2NjUgOC4xNGMwLjYyODk2IDAuNTk3MDYgMS4yNDg4IDEuMTk0MSAxLjg2NDEgMS43OTEyem0tMjguNjIyLTI1LjA4MWw2Ljk1NS04Ljg5Mi0yLjAzNzMtMS41OTUyLTYuOTU1IDguODk2NmMwLjY3OTA5IDAuNTMzMjUgMS4zNjI3IDEuMDU3NCAyLjAzNzMgMS41OTA2em0tMTAuMS03LjY3OTdsNi42MzE0LTkuMTI5LTIuMDkyLTEuNTE3Ny02LjYzMTQgOS4xMjljMC42OTI3NyAwLjUwMTM0IDEuMzk0NiAxLjAwNzIgMi4wOTIgMS41MTc3em0tNjUuNjcxLTM4LjMwM2w0LjU2NjgtMTAuMjUtMi4zNjU0LTEuMDQ4My00LjU2MjIgMTAuMjVjMC43OTMwNCAwLjM0NjM4IDEuNTc3IDAuNjkyNzcgMi4zNjA5IDEuMDQ4M3ptOTUuMTQ2IDYyLjM3Nmw3LjU2NTctOC4zOTk4LTEuOTIzMy0xLjczMTktNy41NjEyIDguNDA0M2MwLjYzODA3IDAuNTc0MjcgMS4yODA3IDEuMTQ4NSAxLjkxODggMS43Mjc0em0tMTkyLjM1LTkwLjU3OWwxLjU2NzgtMTEuMTUzLTIuNTY2LTAuMzYwMDYtMS41NjMzIDExLjE1N2MwLjg1Njg0IDAuMTEzOTQgMS43MDQ2IDAuMjI3ODggMi41NjE0IDAuMzU1NXptLTEyLjU5Ny0xLjU3N2wxLjE3NTktMTEuMjEyLTIuNTY2LTAuMjczNDYtMS4xNzU5IDExLjIxMmMwLjg1Njg0IDAuMDkxMTUzIDEuNzEzNyAwLjE4Njg2IDIuNTY2IDAuMjczNDZ6bTI1LjEyNiAzLjU4MjNsMS45NTUyLTExLjA2Ni0yLjU0MzItMC40NDY2NS0xLjk1OTggMTEuMDc1YzAuODUyMjggMC4xNDU4NSAxLjcgMC4yODcxMyAyLjU0NzcgMC40Mzc1NHptLTM3Ljc2NS00LjcyMTdsMC43ODg0OC0xMS4yNjItMi41Nzk2LTAuMTgyMzEtMC43ODg0OCAxMS4yNjdjMC44NjU5NiAwLjA1OTI1IDEuNzE4MiAwLjExODUgMi41Nzk2IDAuMTc3NzV6bTUwLjIxNiA3LjE3ODNsMi4zMzM1LTEwLjk3OS0yLjUyNS0wLjUzNzgxLTIuMzMzNSAxMC45ODRjMC44Mzg2MSAwLjE3Nzc1IDEuNjg2MyAwLjM1NTUgMi41MjUgMC41MzMyNXptMzYuNzM5IDkuOTY3NmwzLjQ2ODQtMTAuNjYtMi40NjU3LTAuODAyMTUtMy40NTQ3IDEwLjY2YzAuODE1ODIgMC4yNjg5IDEuNjMxNiAwLjUyODY5IDIuNDUyIDAuODAyMTV6bTExLjk4NyA0LjE3MDNsMy44Mjg0LTEwLjUyOC0yLjQyNDctMC44ODQxOS0zLjgzMyAxMC41MzNjMC44MTEyNyAwLjI5MTY5IDEuNjI3MSAwLjU4MzM4IDIuNDI5MiAwLjg3OTYzem0tMjQuMTE1LTcuOTE2N2wzLjA5MDEtMTAuNzgzLTIuNDgzOS0wLjcxNTU1LTMuMDkwMSAxMC43NzljMC44Mjk1IDAuMjM3IDEuNjU5IDAuNDc4NTYgMi40ODM5IDAuNzIwMTF6bS0xMi4yNDYtMy4zMjcxbDIuNzExOC0xMC44ODgtMi41MDY3LTAuNjI0NC0yLjcxNjQgMTAuODg0YzAuODM0MDUgMC4yMDUxIDEuNjc3MiAwLjQxOTMxIDIuNTExMyAwLjYyODk2em00OC4xOTcgMTUuODM4bDQuMTk3Ni0xMC4zOTEtMi4zOTI4LTAuOTcwNzgtNC4yMDIyIDEwLjQwMWMwLjgwMjE1IDAuMzE5MDQgMS42MDQzIDAuNjMzNTIgMi4zOTczIDAuOTYxNjd6bTIxNS43MyAyNDkuOTlsMTAuODkzLTIuNzE2NC0wLjYxOTg0LTIuNTA2Ny0xMC44OTcgMi43MTY0YzAuMjE0MjEgMC44Mzg2MSAwLjQxOTMxIDEuNjcyNyAwLjYyNDQgMi41MDY3em0tNi44OTU4LTI0LjQyNWwxMC42NjUtMy40Njg0LTAuNzkzMDMtMi40NjExLTEwLjY3IDMuNDY4NGMwLjI2NDM0IDAuODE1ODIgMC41Mzc4IDEuNjQwOCAwLjc5NzU5IDIuNDYxMXptMy42NjQ0IDEyLjE1MWwxMC43ODgtMy4wOTQ3LTAuNzExLTIuNDgzOS0xMC43OTMgMy4wOTQ3YzAuMjQxNTYgMC44Mjk1IDAuNDgzMTEgMS42NDk5IDAuNzE1NTYgMi40ODM5em02LjAzODkgMjQuNjU3bDEwLjk4OS0yLjM0MjYtMC41MzMyNS0yLjUyMDQtMTEuMDAyIDIuMzI5YzAuMTgyMzEgMC44NDMxNyAwLjM2OTE3IDEuNjg2MyAwLjU0NjkyIDIuNTM0MXptNC4yNzk3IDI1LjAxN2wxMS4xNjYtMS41Njc4LTAuMzU1NS0yLjU2MTQtMTEuMTY2IDEuNTY3OGMwLjExODUgMC44NDc3MyAwLjIzNyAxLjcwNDYgMC4zNTU1IDIuNTYxNHptLTEuOTI3OS0xMi41NDdsMTEuMDkzLTEuOTUwNy0wLjQ0NjY1LTIuNTUyMy0xMS4wODkgMS45NTk4YzAuMTU0OTYgMC44Mzg2MSAwLjMwMDgxIDEuNjk1NSAwLjQ0MjA5IDIuNTQzMnptNC40NjY1IDM3Ljc5N2wxMS4yNzEtMC43ODg0OC0wLjE3Nzc1LTIuNTc5Ni0xMS4yNzYgMC43ODg0OGMwLjA1OTI0OSAwLjg1Njg0IDAuMTIzMDYgMS43MjI4IDAuMTgyMzEgMi41Nzk2em0tMS4wNTI4LTEyLjY0OGwxMS4yMjYtMS4xNzU5LTAuMjY0MzQtMi41NzA1LTExLjIyNiAxLjE3MTNjMC4wOTExNTQgMC44NTY4NCAwLjE3Nzc1IDEuNzEzNyAwLjI2NDM0IDIuNTc1MXptLTM0LjMxNS0xMjEuNTNsMTAuMDkxLTQuOTIyMy0xLjEzMDMtMi4zMjQ0LTEwLjEwNCA0LjkyNjhjMC4zODI4NCAwLjc3NDggMC43NjExMyAxLjU0NTEgMS4xNDQgMi4zMTk5em0tMzIuNTA1LTU0LjQxNGw5LjEzMzYtNi42NDA1LTEuNTE3Ny0yLjA5Mi05LjEzMzYgNi42NDA1YzAuNTA1OSAwLjY5Mjc3IDEuMDExOCAxLjM5NDYgMS41MTc3IDIuMDkyem0tNy42MDY4LTEwLjE1OWw4LjkwMTEtNi45NTA0LTEuNTg2MS0yLjA0NjQtOC45MDU3IDYuOTU5NmMwLjUzNzggMC42NzkwOSAxLjA2NjUgMS4zNTgyIDEuNTkwNiAyLjAzNzN6bS03Ljk1NzctOS44ODU2bDguNjU5Ni03LjI2NDktMS42NjM2LTEuOTc4LTguNjU5NiA3LjI1NThjMC41NjUxNSAwLjY2NTQyIDEuMTA3NSAxLjMyNjMgMS42NjM2IDEuOTg3MXptNTguMzE1IDk3LjY4NWwxMC40MDEtNC4yMDY3LTAuOTY2MjMtMi4zOTczLTEwLjQwMSA0LjIwMjJjMC4zMjgxNSAwLjc5NzU5IDAuNjQ3MTkgMS41OTk3IDAuOTY2MjMgMi40MDE5em0tMzUuNS02Ny4yMjZsOS4zNTIzLTYuMzAzMy0xLjQ0OTMtMi4xNDY3LTkuMzQ3OCA2LjMxMjRjMC40ODMxMSAwLjcwNjQ0IDAuOTYxNjcgMS40MTc0IDEuNDQ0OCAyLjEzNzV6bS0zMS4xMTEtNDAuMDU3bDguMzk5OC03LjU3NDktMS43MjI4LTEuOTE4OC04LjQwNDMgNy41NjU3YzAuNTc4ODIgMC42MzM1MiAxLjE1MzEgMS4yODA3IDEuNzI3NCAxLjkyNzl6bTYxLjY5MyA5NS41ODNsMTAuMjUtNC41NjY4LTEuMDQ4My0yLjM2NTQtMTAuMjU1IDQuNTcxM2MwLjM1NTUgMC43ODM5MiAwLjcwMTg4IDEuNTY3OCAxLjA1MjggMi4zNjA5em0tNzAuMzE2LTEwNC45bDguMTMwOS03Ljg1MjktMS43OTEyLTEuODY0MS04LjEzMDkgNy44NTI5YzAuNTkyNSAwLjYxOTg0IDEuMTg5NiAxLjIzOTcgMS43OTEyIDEuODY0MXptNDYuNjIgNjAuMDM0bDkuNTQ4My01Ljk2MTQtMS4zNjI3LTIuMjAxNC05LjU1NzQgNS45NzUxYzAuNDU1NzcgMC43MjkyMyAwLjkyMDY1IDEuNDUzOSAxLjM3MTkgMi4xODc3em0xMi42MzggMjIuMDE4bDkuOTE3NS01LjI3NzgtMS4yMTIzLTIuMjg4LTkuOTI2NiA1LjI4MjNjMC40MDU2MyAwLjc2NTY5IDAuODE1ODIgMS41MTc3IDEuMjIxNSAyLjI4MzR6bS02LjEzMDEtMTEuMTIxbDkuNzQ0My01LjYxOTYtMS4yOTQ0LTIuMjQyNC05Ljc0NDMgNS42Mjg3YzAuNDMyOTggMC43NDI5IDAuODcwNTIgMS40ODU4IDEuMjk0NCAyLjIzMzN6bTI2LjYxMiA1Ny41MzFsMTAuNTQyLTMuODM3Ni0wLjg4NDE5LTIuNDI5Mi0xMC41MzcgMy44Mzc2YzAuMjk2MjUgMC44MDY3MSAwLjU4Nzk0IDEuNjEzNCAwLjg3OTYzIDIuNDI5MnoiLz4KPC9nPgo8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDEuMTM0OSkiIGZpbGw9IiM3NzciPgo8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzNzQuNjcgMzc3Ljc3KSByb3RhdGUoOTApIHRyYW5zbGF0ZSgtMzc3LjUgLTM3NCkiPgo8cG9seWdvbiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1LjIwMTcgMzcyLjIyKSByb3RhdGUoLTkwKSB0cmFuc2xhdGUoLTUuMjAxNyAtMzcyLjIyKSIgcG9pbnRzPSIxMS41MzQgMzY3LjU4IDUuMjA1NSAzNzYuODUgLTEuMTMwNiAzNjcuNTgiLz4KPHBvbHlnb24gdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNzUwLjAzIDM3Mi4yMikgcm90YXRlKDkwKSB0cmFuc2xhdGUoLTc1MC4wMyAtMzcyLjIyKSIgcG9pbnRzPSI3NTYuMzcgMzY3LjU4IDc1MC4wNCAzNzYuODUgNzQzLjcgMzY3LjU4Ii8+Cjxwb2x5Z29uIHBvaW50cz0iMzgyLjQ1IDEuNzA1M2UtMTMgMzc2LjExIDkuMjY1IDM2OS43NyAxLjcwNTNlLTEzIi8+Cjxwb2x5Z29uIHRyYW5zZm9ybT0idHJhbnNsYXRlKDM3Ni4xMSA3NDIuNTkpIHJvdGF0ZSgxODApIHRyYW5zbGF0ZSgtMzc2LjExIC03NDIuNTkpIiBwb2ludHM9IjM4Mi40NSA3MzcuOTUgMzc2LjExIDc0Ny4yMiAzNjkuNzcgNzM3Ljk1Ii8+CjwvZz4KPC9nPgo8L2c+CjwvZz4KPC9nPgo8L3N2Zz4K');
  background-size: 96% 96%;
  background-position: center center;
  background-repeat: no-repeat;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.5);
  border-radius: 100%;
  padding: 17px;
}
.doughnut-component .doughnut__details {
  font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 13px;
  text-transform: uppercase;
  position: absolute;
  top: 50%;
  left: 50%;
  color: #fff;
  text-align: center;
  transform: translate(-50%, -50%);
}

/* # Donut Stats
================================================== */
.mycod-donut-stat .value-wrapper .value,
.mycod-donut-stat .value-wrapper .value-label {
  display: block;
}
.mycod-donut-stat .value-wrapper .value {
  font-size: 4em;
  line-height: 1em;
}
.mycod-donut-stat .value-wrapper .value-label {
  font-size: 1.25em;
  line-height: 1em;
  text-transform: uppercase;
  color: #000;
}
.mycod-donut-stat .chart-wrapper {
  position: relative;
}
.mycod-donut-stat .chart-wrapper .value-wrapper {
  text-align: center;
  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%);
}
.mycod-donut-stat .legend:after {
  visibility: hidden;
  display: block;
  content: '';
  clear: both;
  height: 0;
}
.mycod-donut-stat .legend .value-wrapper {
  border-bottom-width: 4px;
  border-style: solid;
  padding-bottom: 0.5em;
  width: 50%;
  float: left;
  text-align: center;
  font-size: 12px;
}
.mycod-donut-stat .legend .value-wrapper .value {
  font-size: 2.25em;
}

/* # K/D Chart
================================================== */
.mycod-kd {
  margin: 0 auto;
  margin-bottom: 40px;
  max-width: 600px;
}
.mycod-kd .legend .value-wrapper {
  border-color: #a1a1a1;
}
.mycod-kd canvas {
  pointer-events: none;
}
.chart-wrapper {
  background: url("../../../../../../../content/dam/atvi/callofduty/mycod/new-assets/progressCircleBG@3x.png");
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 999;
  background-position: center;
}

/* # Accuracy Chart
================================================== */
.mycod-accuracy {
  margin: 0 auto;
  margin-bottom: 40px;
  max-width: 600px;
}
.mycod-accuracy canvas {
  pointer-events: none;
}
.mycod-accuracy .legend .value-wrapper {
  border-color: #393939;
}

body.modal--show {
  overflow-y: hidden;
  overflow-x: hidden;
  padding-right: 15px;
}
body.modal--show.is-mobile {
  padding-right: 0;
}
body.modal--show .modal__bg {
  overflow-y: auto;
}
.modal-component-enter-active,
.modal-component-leave-active {
  transition: opacity .25s ease;
}
.modal-component-enter,
.modal-component-leave-to {
  opacity: 0;
}
.modal__bg {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.95);
  z-index: 9999;
  outline: 0;
  display: block;
  overflow-x: hidden;
  overflow-y: hidden;
}
.modal__container {
  position: relative;
  width: 100%;
  max-width: 550px;
  margin: 100px auto;
  background-color: #111;
}
@media (max-width: 767px) {
  .modal__container {
    max-width: 90%;
  }
}
.modal__close {
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: flex;
  justify-content: center;
  position: absolute;
  top: 0;
  right: 0;
  text-align: center;
  margin-top: -50px;
  margin-right: -50px;
  width: 50px;
  height: 50px;
  background-color: transparent;
  color: #fff;
  font-size: 30px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
@media (max-width: 767px) {
  .modal__close {
    margin-right: 0px;
  }
}
.modal__header {
  position: relative;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  display: flex;
  align-items: center;
  font-family: "Open Sans Condensed", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.42;
  font-weight: bold;
  font-style: normal;
  padding: 30px;
  text-transform: uppercase;
  font-size: 18px;
  background-color: #111;
  color: #fff;
  background-image: url('../../../../../../../content/dam/atvi/callofduty/mycod/friends/friends-feed-bg-texture-2x2.png');
}
.modal__content {
  color: #fff;
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
  padding: 30px;
}
.modal__content p {
  margin-bottom: 20px;
}

.friends-feed__item {
  height: 84px;
}
.reactions-component {
  position: absolute;
  width: calc(100% - 30px);
  height: 80px;
  bottom: 6px;
}
.reactions-component .ir {
  white-space: nowrap;
  overflow: hidden;
  text-indent: 100%;
}
.reactions-component ul {
  list-style: none;
  padding-inline-start: unset;
}
.reactions-component .reactions__listing {
  list-style: none;
  white-space: nowrap;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.reactions-component .reaction__item {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity: .5;
  font-size: 14px;
  padding-left: 5px;
  padding-right: 5px;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}
.reactions-component .reaction__item:hover,
.reactions-component .reaction__item.active {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
  opacity: 1;
}
.reactions-component .reaction__item > span {
  display: inline-block;
  vertical-align: top;
}
.reactions-component .reaction__emoji {
  text-align: center;
  width: 20px;
  height: 20px;
  background-image: url("../../../../../../../content/dam/atvi/callofduty/mycod/dashboard/reactions-sprite.png");
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.reactions-component .reaction__count {
  min-width: 20px;
  height: 20px;
  text-align: center;
}
.reactions-component .love .reaction__emoji {
  background-position: 186px -5px;
}
.reactions-component .thumbs_up .reaction__emoji {
  background-position: 154px -5px;
}
.reactions-component .cool .reaction__emoji {
  background-position: 122px -5px;
}
.reactions-component .shock .reaction__emoji {
  background-position: 90px -5px;
}
.reactions-component .congrats .reaction__emoji {
  background-position: 282px -5px;
}
.reactions-component .active.love .reaction__emoji {
  background-position: 186px 26px;
}
.reactions-component .active.thumbs_up .reaction__emoji {
  background-position: 154px 26px;
}
.reactions-component .active.cool .reaction__emoji {
  background-position: 122px 26px;
}
.reactions-component .active.shock .reaction__emoji {
  background-position: 90px 26px;
}
.reactions-component .active.congrats .reaction__emoji {
  background-position: 282px 26px;
}
.reactions-component .add-reaction {
  position: absolute;
  right: 0;
  bottom: 1px;
  width: 20px;
  height: 20px;
}
.reactions-component .add-reaction-icon {
  background-position: 218px -5px;
  background-image: url("../../../../../../../content/dam/atvi/callofduty/mycod/dashboard/reactions-sprite.png");
  width: 100%;
  height: 100%;
}
.reactions-component .add-reaction-link {
  display: block;
  position: absolute;
  top: -4px;
  right: -4px;
  bottom: -4px;
  left: -4px;
  color: transparent;
}
.reactions-component .reaction-selection-list {
  position: absolute;
  opacity: 1;
  top: 0;
  right: 0;
  width: 195px;
  height: 50px;
  padding: 0 14px;
  background-color: #252525;
  border-radius: 35px;
  z-index: 999;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  display: flex;
  align-items: center;
  -webkit-transform: translate(4px, 5%);
  -moz-transform: translate(4px, 5%);
  -ms-transform: translate(4px, 5%);
  -o-transform: translate(4px, 5%);
  transform: translate(4px, 5%);
}
.reactions-component .reactions__preview-list {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.reactions-component .reactions__preview-list > li:nth-child(n+2) {
  margin-left: 1px;
}
.reactions-component .reactions__preview-list > li:last-child {
  margin-left: 4px;
}
.reactions-component .reactions__preview-list .reaction__item {
  padding-left: 0;
  padding-right: 0;
}
.reactions-component .reactions__preview-list .total-reactions {
  font-size: .75rem;
  color: #777;
  line-height: 20px;
}
.reactions-component .reactions__preview-list .total-reactions span {
  position: relative;
  top: 2px;
}
.reactions-component .reactions-details-modal {
  opacity: 0;
  width: 54.25%;
  min-width: 300px;
  height: 0;
  top: 3px;
  position: absolute;
  z-index: 2;
  border-radius: 4px;
  background-color: transparent;
  -webkit-transition: background-color 0.3s ease-out;
  -moz-transition: background-color 0.3s ease-out;
  -ms-transition: background-color 0.3s ease-out;
  -o-transition: background-color 0.3s ease-out;
  transition: background-color 0.3s ease-out;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.reactions-component .reactions-details-modal.active {
  opacity: 1;
  padding: 6px 0;
  height: auto;
  max-height: 350px;
  min-height: 80px;
  background-color: #252525;
}
.reactions-component .reactions-details-modal.active .reactions__listing {
  height: auto;
  overflow-y: auto;
}
.reactions-component .reactions-details-modal.active .users-window {
  height: auto;
  padding-top: 4px;
}
.reactions-component .reactions-details-modal.active .users-list {
  height: auto;
  max-height: 310px;
  padding-bottom: 30px;
  display: block;
}
.reactions-component .reactions-details-modal .reactions__listing {
  height: 0;
  overflow-x: hidden;
  -ms-flex-pack: distribute;
  display: -webkit-box;
  display: flex;
  justify-content: space-around;
}
.reactions-component .reactions-details-modal .reaction__item {
  position: relative;
  width: 60px;
  padding: 0 0 6px;
  text-align: center;
  border-bottom: 2px solid transparent;
  -webkit-transition: border 0.3s ease-out;
  -moz-transition: border 0.3s ease-out;
  -ms-transition: border 0.3s ease-out;
  -o-transition: border 0.3s ease-out;
  transition: border 0.3s ease-out;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.reactions-component .reactions-details-modal .reaction__item .reaction__count {
  position: absolute;
  right: 3px;
  bottom: 2px;
  font-size: .75rem;
  color: #777;
}
.reactions-component .reactions-details-modal .reaction__item.active {
  border-bottom: 2px solid #2fc2fa;
}
.reactions-component .reactions-details-modal .reaction__item.active .reaction__count {
  color: #2fc2fa;
}
.reactions-component .reactions-details-modal .users-window {
  height: 0;
}
.reactions-component .reactions-details-modal .users-list {
  height: 0;
  display: none;
}
.reactions-component .reactions-details-modal .users-list-item {
  height: 34px;
  line-height: 34px;
  padding-left: 18px;
  font-size: .75rem;
}
.reactions-component .reactions-details-modal .users-list-item > span {
  display: inline-block;
  vertical-align: top;
}
.reactions-component .reactions-details-modal .users-list-item > span:nth-child(n+2) {
  margin-left: 11px;
}
.reactions-component .reactions-details-modal .users-list-item .avatar {
  width: 34px;
  height: 34px;
}
.reactions-component .reactions-details-modal .users-list-item .avatar-el {
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
.reactions-component .reactions__tallies {
  position: absolute;
  bottom: 0;
  cursor: pointer;
}
.reactions-component.modal-mode .modal-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 2;
}
.reactions-component .modal-background {
  width: 0;
  height: 0;
  position: absolute;
}
@media screen and (max-width: 767px) {
  .reactions-component .reactions__listing {
    opacity: 1;
    -webkit-transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    -ms-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .reactions-component .reaction__emoji {
    width: 20px;
    height: 20px;
  }
}
@media screen and (min-width: 768px) {
  .reactions-component .modal-background {
    background-color: transparent;
  }
}
@media screen and (min-width: 1024px) {
  .reactions-component {
    -webkit-transform: none;
    -moz-transform: none;
    transform: none;
  }
  .reactions-component .reactions-details-modal {
    min-width: 430px;
  }
  .reactions-component .reactions-details-modal .reactions__listing {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    display: -webkit-box;
    display: flex;
    justify-content: flex-start;
  }
  .reactions-component .reactions-details-modal .reaction__item {
    width: 74px;
  }
}

.touts {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-lines: multiple;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}
.touts .tout__child:nth-of-type(odd) {
  margin-right: 8px;
}
@media (max-width: 1023px) {
  .touts {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .touts .tout__child:nth-of-type(odd) {
    margin-right: 0;
  }
}
.tout {
  width: calc(50% - 4px);
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat;
  margin-bottom: 8px;
}
@media (max-width: 1023px) {
  .tout {
    width: 100%;
  }
}
.tout__heading {
  font-family: "Open Sans Condensed", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.42;
  font-style: normal;
  position: relative;
  color: #fff;
  display: block;
  width: 100%;
  padding-left: 15px;
  margin: 30px 0 0 30px;
  font-weight: bold;
  text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
  .tout__heading {
    margin-left: 15px;
  }
}
.tout__heading:before {
  content: "";
  display: block;
  border-left: 3px solid #1e9ffd;
  height: 100%;
  position: absolute;
  left: 0;
  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%);
}
.tout__card {
  position: relative;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  display: -webkit-box;
  display: flex;
  justify-content: flex-end;
  font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-style: normal;
  padding: 50px 25px;
  color: #fff;
  min-height: 404px;
}
.tout__card:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.7) 100%);
}
@media (max-width: 567px) {
  .tout__card {
    padding: 50px 30px;
  }
}
.tout__content {
  position: relative;
  z-index: 1;
  padding: 10px 20px;
  background-color: rgba(0, 0, 0, 0.5);
}
.tout__eyebrow {
  font-size: 14px;
  text-transform: uppercase;
  margin-bottom: 15px;
  text-shadow: #000 1px 1px 1px;
}
@media (max-width: 567px) {
  .tout__eyebrow {
    font-size: 16px;
  }
}
.tout__headline {
  font-family: "Open Sans Condensed", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.42;
  font-style: normal;
  font-size: 42px;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 15px;
  text-shadow: #000 1px 1px 1px;
  line-height: 42px;
}
@media (max-width: 567px) {
  .tout__headline {
    font-size: 28px;
  }
}
.tout__subheadline {
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 25px;
  text-shadow: #000 1px 1px 1px;
}
.tout__ctrls {
  display: flex;
}
@media (max-width: 1023px) {
  .tout__ctrls {
    justify-content: flex-start;
  }
}
.tout__link {
  font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-style: normal;
  position: relative;
  display: block;
  color: #1e9ffd;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-size: 12px;
  padding-right: 15px;
  text-align: right;
  cursor: pointer;
}
.tout__link::before {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #1e9ffd;
  -webkit-transform-origin: center;
  -moz-transform-origin: center;
  -ms-transform-origin: center;
  -o-transform-origin: center;
  transform-origin: center;
  transform: translateY(-50%) rotate(-90deg);
}
.tout-gifts .tout__eyebrow {
  color: #c5b359;
  margin-left: 15px;
}
.tout-gifts .tout__eyebrow:before {
  content: "";
  width: 15px;
  height: 15px;
  background-image: url('data:image/png;base64,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');
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  margin: 0 5px 0 -15px;
  position: relative;
  top: 1px;
}

.tout-slider {
  position: relative;
  width: calc(50% - 4px);
}
@media (max-width: 1023px) {
  .tout-slider {
    width: 100%;
  }
}
.tout-slider .tout__heading {
  position: absolute;
  z-index: 1;
}
.tout-slider__wrapper {
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
}
.tout-slider__container {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 100%;
}
.tout-slider__container .tout {
  width: 100%;
  padding-right: 0;
}
.tout-slider__container .tout__card {
  margin-bottom: 0;
  min-height: 450px;
  padding: 0;
}
.tout-slider__container .tout__card:after {
  background: none;
}
.tout-slider__container .tout__card .tout__content {
  padding: 50px;
  background-color: rgba(0, 0, 0, 0.6);
  margin: 0 10px;
}
.tout-slider__controls {
  position: absolute;
  bottom: 25px;
  left: 50%;
  transform: translateX(-50%);
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  display: flex;
  align-items: center;
  z-index: 1;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.tout-slider__nav {
  list-style: none;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  display: flex;
  align-items: center;
}
.tout-slider__index {
  width: 10px;
  height: 10px;
  border-radius: 10px;
  transition: background-color 0.2s linear;
  background-color: #333;
  margin: 0 5px;
  text-indent: 100%;
  overflow: hidden;
  cursor: pointer;
}
.tout-slider__index.active {
  background-color: #1e9ffd;
}
.tout-slider__prev,
.tout-slider__next {
  width: 14px;
  height: 14px;
  opacity: .6;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  text-indent: 100%;
  overflow: hidden;
  cursor: pointer;
  background-image: url(../../../../../../../content/dam/atvi/callofduty/mycod/dashboard/touts/ctrls-arrow.svg);
  transition: opacity .2s linear;
}
.tout-slider__prev:hover,
.tout-slider__next:hover {
  opacity: 1;
}
.tout-slider__prev {
  transform: rotate(-180deg);
  margin-right: 10px;
}
.tout-slider__next {
  margin-left: 10px;
}

.selector-component {
  position: relative;
  cursor: pointer;
  font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #969696;
  user-select: none;
  background-color: transparent;
  border: 1px solid #222;
  border-radius: 2px;
  min-width: 100px;
}
.selector-component .selector__title {
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  display: flex;
  align-items: center;
  font-size: 12px;
  padding-right: 30px;
}
.selector-component .selector__txt {
  padding: 7px 10px;
  color: #fff;
  font-size: 12px;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.selector-component .selector__arrow {
  position: absolute;
  width: 10px;
  height: 10px;
  margin-right: 10px;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.selector-component .selector__arrow:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0;
  height: 0;
  border-left: 0.4em solid transparent;
  border-right: 0.4em solid transparent;
  border-top: 0.4em solid #1e9ffd;
}
.selector-component .selector__list {
  position: absolute;
  z-index: 999;
  display: block;
  top: 100%;
  left: 0;
  background-color: #000;
  min-width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 300px;
}
.selector-component .selector__list::-webkit-scrollbar {
  width: 6px;
}
.selector-component .selector__list::-webkit-scrollbar-track {
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #202020;
  background-color: #202020;
}
.selector-component .selector__list::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: #444444;
}
.selector-component .selector__list::-webkit-scrollbar-thumb:window-inactive {
  background: #444444;
}
.selector-component .selector__item {
  padding: 15px 10px;
  white-space: nowrap;
  font-size: 12px;
}
.selector-component .selector__item:hover {
  color: #fff;
  background-color: transparent;
}
.selector-component .selector__item.selected {
  color: #fff;
  background-color: #222;
}
.selector-component.hidden .selector__list {
  display: none;
}

.account-select-wrap,
.game-select-wrap {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 25px 0;
}
.account-select-wrap .mode-select,
.game-select-wrap .mode-select {
  margin-left: 20px;
}
.platform-select .selector__list .selector__item {
  position: relative;
  padding: 15px 5px 10px 33px;
}
.platform-select .selector__list .selector__item:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  top: 6px;
  left: 5px;
}
.platform-select .selector__list .selector__item[value='psn']:before {
  background-image: url('../../../../../../../content/dam/atvi/callofduty/mycod/common/platform-icons/psn.png');
}
.platform-select .selector__list .selector__item[value='xbl']:before {
  background-image: url('../../../../../../../content/dam/atvi/callofduty/mycod/common/platform-icons/xbl.png');
}
.platform-select .selector__list .selector__item[value='battle']:before {
  background-image: url('../../../../../../../content/dam/atvi/callofduty/mycod/common/platform-icons/battlenet.png');
}
.platform-select .selector__list .selector__item[value='steam']:before {
  background-image: url('../../../../../../../content/dam/atvi/callofduty/mycod/common/platform-icons/steam.png');
}
.platform-select .selector__title .selector__txt {
  position: relative;
  padding: 10px 5px 10px 33px;
}
.platform-select .selector__title .selector__txt:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  top: 6px;
  left: 5px;
}
.platform-select.psn .selector__title .selector__txt:before {
  background-image: url('../../../../../../../content/dam/atvi/callofduty/mycod/common/platform-icons/psn.png');
}
.platform-select.xbl .selector__title .selector__txt:before {
  background-image: url('../../../../../../../content/dam/atvi/callofduty/mycod/common/platform-icons/xbl.png');
}
.platform-select.battle .selector__title .selector__txt:before {
  background-image: url('../../../../../../../content/dam/atvi/callofduty/mycod/common/platform-icons/battlenet.png');
}
.platform-select.steam .selector__title .selector__txt:before {
  background-image: url('../../../../../../../content/dam/atvi/callofduty/mycod/common/platform-icons/steam.png');
}

.mycod-recent-chart {
  overflow: hidden;
}
.mycod-recent-chart .chart-headline {
  display: inline-block;
  position: relative;
  padding: 0.5em 5px 0.2em 10px;
  background-color: #000;
  color: #fff;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-weight: 100;
  font-size: 13px;
  margin-right: 1.5em;
}
.mycod-recent-chart .chart-headline .headline,
.mycod-recent-chart .chart-headline .subheadline {
  display: inline-block;
}
.mycod-recent-chart .chart-headline .subheadline:before {
  content: '/';
  margin: 0 0.5em 0 0.25em;
}
.mycod-recent-chart .chart-headline:after {
  content: '';
  position: absolute;
  top: 0;
  left: 100%;
  border-style: solid;
  border-width: 1.5em;
  border-color: transparent;
  border-left-color: #000;
  border-bottom-color: #000;
  width: 0;
  height: 0;
}
.mycod-recent-chart .chart-wrapper {
  position: relative;
  margin: 0 auto;
  background: #212121;
  border: 10px solid #000;
}
.mycod-recent-chart .chart-wrapper:before {
  display: block;
  content: '';
  width: 100%;
  height: 0;
  padding-top: 41.66666667%;
}
.mycod-recent-chart .chart-wrapper > div {
  position: absolute;
  top: 10px;
  right: 10px;
  bottom: 10px;
  left: 10px;
}

.favorite-component .favorite__symbol {
  cursor: pointer;
  color: #777;
  font-size: 24px;
}
.favorite-component .favorite__symbol.active {
  color: #1e9ffd;
}
.favorite-component .favorite__symbol.disable {
  cursor: default;
}

.friends-list-component .friends-list__item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  display: flex;
  align-items: center;
  position: relative;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #222;
  cursor: pointer;
}
.friends-list-component .friends-list__item.disable {
  cursor: default;
}
.friends-list-component .friends-list__item.purchased {
  opacity: 0.5;
  cursor: default;
}
.friends-list-component .friends-list__purchased {
  position: absolute;
  top: 50%;
  right: 35px;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.friends-list-component .friends-list__avatar {
  margin-right: 10px;
}
.friends-list-component .friends-list__content {
  position: relative;
  font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
  line-height: 22px;
  color: #777;
  flex: 1;
}
.friends-list-component .friends-list__authlink {
  font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-style: normal;
  text-align: center;
  padding: 13px;
  text-transform: capitalize;
  color: #1e9ffd;
  transition: background-color 0.3s ease;
  background-color: #191919;
  border-radius: 2px;
  font-size: 13px;
  cursor: pointer;
  margin-bottom: 20px;
  width: 100%;
  display: block;
}
.friends-list-component .friends-list__authlink:hover {
  background-color: #222;
}
.friends-list-component .friends-list__name {
  color: #fff;
}
.friends-list-component .friends-list__details {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  display: flex;
  align-items: center;
  font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 11px;
}
.friends-list-component .friends-list__details li {
  min-height: 15px;
  margin-left: 10px;
}
.friends-list-component .friends-list__details li:first-child {
  margin-left: 0;
}
.friends-list-component .friends-list__game {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.friends-list-component .friends-list__game.bo4 {
  background-image: url('../../../../../../../content/dam/atvi/callofduty/mycod/common/title-icons/bo4Logo.png');
  width: 13px;
  height: 14px;
}
.friends-list-component .friends-list__game.wwii {
  background-image: url('../../../../../../../content/dam/atvi/callofduty/mycod/common/title-icons/ww2Logo.png');
  width: 36px;
  height: 9px;
}
.friends-list-component .friends-list__platform span {
  padding: 2px 4px;
  border-radius: 2px;
  background-color: #191919;
  text-transform: uppercase;
}
.friends-list-component .friends-list__favorite {
  position: absolute;
  display: block;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.friends-list-component {
  position: relative;
}
.friends-list-component .friends-error {
  color: #f00;
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 10px;
}
.friends-list-component .friends-error a {
  color: #f00;
  text-decoration: underline;
}
.friends-list-component .friends-title {
  background-color: #252525;
  padding: 15px 40px;
  text-transform: uppercase;
  margin-bottom: 15px;
  position: relative;
  font-family: "Open Sans Condensed", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.42;
  font-weight: bold;
  font-style: normal;
}
@media screen and (min-width: 768px) {
  .friends-list-component .friends-title {
    cursor: pointer;
  }
}
.friends-list-component .friends-title:before {
  content: "";
  position: absolute;
  left: 10px;
  top: 15px;
  border-bottom: 2px solid #1e9ffd;
  border-left: 2px solid #1e9ffd;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: transform 0.3s ease-out;
  -moz-transition: transform 0.3s ease-out;
  -ms-transition: transform 0.3s ease-out;
  -o-transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  width: 10px;
  height: 10px;
}
.friends-list-component .friends-title.hidden {
  margin-bottom: 1px;
}
.friends-list-component .friends-title.hidden:before {
  top: 21px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.friends-list-component .friends-list__item {
  position: relative;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #222;
  cursor: pointer;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  display: flex;
  align-items: center;
}
.friends-list-component .friends-list__item.disable {
  cursor: default;
}
.friends-list-component .friends-invites-list .friends-list__item {
  cursor: default;
}
.friends-list-component .friends-list__buttons .friends-list-button {
  width: 32px;
  height: 32px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  display: inline-block;
  cursor: pointer;
}
.friends-list-component .friends-list__buttons .friends-list-button.accept-button {
  background-image: url('../../../../../../../content/dam/atvi/callofduty/mycod/common/checkCircleOutline.png');
}
.friends-list-component .friends-list__buttons .friends-list-button.reject-button {
  background-image: url('../../../../../../../content/dam/atvi/callofduty/mycod/common/closeCircleOutline.png');
}
.friends-list-component .friends-list__avatar {
  margin-right: 10px;
}
.friends-list-component .friends-list__content {
  position: relative;
  color: #777;
  flex: 1;
  font-size: 14px;
  line-height: 22px;
  font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-style: normal;
}
.friends-list-component .friends-list__authlink {
  text-align: center;
  padding: 13px;
  text-transform: capitalize;
  color: #1e9ffd;
  transition: background-color 0.3s ease;
  background-color: #191919;
  border-radius: 2px;
  font-size: 13px;
  cursor: pointer;
  margin-bottom: 20px;
  width: 100%;
  display: block;
  font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-style: normal;
}
.friends-list-component .friends-list__authlink:hover {
  background-color: #222;
}
.friends-list-component .friends-list__name {
  color: #fff;
  position: relative;
}
.friends-list-component .friends-list__name.psn,
.friends-list-component .friends-list__name.xbl {
  padding-left: 25px;
}
.friends-list-component .friends-list__name.psn:before,
.friends-list-component .friends-list__name.xbl:before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0;
  background-image: url('../../../../../../../content/dam/atvi/callofduty/mycod/common/platform-icons/firstPartyIcons-small.png');
  background-repeat: no-repeat;
}
.friends-list-component .friends-list__name.psn:before {
  background-position: -20px 0;
}
.friends-list-component .friends-list__name.xbl:before {
  background-position: -40px 0;
}
.friends-list-component .friends-list__subname {
  position: relative;
}
.friends-list-component .friends-list__subname.psn,
.friends-list-component .friends-list__subname.xbl {
  padding-left: 25px;
}
.friends-list-component .friends-list__subname.psn:before,
.friends-list-component .friends-list__subname.xbl:before {
  content: "";
  position: absolute;
  left: 0;
  background-image: url('../../../../../../../content/dam/atvi/callofduty/mycod/common/platform-icons/firstPartyIcons-small.png');
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
}
.friends-list-component .friends-list__subname.psn:before {
  background-position: -20px -20px;
}
.friends-list-component .friends-list__subname.xbl:before {
  background-position: -40px -20px;
}
.friends-list-component .friends-list-popup {
  position: fixed;
  left: 10%;
  top: 240px;
  z-index: 101;
  background-color: #252525;
  width: 315px;
  padding: 20px;
}
@media screen and (max-width: 1024px) {
  .friends-list-component .friends-list-popup {
    left: 50%;
    top: 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%);
  }
}
.friends-list-component .friends-list-popup .friends-list__button {
  width: 100%;
  text-align: center;
  background-color: #454545;
  font-size: 14px;
  text-transform: uppercase;
}
.friends-list-component .friends-list-popup .friends-list__button a {
  color: #fff;
  display: block;
  padding: 15px;
}
.friends-list-component .friends-list-popup .friends-list__button.sent-invite {
  padding: 15px;
  opacity: 0.6;
  margin-bottom: 15px;
}
.friends-list-component .friends-list-popup .friends-list__button.send-invite {
  padding: 15px;
  background-color: #1e9ffd;
  margin-bottom: 15px;
  cursor: pointer;
}
.friends-list-component .friends-list-popup .friends-list__button.full-button {
  padding: 15px;
  margin-top: 15px;
  cursor: pointer;
}
.friends-list-component .friends-list-popup .friends-list__button.full-button.blocking {
  margin-top: 0;
}
.friends-list-component .friends-list-popup .friends-list__textlink {
  margin: 15px auto 0;
  font-size: 12px;
  color: #454545;
  text-transform: uppercase;
  width: 100px;
  text-align: center;
  cursor: pointer;
}
.friends-list-component .friends-list-popup .friends-list__textlink:hover {
  text-decoration: underline;
}
.friends-list-component .friend-modal-bg {
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 100;
  width: 100%;
  height: 100%;
}
.friends-list-component .close-friend-modal {
  position: absolute;
  top: -20px;
  right: 0;
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.friends-list-component .friends-list__details {
  font-size: 11px;
  font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-style: normal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  display: flex;
  align-items: center;
}
.friends-list-component .friends-list__details li {
  min-height: 15px;
  margin-left: 10px;
}
.friends-list-component .friends-list__details li:first-child {
  margin-left: 0;
}
.friends-list-component .friends-list__game {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.friends-list-component .friends-list__game.bo4 {
  background-image: url('../../../../../../../content/dam/atvi/callofduty/mycod/common/title-icons/bo4Logo.png');
  width: 13px;
  height: 14px;
}
.friends-list-component .friends-list__game.wwii {
  background-image: url('../../../../../../../content/dam/atvi/callofduty/mycod/common/title-icons/ww2Logo.png');
  width: 36px;
  height: 9px;
}
.friends-list-component .friends-list__platform span {
  padding: 2px 4px;
  border-radius: 2px;
  background-color: #191919;
  text-transform: uppercase;
}
.friends-list-component .friends-list__favorite {
  position: absolute;
  display: block;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.friends-list-component .friends-list__favorite.show-options {
  right: 28px;
}
.friends-list-component .friends-list__options {
  position: absolute;
  display: block;
  right: 2px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 22px;
  font-weight: bold;
  padding: 0 5px;
  cursor: pointer;
}
.friends-list-component .friends-list__options:hover {
  color: #fff;
}

.friends-feed-component .friends-feed__item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  display: flex;
  align-items: flex-start;
  position: relative;
  margin-bottom: 10px;
  background-color: #252525;
  height: auto;
  min-height: 84px;
  padding: 15px;
}
.friends-feed-component .friends-feed__item .friends-feed__bg {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  opacity: 0.20;
  height: 100%;
}
.friends-feed-component .friends-feed__item .friends-feed__achievement {
  position: absolute;
  top: 41px;
  left: 41px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 22px;
  height: 22px;
}
.friends-feed-component .friends-feed__avatar {
  margin-right: 10px;
}
.friends-feed-component .friends-feed__content {
  position: relative;
  font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
  line-height: 22px;
  color: #777;
  flex: 1;
  margin-bottom: 18px;
}
.friends-feed-component .favorite-item {
  position: absolute;
  bottom: -32px;
  right: 30px;
  width: 30px;
  height: 30px;
  background-image: url('../../../../../../../content/dam/atvi/callofduty/mycod/dashboard/reactions-sprite.png');
  background-repeat: no-repeat;
  background-position: -192px 0;
  cursor: pointer;
  z-index: 1;
}
.friends-feed-component .favorite-item.favorited {
  background-position: -192px -33px;
}
.friends-feed-component .friends-feed__authlink {
  font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-style: normal;
  text-align: center;
  padding: 13px;
  text-transform: capitalize;
  color: #1e9ffd;
  transition: background-color 0.3s ease;
  background-color: #191919;
  border-radius: 2px;
  font-size: 13px;
  cursor: pointer;
  margin-bottom: 20px;
  width: 100%;
  display: block;
}
.friends-feed-component .friends-feed__authlink:hover {
  background-color: #222;
}
.friends-feed-component .friend-feed__event {
  color: #777;
  padding-right: 30px;
}
.friends-feed-component .friend-feed__event span {
  color: #fff;
}
.friends-feed-component .friends-feed__details {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  display: flex;
  align-items: center;
  font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 11px;
}
.friends-feed-component .friends-feed__details li {
  min-height: 15px;
  margin-left: 10px;
}
.friends-feed-component .friends-feed__details li:first-child {
  margin-left: 0;
}
.friends-feed-component .friends-feed__details li:last-child {
  margin-right: 20px;
}
.friends-feed-component .friends-feed__game {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.friends-feed-component .friends-feed__game.mw {
  background-image: url('../../../../../../../content/dam/atvi/callofduty/mycod/common/title-icons/mw-logo.png');
  width: 36px;
  height: 9px;
}
.friends-feed-component .friends-feed__game.bo4 {
  background-image: url('../../../../../../../content/dam/atvi/callofduty/mycod/common/title-icons/bo4Logo.png');
  width: 13px;
  height: 14px;
}
.friends-feed-component .friends-feed__game.wwii {
  background-image: url('../../../../../../../content/dam/atvi/callofduty/mycod/common/title-icons/ww2Logo.png');
  width: 36px;
  height: 9px;
}
.friends-feed-component .friends-feed__platform span {
  padding: 2px 4px;
  border-radius: 2px;
  background-color: #191919;
  text-transform: uppercase;
}

.gifting-component .select-friend-container,
.gifting-component .confirm-gift-container {
  padding: 15px;
}
.gifting-component .select-friend-title {
  font-size: 22px;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-family: "Open Sans Condensed", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.42;
  font-weight: bold;
  font-style: normal;
}
.gifting-component .select-friend-description {
  text-align: center;
  font-size: 14px;
  line-height: 20px;
}
.gifting-component .gifting-error {
  color: #ff0000;
  margin: 10px 0;
  text-align: center;
}
.gifting-component .select-friend-image {
  height: 200px;
  background-size: cover;
  background-position: center center;
  margin-bottom: 15px;
}
.gifting-component .cost-confirm {
  width: 80%;
  margin: 0 auto;
}
.gifting-component .cost-confirm li {
  color: #fff;
  font-size: 18px;
  margin: 15px 0;
}
.gifting-component .cost-confirm li:after {
  visibility: hidden;
  display: block;
  content: '';
  clear: both;
  height: 0;
}
.gifting-component .cost-confirm li span {
  display: inline-block;
  color: #f5a623;
  font-family: "Electrolize", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.42;
  font-style: normal;
  font-size: 28px;
  position: relative;
  top: 1px;
  padding-left: 30px;
  float: right;
}
.gifting-component .cost-confirm li span:after {
  content: "";
  position: absolute;
  width: 26px;
  height: 26px;
  left: 0;
  top: 0;
  background-image: url('../../../../../../../content/dam/atvi/callofduty/mycod/lootstream/currency-icon.png');
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
.gifting-component .cost-confirm li.insufficient {
  text-align: center;
  color: #ff0000;
}
.gifting-component .send-gift-button {
  width: 80%;
  margin: 0 auto;
  text-align: center;
  background-color: #1e9ffd;
  padding: 10px 0;
  border-radius: 3px;
  text-transform: uppercase;
  font-size: 14px;
  font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-style: normal;
  cursor: pointer;
}
.gifting-component .gift-success-container {
  padding: 30px 15px;
}
.gifting-component .gift-success-container .friend-success-message {
  margin: 20px auto;
  max-width: 350px;
  padding: 15px;
  background-color: #454545;
  line-height: 22px;
}
.gifting-component .gift-success-container .copy-button {
  margin-bottom: 20px;
}
.gifting-component .gift-success-container .close-button {
  margin-bottom: 20px;
  background-color: #454545;
}

.friends-feed-component {
  /* --========  ACHEIVEMENTS ========-- */
}
.friends-feed-component.achievements-only .friends-feed__bg:before {
  content: "";
  display: block;
  position: absolute;
  top: 14px;
  left: 0;
  width: 36px;
  height: 47px;
  background-image: linear-gradient(to right, #000000, rgba(242, 198, 110, 0.8) 70%);
  opacity: 0.8;
}
.friends-feed-component.achievements-only .friends-feed__achievement {
  top: 7px;
  left: 8px;
  width: 58px;
  height: 58px;
}
.friends-feed-component.achievements-only .favorite-item {
  right: -10px;
}

.search-component .search-listing {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
.search-component .search-listing__item {
  position: relative;
  width: 100%;
}
.search-component .search-listing__item:first-child {
  margin-right: 8px;
  max-width: calc(25% - 8px);
}
.search-component .search-listing__item:last-child {
  max-width: 75%;
}
@media (max-width: 568px) {
  .search-component .search-listing__item:first-child {
    max-width: calc(50% - 8px);
  }
  .search-component .search-listing__item:last-child {
    max-width: 50%;
  }
}
.search-component .search-listing__select {
  width: 100%;
}
.search-component .search-listing__input {
  font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-style: normal;
  position: relative;
  cursor: text;
  padding: 5px 30px 6px 10px;
  font-size: 12px;
  letter-spacing: 1px;
  color: #fff;
  background-color: transparent;
  border: 1px solid #222;
  border-radius: 2px;
  width: 100%;
  outline: 0;
}
.search-component .search-listing__input::placeholder {
  user-select: none;
  text-transform: uppercase;
  color: #777;
}
.search-component .search-listing__input.error {
  border-color: #FF0000;
}
.search-component .search-listing__loader {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  user-select: none;
}
.search-component .search-listing__reset {
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: flex;
  justify-content: center;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  color: #1e9ffd;
  text-align: center;
  cursor: pointer;
  user-select: none;
  height: 100%;
  width: 30px;
}
.search-component .search-results__header {
  font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #777;
  margin-top: 20px;
  margin-bottom: 20px;
}
.search-component .search-results-listing__item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  display: flex;
  align-items: center;
  position: relative;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #222;
  cursor: pointer;
}
.search-component .search-results-listing__item.disable {
  cursor: default;
}
.search-component .search-results-listing__avatar {
  margin-right: 10px;
}
.search-component .search-results-listing__content {
  font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
  line-height: 22px;
  color: #777;
}
.search-component .search-results-listing__name {
  font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #fff;
}
.search-component .search-results-listing__details {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  display: flex;
  align-items: center;
  font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 11px;
}
.search-component .search-results-listing__details li {
  min-height: 15px;
  margin-left: 10px;
}
.search-component .search-results-listing__details li:first-child {
  margin-left: 0;
}
.search-component .search-results-listing__platform span {
  padding: 2px 4px;
  border-radius: 2px;
  background-color: #191919;
}

.slideshow-component {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  position: relative;
  width: 100%;
  color: #fff;
}
.slideshow__wrapper {
  flex-grow: 1;
  flex-basis: 0;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
  margin-bottom: 20px;
}
.slideshow__container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-lines: single;
  display: -webkit-flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  display: flex;
  align-items: flex-start;
  flex-grow: 1;
  flex-basis: 0;
  position: relative;
  width: 100%;
  height: 100%;
}
.slideshow__container > div {
  flex-grow: 1;
  flex-basis: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  width: 100%;
  min-height: 100px;
  overflow: hidden;
}
.slideshow__controls {
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  display: flex;
  align-items: center;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.slideshow__nav {
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  display: flex;
  align-items: center;
  list-style: none;
}
.slideshow__index {
  width: 10px;
  height: 10px;
  border-radius: 10px;
  transition: background-color 0.2s linear;
  background-color: #333;
  margin: 0 7px;
  text-indent: 100%;
  overflow: hidden;
  cursor: pointer;
}
.slideshow__index.active {
  background-color: #1e9ffd;
}
.slideshow__prev,
.slideshow__next {
  width: 14px;
  height: 14px;
  opacity: .6;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  text-indent: 100%;
  overflow: hidden;
  cursor: pointer;
  background-image: url(../../../../../../../content/dam/atvi/callofduty/mycod/dashboard/touts/ctrls-arrow.svg);
  transition: opacity .2s linear;
  padding: 8px;
}
.slideshow__prev:hover,
.slideshow__next:hover {
  opacity: 1;
}
.slideshow__prev {
  transform: rotate(-180deg);
  margin-right: 10px;
}
.slideshow__next {
  margin-left: 10px;
}

.stat-summary-component .stat-summary__wrapper {
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: flex;
  justify-content: center;
  margin-top: 50px;
}
@media (max-width: 767px) {
  .stat-summary-component .stat-summary__wrapper {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.stat-summary-component .stat-summary__link {
  position: relative;
  font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-style: normal;
  display: block;
  color: #1e9ffd;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-size: 12px;
  padding-right: 15px;
  text-align: right;
  cursor: pointer;
}
.stat-summary-component .stat-summary__link::after {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #1e9ffd;
  -webkit-transform-origin: center;
  -moz-transform-origin: center;
  -ms-transform-origin: center;
  -o-transform-origin: center;
  transform-origin: center;
  transform: translateY(-50%) rotate(-90deg);
}
.stat-summary-component .stat-summary-chart {
  z-index: 5;
}
.stat-summary-component .stat-summary-chart .doughnut-component .doughnut__wrapper {
  background-color: rgba(0, 0, 0, 0.7);
}
@media (max-width: 1024px) {
  .stat-summary-component .stat-summary-chart {
    order: 1;
    margin: 30px 0 0;
  }
}
.stat-summary-component .stat-summary-chart__stat {
  font-family: "Electrolize", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.42;
  font-style: normal;
  text-transform: uppercase;
  font-size: 65px;
}
.stat-summary-component .stat-summary-chart__stat.bo4.wz {
  color: #ff6600;
}
.stat-summary-component .stat-summary-chart__stat.bo4.mp {
  color: #ff6600;
}
.stat-summary-component .stat-summary-chart__stat.bo4.zm {
  color: #ff0000;
}
.stat-summary-component .stat-summary-chart__stat.wwii.mp {
  color: #9f912a;
}
.stat-summary-component .stat-summary-chart__stat.mw.mp {
  color: #57ced4;
}
.stat-summary-component .stat-summary-listing {
  display: -moz-box;
  display: -ms-flexbox;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-lines: multiple;
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  display: flex;
  align-items: flex-end;
  font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #fff;
  font-size: 13px;
  font-weight: 400;
  margin-top: 0;
  width: 100%;
  max-width: 350px;
  z-index: 5;
}
.stat-summary-component .stat-summary__left {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  position: relative;
  top: 25px;
}
@media (max-width: 1024px) {
  .stat-summary-component .stat-summary__left {
    order: 2;
  }
}
.stat-summary-component .stat-summary__right {
  padding: 0 0 0 30px;
  position: relative;
  top: 25px;
}
@media (max-width: 767px) {
  .stat-summary-component .stat-summary__right {
    padding: 30px 0 0 0;
  }
}
@media (max-width: 1024px) {
  .stat-summary-component .stat-summary__right {
    display: none;
  }
}
.stat-summary-component .stat-summary-listing__item {
  width: 100%;
  overflow: hidden;
  max-width: calc(50% - 4px);
  margin-bottom: 20px;
}
.stat-summary-component .stat-summary-listing__label {
  position: relative;
  padding-bottom: 6px;
  margin-bottom: 6px;
  text-transform: uppercase;
  text-overflow: ellipsis;
  overflow: hidden;
  letter-spacing: 0;
  font-size: 15px;
}
.stat-summary-component .stat-summary-listing__label::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 1px;
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#777777), to(transparent));
  background-image: -webkit-linear-gradient(left, #777777, transparent);
  background-image: -moz-linear-gradient(left, #777777, transparent);
  background-image: -o-linear-gradient(left, #777777, transparent);
}
.stat-summary-component .stat-summary-listing__stat {
  font-family: "Electrolize", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.42;
  font-style: normal;
  font-size: 40px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  letter-spacing: 0;
}
.stat-summary-component .stat-summary-listing__stat.bo4.wz {
  color: #ff6600;
}
.stat-summary-component .stat-summary-listing__stat.bo4.mp {
  color: #ff6600;
}
.stat-summary-component .stat-summary-listing__stat.bo4.zm {
  color: #ff0000;
}
.stat-summary-component .stat-summary-listing__stat.wwii.mp {
  color: #9f912a;
}
.stat-summary-component .stat-summary-listing__stat.mw.mp {
  color: #57ced4;
}
.stat-summary-component .recent-match-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  opacity: 0.5;
}
.stat-summary-component .recent-match-info {
  position: absolute;
  left: 58px;
  top: 83px;
  z-index: 5;
  color: #bbb;
  text-transform: uppercase;
}
.stat-summary-component .recent-match-info .match-info__map {
  font-size: 33px;
  margin-bottom: 5px;
}

.tip-component {
  font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #fff;
  padding: 30px;
  background-color: #101010;
  background-image: url('../../../../../../../content/dam/atvi/callofduty/mycod/friends/friends-feed-bg-texture-2x2.png');
  width: 100%;
  height: 100%;
}
@media (max-width: 767px) {
  .tip-component {
    padding: 15px;
  }
}
.tip-component .tip-component__header {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  display: flex;
  align-items: flex-start;
}
.tip-component .tip-component__container {
  position: relative;
}
.tip-component .tip-component__icon {
  height: 37px;
  width: 36px;
  background-image: url(../../../../../../../content/dam/atvi/callofduty/mycod/intel/sectionIcon.png);
  background-position: center;
  background-repeat: no-repeat;
  margin-right: 10px;
}
.tip-component .tip-component__headline {
  font-family: "Open Sans Condensed", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.42;
  font-weight: bold;
  font-style: normal;
  color: #fff;
  font-size: 24px;
  text-transform: uppercase;
  margin-bottom: 10px;
  margin-top: 6px;
}
.tip-component .tip-component__subheadline {
  font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #1e9ffd;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.tip-component .tip-component__content {
  font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #fff;
  margin-bottom: 20px;
  line-height: 1.25;
  min-height: 100px;
}
.tip-component .tip-component__content p {
  margin-bottom: 20px;
}
.tip-component .tip-component__content p:last-child {
  margin-bottom: 0;
}
.tip-component .tip-component__content--vscroll {
  max-height: 250px;
  overflow-y: auto;
}
.tip-component .tip-component__content--vscroll::-webkit-scrollbar {
  width: 6px;
}
.tip-component .tip-component__content--vscroll::-webkit-scrollbar-track {
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #202020;
  background-color: #202020;
}
.tip-component .tip-component__content--vscroll::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: #444444;
}
.tip-component .tip-component__content--vscroll::-webkit-scrollbar-thumb:window-inactive {
  background: #444444;
}
.tip-component .tip-component__btn {
  font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
  font-style: normal;
  letter-spacing: 2px;
  font-weight: 500;
  background-color: #222;
  color: #1e9ffd;
  text-align: center;
  padding: 13px 20px;
  cursor: pointer;
  display: block;
  width: 100%;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  transition: background-color 0.5s ease;
}
.tip-component .tip-component__btn:hover {
  background-color: #2c2c2c;
}
.tip-component .tip-component__img {
  height: 200px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .tip-component .tip-component__img {
    height: 100px;
  }
}


.match-stats-listing {
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  display: flex;
  align-items: flex-end;
  font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #fff;
  font-size: 13px;
  font-weight: 400;
  margin-top: 30px;
}
.match-stats-listing .match-stats-listing__item {
  margin-left: 10px;
  width: 100%;
  overflow: hidden;
}
.match-stats-listing .match-stats-listing__item:first-child {
  margin-left: 0;
}
.match-stats-listing .match-stats-listing__title {
  position: relative;
  padding-bottom: 6px;
  margin-bottom: 6px;
  text-transform: uppercase;
  text-overflow: ellipsis;
  overflow: hidden;
  letter-spacing: 0;
  font-size: 12px;
}
.match-stats-listing .match-stats-listing__title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 1px;
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#777777), to(transparent));
  background-image: -webkit-linear-gradient(left, #777777, transparent);
  background-image: -moz-linear-gradient(left, #777777, transparent);
  background-image: -o-linear-gradient(left, #777777, transparent);
}
.match-stats-listing .match-stats-listing__stat {
  font-family: "Electrolize", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.42;
  font-style: normal;
  font-size: 22px;
  text-transform: uppercase;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  letter-spacing: 0;
}
.match-stats-listing .bo4 .match-stats-listing__stat,
.match-stats-listing .blackout .match-stats-listing__stat {
  color: #ff6600;
}
.match-stats-listing .wwii .match-stats-listing__stat {
  color: #9f912a;
}
.match-stats-listing .mw .match-stats-listing__stat {
  color: #57ced4;
}
.match-stats-listing .warzone .match-stats-listing__stat {
  color: #57ced4;
}
.match-stats-listing .zombies .match-stats-listing__stat {
  color: #ff0000;
}

#inbox-container .inbox-button {
  height: 15px;
  width: 22px;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIUAAABYCAYAAADbejTNAAAACXBIWXMAAC4jAAAuIwF4pT92AAAGX2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDggNzkuMTY0MDM2LCAyMDE5LzA4LzEzLTAxOjA2OjU3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjEuMCAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjAtMDYtMTJUMTM6MDU6MjMtMDc6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDIwLTA2LTE2VDE3OjA4OjA0LTA3OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIwLTA2LTE2VDE3OjA4OjA0LTA3OjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9InNSR0IgSUVDNjE5NjYtMi4xIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOmU5OWZjODYyLTY1NDItNGJkZC1iY2YwLWQ2YjkxYzcyYzEzZCIgeG1wTU06RG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmFkZWZhYWExLWU2MDEtNWY0OC04ZGI0LTNjNWY5YWRhNWYwMSIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjkzYTA5NGNjLThkNjEtNGE3YS05Zjc4LWFkMTJjOGQ1Nzg5OSI+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNyZWF0ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6OTNhMDk0Y2MtOGQ2MS00YTdhLTlmNzgtYWQxMmM4ZDU3ODk5IiBzdEV2dDp3aGVuPSIyMDIwLTA2LTEyVDEzOjA1OjIzLTA3OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjEuMCAoTWFjaW50b3NoKSIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY29udmVydGVkIiBzdEV2dDpwYXJhbWV0ZXJzPSJmcm9tIGFwcGxpY2F0aW9uL3ZuZC5hZG9iZS5waG90b3Nob3AgdG8gaW1hZ2UvcG5nIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDplOTlmYzg2Mi02NTQyLTRiZGQtYmNmMC1kNmI5MWM3MmMxM2QiIHN0RXZ0OndoZW49IjIwMjAtMDYtMTZUMTc6MDg6MDQtMDc6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMS4wIChNYWNpbnRvc2gpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhK5JqIAAAWsSURBVHic7Z3dUeNIFIWPXROAQxARLBvBmAjWRDB2BGOe7iP48T4BEeCJYJQB3ghwBqMQtBGwD2ooWd0tbNz/3K9qqkaN5e6Sj8653aD2BJEgogrAAsB3ALNY40iEfwHUzLyPNYDX19f3/09Cd67EcAtgGbrvDGgArJh5F7rjviimITsmoiWAF4ggbFQAnonoPuYggjmFEsRTqP4KYMvMq1CdBY8PIpoDeLb8uAWwR5erX42/AFyicwgTD8x8E2IgQUVBRDMAf6AXky2AG2be+h5D6qib5h6dQIZchagxQoviN7pZRp89gGtmbnz3nxNE9AS93moA/M3Mrc++gxWaRLSALgigq7Abn33niKoh9oPmCt1sLRjeRKFiw1RYbmLOxzPAVFyuVcQEwadTPEGvI/bMfOexz+xRN8zG8KMndaN555uPNx2LDcvrK3zN6eojM9fDRma+I6J/cFh4VuhixPtsxHmhOTLbuGHmB8s5zwDmrseSAS2AC1MRSUSX6Bb6hniZjfguNE2xsRsRxBpfUxBAd52MDhkzRpyKwhIbLcZjI2hlnSALdd00VP21HzRX8HzNnMWHw9ho1L9SmUFfpGoROUa8LF5ZFql2zHxlef0a3SpenxaWi1MSlpuhZuZry+vvoLtDA4eLWs5rCoexsSpdEIoVuuvTJ5kYOVsUHyxSNZbTTMVobZqelYi6LqcWkcEWtVw4hYvZRguLq5SKuj67QfMMCcxGzhKFxMbZJBkjnxaFxMb5pBoj5ziFxIYDUoyRT4lCYsM5ScXIyaKQ2HBPajHyGaeQ2PBASjFykigkNryTRIwcLQqJDf+kEiOnOIXERgBSiJGjRCGxEZyoMfKhKCQ2whM7Ro5xComNCMSMkVFRSGxEx1WMnPTAslUUEhvxcRgjS5uQTIw5hcRGAsSIEaMoJDaSwxYja9OLLTEyw5HP1miikNhIj5EYuVU3pAnTDWytR/qYnEJiI0FCxsiBKCQ2kscUI3PXMfIuComN9AkVI32nkNjIgE/GiOmhZGuMTAGJjQw5NUYecIKQ3pzCtOIlsZEo6nMx3bAfxUg7aFuYfjcyVVsZDt9IYiNx1A1YD5pnsMdIA3M98mPYMLE8A3phcgmlwhfoLtEg7EPBmxi70h6Dup6zQN3NYN5Rb+yh7pfhOcw86T9L+g26ILYnxgbQOU1lOccXu8D9fYhy3UXkYQBdjNSWz/ERAzdREbJ7OzYtXhk3OU1sc5F5yI3BTiCVvTZmsK9F1Ia2qn9gEkUzbEh0c5GkxmOpzWJinI1YZodV/+DYjdAu0dlOTH7gcPBzIponVFuYRGoq7JLnKFFYKt2gEFED3RJvkUBtYXGJba7bQwb9aodzUHt4N4PmVGqLYlwCyEgUCuO6f/BR9BhxiSb4YByRlSgSdYuiXALITBSKZNyiRJcAMhRFYm5RnEsAGYpCEd0tSnUJIFNRJOIWRboEkKkoFNHcomSXADx9tUMImHlLRLfQVznvAfznuXvt180oxCWAjEWh2EBf5VxHGEcxLgHkHR+22iIGxbgEkLkoFLE/kKJcAihAFAm4RWxROif3mgIAwMwXscdQEtk7heAeEYWgIaIQNEQUgoaIQtAQUQgaIgpBQ0QhaIgoBA0RhaAhohA0RBSChohC0DCJogo9CCEcls3Pmv6BSRTffQxGSIaFoa3pH0yhP7W9HNlMS8gf7Y+Oh9s5TAH8Mpx41MbeQl5YdiOqh6+bqsZ20D4not+uviZZiI8ShGlrTG0zmok6YQmzO7TqpFrt3CpkhCoD5ugekqoML6mZ+RoA+rvjTXpv8ARg6W+IQmLsAVy97YHVF8X77IOZVwC2YcclRGKPniCGHExJlTA20GsMoRxqjAgC6MVHH5VFP9HFycz5sIQY1AAebbsJGmsKG0R0iU4YcwcDE8KyB9Aes63kgSj6B4IAAP8Ds1tOk+u+nFQAAAAASUVORK5CYII=');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  cursor: pointer;
  position: relative;
}
#inbox-container .inbox-button.unread:before {
  content: "";
  width: 8px;
  height: 8px;
  background-color: #1e9ffd;
  border-radius: 8px;
  position: absolute;
  top: -3px;
  right: -3px;
}
.message-enter-active,
.message-leave-active {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
#inbox-messages-container {
  position: absolute;
  left: 50%;
  top: 30px;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
#inbox-messages-container.message-enter,
#inbox-messages-container.message-leave-to {
  opacity: 0;
  top: -100%;
}
#inbox-settings {
  width: 400px;
  background-color: #1b1b1b;
}
.message-buttons {
  position: absolute;
  top: 100%;
  background-color: #1b1b1b;
  width: 100%;
}
.message-buttons .message-settings-button {
  color: #1e9ffd;
  display: inline-block;
  padding: 15px;
  font-size: 12px;
  cursor: pointer;
}
#inbox-messages .message-close {
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 100;
  cursor: pointer;
}
#inbox-messages .ab-feed {
  overflow-y: visible;
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
#inbox-messages .ab-feed:before {
  content: "";
  width: 0px;
  height: 0px;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #1b1b1b;
  position: absolute;
  top: -15px;
  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);
}
#inbox-messages .ab-feed .ab-feed-buttons-wrapper {
  background-color: #1b1b1b;
  box-shadow: none;
  border-bottom: 1px solid #454545;
}
#inbox-messages .ab-feed .ab-feed-body {
  border: none;
  padding: 0;
  background-color: #1b1b1b;
}
#inbox-messages .ab-feed .ab-card {
  background-color: #1b1b1b;
  border-right: none;
  border-left: none;
  border-top: none;
  border-bottom: 1px solid #454545;
  box-shadow: none;
  color: #fff;
  margin: 0;
  border-radius: 0;
  text-shadow: none;
}
#inbox-messages .ab-feed .ab-title {
  color: #fff;
}
#inbox-messages .ab-feed .ab-description {
  color: #fff;
}
#inbox-messages .ab-feed .ab-no-cards-message {
  padding: 20px 0;
  margin: 0;
}
#inbox-messages .ab-feed .ab-close-button {
  display: none;
}

.profile-header-container {
  width: 100%;
  position: relative;
  padding: 15px;
  margin-bottom: 10px;
  background-color: rgba(37, 37, 37, 0.25);
  border: 2px solid #252525;
  z-index: 10;
  display: flex;
}
.profile-header-container .avatar-component {
  width: 90px;
  height: 90px;
}
.profile-header-container .profile-username {
  font-size: 25px;
  padding-top: 32px;
  padding-left: 30px;
}
.profile-header-container .profile-header-gear {
  position: absolute;
  right: 15px;
  top: 15px;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAG+SURBVHgBpVTRUcJAEH17ifin+fRDmdgBViB2oBU4NxaAVqBUoDZgoAK1ArAC7YAM+uGf6CfCrnshMBJyGUfeTLLJZffl3d3bI1RgL+EeQZq/xwymB6mtvfhqDCqgZI3i2JRNo6rGSxgnEmmISn4So1KEYieRuAZ+FuBBwF2BjAzC6+J0c6Sqo/MF3G4BLUCOwdIdngU3C8K9u0mHiE7xf4zGMAfvllLj1K1J5hBtQpJMYT2ZDjTGvkydfp9YnkAU63VYlcvgoxDCjyDT8pDZVxt25u+6UTFD7lGy+4o0RJhma1hPxudAcF1I6AxtYItVM1IeFGcRIDhJLY0y2wxt7UZA/YL8Lspk6MJrWDJ2AL5wZO7Z60OScBt/xAS08GtGWE+ktdIVhGZZsXOFhsaywuAyH3e7LLp2fF5WrPO+mBvWIdLu2YL0fJuiXjyisgNgWSj1hadqG21DMs6vkS/X2YZ2k++mgelhfWSuMG92ow+RLtaEimrPortRcAXX9MK3TrZ+3Hfe8tSqPbid59isTt9zO80OhzK440vJP1Y+MLeHZxtX8Cr1IDfqqDguFD6jApUntnbPyyrh5LOq5gffQrZloo+iawAAAABJRU5ErkJggg==');
  background-size: contain;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.profile-header-container .add-friend-button {
  position: absolute;
  right: 50px;
  top: 15px;
  padding: 10px 25px;
  border: 1px solid #1e9ffd;
  color: #1e9ffd;
  text-transform: uppercase;
  font-size: 14px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.profile-header-container .add-friend-button:hover {
  background-color: #1e9ffd;
  color: #fff;
}
.profile-header-container .invite-sent {
  position: absolute;
  right: 50px;
  top: 15px;
  padding: 10px 25px;
  border: 1px solid #777;
  color: #777;
  text-transform: uppercase;
  font-size: 14px;
}
.profile-header-container .profile-header-gear-menu {
  position: absolute;
  right: 15px;
  top: 45px;
  background: #252525;
  padding: 15px;
  border: 2px solid #252525;
}
.profile-header-container .profile-header-gear-menu .profile-header-button {
  padding: 10px 25px;
  display: inline-block;
  text-transform: uppercase;
  font-size: 14px;
  cursor: pointer;
}
.profile-header-container .profile-header-gear-menu .remove-friend-button {
  background-color: #454545;
  margin-bottom: 10px;
}
.profile-header-container .profile-header-gear-menu .block-friend-button {
  background-color: #f00;
}

/* # App Body Game Image Bg
================================================== */
.main-content,
.main-content .stats-section {
  position: relative;
}
.main-content .main-content-inner {
  position: relative;
}
.main-content .game-bgs {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.main-content .game-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-position: center top;
  background-size: 100% auto;
  background-repeat: no-repeat;
  -webkit-transition: 0.3s opacity;
  -moz-transition: 0.3s opacity;
  -ms-transition: 0.3s opacity;
  -o-transition: 0.3s opacity;
  transition: 0.3s opacity;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  opacity: 0;
}
/* # App Nav
================================================== */
.header-container .top-game-menu .top-game-menu-inner {
  height: 100%;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  display: flex;
  align-items: center;
}
.header-container .top-game-menu .top-game-left,
.header-container .top-game-menu .top-game-right {
  float: none;
  width: auto;
  position: static;
}
.header-container .top-game-menu .top-game-left {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.header-container .top-game-menu .top-game-left .app-nav-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  display: flex;
  align-items: center;
  height: 100%;
}
.header-container .top-game-menu .top-game-right .top-game-buy {
  display: none;
}
@media screen and (max-width: 1140px) {
  .header-container .top-game-menu .top-game-right .account-search {
    display: none;
  }
}
.header-container .top-game-menu .top-game-left .top-game-nav li.norm-link a {
  margin: 0;
  padding: 15px 25px 15px 5px;
}
.header-container .top-game-logo .game-selector-wrapper {
  max-width: 67%;
}
.header-container .mobile-game-nav li.submenu-parent .submenu {
  display: block;
}
.header-container .mobile-game-nav .account-search {
  margin: 0 0 20px;
}
.app {
  background-color: #000;
  background-size: cover;
}
/* # App Loading
================================================== */
.app .main-content {
  position: relative;
  min-height: 320px;
}
.app .main-content .load-screen {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  visibility: hidden;
  opacity: 0;
  transition: all .2s linear;
  background-color: #000;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: -1;
}
.app .main-content .loader {
  position: relative;
  visibility: hidden;
  opacity: 0;
  height: 100vh;
  z-index: inherit;
  color: #1e9ffd;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 125px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 12px;
  text-align: center;
  font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-weight: 600;
}
.app .main-content .loader::before,
.app .main-content .loader::after {
  content: "";
  position: absolute;
  border: 4px solid #1e9ffd;
  opacity: 1;
  border-radius: 50%;
  animation: loader-ripple 2s cubic-bezier(0, 0.2, 0.8, 1) infinite;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.app .main-content .loader::after {
  animation-delay: -1s;
}
@keyframes loader-ripple {
  0% {
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    width: 100px;
    height: 100px;
    opacity: 0;
  }
}
.loading.app .main-content .load-screen {
  visibility: visible;
  opacity: .97;
  z-index: 1000;
}
.loading.app .main-content .loader {
  visibility: visible;
  opacity: 1;
}
/* # Error/App Messaging
================================================== */

.app-nav-wrapper li.nav-item.locked > a {
  opacity: 0.45;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
}
.app-nav-wrapper li.nav-item.locked > a:after {
  content: '';
  display: inline-block;
  width: 0.75em;
  height: 0.75em;
  margin-left: 0.33em;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url('../../../../../../../content/dam/atvi/callofduty/mycod/common/lock.png');
}

.account-search {
  position: relative;
  display: inline-block;
  font-family: "Electrolize", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.42;
  font-style: normal;
  white-space: nowrap;
  font-size: 16px;
  background-color: #000;
  border: 1px solid #444;
}
.account-search:after {
  visibility: hidden;
  display: block;
  content: '';
  clear: both;
  height: 0;
}
.account-search.error {
  animation: user-search-invalid 0.5s;
  -webkit-animation: user-search-invalid 0.5s;
  box-shadow: 0 0 5px 1px rgba(255, 0, 0, 0.25);
}
.account-search .platform-selector {
  position: absolute;
}
.account-search .account-search-terms {
  margin-left: 3em;
}
.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: "Electrolize", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.42;
  font-style: normal;
}
.account-search input::-webkit-input-placeholder {
  color: #797672;
}
.account-search input:-moz-placeholder {
  color: #797672;
}
.account-search input::-moz-placeholder {
  color: #797672;
}
.account-search input:-ms-input-placeholder {
  color: #797672;
}
.account-search .platform-selector {
  display: inline-block;
  background: #000;
  font-size: 0.875em;
  border-right: 1px solid #444;
  max-height: 100%;
}
.account-search .platform-selector:after {
  display: none;
}
.account-search select {
  font-size: 1em;
  opacity: 0;
  width: 2.5em;
  height: 2.5em;
}
.account-search .select-wrapper .platform-icon {
  position: absolute;
  top: 0.4em;
  left: 0;
  right: 0;
  bottom: 0.4em;
  background-position: center;
  background-size: contain;
}
.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;
}
.account-search .submit-button:after {
  content: "\f002";
  position: absolute;
  top: 0.5em;
  left: 0.5em;
  text-indent: 0;
}
.account-search .submit-button:hover {
  color: #797672;
}
.account-search.searching .submit-button {
  pointer-events: none;
}
.account-search.searching .submit-button:after {
  content: "\f1ce";
}
.account-search .searched-players {
  background-color: #303030;
  padding: 0 15px 10px;
  position: relative;
  z-index: 1000;
}
.account-search .searched-players .searched-player {
  padding: 15px 10px;
  font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
  border-bottom: 1px solid #000;
  cursor: pointer;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.account-search .searched-players .searched-player:hover {
  background-color: #444;
}
@keyframes user-search-invalid {
  0% {
    left: 8px;
  }
  10% {
    left: -8px;
  }
  30% {
    left: 8px;
  }
  60% {
    left: -8px;
  }
  100% {
    left: 0px;
  }
}
@-webkit-keyframes user-search-invalid {
  0% {
    left: 8px;
  }
  10% {
    left: -8px;
  }
  30% {
    left: 8px;
  }
  60% {
    left: -8px;
  }
  100% {
    left: 0px;
  }
}

.page-login {
  background-image: url(../../../../../../../content/dam/atvi/callofduty/mycod/landing/landing-bg.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
}
.login-page .login-page-inner {
  position: relative;
  z-index: 1;
}
.login-page .login-wrapper {
  padding: 100px 0;
}
@media (max-width: 767px) {
  .login-page .login-wrapper {
    padding: 30px 0;
  }
}
.login-page .login-brand {
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: flex;
  justify-content: center;
}
.login-page .login-brand__logo {
  background-image: url(../../../../../../../content/dam/atvi/callofduty/mycod/landing/mycod-logo.svg);
  background-repeat: no-repeat;
  background-position: center center;
  height: 80px;
  margin-bottom: 25px;
  background-size: contain;
}
@media (max-width: 767px) {
  .login-page .login-brand__logo {
    height: 60px;
  }
}
.login-page .login-brand__product {
  background-image: url(../../../../../../../content/dam/atvi/callofduty/sso/cod-logo.png);
  background-repeat: no-repeat;
  background-position: center center;
  height: 75px;
  margin-bottom: 25px;
  background-size: contain;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .login-page .login-brand__product {
    height: 60px;
  }
}
.login-page .login-content {
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: flex;
  justify-content: center;
  margin-bottom: 25px;
}
.login-page .login-content p {
  font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-style: normal;
  text-transform: uppercase;
  text-align: center;
  color: #d50000;
  background-color: #151515;
  padding: 12px 40px;
  line-height: 1.2;
}
@media (max-width: 767px) {
  .login-page .login-content p {
    padding: 12px 20px;
  }
}
.login-page .login-cta {
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: flex;
  justify-content: center;
}
@media (max-width: 767px) {
  .login-page .login-cta {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.login-page .login-cta__signup,
.login-page .login-cta__login {
  letter-spacing: 2px;
  background-color: #222;
  color: #1e9ffd;
  text-align: center;
  padding: 13px 20px;
  margin: 0 5px;
  cursor: pointer;
  display: inline-block;
  width: 100%;
  max-width: 200px;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  transition: background-color 0.5s ease;
  font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-style: normal;
}
.login-page .login-cta__signup:hover,
.login-page .login-cta__login:hover {
  background-color: #2c2c2c;
}
@media (max-width: 767px) {
  .login-page .login-cta__signup,
  .login-page .login-cta__login {
    display: block;
    max-width: 100%;
    margin: 0;
    margin-bottom: 10px;
  }
}
.login-page .dashboard__stats {
  margin-top: 5rem;
}
.login-page .dashboard-widget__title {
  font-family: "Open Sans Condensed", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.42;
  font-style: normal;
  position: relative;
  color: #fff;
  display: block;
  width: 100%;
  padding-left: 15px;
  margin: 30px 0 0 30px;
  font-weight: bold;
  text-transform: uppercase;
}
@media only screen and (max-width: 1024px) {
  .login-page .dashboard-widget__title {
    margin-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .login-page .dashboard-widget__title {
    margin-left: 15px;
  }
}
.login-page .dashboard-widget__title:before {
  content: "";
  display: block;
  border-left: 3px solid #1e9ffd;
  height: 100%;
  position: absolute;
  left: 0;
  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%);
}
.login-page .stat-summary-component .stat-summary__link {
  display: none;
}
.login-page .touts {
  margin-top: 5rem;
}

.no-identity-page .no-identity-page-inner {
  position: relative;
  z-index: 1;
}
.no-identity-page .no-identity-page-inner .no-identity-found {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: auto;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: white;
  width: 70%;
  margin: 6rem auto 0;
}
@media (max-width: 767px) {
  .no-identity-page .no-identity-page-inner .no-identity-found {
    width: 90%;
    margin-top: 3rem;
  }
}
.no-identity-page .no-identity-page-inner .no-identity-found p {
  margin: 0.5rem 0;
  font-family: 'Open Sans Condensed', sans-serif;
  font-size: 1.2rem;
  line-height: 1.4rem;
}
.no-identity-page .no-identity-page-inner .no-identity-found h1 {
  font-family: 'Open Sans Condensed', sans-serif;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 1px;
  font-size: 2.7rem;
  margin-bottom: 1rem;
}
.no-identity-page .no-identity-page-inner .no-identity-found a {
  color: #1e9ffd;
  text-transform: uppercase;
}
.no-identity-page .no-identity-page-inner .no-identity-found a:hover {
  text-decoration: underline;
}
.no-identity-page .no-identity-page-inner .no-identity-cta {
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: flex;
  justify-content: center;
  margin-top: 25px;
}
@media (max-width: 767px) {
  .no-identity-page .no-identity-page-inner .no-identity-cta {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.no-identity-page .no-identity-page-inner .no-identity-cta__profile {
  letter-spacing: 2px;
  background-color: #222;
  color: #1e9ffd;
  text-align: center;
  padding: 13px 20px;
  margin: 0 5px;
  cursor: pointer;
  display: inline-block;
  width: 100%;
  max-width: 250px;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  transition: background-color 0.5s ease;
  font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-style: normal;
}
.no-identity-page .no-identity-page-inner .no-identity-cta__profile:hover {
  background-color: #2c2c2c;
}
@media (max-width: 767px) {
  .no-identity-page .no-identity-page-inner .no-identity-cta__profile {
    display: block;
    max-width: 100%;
    margin: 0;
    margin-bottom: 10px;
  }
}

.dashboard-page .dashboard-widget {
  width: 100%;
  max-width: calc(50% - 4px);
  background-color: #111;
  margin-bottom: 8px;
}
@media only screen and (max-width: 1024px) {
  .dashboard-page .dashboard-widget {
    max-width: 100%;
  }
}
.dashboard-page .dashboard-widget__header {
  position: relative;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  display: flex;
  align-items: flex-start;
  font-family: "Open Sans Condensed", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.42;
  font-weight: bold;
  font-style: normal;
  padding: 10px 30px 0;
  text-transform: uppercase;
  font-size: 18px;
  color: #fff;
  z-index: 5;
}
@media only screen and (max-width: 1024px) {
  .dashboard-page .dashboard-widget__header {
    padding: 10px 15px 15px;
  }
}
.dashboard-page .dashboard-widget__title {
  font-family: "Open Sans Condensed", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.42;
  font-style: normal;
  position: relative;
  color: #fff;
  display: block;
  width: 100%;
  padding-left: 15px;
  margin: 30px 0 0 30px;
  font-weight: bold;
  text-transform: uppercase;
}
@media only screen and (max-width: 1024px) {
  .dashboard-page .dashboard-widget__title {
    margin-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .dashboard-page .dashboard-widget__title {
    margin-left: 15px;
  }
}
.dashboard-page .dashboard-widget__title:before {
  content: "";
  display: block;
  border-left: 3px solid #1e9ffd;
  height: 100%;
  position: absolute;
  left: 0;
  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%);
}
.dashboard-page .dashboard-widget__content {
  padding: 0 30px 30px;
}
.dashboard-page .dashboard-widget__overflow {
  overflow-x: hidden;
  overflow-y: scroll;
  height: 375px;
  margin: 20px 0;
  -webkit-overflow-scrolling: touch;
}
@media only screen and (max-width: 1024px) {
  .dashboard-page .dashboard-widget__overflow {
    margin: 0 0 20px;
  }
}
.dashboard-page .dashboard-widget__overflow::-webkit-scrollbar {
  width: 6px;
}
.dashboard-page .dashboard-widget__overflow::-webkit-scrollbar-track {
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #202020;
  background-color: #202020;
}
.dashboard-page .dashboard-widget__overflow::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: #444444;
}
.dashboard-page .dashboard-widget__overflow::-webkit-scrollbar-thumb:window-inactive {
  background: #444444;
}
.dashboard-page .dashboard__friends {
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
@media only screen and (max-width: 1024px) {
  .dashboard-page .dashboard__friends {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.dashboard-page .dashboard__stats .dashboard-widget {
  background-image: url("../../../../../../../content/dam/atvi/callofduty/mycod/dashboard/bg_stats.jpg");
  background-repeat: no-repeat;
  background-position: center top;
  max-width: 100%;
  background-size: cover;
  position: relative;
}
@media only screen and (max-width: 1024px) {
  .dashboard-page .dashboard__stats .dashboard-widget {
    background-position: right top;
  }
}
.dashboard-page .dashboard__stats .dashboard-widget.match-widget {
  background-image: none;
}
.dashboard-page .dashboard__battlepass .battlepass-loot-container {
  padding-bottom: 30px;
}
.dashboard-page .dashboard__battlepass .battlepass-listing-container {
  position: relative;
  overflow: visible;
  padding-left: 30px;
  padding-right: 30px;
}
@media only screen and (max-width: 1024px) {
  .dashboard-page .dashboard__battlepass .battlepass-listing-container {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.dashboard-page .dashboard__battlepass .battlepass-header-container {
  margin-bottom: 10px;
}
@media only screen and (max-width: 1024px) {
  .dashboard-page .dashboard__battlepass .battlepass-header-container {
    margin-bottom: 15px;
  }
}
.dashboard-page .dashboard__battlepass .battlepass-header-container h5 {
  font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 24px;
  letter-spacing: 1.3;
  text-transform: uppercase;
  margin: 10px 0;
}
.dashboard-page .dashboard__battlepass .battlepass-header-container p {
  font-size: 14px;
  font-weight: 400;
}
.dashboard-page .dashboard__battlepass .battlepass-header-container p.gray {
  font-size: 12px;
  color: #777777;
}
.dashboard-page .dashboard__battlepass .battlepass-purchase-check-container {
  text-align: right;
}
.dashboard-page .dashboard__battlepass .battlepass-purchase-check-container.desktop {
  display: block;
}
.dashboard-page .dashboard__battlepass .battlepass-purchase-check-container.mobile {
  display: none;
}
.dashboard-page .dashboard__battlepass .battlepass-purchase-check-container.mobile .bottom {
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
}
.dashboard-page .dashboard__battlepass .battlepass-purchase-check-container.mobile .bottom p {
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
  margin: 10px auto;
  border: solid 1px #454545;
}
.dashboard-page .dashboard__battlepass .battlepass-purchase-check-container p {
  font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-style: normal;
  margin-bottom: 15px;
  font-size: 14px;
  color: #777777;
}
.dashboard-page .dashboard__battlepass .battlepass-purchase-check-container a {
  font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 12px;
  color: #1e9ffd;
  text-decoration: none;
}
@media only screen and (max-width: 1024px) {
  .dashboard-page .dashboard__battlepass .battlepass-purchase-check-container.desktop {
    display: none;
  }
  .dashboard-page .dashboard__battlepass .battlepass-purchase-check-container.mobile {
    display: flex;
  }
  .dashboard-page .dashboard__battlepass .battlepass-purchase-check-container a {
    font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-style: normal;
    color: #777777;
  }
}
.dashboard-page .dashboard__battlepass .dashboard-widget {
  max-width: 100%;
}
.dashboard-page .dashboard__battlepass .battlepass-listing {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 1024px) {
  .dashboard-page .dashboard__battlepass .battlepass-listing {
    margin-left: -4px;
    margin-right: -4px;
  }
}
.dashboard-page .dashboard__battlepass .battlepass-listing__item {
  position: relative;
  max-width: 20.6%;
  width: 100%;
}
@media only screen and (max-width: 1024px) {
  .dashboard-page .dashboard__battlepass .battlepass-listing__item {
    max-width: 29.8%;
    padding-left: 4px;
    padding-right: 4px;
  }
  .dashboard-page .dashboard__battlepass .battlepass-listing__item:nth-child(4) {
    display: none;
  }
}
.dashboard-page .dashboard__battlepass .battlepass-listing__item.current .battlepass-loot {
  border: 2px solid;
  border-image-source: linear-gradient(to bottom, #747474, #ffffff 80%, #878686);
  border-image-slice: 1;
  background-image: linear-gradient(to bottom, rgba(146, 146, 146, 0) 1%, #000000);
}
.dashboard-page .dashboard__battlepass .battlepass-listing__item.current .battlepass-loot.premium {
  border: 1px solid #f7ef8a;
}
.dashboard-page .dashboard__battlepass .battlepass-listing__item.current .battlepass-loot__check.premium,
.dashboard-page .dashboard__battlepass .battlepass-listing__item.current .battlepass-loot__check.premium.free {
  background-image: url("../../../../../../../content/dam/atvi/callofduty/mycod/lootstream/gold-check.svg");
}
.dashboard-page .dashboard__battlepass .battlepass-listing__item.next {
  max-width: 26.1%;
}
@media only screen and (max-width: 1024px) {
  .dashboard-page .dashboard__battlepass .battlepass-listing__item.next {
    max-width: 35.6%;
    padding-left: 4px;
    padding-right: 4px;
  }
}
.dashboard-page .dashboard__battlepass .battlepass-listing__item.next .battlepass-loot__img {
  height: 278px;
}
@media only screen and (max-width: 1024px) {
  .dashboard-page .dashboard__battlepass .battlepass-listing__item.next .battlepass-loot__img {
    height: 164px;
  }
}
.dashboard-page .dashboard__battlepass .battlepass-listing__item .next-item-name {
  display: none;
}
.dashboard-page .dashboard__battlepass .battlepass-loot {
  position: relative;
  z-index: 0;
  overflow: hidden;
  border: solid 2px #303030;
  background-image: linear-gradient(to bottom, rgba(146, 146, 146, 0) 1%, #000000);
}
.dashboard-page .dashboard__battlepass .battlepass-loot__img {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  height: 220px;
}
@media only screen and (max-width: 1024px) {
  .dashboard-page .dashboard__battlepass .battlepass-loot__img {
    height: 138px;
  }
}
.dashboard-page .dashboard__battlepass .battlepass-loot__check {
  content: "";
  width: 18px;
  height: 15px;
  position: absolute;
  left: 12px;
  bottom: 12px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(../../../../../../../content/dam/atvi/callofduty/mycod/lootstream/lock-silver.png);
  background-color: transparent;
}
.dashboard-page .dashboard__battlepass .battlepass-loot__check.free {
  background-image: none;
}
.dashboard-page .dashboard__battlepass .battlepass-loot__tier {
  position: relative;
  font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-style: normal;
  width: 34px;
  height: 34px;
  margin: 51px auto 0;
  font-size: 14px;
  background-color: #3c3836;
  font-weight: 600;
  color: #fff;
  z-index: 100;
  text-align: center;
  padding-top: 11px;
}
@media only screen and (max-width: 1024px) {
  .dashboard-page .dashboard__battlepass .battlepass-loot__tier {
    margin-top: 40px;
  }
}
.dashboard-page .dashboard__battlepass .battlepass-loot__tier.got {
  background-image: linear-gradient(to bottom, #747474, #848484 25%, #ffffff 75%, #878686);
  color: #000;
}
.dashboard-page .dashboard__battlepass .battlepass-loot__tier.got.premium {
  background-image: linear-gradient(to bottom, #ae8625, #f7ef8a 74%, #d2ac47 109%, #edc967 147%);
}
.dashboard-page .dashboard__battlepass .battlepass-loot__tier.next {
  bottom: 28px;
}
@media only screen and (max-width: 1024px) {
  .dashboard-page .dashboard__battlepass .battlepass-loot__tier.next {
    bottom: 12px;
  }
}
.dashboard-page .dashboard__battlepass .battlepass-loot__rarity {
  position: absolute;
  bottom: 40px;
  right: 40px;
  text-transform: uppercase;
  font-size: 10px;
  text-align: center;
  z-index: 2;
}
.dashboard-page .dashboard__battlepass .battlepass-loot__rarity:after {
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
.dashboard-page .dashboard__battlepass .battlepass-loot__rarity.common {
  color: #bbfa76;
}
.dashboard-page .dashboard__battlepass .battlepass-loot__rarity.common:after {
  background-image: url("../../../../../../../content/dam/atvi/callofduty/mycod/lootstream/icons/loot-common.png");
}
.dashboard-page .dashboard__battlepass .battlepass-loot__rarity.rare {
  color: #7cbad4;
}
.dashboard-page .dashboard__battlepass .battlepass-loot__rarity.rare:after {
  background-image: url("../../../../../../../content/dam/atvi/callofduty/mycod/lootstream/icons/loot-rare.png");
}
.dashboard-page .dashboard__battlepass .battlepass-loot__rarity.legendary {
  color: #f39700;
}
.dashboard-page .dashboard__battlepass .battlepass-loot__rarity.legendary:after {
  background-image: url("../../../../../../../content/dam/atvi/callofduty/mycod/lootstream/icons/loot-legendary.png");
}
.dashboard-page .dashboard__battlepass .battlepass-loot__rarity.epic {
  color: #d8aefd;
}
.dashboard-page .dashboard__battlepass .battlepass-loot__rarity.epic:after {
  background-image: url("../../../../../../../content/dam/atvi/callofduty/mycod/lootstream/icons/loot-epic.png");
}
.dashboard-page .dashboard__battlepass .battlepass-loot.locked::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.65);
  z-index: 100;
}
@media only screen and (max-width: 1024px) {
  .dashboard-page .dashboard__battlepass .battlepass-loot.locked::before {
    background-size: 13px auto;
    background-position: 10px calc(100% - 10px);
  }
}
.dashboard-page .dashboard__battlepass .battlepass-loot__locked {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 30px;
  color: #777777;
  z-index: 100;
}
.dashboard-page .dashboard__battlepass .battlepass-loot__free {
  position: absolute;
  padding: 7px 0;
  background-color: rgba(60, 108, 43, 0.5);
  border-top: 1px solid #c4f5a7;
  border-bottom: 1px solid #c4f5a7;
  width: 100%;
  z-index: 100;
  text-align: center;
  font-size: 13px;
  color: #c4f5a7;
  top: 0;
}
.dashboard-page .battlepass-progression-container {
  position: relative;
  bottom: 50px;
  height: 10px;
  width: 100%;
  background-image: linear-gradient(to top, #454545 100%, rgba(109, 114, 120, 0) 0%);
}
@media only screen and (max-width: 1024px) {
  .dashboard-page .battlepass-progression-container {
    bottom: 34px;
  }
}
.dashboard-page .battlepass-progression-container .battlepass-progression-bar {
  height: 100%;
  background-image: linear-gradient(to right, #747474, #848484 25%, #ffffff 75%, #878686);
}
.dashboard-page .battlepass-progression-container .battlepass-progression-bar.premium {
  background-image: linear-gradient(to right, #ae8625, #f7ef8a 74%, #d2ac47 109%, #edc967 147%);
}
.dashboard-page .battlepass-progression-container .battlepass-progression-bar:after {
  content: "";
  height: 15px;
  width: 43px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAdCAYAAAC9pNwMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M0ZDNzQwMDQxNEM2MTFFQTkxNUNBMDZCNTQ2REJCMTciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6M0ZDNzQwMDUxNEM2MTFFQTkxNUNBMDZCNTQ2REJCMTciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozRkM3NDAwMjE0QzYxMUVBOTE1Q0EwNkI1NDZEQkIxNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozRkM3NDAwMzE0QzYxMUVBOTE1Q0EwNkI1NDZEQkIxNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ps/pL7EAAAHkSURBVHjavFfNSgMxEJ5Nd7EivRXaSx/Ed/DqRaEgKLroQQWrUo9aFMF6UKRUEPwrePYdfI5S+gAWPIjtrl9qRtKwXmqSwHSmw5Zvvi87kzSo1WobYRh2oih6h6dcLkeFQoFKpRIVi0Uql8tUqVQon89Tr9ejfr9P3W6XBoMBxXFM0y6RJMkS7BHxDHlcAvaRpukCwB8Qz3oDDoIglQGAF0ejURth5IsxAZwU+DLAb32AC8g8DqSXBcBXh8NhyzW4YLYMLg3MV8D8WorhVGpdbl4AX0MRNwhDJ8AAIJZbZ63idbimM6l1thnMtyB7E3nhZI+5ALMQtefb8OfW32r9zdZlNxTYhZ1a7+Osvf6NfxLycx++YU1q7mE2/q6zTlUx2O9D+GPkImuTKwt0zFzm+Dn5TJLUkZ+3Nrm06fUrNRehyY1fiRPk3/4DHOrj0mRstpZ6poHskfkSTt1Oqm3MuW3u8xnCutVDQu/frF7G9wvYgfVZPcHM6G0hxCXCPZsDJMxiZxRyBbfj7XRSuZYL0DFjXdKJioRow2LuJCenkwmKK+4d8puuQP96ue5xv5bn8JfzOxezhrRPAF11DcqMAwkKwBeYvO44B+WROQemrwCtIv70daEPAfqM/00dn6ByfQswAD3mEaQX1IgMAAAAAElFTkSuQmCC);
  position: absolute;
  top: -28px;
  left: 23%;
  background-size: auto 100%;
}
.dashboard-page .battlepass-progression-container .battlepass-progression-bar.premium:after {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAdCAYAAAC9pNwMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDgwQkNDRjcxNEM5MTFFQTkxNUNBMDZCNTQ2REJCMTciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDgwQkNDRjgxNEM5MTFFQTkxNUNBMDZCNTQ2REJCMTciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozRkM3NDAwNjE0QzYxMUVBOTE1Q0EwNkI1NDZEQkIxNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowODBCQ0NGNjE0QzkxMUVBOTE1Q0EwNkI1NDZEQkIxNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqWhIMoAAAKSSURBVHjaYrAxFOH5//8/A70xk64yh31FonICA50BEwszI5utAW9CTbpGGl0tZvjPwMDIyGhvbyyY3FKgX0Q/i0EAFOaMjGZ2xsLJ3VVm1XSzGOhjIAHkMDFq2RiJJPTW2NbRxeL/UAKY3hhYmJlUbM1Fk2d2ukygfVCjAXY2ZjkLI/HYSW1u7TSOYxiXEdlyIScb2cz+Vs9GGsYxurUQwM3Fyu/jrlK9cEboHOpbzMgEt/U/wuvwgODiYmW2t5ZPnjstfJq5uTIztSxmYWD4B09cYNuhDmEEQ0hW4+FhY/D30czk5eMQtTBXiThx8s5fyi3+jwhiiEX/oCkcbCckq4HjnIXB3UklhOHP7xVAbihVUzVyGmNkQFgKdyULI4OLvVLInH7faTTJTjBHgGsSZLH/wOBn/M/g6Sif2V3jWE1h4kIkZ0Y0q9F9zMAIcca7Dz8+vnz77Q7FcQyKViTrUP39H+pnsCP+Mzx98eXjtEVXIqbPO7mDOvmYkQEtMzEgWQgBT558/r5o5eWs6fNO7KA4joGW/f3PAEnJjHgUPnry4ePS1RcKuvr3LaNKPgZaxozNQlAuhoXy06efXi9acy23d8K+ldQrQBhBbQEmeFAzQgP8PzSxPXv++dGazXdqeifsX0nNIpMFkXdQcjKY/frd90cLVt1MnzaX8jjFbjE8SzHC8+vHz7/vz15xK3HOkrMHaVE7sSCKSkQh8fHTr8trdz+poZWlqJUEFHz9/uvCqu3PK6cvubSDgYaABbnU/PL195G1+17Wz1lxZR+t21wsoGIQFNRvPvxav/XYm+5F628dp0crE1hkMjJ8+PJnza4zHycuWn+PLpaC01WEh6Txr7+M39fuenqNnj0JgAADALQaQpb//mGcAAAAAElFTkSuQmCC);
}
.dashboard-page .battlepass-buttons-container {
  display: flex;
  justify-content: center;
  padding-left: 30px;
  padding-right: 30px;
}
.dashboard-page .battlepass-buttons-container p {
  padding: 14px 72px;
  border-radius: 3px;
  background-color: #454545;
}
.dashboard-page .battlepass-buttons-container a {
  font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 12px;
  color: #1e9ffd;
  text-decoration: none;
  text-transform: uppercase;
}
.dashboard-page .battlepass-buttons-container a.purchase {
  margin-left: 10px;
  color: #1a1a1a;
}
.dashboard-page .battlepass-buttons-container a.purchase p {
  background-image: linear-gradient(to bottom, #ae8625, #f7ef8a 74%, #d2ac47 109%, #edc967 147%);
  background-color: transparent;
}
.dashboard-page .battlepass-buttons-container a.progress {
  margin-right: 10px;
}
@media only screen and (max-width: 1024px) {
  .dashboard-page .battlepass-buttons-container {
    padding-left: 15px;
    padding-right: 15px;
    justify-content: space-between;
  }
  .dashboard-page .battlepass-buttons-container.premium a {
    width: 100%;
  }
  .dashboard-page .battlepass-buttons-container p {
    padding-left: 15px;
    padding-right: 15px;
  }
  .dashboard-page .battlepass-buttons-container a {
    width: 49%;
    text-align: center;
  }
  .dashboard-page .battlepass-buttons-container a.purchase {
    margin-left: 0;
  }
  .dashboard-page .battlepass-buttons-container a.progress {
    margin-right: 0;
  }
}

.friends-list-page .friends-list-header {
  display: none;
}
@media only screen and (max-width: 1024px) {
  .friends-list-page .friends-list-header {
    display: block;
  }
}
.friends-list-page .friends-list-header .section-tabs-container {
  text-align: right;
}
.friends-list-page .friends-list-header .section-tabs-container .section-tab {
  display: inline-block;
  background-color: transparent;
  padding: 10px 14px;
  border: 1px solid #333;
  border-radius: 3px;
  min-width: 81px;
  margin-left: 10px;
  text-align: center;
  cursor: pointer;
  font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #777;
  font-size: 12px;
  text-transform: uppercase;
}
.friends-list-page .friends-list-header .section-tabs-container .section-tab:hover,
.friends-list-page .friends-list-header .section-tabs-container .section-tab.active {
  background-color: #1e9ffd;
  border-color: #1e9ffd;
  color: #fff;
}
.friends-list-page .friends-section {
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: flex;
  justify-content: space-between;
  align-content: stretch;
  width: 100%;
  margin-top: 50px;
}
@media only screen and (max-width: 1024px) {
  .friends-list-page .friends-section {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 35px;
  }
}
.friends-list-page .friends-widget {
  width: 100%;
  background-color: #303030;
  margin-bottom: 8px;
}
@media (min-width: 1025px) {
  .friends-list-page .friends-widget {
    display: block !important;
  }
}
.friends-list-page .friends-widget.list {
  width: 315px;
}
@media only screen and (max-width: 1024px) {
  .friends-list-page .friends-widget.list {
    width: 100%;
    max-width: 100%;
  }
}
.friends-list-page .friends-widget.feed {
  max-width: calc(100% - 330px);
}
@media only screen and (max-width: 1024px) {
  .friends-list-page .friends-widget.feed {
    display: none;
    width: 100%;
    max-width: 100%;
  }
}
.friends-list-page .friends-widget__header {
  position: relative;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  display: flex;
  align-items: center;
  font-family: "Open Sans Condensed", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.42;
  font-weight: bold;
  font-style: normal;
  padding: 15px 15px 30px;
  text-transform: uppercase;
  font-size: 18px;
  color: #fff;
}
.friends-list-page .friends-widget__title {
  font-family: "Open Sans Condensed", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.42;
  font-style: normal;
  position: relative;
  color: #fff;
  display: block;
  width: 100%;
  padding-left: 15px;
  font-weight: bold;
  text-transform: uppercase;
}
.friends-list-page .friends-widget__title:before {
  content: "";
  display: block;
  border-left: 3px solid #1e9ffd;
  height: 100%;
  position: absolute;
  left: 0;
  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%);
}
.friends-list-page .friends-widget__content {
  padding: 0 15px 15px;
}
.friends-list-page .friends-widget__overflow {
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}
.friends-list-page .friends-widget__overflow::-webkit-scrollbar {
  width: 6px;
}
.friends-list-page .friends-widget__overflow::-webkit-scrollbar-track {
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #202020;
  background-color: #202020;
}
.friends-list-page .friends-widget__overflow::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: #444444;
}
.friends-list-page .friends-widget__overflow::-webkit-scrollbar-thumb:window-inactive {
  background: #444444;
}
.friends-empty-container {
  background-image: url("../../../../../../../content/dam/atvi/callofduty/mycod/dashboard/friends-bg.jpg");
  background-position: center top;
  background-color: #1b1c1e;
  background-repeat: no-repeat;
  color: #ffffff;
  height: 577px;
  position: relative;
}
.friends-empty-container .friends-empty-inner {
  position: absolute;
  left: 50%;
  top: 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%);
  text-align: center;
  width: 100%;
}
.friends-empty-container .friends-empty-inner p {
  font-family: "Open Sans", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.42;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  text-align: center;
  margin-bottom: 35px;
}
.friends-empty-container .friends-empty-inner a {
  display: inline-block;
  font-family: "Open Sans Condensed", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.42;
  font-style: normal;
  color: #ffffff;
  background-color: #1e9ffd;
  padding: 12px;
  letter-spacing: 1px;
  font-weight: bold;
  line-height: 17px;
  text-transform: uppercase;
  margin: 0 auto;
}

.friends-comparison-page .page-header {
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  display: -webkit-box;
  display: flex;
  justify-content: flex-start;
  background-color: #000;
  padding: 25px 0;
}
@media (max-width: 767px) {
  .friends-comparison-page .page-header {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    display: flex;
    align-items: flex-start;
    padding: 10px 0;
  }
}
.friends-comparison-page .heading {
  position: relative;
  color: #ffffff;
  display: block;
  padding-left: 15px;
  font-family: "Open Sans Condensed", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.42;
  font-style: normal;
  font-weight: bold;
  text-transform: uppercase;
  margin-right: 50px;
  white-space: nowrap;
}
.friends-comparison-page .heading:before {
  content: "";
  display: block;
  border-left: 3px solid #1e9ffd;
  height: 100%;
  position: absolute;
  left: 0;
  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%);
}
@media (max-width: 767px) {
  .friends-comparison-page .heading {
    margin-right: 0;
  }
}
.friends-comparison-page .friends-filter {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .friends-comparison-page .friends-filter {
    -webkit-box-lines: multiple;
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
}
.friends-comparison-page .friends-filter__item {
  margin-right: 20px;
  background-color: #222;
  width: 100%;
}
@media (max-width: 767px) {
  .friends-comparison-page .friends-filter__item {
    margin-bottom: 20px;
    margin-right: 0px;
  }
  .friends-comparison-page .friends-filter__item:last-child {
    margin-bottom: 20px;
  }
}
.friends-stats-container .friends-stats-inner {
  color: #fff;
  margin: 0 auto;
}
.friends-stats-container .friends-stats-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
}
@media only screen and (max-width: 1024px) {
  .friends-stats-container .friends-stats-row {
    flex-direction: column;
    margin-bottom: 0;
  }
}
.friends-stats-container .friends-stats-row .friends-stats-section {
  width: calc(50% - 7px);
  background-color: #303030;
  padding: 15px;
  margin-bottom: 15px;
}
@media only screen and (max-width: 1024px) {
  .friends-stats-container .friends-stats-row .friends-stats-section {
    width: 100%;
    padding: 20px 15px;
    margin-bottom: 15px;
  }
}
.friends-stats-container .friends-stats-row .friends-stats-section.kd-section,
.friends-stats-container .friends-stats-row .friends-stats-section.spm-section {
  width: 100%;
}
.friends-stats-container .friends-stats-row .friends-stats-section.total-games-section .section-scroll {
  min-height: 285px;
}
.friends-stats-container .friends-stats-row .friends-stats-section h3.section-title {
  position: relative;
  display: block;
  font-family: "Open Sans Condensed", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.42;
  font-weight: bold;
  font-style: normal;
  color: #ffffff;
  font-size: 16px;
  text-transform: uppercase;
  padding: 0 0 15px 12px;
  margin-bottom: 5px;
}
.friends-stats-container .friends-stats-row .friends-stats-section h3.section-title:before {
  content: "";
  display: block;
  position: absolute;
  top: 1px;
  left: 0;
  border-left: 3px solid #1e9ffd;
  height: 14px;
}
.friends-stats-container .friends-stats-row .friends-stats-section h3.section-title .since-launch {
  display: block;
  font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #777777;
  font-size: 11px;
  font-style: italic;
  text-transform: capitalize;
  margin-top: 5px;
}
.friends-stats-container .friends-stats-row .friends-stats-section .section-scroll {
  white-space: nowrap;
  overflow-x: scroll;
  overflow-y: hidden;
  /* ==================== KILL/DEATH RATIO ==================== */
  /* ===================== SCORE PER MINUTE ===================== */
  /* ===================== TOTAL GAMES PLAYED ===================== */
  /* ===================== TOTAL TIME PLAYED ===================== */
  /* ===================== COMMON STYLES ===================== */
}
.friends-stats-container .friends-stats-row .friends-stats-section .section-scroll.vert {
  overflow-x: hidden;
  overflow-y: scroll;
  max-height: 300px;
  padding: 0 30px 0 12px;
}
.friends-stats-container .friends-stats-row .friends-stats-section .section-scroll.vert::-webkit-scrollbar {
  width: 6px;
}
.friends-stats-container .friends-stats-row .friends-stats-section .section-scroll::-webkit-scrollbar {
  height: 6px;
}
.friends-stats-container .friends-stats-row .friends-stats-section .section-scroll::-webkit-scrollbar-track {
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #202020;
  background-color: #202020;
}
.friends-stats-container .friends-stats-row .friends-stats-section .section-scroll::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: #444444;
}
.friends-stats-container .friends-stats-row .friends-stats-section .section-scroll::-webkit-scrollbar-thumb:window-inactive {
  background: #444444;
}
.friends-stats-container .friends-stats-row .friends-stats-section .section-scroll .kd-container {
  display: inline-block;
  width: 170px;
  min-width: 140px;
  margin: 0 10px 10px 0;
  vertical-align: top;
}
@media only screen and (max-width: 767px) {
  .friends-stats-container .friends-stats-row .friends-stats-section .section-scroll .kd-container {
    width: 27%;
    min-width: 95px;
  }
}
.friends-stats-container .friends-stats-row .friends-stats-section .section-scroll .kd-container:last-of-type {
  margin-right: 0;
}
.friends-stats-container .friends-stats-row .friends-stats-section .section-scroll .kd-container .kd-chart {
  position: relative;
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center 20px;
  width: 100%;
  margin: 0 0 0 0;
  padding: 0 10px;
}
.friends-stats-container .friends-stats-row .friends-stats-section .section-scroll .kd-container .kd-chart .kd-chart-graph {
  margin-bottom: 12px;
}
.friends-stats-container .friends-stats-row .friends-stats-section .section-scroll .kd-container .kd-chart .mycod-kd {
  margin: 25px 0 0;
  padding: 10px 10px 0;
}
.friends-stats-container .friends-stats-row .friends-stats-section .section-scroll .kd-container .kd-chart .value-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%);
  top: 54%;
  width: 100%;
  text-align: center;
}
.friends-stats-container .friends-stats-row .friends-stats-section .section-scroll .kd-container .kd-chart .value-wrapper .value {
  display: block;
  font-family: "Electrolize", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.42;
  font-style: normal;
  font-weight: normal;
  font-size: 40px;
  line-height: 42px;
}
@media only screen and (max-width: 767px) {
  .friends-stats-container .friends-stats-row .friends-stats-section .section-scroll .kd-container .kd-chart .value-wrapper .value {
    font-size: 20px;
    font-size: calc(18px + 1vw);
    line-height: 22px;
    line-height: calc(20px + 1vw);
  }
}
.friends-stats-container .friends-stats-row .friends-stats-section .section-scroll .kd-container .kd-chart .value-wrapper .value-label {
  display: block;
  font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #ffffff;
  font-size: 10px;
  line-height: 12px;
  width: 45%;
  margin: 5px auto 0;
  padding: 2px 0;
}
@media only screen and (max-width: 767px) {
  .friends-stats-container .friends-stats-row .friends-stats-section .section-scroll .kd-container .kd-chart .value-wrapper .value-label {
    margin-top: 0;
  }
}
.friends-stats-container .friends-stats-row .friends-stats-section .section-scroll .spm-chart {
  display: inline-block;
  width: 170px;
  margin: 0 10px 10px 0;
  text-align: center;
  vertical-align: top;
  min-width: 140px;
}
@media only screen and (max-width: 767px) {
  .friends-stats-container .friends-stats-row .friends-stats-section .section-scroll .spm-chart {
    width: 27%;
    min-width: 95px;
  }
}
.friends-stats-container .friends-stats-row .friends-stats-section .section-scroll .spm-chart:last-of-type {
  margin-right: 0;
}
.friends-stats-container .friends-stats-row .friends-stats-section .section-scroll .spm-chart .spm-value-container {
  position: relative;
  background-image: linear-gradient(to bottom, #212121, #000000);
  margin-bottom: 12px;
}
.friends-stats-container .friends-stats-row .friends-stats-section .section-scroll .spm-chart .spm-value-container:before {
  display: block;
  content: '';
  width: 100%;
  height: 0;
  padding-top: 82.35294118%;
}
.friends-stats-container .friends-stats-row .friends-stats-section .section-scroll .spm-chart .spm-value-container:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0px;
  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);
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fff;
}
.friends-stats-container .friends-stats-row .friends-stats-section .section-scroll .spm-chart .spm-value-container .spm-value {
  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%);
  font-family: "Electrolize", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.42;
  font-style: normal;
  font-size: 44px;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .friends-stats-container .friends-stats-row .friends-stats-section .section-scroll .spm-chart .spm-value-container .spm-value {
    font-size: 30px;
  }
}
.game-wwii .friends-stats-container .friends-stats-row .friends-stats-section .section-scroll .spm-chart.your-chart .spm-value-container {
  background-image: linear-gradient(to bottom, #9f912a, #9f912a);
}
.game-bo4 .friends-stats-container .friends-stats-row .friends-stats-section .section-scroll .spm-chart.your-chart .spm-value-container {
  background-image: linear-gradient(to bottom, #ff6600, #ff6600);
}
.game-mw .friends-stats-container .friends-stats-row .friends-stats-section .section-scroll .spm-chart.your-chart .spm-value-container,
.game-cw .friends-stats-container .friends-stats-row .friends-stats-section .section-scroll .spm-chart.your-chart .spm-value-container {
  background-image: linear-gradient(to bottom, #57ced4, #57ced4);
}
.friends-stats-container .friends-stats-row .friends-stats-section .section-scroll .games-chart {
  position: relative;
  display: inline-block;
  width: 14%;
  min-width: 107px;
  padding-top: 10px;
  margin: 0 10px 10px 0;
  vertical-align: top;
}
@media only screen and (max-width: 767px) {
  .friends-stats-container .friends-stats-row .friends-stats-section .section-scroll .games-chart {
    min-width: 93px;
  }
}
.friends-stats-container .friends-stats-row .friends-stats-section .section-scroll .games-chart:last-of-type {
  margin-right: 0;
}
.friends-stats-container .friends-stats-row .friends-stats-section .section-scroll .games-chart.your-chart .vertical-bar-chart .vertical-chart-inner {
  background-color: #9f912a;
}
.game-bo4 .friends-stats-container .friends-stats-row .friends-stats-section .section-scroll .games-chart.your-chart .vertical-bar-chart .vertical-chart-inner {
  background-color: #ff6600;
}
.game-mw .friends-stats-container .friends-stats-row .friends-stats-section .section-scroll .games-chart.your-chart .vertical-bar-chart .vertical-chart-inner,
.game-cw .friends-stats-container .friends-stats-row .friends-stats-section .section-scroll .games-chart.your-chart .vertical-bar-chart .vertical-chart-inner {
  background-color: #57ced4;
}
.friends-stats-container .friends-stats-row .friends-stats-section .section-scroll .games-chart.your-chart .vertical-bar-chart .vertical-chart-inner:before {
  display: none;
}
.friends-stats-container .friends-stats-row .friends-stats-section .section-scroll .games-chart.your-chart .vertical-bar-chart .vertical-chart-inner .match-numbers-value {
  color: #ffffff;
}
.friends-stats-container .friends-stats-row .friends-stats-section .section-scroll .games-chart.your-chart .chart-label.you {
  width: 85px;
}
.friends-stats-container .friends-stats-row .friends-stats-section .section-scroll .games-chart .vertical-bar-chart {
  position: relative;
  background-image: linear-gradient(to right, #212121, #000000);
  width: 85px;
  height: 0;
  padding-top: 190px;
  margin: 0 auto 20px;
}
@media only screen and (max-width: 767px) {
  .friends-stats-container .friends-stats-row .friends-stats-section .section-scroll .games-chart .vertical-bar-chart {
    width: 85px;
  }
}
.friends-stats-container .friends-stats-row .friends-stats-section .section-scroll .games-chart .vertical-bar-chart .vertical-chart-inner {
  position: absolute;
  background-color: #fff;
  width: 100%;
  bottom: 0;
  left: 0;
}
.friends-stats-container .friends-stats-row .friends-stats-section .section-scroll .games-chart .vertical-bar-chart .vertical-chart-inner .match-numbers-value {
  position: absolute;
  left: 50%;
  bottom: 10px;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  font-family: "Electrolize", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.42;
  font-style: normal;
  color: #000000;
  font-size: 24px;
}
@media only screen and (max-width: 767px) {
  .friends-stats-container .friends-stats-row .friends-stats-section .section-scroll .games-chart .vertical-bar-chart .vertical-chart-inner .match-numbers-value {
    font-size: 24px;
    letter-spacing: unset;
  }
}
.friends-stats-container .friends-stats-row .friends-stats-section .section-scroll .games-chart .vertical-bar-chart .vertical-chart-inner .match-numbers-value.small-val {
  color: #ffffff;
  bottom: unset;
  top: -34px;
}
.friends-stats-container .friends-stats-row .friends-stats-section .section-scroll .group {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  width: 100%;
}
.friends-stats-container .friends-stats-row .friends-stats-section .section-scroll .time-chart {
  direction: ltr;
  margin: 0 0 20px 0;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .friends-stats-container .friends-stats-row .friends-stats-section .section-scroll .time-chart {
    font-size: 22px;
  }
}
.friends-stats-container .friends-stats-row .friends-stats-section .section-scroll .time-chart.your-chart {
  background-color: unset;
}
.friends-stats-container .friends-stats-row .friends-stats-section .section-scroll .time-chart.your-chart .chart-label.you:before {
  display: none;
}
.friends-stats-container .friends-stats-row .friends-stats-section .section-scroll .time-chart .chart-labels {
  display: inline-block;
  min-width: 110px;
  vertical-align: top;
}
.friends-stats-container .friends-stats-row .friends-stats-section .section-scroll .time-chart .chart-labels .chart-label,
.friends-stats-container .friends-stats-row .friends-stats-section .section-scroll .time-chart .chart-labels .chart-label.sub-label {
  display: inline-block;
  overflow: unset;
}
.friends-stats-container .friends-stats-row .friends-stats-section .section-scroll .time-chart .time-value-container {
  display: inline-block;
  float: right;
}
.friends-stats-container .friends-stats-row .friends-stats-section .section-scroll .time-chart .time-value-container .time-value {
  width: 100%;
  font-family: "Electrolize", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.42;
  font-style: normal;
  font-size: 22px;
  line-height: 26px;
  text-align: right;
}
@media only screen and (max-width: 767px) {
  .friends-stats-container .friends-stats-row .friends-stats-section .section-scroll .time-chart .time-value-container .time-value {
    font-size: 18px;
    line-height: 28px;
  }
}
.friends-stats-container .friends-stats-row .friends-stats-section .section-scroll .time-chart .horizontal-bar-chart {
  position: relative;
  display: block;
  background-image: linear-gradient(to bottom, #000000, #212121);
  width: 100%;
  height: 7px;
  margin-top: 8px;
}
@media only screen and (max-width: 767px) {
  .friends-stats-container .friends-stats-row .friends-stats-section .section-scroll .time-chart .horizontal-bar-chart {
    margin-top: 5px;
  }
}
.friends-stats-container .friends-stats-row .friends-stats-section .section-scroll .time-chart .horizontal-bar-chart .horizontal-bar-inner {
  position: absolute;
  background-color: #ffffff;
  height: 7px;
  left: 0;
}
.friends-stats-container .friends-stats-row .friends-stats-section .section-scroll .chart-label {
  font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #ffffff;
  font-size: 14px;
  line-height: 26px;
  font-weight: normal;
  text-transform: uppercase;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media only screen and (max-width: 767px) {
  .friends-stats-container .friends-stats-row .friends-stats-section .section-scroll .chart-label {
    font-size: 12px;
    line-height: 24px;
  }
}
.friends-stats-container .friends-stats-row .friends-stats-section .section-scroll .chart-label.sub-label {
  line-height: 14px;
}
.friends-stats-container .friends-stats-row .friends-stats-section .section-scroll .chart-label.top-username {
  line-height: 15px;
  text-transform: unset;
}
.friends-stats-container .friends-stats-row .friends-stats-section .section-scroll .chart-label.you {
  position: relative;
  background-color: #9f912a;
  font-weight: 700;
  line-height: 26px;
  width: 100%;
  max-width: 85px;
  margin: 0 auto;
  overflow: unset;
}
@media only screen and (max-width: 767px) {
  .friends-stats-container .friends-stats-row .friends-stats-section .section-scroll .chart-label.you {
    line-height: 24px;
  }
}
.game-bo4 .friends-stats-container .friends-stats-row .friends-stats-section .section-scroll .chart-label.you {
  background-color: #ff6600;
}
.game-mw .friends-stats-container .friends-stats-row .friends-stats-section .section-scroll .chart-label.you,
.game-cw .friends-stats-container .friends-stats-row .friends-stats-section .section-scroll .chart-label.you {
  background-color: #57ced4;
  color: #000;
}
.friends-stats-container .friends-stats-row .friends-stats-section .section-scroll .chart-label.you:before {
  content: "";
  display: none;
  position: absolute;
  top: -10px;
  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);
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #9f912a;
}
.game-bo4 .friends-stats-container .friends-stats-row .friends-stats-section .section-scroll .chart-label.you:before {
  border-bottom: 10px solid #ff6600;
}
.game-mw .friends-stats-container .friends-stats-row .friends-stats-section .section-scroll .chart-label.you:before,
.game-cw .friends-stats-container .friends-stats-row .friends-stats-section .section-scroll .chart-label.you:before {
  border-bottom: 10px solid #57ced4;
}
.friends-stats-container .friends-stats-row .friends-stats-section .section-scroll .chart-label.username {
  text-transform: unset;
}
.friends-stats-container .friends-stats-row .friends-stats-section .section-scroll .your-chart {
  color: #9f912a;
}
.game-bo4 .friends-stats-container .friends-stats-row .friends-stats-section .section-scroll .your-chart {
  color: #ff6600;
}
.game-mw .friends-stats-container .friends-stats-row .friends-stats-section .section-scroll .your-chart,
.game-cw .friends-stats-container .friends-stats-row .friends-stats-section .section-scroll .your-chart {
  color: #57ced4;
}
.friends-stats-container .friends-stats-row .friends-stats-section .section-scroll .your-chart .chart-label {
  font-weight: 700;
}
.friends-stats-container .friends-stats-row .friends-stats-section .section-scroll .your-chart .value {
  color: #9f912a;
}
.game-bo4 .friends-stats-container .friends-stats-row .friends-stats-section .section-scroll .your-chart .value {
  color: #ff6600;
}
.game-mw .friends-stats-container .friends-stats-row .friends-stats-section .section-scroll .your-chart .value,
.game-cw .friends-stats-container .friends-stats-row .friends-stats-section .section-scroll .your-chart .value {
  color: #57ced4;
}
.friends-stats-container .friends-stats-row .friends-stats-section .section-scroll .your-chart .horizontal-bar-chart .horizontal-bar-inner {
  background-color: #9f912a;
}
.game-bo4 .friends-stats-container .friends-stats-row .friends-stats-section .section-scroll .your-chart .horizontal-bar-chart .horizontal-bar-inner {
  background-color: #ff6600;
}
.game-mw .friends-stats-container .friends-stats-row .friends-stats-section .section-scroll .your-chart .horizontal-bar-chart .horizontal-bar-inner,
.game-cw .friends-stats-container .friends-stats-row .friends-stats-section .section-scroll .your-chart .horizontal-bar-chart .horizontal-bar-inner {
  background-color: #57ced4;
}
.friends-empty-container {
  background-image: url("../../../../../../../content/dam/atvi/callofduty/mycod/dashboard/friends-bg.jpg");
  background-position: center top;
  background-color: #1b1c1e;
  background-repeat: no-repeat;
  color: #ffffff;
  height: 577px;
  position: relative;
}
.friends-empty-container .friends-empty-inner {
  position: absolute;
  left: 50%;
  top: 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%);
  text-align: center;
  width: 100%;
}
.friends-empty-container .friends-empty-inner p {
  font-family: "Open Sans", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.42;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  text-align: center;
  margin-bottom: 35px;
}
.friends-empty-container .friends-empty-inner a {
  display: inline-block;
  font-family: "Open Sans Condensed", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.42;
  font-style: normal;
  color: #ffffff;
  background-color: #1e9ffd;
  padding: 12px;
  letter-spacing: 1px;
  font-weight: bold;
  line-height: 17px;
  text-transform: uppercase;
  margin: 0 auto;
}
.friends-comparison-page .friends-widget {
  width: 100%;
  max-width: calc(50% - 4px);
  background-color: #111;
  margin-bottom: 8px;
}
@media (max-width: 767px) {
  .friends-comparison-page .friends-widget {
    max-width: 100%;
  }
}
.friends-comparison-page .friends-widget__header {
  position: relative;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  display: flex;
  align-items: center;
  font-family: "Open Sans Condensed", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.42;
  font-weight: bold;
  font-style: normal;
  padding: 30px;
  text-transform: uppercase;
  font-size: 18px;
  color: #fff;
}
@media (max-width: 767px) {
  .friends-comparison-page .friends-widget__header {
    padding: 30px 15px;
  }
}
.friends-comparison-page .friends-widget__title {
  font-family: "Open Sans Condensed", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.42;
  font-style: normal;
  position: relative;
  color: #fff;
  display: block;
  width: 100%;
  padding-left: 15px;
  font-weight: bold;
  text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
  .friends-comparison-page .friends-widget__title {
    margin-left: 15px;
  }
}
.friends-comparison-page .friends-widget__title:before {
  content: "";
  display: block;
  border-left: 3px solid #1e9ffd;
  height: 100%;
  position: absolute;
  left: 0;
  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%);
}
.friends-comparison-page .friends-widget__content {
  padding: 0 30px 30px;
}
.friends-comparison-page .friends-widget__overflow {
  overflow-x: hidden;
  overflow-y: scroll;
  height: 375px;
  -webkit-overflow-scrolling: touch;
}
.friends-comparison-page .friends-widget__overflow::-webkit-scrollbar {
  width: 6px;
}
.friends-comparison-page .friends-widget__overflow::-webkit-scrollbar-track {
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #202020;
  background-color: #202020;
}
.friends-comparison-page .friends-widget__overflow::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: #444444;
}
.friends-comparison-page .friends-widget__overflow::-webkit-scrollbar-thumb:window-inactive {
  background: #444444;
}
.friends-comparison-page .friends-section {
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
@media (max-width: 767px) {
  .friends-comparison-page .friends-section {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.barracks-page.main-content-inner.inner-wrapper {
  max-width: none;
  padding: 0;
  min-height: 325px;
}
.barracks-page.main-content-inner.inner-wrapper > .barracks {
  width: 100%;
  max-width: 1280px;
  margin: auto;
  position: relative;
}
@media screen and (max-width: 640px) {
  .barracks-page.main-content-inner.inner-wrapper > .barracks {
    padding: 12px 12px 0;
  }
}
@media screen and (min-width: 641px) {
  .barracks-page.main-content-inner.inner-wrapper > .barracks {
    padding: 40px 15px 0;
  }
}
.barracks-page .mycod-section-header {
  margin-bottom: 10px;
}

.page-combatrecord:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('https://www.callofduty.com/cdn/app/banners/combatrecord/career_default.png');
  z-index: 0;
  background-size: cover;
  background-position: center top;
}
.page-combatrecord.game-mw.type-mp:after {
  background-image: url('https://www.callofduty.com/cdn/app/banners/combatrecord/career_mw_mp_large.jpg');
}
.page-combatrecord.game-mw.type-wz:after {
  background-image: url('https://www.callofduty.com/cdn/app/banners/combatrecord/career_mw_wz_large.jpg');
}
.page-combatrecord.game-cw.type-mp:after {
  background-image: url('https://www.callofduty.com/cdn/app/banners/combatrecord/career_cw_mp_large.jpg');
}
.page-combatrecord.game-cw.type-wz:after {
  background-image: url('https://www.callofduty.com/cdn/app/banners/combatrecord/career_cw_wz_large.jpg');
}
.page-combatrecord.game-cw.type-zm:after {
  background-image: url('https://www.callofduty.com/cdn/app/banners/combatrecord/career_cw_zm_large.jpg');
}
#combatrecord-container {
  display: flex;
  flex-wrap: wrap;
  padding: 20px;
}
#combatrecord-container .combatrecord-container-components {
  position: relative;
  width: 100%;
}
#combatrecord-container .combatrecord-container-components.error-container h3 {
  color: #fff;
  font-family: "Electrolize", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.42;
  font-weight: bold;
  font-style: normal;
  font-size: 32px;
  line-height: 32px;
  text-transform: uppercase;
  margin-bottom: 15px;
}
#combatrecord-container .combatrecord-container-components.error-container p {
  color: #777777;
  font-size: 14px;
  line-height: 18px;
  font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #fff;
  margin-bottom: 15px;
}
#combatrecord-container .go-back-link,
#combatrecord-container .recent-matches-link {
  position: relative;
  font-size: 14px;
  color: #1e9ffd;
  text-transform: uppercase;
  z-index: 10;
  margin-bottom: 10px;
  display: block;
}
#combatrecord-container .go-back-link:after,
#combatrecord-container .recent-matches-link:after {
  content: "";
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAQCAYAAAAMJL+VAAAMUmlDQ1BEaXNwbGF5AABIiZVXd1RT9/t+7khCwp4CggTZIIogW2aYgoBscIYkQBghXhJU3JRSBesWB46KVkUsWgcgdSBqnVVxW8cXByqVWtxbfn8kUGu/5/zO9z3n3vue5/O8zzvuPTl5Ad21Qrm8gNQDCmUKJjEylJ+ekcnnPAABEhwA/kJRsTwkISEWAPqeXxgBvL4KAgAuuQrl8gL8b6YvlhSLACIBQJa4WFQIEHsBulwkZxQA2weAzRSFXAGwxwEwYtIzMgG2HIBRjsovB2CUpfJXATBikhMFAHsHoKElFDI5gE4zAH6JKEcB6FwH4CYTS2WArgaAQFGuUAzoRgEYUlhYJAZ0FQAcs77QyfmHZla/plCY0++regEAaIRJi+UFwmn/4zj+fyssUPblsAeglctEJQIwAojr+UUxiQC0AKJblhUXD8AAIN5KxYDKJ3m5yqgUFZ+0EBULMgGYAKSbWBgWA8ACICNkBXGxajwrWxoRDUAPIKdKFdHJ6th5kuLwJLXmWqYoMb7Pz2YEIerYBiEDqPnHlPkpIWr967mS6D79l6W5yWmqmileiTQ1DoAOQJkU5yfFqDiUbWmuIK6PwygTUwDYApSfRBYZqtKnJmQzEYlqPlNY3NcvNS9XGh2n9tcocpOj1Do7RMLwJACmANUskYWk9OlIitNj+3oRS8LCVb1TFySyFHW/VIdcEZqojn0uL0hQ82mepCAyEcBggLYoLklSx9KBCiZZ/Y7oOLkiIVlVJ52VJxyVoKqHnopYCBAGPpTgIwtFyIP0XHdTN/jqkwgIwSAHEriqkb6INAjBQAYhklCKPyGDBMX9caEQgoEEJZDhUz+qursiG0IwKIEExcjHQzAoRAwKIIESDCSQ9WdLxQMwkP4ruwhFKEARGEj/CxYCAWLViLJPl6/bx2SHs8PYUewIthNtTgfS/nQsHUgH04G0O+1D+/ZV+zef9ZDVzrrHusLqYN2YKC1jvuqHj9HogFI9KwmyvuyZtqfdaU86lA6gA2lf8GkT2hyu9Ajahw6hg2h/2pP2hUBduRL/1v5HD19MXc3junFJ7gBuMNfx60gdZx3PfhUJZP+YkKrWrP65CvpPvs4v+GLSYhQh5msmNY/aQ52gjlCnqANUE/jUYaqZOksdpJq++IoegEFOf7ZESCBDPgog/Vc+oTonAwmK3erdutw+qs4UkqkKABAUyacx0pxcBT9ELi+Q8KNloqFD+O5u7m5AekYmX/Uz9cIEBADC5PTfWNlLIEDc29t74G8s1hbY+y3Ae/g35nAI0BkAnKwSKZkSFUYDAAs86MIIZhgEGzjCFe7wgj+CEY5RiEcyMjABIuSiEAymYAbmogJVWIwVWIMN2IRt+Am70YQDOIJfcQYXcAU30YFOPEEPXuMDQRAcQpswJMwIK8KOcCHcCR8ikAgnYolEIoOYROQQMkJJzCC+IaqIpcQaYiNRR/xM7CeOEKeIduIGcZfoIp4T70mK1CKNSEvSnhxG+pAhZAyZTI4nc8jJZClZTi4kV5G15A6ykTxCniGvkB3kE/IVBUqTMqGsKVfKhxJQ8VQmlU0x1CyqkqqmaqkGqoU6QV2iOqhu6h3Npg1pPu1K+9NRdAotoifTs+gF9Bp6G91IH6Mv0XfpHvozS5tlwXJh+bGiWemsHNYUVgWrmrWFtY91nHWF1cl6zWazTdgObG92FDuDnceezl7AXsfeyW5lt7Pvs19xOBwzjgsngBPPEXIUnArOas4OzmHORU4n562GpoaVhrtGhEamhkyjTKNaY7vGIY2LGo80PnD1uHZcP248V8ydxl3E3cxt4Z7ndnI/8PR5DrwAXjIvjzeXt4rXwDvOu8V7oampOVjTV3OMplRzjuYqzV2aJzXvar7TMtBy1hJojdNSai3U2qrVqnVD64W2tra9drB2prZCe6F2nfZR7Tvab3UMdYbqROuIdWbr1Og06lzUearL1bXTDdGdoFuqW627R/e8brceV89eT6An1JulV6O3X++a3it9Q/3h+vH6hfoL9Lfrn9J/bMAxsDcINxAblBtsMjhqcN+QMrQxFBiKDL8x3Gx43LDTiG3kYBRtlGdUZfST0TmjHmMD4xHGqcZTjWuMDxp3mFAm9ibRJgUmi0x2m1w1eT/AckDIAMmA+QMaBlwc8MZ0oGmwqcS00nSn6RXT92Z8s3CzfLMlZk1mt81pc2fzMeZTzNebHzfvHmg00H+gaGDlwN0Df7cgLZwtEi2mW2yyOGvxynKQZaSl3HK15VHL7kEmg4IH5Q1aPujQoC4rQ6tAK6nVcqvDVn/wjfkh/AL+Kv4xfo+1hXWUtdJ6o/U56w+DHQanDC4bvHPwbRuejY9Nts1ymzabHlsr29G2M2zrbX+349r52OXarbQ7YffG3sE+zf47+yb7xw6mDtEOpQ71DrcctR2DHCc71jpedmI7+TjlO61zuuBMOns65zrXOJ93IV28XKQu61zah7CG+A6RDakdcs1VyzXEtcS13vXuUJOhsUPLhjYNfTrMdljmsCXDTgz77ObpVuC22e3mcIPho4aXDW8Z/tzd2V3kXuN+2UPbI8Jjtkezx7MRLiMkI9aPuO5p6Dna8zvPNs9PXt5ejFeDV5e3rfck77Xe13yMfBJ8Fvic9GX5hvrO9j3g+87Py0/ht9vvL39X/3z/7f6PRzqMlIzcPPJ+wOAAYcDGgI5AfuCkwB8CO4Ksg4RBtUH3gm2CxcFbgh+FOIXkhewIeRrqFsqE7gt9I/ATzBS0hlFhkWGVYefCDcJTwteE34kYHJETUR/RE+kZOT2yNYoVFRO1JOpatGW0KLouumeU96iZo47FaMUkxayJuRfrHMvEtowmR48avWz0rTi7OFlcUzzio+OXxd9OcEiYnPDLGPaYhDE1Yx4mDk+ckXgiyTBpYtL2pNfJocmLkm+mOKYoU9pSdVPHpdalvkkLS1ua1pE+LH1m+pkM8wxpRnMmJzM1c0vmq7HhY1eM7RznOa5i3NXxDuOnjj81wXxCwYSDE3UnCifumcSalDZp+6SPwnhhrfBVVnTW2qwekUC0UvREHCxeLu6SBEiWSh5lB2QvzX6cE5CzLKcrNyi3OrdbKpCukT7Li8rbkPcmPz5/a35vQVrBzkKNwkmF+2UGsnzZsaJBRVOL2uUu8gp5x2S/ySsm9zAxzJZionh8cbPCSCFXnFU6Kr9V3i0JLKkpeTsldcqeqfpTZVPPTnOeNn/ao9KI0h+n09NF09tmWM+YO+PuzJCZG2cRs7Jmtc22mV0+u3NO5Jxtc3lz8+f+VuZWtrTs5Tdp37SUW5bPKb//beS39RU6FUzFte/8v9swj54nnXduvsf81fM/V4orT1e5VVVXfVwgWnD6++Hfr/q+d2H2wnOLvBatX8xeLFt8dUnQkm1L9ZeWLr2/bPSyxuX85ZXLX66YuOJU9YjqDSt5K5UrO1bFrmpebbt68eqPa3LXXKkJrdm51mLt/LVv1onXXVwfvL5hg+WGqg3vf5D+cH1j5MbGWvva6k3sTSWbHm5O3XziR58f67aYb6na8mmrbGvHtsRtx+q86+q2W2xfVE/WK+u7dozbceGnsJ+aG1wbNu402Vm1C7uUu/74edLPV3fH7G7b47OnYa/d3rX7DPdVNhKN0xp7mnKbOpozmtv3j9rf1uLfsu+Xob9sPWB9oOag8cFFh3iHyg/1Hi49/KpV3tp9JOfI/baJbTePph+9fGzMsXPHY46f/DXi16MnQk4cPhlw8sApv1P7T/ucbjrjdabxrOfZfb95/rbvnNe5xvPe55sv+F5oaR/Zfuhi0MUjl8Iu/Xo5+vKZK3FX2q+mXL1+bdy1juvi649vFNx49nvJ7x9uzrnFulV5W+929R2LO7X/cfrPzg6vjoN3w+6evZd07+Z90f0nD4offOwsf6j9sPqR1aO6x+6PD3RFdF34Y+wfnU/kTz50V/yp/+fap45P9/4V/NfZnvSezmfMs97nC16Yvdj6csTLtlcJr+68Lnz94U3lW7O32975vDvxPu39ow9TPnI+rvrk9Knlc8znW72Fvb1yISMEAFAAyOxs4PlWQDsDMLwA8Maq9jwAAKHaTQHVf5D/7qt2QQCAF9AAIBGAoBXY1QrYzwG0g4EEAMnBID08+i+1FWd7uKu0tBiA9ba394UlwGkBPjG9vR/W9fZ+2gxQN4DWyar9EgDYesAPwQBwxVQ8B1/Z/wGJiH9cqGzVfQAAAAlwSFlzAAAWJQAAFiUBSVIk8AAABe1pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKE1hY2ludG9zaCkiIHhtcDpDcmVhdGVEYXRlPSIyMDIwLTA4LTI0VDExOjA0OjQzLTA3OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIwLTA4LTI0VDExOjA0OjQzLTA3OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMC0wOC0yNFQxMTowNDo0My0wNzowMCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2YTFhNzczNy0zMDFiLTRiY2ItOTdmZi1iMjMzNWUzYjdkNzkiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpkOTVmYzBmYi0zNDk5LTgzNDktOGU4MC02MGM0ODE4NjUwMzciIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpjN2ZmNDdhMi0wMTkxLTQyZGQtODZjOC1lMGQzY2RlZWI3YjciIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiBwaG90b3Nob3A6SUNDUHJvZmlsZT0iRGlzcGxheSI+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNyZWF0ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6YzdmZjQ3YTItMDE5MS00MmRkLTg2YzgtZTBkM2NkZWViN2I3IiBzdEV2dDp3aGVuPSIyMDIwLTA4LTI0VDExOjA0OjQzLTA3OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjEuMCAoTWFjaW50b3NoKSIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6NmExYTc3MzctMzAxYi00YmNiLTk3ZmYtYjIzMzVlM2I3ZDc5IiBzdEV2dDp3aGVuPSIyMDIwLTA4LTI0VDExOjA0OjQzLTA3OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjEuMCAoTWFjaW50b3NoKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5BB6iNAAABIElEQVQ4jWP4//8/A7nYrGLnEfvu66945fWEcKlhYqAA8MnqWnOJyIual+14y6ugL4RNDUUWnOzyEP797QMDK5cAgwUOSyiy4NODi+8IWUKRBTBLrq0o82NgYGBg5RJgMM5ZeYOqFjAwMDA8PbR488V5aX4MDAwMXCLyog49N17B5Bj////PIKhpp06OwYxwAgJkrGNuyFjHMjAwMDB8e/Pw9YESDTFG++7rr7hE5EUp8ABO8O3Nw9dUCSJ8gPZB9P//fyq4k4FB2i7WVz9p1iZkwxkYqJSKcBnOwAANIkoAr4K+kEXZjresXAIMv799YNidJcmILE+RD3jkUQ0/2eUhjK6GIgtMclfeQDb804OL76hqwbc3j27hM5yBgYEBAItswS4apk1kAAAAAElFTkSuQmCC');
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  top: 0px;
  height: 13px;
  width: 15px;
}
#combatrecord-container .go-back-link {
  padding-left: 20px;
}
#combatrecord-container .go-back-link:after {
  left: 0;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
#combatrecord-container .recent-matches-link {
  padding-right: 20px;
  position: absolute;
  left: 140px;
  top: 110px;
}
#combatrecord-container .recent-matches-link:after {
  right: 0;
}
#combatrecord-container .heading {
  z-index: 10;
  color: white;
  padding: 0 0 15px 12px;
  font-family: "Open Sans Condensed", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.42;
  font-style: normal;
  font-weight: bold;
  position: relative;
  text-transform: uppercase;
}
#combatrecord-container .heading:before {
  content: "";
  display: block;
  border-left: 3px solid #1e9ffd;
  position: absolute;
  height: 15px;
  left: 0;
  z-index: 10;
}
#combatrecord-container .section-header {
  color: #fff;
  font-family: "Open Sans Condensed", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.42;
  font-weight: bold;
  font-style: normal;
  text-transform: uppercase;
  padding: 15px 20px;
  border-bottom: 2px solid #252525;
  z-index: 10;
}
#combatrecord-container .game-select-wrap {
  z-index: 11;
}
@media only screen and (max-width: 767px) {
  #combatrecord-container {
    padding: 0;
  }
}
#combatrecord-container .achievements-modal-container {
  padding: 20px;
}
#combatrecord-container .achievements-subtitle {
  font-size: 18px;
  color: #fff;
  text-align: center;
  margin-bottom: 20px;
}
#combatrecord-container .achievements-window-container {
  max-height: 400px;
  overflow-y: scroll;
}
.achievements-container {
  width: 100%;
  margin-bottom: 30px;
  color: #c5b359;
  font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-style: normal;
  min-height: 125px;
  padding: 30px;
  position: relative;
  background-color: rgba(37, 37, 37, 0.25);
  border: 2px solid #252525;
  z-index: 10;
}
.achievements-container .achievements-title {
  font-size: 24px;
  font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-style: normal;
  text-transform: uppercase;
  padding-left: 35px;
  position: relative;
}
.achievements-container .achievements-title:before {
  content: "";
  width: 30px;
  height: 30px;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAYCAYAAADpnJ2CAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAPuSURBVHgBtVZPiJtFFH/z58182bbsl8uKiJooxYMVE6EoeGiyIuipaUHRi5v1UPRWe1BEMElVFA/deK3gtoJ46+4inoT8OYiFHvKtePAPmm9BrFpKUmhJs5vM9M23m91ld7tNAv3B8M3MN+/93nsz8+Yx2AMLnz1hGYC1AIwzFn3dvKUeY+CGbC85J2OcDC20jNVy7/06vWvN93OpFH1T2yctmHmSbkLf1gHMxiyHQd9Eo63x1v9Bl+WIvE2d0g6+QErFj5PJBWe1s96ZtmFL/aXTV2ZhRFS/fJZ1V3sZ6iaozUf2DyJkWIkIvUg79Mws2Ru6X0LyOQM2AWMhBohdILsbFNp3+n3LDDdxwcUlIgTOpVgRKAEnsPXi25drrnHEtkTlwzg4SAZrlRBSrkyf+qkuPa+m1ITTZ7UnGhw8UZNaASq9uY+oZSiVSsCIsLYI0AVfIoJUGLo53/epL485DhHzVnj29Rop122hdGYgyKRaRo1+Yz4zkpdhLYSDB7wUamWUxsDNdQ1nylMziLL5/Ks/BNHRQiXKHGWm8V0uE42lDshCK6bix2AE9DprwDzvaYGKMeEt/1J9BSSaPIXzUfL6a7cmIuQ9/gVZRV6qrxoLOV+646sUWCGzoxB2Y8gk6uOoVOuonwrWboskKvxQUHi54hc3CdMnFtu0ySUiTCr/0Fw0RlUnI95oVPNDhdVWiyDoKqCSGalxKYAwrjxxifbuEWql9MuL4Sahw5EXvi1LKYsSZf63H99cUJ4OyID4ASVmhiH8/dA/jCMrUGToNKr6hGIVCmWKS/zoSPabi4N1u1LUn1dOFeiqFqNMwWCSstkNjhPJZLrcvhuZO53h5X+TRti/1tOGbVMCmTTGnjn83Pny9rV8p/DjR8+XOKqscHeR9hG19gXrLexLttyK8xhW6GRb2gogrxocxTM7yfb0cDv+/vl0nks2Qyk7Q15feOjJc7O7ydpxrUTFgk1RZqxRZik9/FS5djed+xIO8N8f7xYY40VaHqDQJ+LJYujI2s1OatUAec8SlChLDxz+vHgvXUMROlxvflBkQhAxvSKMn6RkmbG2f8796/X7Z6aSn5SH0TM0oUPr6tm84GxuYzhJr1PYF72T8alSMKyOkQgdOtc+zYBglehVXrWPxR58P4T7jZv/f9yiVoExIGEM9Dodd89gHIxFuHZ7leJpYBwMbebVxlsJYKJg1iurnCtHTN8s0f1rrYE+u18mGpqwWc0nuCfzwA0FkOWpJdYLFHdkOLNRuRIVLYExZikaeKacTF9oj0zYrL6WsFxUo0tNy1y1aO2WzHq56LKNy552Qxt1jWncsLem09nFPUnvAI+7YyMIYWYhAAAAAElFTkSuQmCC');
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  background-size: contain;
  background-repeat: no-repeat;
}
.achievements-container .achievements-number {
  margin-top: 20px;
}
.achievements-container .achievements-link {
  position: absolute;
  right: 40px;
  bottom: 15px;
  font-size: 12px;
  cursor: pointer;
}
.achievements-container .achievements-link:before {
  content: "";
  position: absolute;
  height: 2px;
  background-color: #c5b359;
  width: 15px;
  left: calc(100% + 5px);
  top: 5px;
}
.achievements-container .achievements-link:after {
  content: "";
  width: 9px;
  height: 9px;
  border-right: 2px solid #c5b359;
  border-top: 2px solid #c5b359;
  position: absolute;
  left: calc(100% + 11px);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 1px;
}

.career-stats-container {
  min-height: 400px;
  width: 100%;
  margin-bottom: 1%;
  position: relative;
  background-color: rgba(37, 37, 37, 0.25);
  border: 2px solid #252525;
  z-index: 10;
}
.career-stats-container .career-stats-stat {
  color: #fff;
  font-family: "Electrolize", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.42;
  font-weight: bold;
  font-style: normal;
  font-size: 32px;
  line-height: 32px;
  margin-bottom: 10px;
}
.career-stats-container .career-stats-stat.small {
  font-size: 19px;
}
.career-stats-container .career-stats-label {
  color: #777777;
  font-size: 14px;
  line-height: 18px;
  font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-style: normal;
}
.career-stats-container .career-stats-level {
  margin-bottom: 20px;
  padding: 20px;
}
.career-stats-container .career-stats-level .user-rank-icon {
  width: 100px;
  height: 100px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  float: left;
  margin-right: 10px;
}
.career-stats-container .career-stats-level .user-rank {
  padding: 25px 0;
  font-size: 45px;
}
.career-stats-container .career-stats-level .user-rank .level-progression-label {
  margin-top: 15px;
}
@media only screen and (max-width: 1024px) {
  .career-stats-container .career-stats-level {
    padding: 10px;
  }
  .career-stats-container .career-stats-level .user-rank-icon {
    width: 75px;
    height: 75px;
  }
  .career-stats-container .career-stats-level .user-rank {
    font-size: 32px;
    padding: 25px 0 0;
  }
}
.career-stats-container .career-stats-overall {
  display: flex;
  position: absolute;
  right: 0;
  top: 90px;
  width: 100%;
  justify-content: flex-end;
}
.career-stats-container .career-stats-overall .overall-stat {
  text-align: center;
  margin-right: 40px;
  padding-right: 40px;
  border-right: 2px solid #252525;
  color: #fff;
  font-family: "Electrolize", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.42;
  font-weight: bold;
  font-style: normal;
  font-size: 32px;
  line-height: 32px;
}
.career-stats-container .career-stats-overall .overall-stat span {
  color: #777777;
  font-size: 14px;
  line-height: 18px;
  font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-style: normal;
  display: block;
  margin-top: 10px;
}
.career-stats-container .career-stats-overall .overall-stat:last-child {
  border-right: none;
}
@media only screen and (max-width: 1024px) {
  .career-stats-container .career-stats-overall {
    position: relative;
    top: 0;
    margin-bottom: 20px;
    justify-content: space-evenly;
  }
  .career-stats-container .career-stats-overall .overall-stat {
    margin-right: 20px;
    padding-right: 20px;
    font-size: 22px;
    line-height: 22px;
  }
  .career-stats-container .career-stats-overall .overall-stat:last-child {
    margin-right: 0;
    padding-right: 0;
  }
}
.career-stats-container .career-stats-viewmore {
  position: absolute;
  right: 15px;
  bottom: 15px;
  font-size: 14px;
  color: #1e9ffd;
  text-transform: uppercase;
  padding-right: 20px;
}
.career-stats-container .career-stats-viewmore:after {
  content: "";
  background-image: url('data:image/png;base64,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bnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKE1hY2ludG9zaCkiIHhtcDpDcmVhdGVEYXRlPSIyMDIwLTA4LTI0VDExOjA0OjQzLTA3OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIwLTA4LTI0VDExOjA0OjQzLTA3OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMC0wOC0yNFQxMTowNDo0My0wNzowMCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2YTFhNzczNy0zMDFiLTRiY2ItOTdmZi1iMjMzNWUzYjdkNzkiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpkOTVmYzBmYi0zNDk5LTgzNDktOGU4MC02MGM0ODE4NjUwMzciIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpjN2ZmNDdhMi0wMTkxLTQyZGQtODZjOC1lMGQzY2RlZWI3YjciIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiBwaG90b3Nob3A6SUNDUHJvZmlsZT0iRGlzcGxheSI+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNyZWF0ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6YzdmZjQ3YTItMDE5MS00MmRkLTg2YzgtZTBkM2NkZWViN2I3IiBzdEV2dDp3aGVuPSIyMDIwLTA4LTI0VDExOjA0OjQzLTA3OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjEuMCAoTWFjaW50b3NoKSIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6NmExYTc3MzctMzAxYi00YmNiLTk3ZmYtYjIzMzVlM2I3ZDc5IiBzdEV2dDp3aGVuPSIyMDIwLTA4LTI0VDExOjA0OjQzLTA3OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjEuMCAoTWFjaW50b3NoKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5BB6iNAAABIElEQVQ4jWP4//8/A7nYrGLnEfvu66945fWEcKlhYqAA8MnqWnOJyIual+14y6ugL4RNDUUWnOzyEP797QMDK5cAgwUOSyiy4NODi+8IWUKRBTBLrq0o82NgYGBg5RJgMM5ZeYOqFjAwMDA8PbR488V5aX4MDAwMXCLyog49N17B5Bj////PIKhpp06OwYxwAgJkrGNuyFjHMjAwMDB8e/Pw9YESDTFG++7rr7hE5EUp8ABO8O3Nw9dUCSJ8gPZB9P//fyq4k4FB2i7WVz9p1iZkwxkYqJSKcBnOwAANIkoAr4K+kEXZjresXAIMv799YNidJcmILE+RD3jkUQ0/2eUhjK6GIgtMclfeQDb804OL76hqwbc3j27hM5yBgYEBAItswS4apk1kAAAAAElFTkSuQmCC');
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  right: 0;
  top: 0;
  height: 13px;
  width: 15px;
}
.career-stats-mystats {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
  padding: 0 20px;
}
.career-stats-mystats .career-stats-mystat {
  padding: 20px 40px 20px 15px;
  background-color: rgba(37, 37, 37, 0.25);
  border: 2px solid #252525;
  z-index: 10;
  border-radius: 6px;
  margin-bottom: 15px;
  margin-right: 15px;
}
#career-stats {
  width: 100%;
}
#career-stats .modal__container {
  max-width: 1000px;
}
.stats-modal-container {
  position: relative;
  padding: 30px 20px;
}
.stats-modal-container .modal-title {
  text-align: center;
  margin-bottom: 25px;
  color: #fff;
  font-family: "Electrolize", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.42;
  font-weight: bold;
  font-style: normal;
  font-size: 32px;
  line-height: 32px;
  text-transform: uppercase;
}
.stats-modal-container .career-stats-overall {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: center;
  margin-bottom: 20px;
}
.stats-modal-container .career-stats-overall .overall-stat {
  text-align: center;
  margin-right: 40px;
  padding-right: 40px;
  border-right: 2px solid #252525;
  color: #fff;
  font-family: "Electrolize", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.42;
  font-weight: bold;
  font-style: normal;
  font-size: 32px;
  line-height: 32px;
  font-size: 28px;
}
.stats-modal-container .career-stats-overall .overall-stat span {
  color: #777777;
  font-size: 14px;
  line-height: 18px;
  font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-style: normal;
  display: block;
  margin-top: 10px;
}
.stats-modal-container .career-stats-overall .overall-stat:last-child {
  border-right: none;
  margin-right: 0;
  padding-right: 0;
}
@media only screen and (max-width: 1024px) {
  .stats-modal-container .career-stats-overall {
    position: relative;
    top: 0;
    margin-bottom: 20px;
    justify-content: space-evenly;
  }
  .stats-modal-container .career-stats-overall .overall-stat {
    margin-right: 20px;
    padding-right: 20px;
    font-size: 22px;
    line-height: 22px;
  }
}
.stats-modal-container .career-stats-overall .overall-subtitle {
  width: 100%;
  text-align: center;
  margin-bottom: 15px;
  font-size: 14px;
  color: #bbb;
  font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-style: normal;
}
.stats-modal-container .career-stats-best {
  background-image: url('../../../../../../../content/dam/atvi/callofduty/mycod/combat-record/bg.png');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding: 15px;
  margin-bottom: 10px;
}
.stats-modal-container .career-stats-best .career-stats-title {
  font-size: 14px;
  margin-bottom: 5px;
}
.stats-modal-container .career-stats-best .career-stats-sub {
  margin-bottom: 25px;
  position: relative;
  color: #777777;
  font-size: 14px;
  line-height: 18px;
  font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-style: normal;
}
.stats-modal-container .career-stats-best .career-stats-sub:after {
  content: "";
  position: absolute;
  width: 25px;
  height: 25px;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAYCAYAAADpnJ2CAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAPuSURBVHgBtVZPiJtFFH/z58182bbsl8uKiJooxYMVE6EoeGiyIuipaUHRi5v1UPRWe1BEMElVFA/deK3gtoJ46+4inoT8OYiFHvKtePAPmm9BrFpKUmhJs5vM9M23m91ld7tNAv3B8M3MN+/93nsz8+Yx2AMLnz1hGYC1AIwzFn3dvKUeY+CGbC85J2OcDC20jNVy7/06vWvN93OpFH1T2yctmHmSbkLf1gHMxiyHQd9Eo63x1v9Bl+WIvE2d0g6+QErFj5PJBWe1s96ZtmFL/aXTV2ZhRFS/fJZ1V3sZ6iaozUf2DyJkWIkIvUg79Mws2Ru6X0LyOQM2AWMhBohdILsbFNp3+n3LDDdxwcUlIgTOpVgRKAEnsPXi25drrnHEtkTlwzg4SAZrlRBSrkyf+qkuPa+m1ITTZ7UnGhw8UZNaASq9uY+oZSiVSsCIsLYI0AVfIoJUGLo53/epL485DhHzVnj29Rop122hdGYgyKRaRo1+Yz4zkpdhLYSDB7wUamWUxsDNdQ1nylMziLL5/Ks/BNHRQiXKHGWm8V0uE42lDshCK6bix2AE9DprwDzvaYGKMeEt/1J9BSSaPIXzUfL6a7cmIuQ9/gVZRV6qrxoLOV+646sUWCGzoxB2Y8gk6uOoVOuonwrWboskKvxQUHi54hc3CdMnFtu0ySUiTCr/0Fw0RlUnI95oVPNDhdVWiyDoKqCSGalxKYAwrjxxifbuEWql9MuL4Sahw5EXvi1LKYsSZf63H99cUJ4OyID4ASVmhiH8/dA/jCMrUGToNKr6hGIVCmWKS/zoSPabi4N1u1LUn1dOFeiqFqNMwWCSstkNjhPJZLrcvhuZO53h5X+TRti/1tOGbVMCmTTGnjn83Pny9rV8p/DjR8+XOKqscHeR9hG19gXrLexLttyK8xhW6GRb2gogrxocxTM7yfb0cDv+/vl0nks2Qyk7Q15feOjJc7O7ydpxrUTFgk1RZqxRZik9/FS5djed+xIO8N8f7xYY40VaHqDQJ+LJYujI2s1OatUAec8SlChLDxz+vHgvXUMROlxvflBkQhAxvSKMn6RkmbG2f8796/X7Z6aSn5SH0TM0oUPr6tm84GxuYzhJr1PYF72T8alSMKyOkQgdOtc+zYBglehVXrWPxR58P4T7jZv/f9yiVoExIGEM9Dodd89gHIxFuHZ7leJpYBwMbebVxlsJYKJg1iurnCtHTN8s0f1rrYE+u18mGpqwWc0nuCfzwA0FkOWpJdYLFHdkOLNRuRIVLYExZikaeKacTF9oj0zYrL6WsFxUo0tNy1y1aO2WzHq56LKNy552Qxt1jWncsLem09nFPUnvAI+7YyMIYWYhAAAAAElFTkSuQmCC');
  background-size: 100% 100%;
  bottom: 0;
  margin-left: 15px;
}
.stats-modal-container .career-stats-best .best-stats .career-stats-mystat {
  border: 1px solid #c5b359;
  padding: 10px 30px 10px 10px;
}
.stats-modal-container .career-stats-best .best-stats .career-stats-mystat .career-stats-stat {
  color: #fff;
  font-family: "Electrolize", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.42;
  font-weight: bold;
  font-style: normal;
  font-size: 32px;
  line-height: 32px;
  color: #c5b359;
  font-size: 28px;
}
.stats-modal-container .career-stats-best .best-stats .career-stats-mystat .career-stats-label {
  color: #777777;
  font-size: 14px;
  line-height: 18px;
  font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-style: normal;
}
.stats-modal-container .career-data-container {
  display: flex;
  flex-wrap: wrap;
}
.stats-modal-container .career-data-container .career-data {
  width: 32.66%;
  margin-right: 1%;
  margin-bottom: 1%;
  max-width: 350px;
}
.stats-modal-container .career-data-container .career-data.additional-stats {
  border-top: 2px solid #252525;
}
.stats-modal-container .career-data-container .career-data:nth-child(3n) {
  margin-right: 0;
}
@media only screen and (max-width: 1024px) {
  .stats-modal-container .career-data-container .career-data {
    width: 49.5%;
  }
  .stats-modal-container .career-data-container .career-data:nth-child(3n) {
    margin-right: 1%;
  }
  .stats-modal-container .career-data-container .career-data:nth-child(2n) {
    margin-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .stats-modal-container .career-data-container .career-data {
    width: 100%;
    margin-right: 0;
  }
}
.stats-modal-container .career-data-container .additional-stat {
  font-size: 12px;
  background: rgba(37, 37, 37, 0.25);
  padding: 10px;
  border-bottom: 2px solid #252525;
  border-right: 2px solid #252525;
  border-left: 2px solid #252525;
  color: #777777;
  font-size: 14px;
  line-height: 18px;
  font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-style: normal;
}
.stats-modal-container .career-data-container .additional-stat span {
  float: right;
  color: #fff;
}
.stats-modal-container .stat-card.career-card {
  border-radius: 4px 4px 0 0;
  width: 100%;
  margin: 0;
}
.stats-modal-container .stat-card.career-card .snapshot-legend {
  margin-top: 30px;
}

.daily-tracking-container {
  position: relative;
  width: 100%;
  background-color: rgba(37, 37, 37, 0.25);
  border: 2px solid #252525;
  z-index: 10;
  overflow: hidden;
  min-height: 350px;
  margin-bottom: 1%;
  padding-bottom: 20px;
}
.daily-tracking-container .daily-chart-container {
  position: relative;
  width: 80%;
  height: 300px;
  margin: 0 auto;
}
@media only screen and (max-width: 1024px) {
  .daily-tracking-container .daily-chart-container {
    width: 95%;
  }
}
.daily-tracking-container .daily-tracking-line-chart,
.daily-tracking-container .daily-tracking-bar-chart {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  opacity: 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;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.daily-tracking-container .daily-tracking-line-chart.active,
.daily-tracking-container .daily-tracking-bar-chart.active {
  left: 0;
  opacity: 1;
  z-index: 10;
}
.daily-tracking-container .daily-tracking-line-chart.next,
.daily-tracking-container .daily-tracking-bar-chart.next {
  left: 120%;
}
.daily-tracking-container .daily-tracking-line-chart.prev,
.daily-tracking-container .daily-tracking-bar-chart.prev {
  left: -120%;
}
.daily-tracking-container .charts-nav {
  z-index: 100;
  padding: 10px 0;
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.daily-tracking-container .charts-nav .nav-icon {
  width: 9px;
  height: 9px;
  background-color: #fff;
  border-radius: 9px;
  cursor: pointer;
  float: left;
  margin: 5px 10px;
}
.daily-tracking-container .charts-nav .nav-icon.selected {
  background-color: #1e9ffd;
}
.daily-tracking-container .charts-nav .nav-arrow {
  max-width: 16px;
  background-repeat: no-repeat;
  white-space: nowrap;
  text-indent: 9999px;
  overflow: hidden;
  padding: 10px 20px;
  background-size: 16px;
  background-position: center center;
  cursor: pointer;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAYAAACEYr13AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTExOUM0N0QxNDZFMTFFQTkxNUNBMDZCNTQ2REJCMTciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTExOUM0N0UxNDZFMTFFQTkxNUNBMDZCNTQ2REJCMTciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBMTE5QzQ3QjE0NkUxMUVBOTE1Q0EwNkI1NDZEQkIxNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBMTE5QzQ3QzE0NkUxMUVBOTE1Q0EwNkI1NDZEQkIxNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoKhJJcAAACcSURBVHjaYvz//z8DMcBqwT8NILUfiCWAGKRpMxCHMJGhGQS2AnHosQSm30xkaN4CxMFAzb9AHCZKNOM1gBjNOA0gVjNWA0jRjGEAqZpRDCBHM9wAcjUTjEZiANgAoE03gJQjEL+AivsA8Vqgy9iIdgG5hqB4gRxDMMKAVEOwBiIphuCMBWINwRuNxBhCMB0QMoSRzCINnloBAgwAjRd04CNd/iEAAAAASUVORK5CYII=');
  float: left;
}
.daily-tracking-container .charts-nav .nav-arrow.disabled {
  opacity: 0.5;
  cursor: default;
}
.daily-tracking-container .charts-nav .nav-arrow.next {
  text-align: right;
  transform: rotate(180deg);
}
@media only screen and (max-width: 767px) {
  .daily-tracking-container .charts-nav {
    bottom: 10px;
    padding: 5px 0;
  }
  .daily-tracking-container .charts-nav .nav-arrow {
    padding: 8px 20px;
    margin-top: 1px;
  }
}
.daily-tracking-container .chartnext-enter {
  opacity: 0;
  left: 120%;
}
.daily-tracking-container .chartnext-enter-to {
  left: 0;
}
.daily-tracking-container .chartnext-enter-active,
.daily-tracking-container .chartnext-leave-active {
  transition: 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.daily-tracking-container .chartnext-leave {
  left: 0;
}
.daily-tracking-container .chartnext-leave-to {
  opacity: 0;
  left: -120%;
}
.daily-tracking-container .chartprev-enter {
  opacity: 0;
  left: -120%;
}
.daily-tracking-container .chartprev-enter-to {
  left: 0;
}
.daily-tracking-container .chartprev-enter-active,
.daily-tracking-container .chartprev-leave-active {
  transition: 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.daily-tracking-container .chartprev-leave {
  left: 0;
}
.daily-tracking-container .chartprev-leave-to {
  opacity: 0;
  left: 120%;
}

.weekly-snapshot-container {
  min-height: 350px;
  width: 100%;
  margin-bottom: 1%;
  position: relative;
  background-color: rgba(37, 37, 37, 0.25);
  border: 2px solid #252525;
  z-index: 10;
}
.weekly-snapshot-container .heading {
  width: 100%;
  padding: 15px 28px 30px;
  border-bottom: 1px solid #303030;
}
.weekly-snapshot-container .heading:before {
  left: 15px;
}
@media only screen and (max-width: 767px) {
  .weekly-snapshot-container .heading {
    padding: 15px 28px 60px;
  }
}
.weekly-snapshot-container .overview-title {
  text-align: center;
  color: #777777;
  font-size: 14px;
  line-height: 18px;
  font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-style: normal;
  padding: 20px;
  display: inline-block;
}
.weekly-snapshot-container .overview-title span {
  color: #fff;
  font-family: "Electrolize", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.42;
  font-weight: bold;
  font-style: normal;
  font-size: 32px;
  line-height: 32px;
  display: block;
  margin-top: 10px;
}
@media only screen and (max-width: 1024px) {
  .weekly-snapshot-container .overview-title {
    display: block;
  }
  .weekly-snapshot-container .overview-title span {
    font-size: 28px;
  }
}
.weekly-snapshot-container .overview-stats {
  display: flex;
  position: absolute;
  right: 0;
  top: 68px;
  width: 100%;
  justify-content: flex-end;
}
.weekly-snapshot-container .overview-stats .overview-stat {
  text-align: center;
  margin-right: 40px;
  padding-right: 40px;
  border-right: 2px solid #252525;
  color: #777777;
  font-size: 14px;
  line-height: 18px;
  font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-style: normal;
}
.weekly-snapshot-container .overview-stats .overview-stat span {
  color: #fff;
  font-family: "Electrolize", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.42;
  font-weight: bold;
  font-style: normal;
  font-size: 32px;
  line-height: 32px;
  display: block;
  margin-top: 10px;
}
.weekly-snapshot-container .overview-stats .overview-stat:last-child {
  border-right: none;
}
@media only screen and (max-width: 1024px) {
  .weekly-snapshot-container .overview-stats {
    position: relative;
    top: 0;
    margin-bottom: 20px;
    justify-content: space-evenly;
  }
  .weekly-snapshot-container .overview-stats .overview-stat {
    margin-right: 20px;
    padding-right: 20px;
  }
  .weekly-snapshot-container .overview-stats .overview-stat span {
    font-size: 22px;
    line-height: 22px;
  }
  .weekly-snapshot-container .overview-stats .overview-stat:last-child {
    margin-right: 0;
    padding-right: 0;
  }
}
.weekly-snapshot-container .snapshot-cards {
  padding: 20px;
  display: flex;
  flex-wrap: wrap;
}
.weekly-snapshot-container .career-stats-viewmore {
  position: absolute;
  right: 15px;
  bottom: 15px;
  font-size: 14px;
  color: #1e9ffd;
  text-transform: uppercase;
  padding-right: 20px;
}
.weekly-snapshot-container .career-stats-viewmore:after {
  content: "";
  background-image: url('data:image/png;base64,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bnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKE1hY2ludG9zaCkiIHhtcDpDcmVhdGVEYXRlPSIyMDIwLTA4LTI0VDExOjA0OjQzLTA3OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIwLTA4LTI0VDExOjA0OjQzLTA3OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMC0wOC0yNFQxMTowNDo0My0wNzowMCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2YTFhNzczNy0zMDFiLTRiY2ItOTdmZi1iMjMzNWUzYjdkNzkiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpkOTVmYzBmYi0zNDk5LTgzNDktOGU4MC02MGM0ODE4NjUwMzciIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpjN2ZmNDdhMi0wMTkxLTQyZGQtODZjOC1lMGQzY2RlZWI3YjciIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiBwaG90b3Nob3A6SUNDUHJvZmlsZT0iRGlzcGxheSI+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNyZWF0ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6YzdmZjQ3YTItMDE5MS00MmRkLTg2YzgtZTBkM2NkZWViN2I3IiBzdEV2dDp3aGVuPSIyMDIwLTA4LTI0VDExOjA0OjQzLTA3OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjEuMCAoTWFjaW50b3NoKSIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6NmExYTc3MzctMzAxYi00YmNiLTk3ZmYtYjIzMzVlM2I3ZDc5IiBzdEV2dDp3aGVuPSIyMDIwLTA4LTI0VDExOjA0OjQzLTA3OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjEuMCAoTWFjaW50b3NoKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5BB6iNAAABIElEQVQ4jWP4//8/A7nYrGLnEfvu66945fWEcKlhYqAA8MnqWnOJyIual+14y6ugL4RNDUUWnOzyEP797QMDK5cAgwUOSyiy4NODi+8IWUKRBTBLrq0o82NgYGBg5RJgMM5ZeYOqFjAwMDA8PbR488V5aX4MDAwMXCLyog49N17B5Bj////PIKhpp06OwYxwAgJkrGNuyFjHMjAwMDB8e/Pw9YESDTFG++7rr7hE5EUp8ABO8O3Nw9dUCSJ8gPZB9P//fyq4k4FB2i7WVz9p1iZkwxkYqJSKcBnOwAANIkoAr4K+kEXZjresXAIMv799YNidJcmILE+RD3jkUQ0/2eUhjK6GIgtMclfeQDb804OL76hqwbc3j27hM5yBgYEBAItswS4apk1kAAAAAElFTkSuQmCC');
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  right: 0;
  top: 0;
  height: 13px;
  width: 15px;
}
#weekly-snapshot {
  width: 100%;
}
#weekly-snapshot .modal__container {
  max-width: 1000px;
}
#weekly-snapshot .career-mode-container {
  position: relative;
  z-index: 11;
  background-color: #111;
  margin: 20px 0;
}
#weekly-snapshot .career-mode-container .mode-select {
  padding: 15px 10px 15px 20px;
  white-space: nowrap;
  font-size: 12px;
  text-transform: uppercase;
  text-align: center;
  cursor: pointer;
}
#weekly-snapshot .career-mode-container .mode-select.selected {
  background-color: #222222;
}
@media (min-width: 668px) {
  #weekly-snapshot .career-mode-container .mode-select.selected {
    color: #fff;
    background-color: #1e9ffd;
    font-weight: bold;
  }
}
@media (min-width: 668px) {
  #weekly-snapshot .career-mode-container .mode-select {
    flex-grow: 1;
    width: 23.8%;
    color: #1e9ffd;
    border: 1px solid #1e9ffd;
    border-radius: 5px;
    padding: 10px 20px;
    margin-right: 10px;
    margin-bottom: 10px;
  }
}
#weekly-snapshot .career-mode-select {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 667px) {
  #weekly-snapshot .career-mode-select {
    display: none;
    position: absolute;
    z-index: 999;
    top: 100%;
    left: 0;
    background-color: #000;
    min-width: 100%;
    overflow-x: hidden;
  }
  #weekly-snapshot .career-mode-select.active {
    display: block;
  }
}
#weekly-snapshot .career-mode-selected {
  background: #454545;
  display: none;
  position: relative;
  border-radius: 4px;
  padding: 8px 0;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
}
#weekly-snapshot .career-mode-selected:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translate(0, -50%);
  width: 0px;
  height: 0px;
  border-left: 0.4em solid transparent;
  border-right: 0.4em solid transparent;
  border-top: 0.4em solid #1e9ffd;
}
@media (max-width: 667px) {
  #weekly-snapshot .career-mode-selected {
    display: block;
  }
}
#weekly-snapshot .stats-modal-container .career-stats-overall .overall-stat {
  color: #777777;
  font-size: 14px;
  line-height: 18px;
  font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-style: normal;
}
#weekly-snapshot .stats-modal-container .career-stats-overall .overall-stat span {
  color: #fff;
  font-family: "Electrolize", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.42;
  font-weight: bold;
  font-style: normal;
  font-size: 32px;
  line-height: 32px;
}
.graph-value-large {
  color: #fff;
  font-family: "Electrolize", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.42;
  font-weight: bold;
  font-style: normal;
  font-size: 32px;
  line-height: 32px;
  font-size: 40px;
}
.stat-card {
  background-color: rgba(37, 37, 37, 0.25);
  border: 2px solid #252525;
  z-index: 10;
  border-radius: 4px;
  margin-right: 1%;
  margin-bottom: 20px;
  padding: 15px 0;
  max-width: 350px;
  width: 32.33%;
  overflow: hidden;
}
.stat-card:last-child {
  margin-right: 0;
}
.stat-card .snapshot-head {
  display: flex;
}
.stat-card .snapshot-head .snapshot-title {
  padding: 0 15px 15px;
  width: 45%;
  position: relative;
}
.stat-card .snapshot-head .snapshot-avg {
  width: 55%;
  text-align: right;
  padding-right: 15px;
}
.stat-card .snapshot-head .snapshot-avg .avg-line {
  width: 100px;
  height: 2px;
  background-color: #252525;
  margin-top: 5px;
  float: right;
}
.stat-card .snapshot-head .snapshot-avg .avg-line span {
  height: 2px;
  background-color: #777777;
  display: block;
}
.stat-card .snapshot-title {
  font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 14px;
}
.stat-card .snapshot-label {
  color: #777777;
  font-size: 14px;
  line-height: 18px;
  font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-style: normal;
}
.stat-card .snapshot-val {
  color: #fff;
  font-family: "Electrolize", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.42;
  font-weight: bold;
  font-style: normal;
  font-size: 32px;
  line-height: 32px;
  font-size: 28px;
}
.stat-card .snapshot-data {
  padding: 0 15px;
  margin-top: 30px;
}
.stat-card .snapshot-graph {
  width: 200px;
  height: 200px;
  position: relative;
  margin: 0 auto;
}
.stat-card .snapshot-graph .graph-value-large {
  position: absolute;
  left: 50%;
  top: 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%);
}
.stat-card .snapshot-legend {
  display: flex;
  flex-wrap: wrap;
  margin-top: 40px;
  justify-content: space-around;
}
.stat-card .snapshot-legend .snapshot-legend-item {
  position: relative;
  margin-bottom: 25px;
}
.stat-card .snapshot-legend .snapshot-legend-item:after {
  content: "";
  width: 15px;
  height: 5px;
  border-radius: 5px;
  position: absolute;
  top: 55px;
  left: 0;
}
.stat-card .snapshot-legend .snapshot-legend-item.positive {
  margin-right: 20px;
}
.stat-card .snapshot-legend .snapshot-legend-item.positive:after {
  background-color: #57ced4;
}
.stat-card .snapshot-legend .snapshot-legend-item.negative:after {
  background-color: #a5352d;
}
@media only screen and (max-width: 767px) {
  .stat-card {
    width: 100%;
    max-width: 100%;
    margin-right: 0;
  }
  .stat-card .snapshot-cards {
    padding: 20px 0;
  }
  .stat-card .snapshot-graph {
    width: 150px;
    height: 150px;
  }
}

.barracks-container {
  position: relative;
  min-height: 350px;
  margin-bottom: 1%;
  overflow: hidden;
  width: 100%;
  background-color: rgba(37, 37, 37, 0.25);
  border: 2px solid #252525;
  z-index: 10;
}
.barracks-container .caution-container {
  position: absolute;
  top: 0;
  right: 0;
  padding: 12px 15px;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  display: -webkit-box;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  display: flex;
  align-items: center;
}
@media (max-width: 667px) {
  .barracks-container .caution-container {
    top: unset;
    right: unset;
    left: 0;
    bottom: 0;
  }
}
.barracks-container .caution-container .caution {
  width: 24px;
  height: 22px;
}
.barracks-container .caution-container p {
  font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-style: normal;
  padding-left: 15px;
  font-size: 12px;
  line-height: 1.3;
  color: #777777;
}
.barracks-container .barracks-card-container {
  display: flex;
  margin-top: 15px;
  padding: 0 20px;
  width: 100%;
  margin: 20px auto;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.barracks-container .barracks-card {
  background-color: rgba(37, 37, 37, 0.25);
  border: 2px solid #252525;
  z-index: 10;
  border-radius: 4px;
  padding: 15px;
  margin-right: 1.33%;
  margin-bottom: 20px;
  width: 24%;
  min-width: 24%;
  backdrop-filter: blur(40px);
}
.barracks-container .barracks-card:nth-child(4n) {
  margin-right: calc(1.33% + 30px);
}
.barracks-container .barracks-card:last-child {
  margin-right: 0;
}
@media only screen and (max-width: 767px) {
  .barracks-container .barracks-card {
    margin: 0 40px 20px 0;
    width: 100%;
    min-width: 100%;
  }
  .barracks-container .barracks-card:nth-child(4n) {
    margin-right: 40px;
  }
}
.barracks-container .barracks-card .view-all-links {
  position: relative;
}
@media (max-width: 667px) {
  .barracks-container .barracks-card .view-all-links {
    text-align: center;
    border: 1px solid #1e9ffd;
    border-radius: 3px;
    padding: 10px;
    margin: 15px 0px 0px;
  }
}
.barracks-container .barracks-card .barracks-card-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 15px;
  font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 14px;
}
.barracks-container .barracks-card .barracks-card-head .view-all-link {
  font-size: 11px;
  color: #1e9ffd;
  text-transform: uppercase;
  line-height: 14px;
}
.barracks-container .barracks-card .item-name {
  font-size: 14px;
  font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-style: normal;
  padding-bottom: 15px;
}
.barracks-container .barracks-card .item-image {
  height: 150px;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
.barracks-container .barracks-card .item-stats {
  display: flex;
  justify-content: space-around;
  padding: 15px 0 10px;
}
.barracks-container .barracks-card .item-stats .stat-value {
  color: #fff;
  font-family: "Electrolize", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.42;
  font-weight: bold;
  font-style: normal;
  font-size: 32px;
  line-height: 32px;
  font-size: 28px;
}
.barracks-container .barracks-card .item-stats .stat-label {
  color: #777777;
  font-size: 14px;
  line-height: 18px;
  font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-style: normal;
}
.barracks-container .barracks-weapons-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden scroll;
  height: 540px;
}
.barracks-container .barracks-weapons-container .barracks-weapon {
  margin: 0px 0.5% 1%;
  width: 24%;
}
.barracks-container .barracks-weapons-container .barracks-weapon-content {
  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;
}
.barracks-container .barracks-weapons-container .item-image {
  width: 50%;
  height: 72px;
}
.barracks-container .barracks-weapons-container .item-stats {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  display: -webkit-box;
  display: flex;
  justify-content: flex-start;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 15px 15px 15px 0;
}
.barracks-container .barracks-weapons-container .item-stats .stat-value {
  color: #ffffff;
}
.barracks-container .barracks-careerstat-nav {
  display: flex;
  justify-content: center;
}
.barracks-container .barracks-careerstat-nav .careerstat-current {
  color: #fff;
  font-family: "Electrolize", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.42;
  font-weight: bold;
  font-style: normal;
  font-size: 32px;
  line-height: 32px;
  margin: 0 15px;
  font-size: 22px;
  text-transform: uppercase;
}
.barracks-container .career-mode-container {
  position: relative;
  z-index: 11;
  background-color: #111;
  margin: 20px 0;
}
.barracks-container .career-mode-container .mode-select {
  padding: 15px 10px 15px 20px;
  white-space: nowrap;
  font-size: 12px;
  text-transform: uppercase;
  text-align: center;
  cursor: pointer;
}
.barracks-container .career-mode-container .mode-select.selected {
  background-color: #222222;
}
@media (min-width: 668px) {
  .barracks-container .career-mode-container .mode-select.selected {
    color: #fff;
    background-color: #1e9ffd;
    font-weight: bold;
  }
}
@media (min-width: 668px) {
  .barracks-container .career-mode-container .mode-select {
    flex-grow: 1;
    width: 23.8%;
    color: #1e9ffd;
    border: 1px solid #1e9ffd;
    border-radius: 5px;
    padding: 10px 20px;
    margin-right: 10px;
    margin-bottom: 10px;
  }
}
.barracks-container .career-mode-select {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 667px) {
  .barracks-container .career-mode-select {
    display: none;
    position: absolute;
    z-index: 999;
    top: 100%;
    left: 0;
    background-color: #000;
    min-width: 100%;
    overflow-x: hidden;
  }
  .barracks-container .career-mode-select.active {
    display: block;
  }
}
.barracks-container .career-mode-selected {
  background: #454545;
  display: none;
  position: relative;
  border-radius: 4px;
  padding: 8px 0;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
}
.barracks-container .career-mode-selected:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translate(0, -50%);
  width: 0px;
  height: 0px;
  border-left: 0.4em solid transparent;
  border-right: 0.4em solid transparent;
  border-top: 0.4em solid #1e9ffd;
}
@media (max-width: 667px) {
  .barracks-container .career-mode-selected {
    display: block;
  }
}
.barracks-container .modal__container {
  max-width: 1450px;
  width: 75%;
  margin-top: 120px;
}
@media (max-width: 667px) {
  .barracks-container .modal__container {
    width: 100%;
    margin-top: 141px;
  }
}
@media (max-width: 667px) {
  .barracks-container .modal__close {
    display: block;
    width: 42px;
    height: 32px;
    margin-top: 13px;
    z-index: 9999;
    text-indent: 200%;
  }
  .barracks-container .modal__close:before,
  .barracks-container .modal__close:after {
    content: '';
    position: absolute;
    top: 0;
    right: 28px;
    height: 32px;
    width: 2px;
    background-color: #fff;
  }
  .barracks-container .modal__close:before {
    transform: rotate(45deg);
  }
  .barracks-container .modal__close:after {
    transform: rotate(-45deg);
  }
}
.barracks-container .view-all-links {
  font-size: 14px;
  color: #1e9ffd;
  text-transform: uppercase;
  text-align: right;
  display: block;
  padding-left: 10px;
}
.barracks-container .view-all-links.desktop {
  display: block;
}
.barracks-container .view-all-links.mobile {
  display: none;
}
@media (max-width: 667px) {
  .barracks-container .view-all-links.desktop {
    display: none;
  }
  .barracks-container .view-all-links.mobile {
    display: block;
  }
}
.barracks-container .view-weapons {
  position: absolute;
  right: 15px;
  bottom: 15px;
  padding: 0 20px 0 0;
}
.barracks-container .view-weapons:after {
  content: "";
  background-image: url('data:image/png;base64,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bnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKE1hY2ludG9zaCkiIHhtcDpDcmVhdGVEYXRlPSIyMDIwLTA4LTI0VDExOjA0OjQzLTA3OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIwLTA4LTI0VDExOjA0OjQzLTA3OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMC0wOC0yNFQxMTowNDo0My0wNzowMCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2YTFhNzczNy0zMDFiLTRiY2ItOTdmZi1iMjMzNWUzYjdkNzkiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpkOTVmYzBmYi0zNDk5LTgzNDktOGU4MC02MGM0ODE4NjUwMzciIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpjN2ZmNDdhMi0wMTkxLTQyZGQtODZjOC1lMGQzY2RlZWI3YjciIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiBwaG90b3Nob3A6SUNDUHJvZmlsZT0iRGlzcGxheSI+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNyZWF0ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6YzdmZjQ3YTItMDE5MS00MmRkLTg2YzgtZTBkM2NkZWViN2I3IiBzdEV2dDp3aGVuPSIyMDIwLTA4LTI0VDExOjA0OjQzLTA3OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjEuMCAoTWFjaW50b3NoKSIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6NmExYTc3MzctMzAxYi00YmNiLTk3ZmYtYjIzMzVlM2I3ZDc5IiBzdEV2dDp3aGVuPSIyMDIwLTA4LTI0VDExOjA0OjQzLTA3OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjEuMCAoTWFjaW50b3NoKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5BB6iNAAABIElEQVQ4jWP4//8/A7nYrGLnEfvu66945fWEcKlhYqAA8MnqWnOJyIual+14y6ugL4RNDUUWnOzyEP797QMDK5cAgwUOSyiy4NODi+8IWUKRBTBLrq0o82NgYGBg5RJgMM5ZeYOqFjAwMDA8PbR488V5aX4MDAwMXCLyog49N17B5Bj////PIKhpp06OwYxwAgJkrGNuyFjHMjAwMDB8e/Pw9YESDTFG++7rr7hE5EUp8ABO8O3Nw9dUCSJ8gPZB9P//fyq4k4FB2i7WVz9p1iZkwxkYqJSKcBnOwAANIkoAr4K+kEXZjresXAIMv799YNidJcmILE+RD3jkUQ0/2eUhjK6GIgtMclfeQDb804OL76hqwbc3j27hM5yBgYEBAItswS4apk1kAAAAAElFTkSuQmCC');
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  right: 0;
  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%);
  height: 13px;
  width: 15px;
}
.barracks-container .weapons-modal-container {
  padding: 15px;
}
.barracks-container .weapons-modal-container .weapons-modal-title {
  text-align: center;
  margin: 25px auto;
}
.barracks-container .weapons-card-container {
  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;
  flex-wrap: wrap;
}
.barracks-container .weapons-modal-nav {
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  display: flex;
  align-items: center;
  text-align: center;
  background-color: #303030;
  width: 50%;
  max-width: 340px;
  margin: 0 auto 20px;
}
@media (max-width: 667px) {
  .barracks-container .weapons-modal-nav {
    width: 90%;
    max-width: unset;
    margin: 0 15px;
    padding: 10px 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: flex;
    justify-content: space-between;
  }
}
.barracks-container .weapons-modal-nav .item-name {
  padding: 12px 8px;
}
@media (max-width: 667px) {
  .barracks-container .weapons-modal-nav .item-name {
    padding: 0 10px;
  }
}
.barracks-container .weapons-img-container {
  position: relative;
  background-color: #303030;
  height: 180px;
  margin-bottom: 8px;
  padding: 15px 0px;
}
.barracks-container .weapons-img-container .heading {
  position: absolute;
  top: 15px;
  left: 15px;
}
.barracks-container .weapons-img-container .item-image {
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}
.barracks-container .barracks-card-nav {
  display: flex;
  justify-content: center;
  margin: 0 auto 20px;
}
@media (max-width: 667px) {
  .barracks-container .barracks-card-nav {
    margin-bottom: 60px;
  }
}
.barracks-container .nav-arrow {
  float: left;
  max-width: 16px;
  background-repeat: no-repeat;
  white-space: nowrap;
  text-indent: 9999px;
  overflow: hidden;
  padding: 10px 20px;
  background-size: 16px;
  background-position: center center;
  cursor: pointer;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAYAAACEYr13AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTExOUM0N0QxNDZFMTFFQTkxNUNBMDZCNTQ2REJCMTciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTExOUM0N0UxNDZFMTFFQTkxNUNBMDZCNTQ2REJCMTciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBMTE5QzQ3QjE0NkUxMUVBOTE1Q0EwNkI1NDZEQkIxNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBMTE5QzQ3QzE0NkUxMUVBOTE1Q0EwNkI1NDZEQkIxNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoKhJJcAAACcSURBVHjaYvz//z8DMcBqwT8NILUfiCWAGKRpMxCHMJGhGQS2AnHosQSm30xkaN4CxMFAzb9AHCZKNOM1gBjNOA0gVjNWA0jRjGEAqZpRDCBHM9wAcjUTjEZiANgAoE03gJQjEL+AivsA8Vqgy9iIdgG5hqB4gRxDMMKAVEOwBiIphuCMBWINwRuNxBhCMB0QMoSRzCINnloBAgwAjRd04CNd/iEAAAAASUVORK5CYII=');
}
@media (max-width: 667px) {
  .barracks-container .nav-arrow {
    background-size: 10px;
    padding: 0 10px;
  }
}
.barracks-container .nav-arrow[disabled],
.barracks-container .nav-arrow.disabled {
  opacity: 0.5;
  filter: grayscale(100%);
  cursor: default;
}
.barracks-container .nav-arrow.next {
  text-align: right;
  transform: rotate(180deg);
}
.barracks-container .nav-icon {
  width: 9px;
  height: 9px;
  background-color: #fff;
  border-radius: 9px;
  float: left;
  margin: 5px 10px;
}
.barracks-container .nav-icon::marker {
  display: none!important;
  opacity: 0!important;
}
.barracks-container .nav-icon.selected {
  background-color: #1e9ffd;
}
.weapon-card {
  max-width: unset;
  width: calc(50% - 4px);
  margin: 4px 0;
}
.weapon-card .weapon-head {
  display: flex;
}
.weapon-card .weapon-head .weapon-title {
  padding: 0 15px 15px;
  width: 45%;
  border-bottom: 1px solid #000;
  position: relative;
}
.weapon-card .weapon-head .weapon-title:before {
  content: "";
  width: 1px;
  height: 30px;
  position: absolute;
  background-color: #000;
  right: -11px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 26px;
}
.weapon-card .weapon-head .weapon-title:after {
  content: "";
  width: 200px;
  height: 1px;
  background-color: #000;
  position: absolute;
  left: calc(100% + 20px);
  top: 51px;
}
.weapon-card .weapon-head .weapon-avg {
  width: 55%;
  text-align: right;
  padding-right: 15px;
}
.weapon-card .weapon-head .weapon-avg .avg-line {
  width: 100px;
  height: 2px;
  background-color: #000;
  margin-top: 5px;
  float: right;
}
.weapon-card .weapon-head .weapon-avg .avg-line span {
  height: 2px;
  background-color: #fff;
  display: block;
}
.weapon-card .weapon-title {
  font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 14px;
}
.weapon-card .weapon-label {
  font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 12px;
  color: #bbb;
}
.weapon-card .weapon-val {
  font-family: "Electrolize", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.42;
  font-style: normal;
  font-size: 20px;
}
.weapon-card .weapon-data {
  padding: 0 15px;
  display: flex;
  margin-top: 30px;
}
.weapon-card .weapon-graph {
  width: 150px;
  height: 150px;
  position: relative;
  margin-right: 20px;
}
.weapon-card .weapon-graph .graph-value-large {
  position: absolute;
  left: 50%;
  top: 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%);
}
.weapon-card .weapon-legend {
  display: flex;
  flex-wrap: wrap;
  margin-top: 60px;
}
.weapon-card .weapon-legend .weapon-legend-item {
  position: relative;
  margin-bottom: 25px;
}
.weapon-card .weapon-legend .weapon-legend-item .weapon-val {
  margin-bottom: 10px;
}
.weapon-card .weapon-legend .weapon-legend-item:after {
  content: "";
  width: 15px;
  height: 5px;
  border-radius: 5px;
  position: absolute;
  top: 55px;
  left: 0;
}
.weapon-card .weapon-legend .weapon-legend-item.positive {
  margin-right: 20px;
}
.weapon-card .weapon-legend .weapon-legend-item.positive:after {
  background-color: #57ced4;
}
.weapon-card .weapon-legend .weapon-legend-item.negative:after {
  background-color: #a5352d;
}
@media only screen and (max-width: 767px) {
  .weapon-card {
    width: 95%;
    max-width: 350px;
  }
  .weapon-card .weapon-cards {
    padding: 20px 0;
  }
}
.displayNoneWhenEmpty:empty {
  display: none;
}

.blackmarket-page .page-header {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  background-color: #000;
  padding: 25px 0;
}
@media only screen and (max-width: 767px) {
  .blackmarket-page .page-header {
    padding: 10px 0;
  }
}
.blackmarket-page .heading {
  position: relative;
  color: #ffffff;
  display: block;
  padding-left: 15px;
  font-family: "Open Sans Condensed", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.42;
  font-style: normal;
  font-weight: bold;
  text-transform: uppercase;
  margin-right: 50px;
}
.blackmarket-page .heading:before {
  content: "";
  display: block;
  border-left: 3px solid #1e9ffd;
  height: 100%;
  position: absolute;
  left: 0;
  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%);
}
@media only screen and (max-width: 767px) {
  .blackmarket-page .heading {
    margin-right: 0;
    margin-bottom: 20px;
  }
}
.blackmarket-page .blackmarket-filter {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .blackmarket-page .blackmarket-filter {
    -webkit-box-lines: multiple;
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
}
.blackmarket-page .blackmarket-filter__item {
  margin-right: 20px;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .blackmarket-page .blackmarket-filter__item {
    margin-bottom: 20px;
    margin-right: 0px;
  }
  .blackmarket-page .blackmarket-filter__item:last-child {
    margin-bottom: 20px;
  }
}
.blackmarket-page .blackmarket-tier {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  -webkit-box-lines: multiple;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 15px;
  background-color: #111;
  margin-bottom: 8px;
}
.blackmarket-page .blackmarket-tier__item {
  width: 100%;
  max-width: 100%;
}
.blackmarket-page .blackmarket-tier__item:nth-child(1) {
  max-width: 25%;
}
.blackmarket-page .blackmarket-tier__item:nth-child(2) {
  max-width: 75%;
}
@media only screen and (max-width: 767px) {
  .blackmarket-page .blackmarket-tier__item:nth-child(1) {
    max-width: 35%;
  }
  .blackmarket-page .blackmarket-tier__item:nth-child(2) {
    max-width: 65%;
  }
}
.blackmarket-page .blackmarket-tier__icon {
  width: 40px;
  height: 8px;
  margin-bottom: 15px;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAICAYAAACLUr1bAAAAAXNSR0IArs4c6QAAAKBJREFUOBHNlCEOAkEMRX8n6wkOQWY3XALLBTgADm6AQxE0gjPMIrgDjnAXEiwhQU4/UzHJ3mD7RdvvXvLzCzhTl7gaIoWhGfuOV54U+uh6bipLiCmzGttjexFclDwX2IPxNDY8SYAfGlki8972ee4qYin5guCE+JJ4g7JwBciAoMDso3yK8LXbytpTurCSWAfaxKMrsAoTb5yWN7Ov3vYfjzhLkVDqLT4AAAAASUVORK5CYII=');
}
@media only screen and (max-width: 767px) {
  .blackmarket-page .blackmarket-tier__icon {
    margin-bottom: 10px;
  }
}
.blackmarket-page .blackmarket-tier__heading,
.blackmarket-page .blackmarket-tier__stat,
.blackmarket-page .blackmarket-tier__expiration {
  font-family: "Electrolize", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.42;
  font-style: normal;
  text-transform: uppercase;
  font-size: 34px;
  color: #fff;
  font-weight: 400;
}
@media only screen and (max-width: 767px) {
  .blackmarket-page .blackmarket-tier__heading,
  .blackmarket-page .blackmarket-tier__stat,
  .blackmarket-page .blackmarket-tier__expiration {
    font-size: 24px;
  }
}
.blackmarket-page .blackmarket-tier__stat {
  color: #1e9ffd;
}
.blackmarket-page .blackmarket-tier__label {
  font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #fff;
  font-size: 13px;
  text-transform: uppercase;
  margin-bottom: 13px;
  font-weight: 400;
}
@media only screen and (max-width: 767px) {
  .blackmarket-page .blackmarket-tier__label {
    font-size: 10px;
    margin-bottom: 8px;
  }
}
.blackmarket-page .blackmarket-tier__expiration {
  text-transform: lowercase;
}
.blackmarket-page .blackmarket-tier__progress {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 5px;
}
.blackmarket-page .blackmarket-tier__progress .blackmarket-tier__stat {
  margin-left: 20px;
}
.blackmarket-page .blackmarket-category {
  font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-style: normal;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  display: -webkit-box;
  display: flex;
  justify-content: flex-end;
  color: #fff;
  min-height: 450px;
  background-color: #222;
  padding: 15px;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  position: relative;
}
.blackmarket-page .blackmarket-category.purchased .blackmarket-category__upgrade-icon {
  visibility: hidden;
}
.blackmarket-page .blackmarket-category.purchased .blackmarket-category__upgrade-info {
  visibility: hidden;
}
@media only screen and (max-width: 767px) {
  .blackmarket-page .blackmarket-category.purchased .blackmarket-category__upgrade-icon {
    display: none;
  }
  .blackmarket-page .blackmarket-category.purchased .blackmarket-category__upgrade-info {
    display: none;
  }
}
.blackmarket-page .blackmarket-category.purchased .blackmarket-category__upgrade-button.gift-button {
  float: none;
  margin: 35px auto 0;
  width: 90%;
}
@media only screen and (max-width: 767px) {
  .blackmarket-page .blackmarket-category {
    min-height: 350px;
  }
}
.blackmarket-page .blackmarket-category__icon {
  height: 200px;
  max-width: 850px;
  width: 95%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  left: 50%;
  top: 65%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@media only screen and (max-width: 1024px) {
  .blackmarket-page .blackmarket-category__icon {
    top: 42%;
  }
}
@media only screen and (max-width: 767px) {
  .blackmarket-page .blackmarket-category__icon {
    height: 125px;
    width: 100%;
  }
}
.blackmarket-page .blackmarket-category__upgrade-button {
  position: relative;
  z-index: 9;
  padding: 11px 0;
  text-align: center;
  background-image: linear-gradient(to bottom, #ae8625, #f7ef8a 74%, #d2ac47 109%, #edc967 147%);
  color: #000;
  text-transform: uppercase;
  cursor: pointer;
  font-size: 10px;
  white-space: nowrap;
  display: block;
  margin: 7px 0;
  max-width: 300px;
}
.blackmarket-page .blackmarket-category__upgrade-button.gift-button {
  background-color: #454545;
  color: #c5b359;
  background-image: none;
  width: 100%;
  border: 1px solid #454545;
  padding: 6px 0 9px;
}
.blackmarket-page .blackmarket-category__upgrade-button.gift-button:before {
  content: "";
  width: 15px;
  height: 15px;
  background-image: url('data:image/png;base64,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');
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  margin: 0 5px 0 -15px;
  position: relative;
  top: 3px;
}
.blackmarket-page .blackmarket-category__upgrade {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  max-width: 300px;
  width: 25%;
  padding-top: 30px;
}
.blackmarket-page .blackmarket-category__upgrade-icon {
  position: relative;
  width: 200px;
  height: 200px;
  top: 0px;
  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);
  background-image: url(../../../../../../../content/dam/atvi/callofduty/mycod/lootstream/battlepass-icon.png);
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 10;
  cursor: pointer;
}
.blackmarket-page .blackmarket-category__upgrade-info {
  background-color: rgba(0, 0, 0, 0.5);
  padding: 10px 10px 25px;
  font-family: "Open Sans", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.42;
  font-style: normal;
  font-weight: 400;
  position: relative;
}
.blackmarket-page .blackmarket-category__upgrade-info h3 {
  margin-bottom: 15px;
}
.blackmarket-page .blackmarket-category__upgrade-info p {
  font-size: 12px;
}
.blackmarket-page .blackmarket-category__upgrade-learnmore {
  display: block;
  text-align: center;
  font-size: 10px;
  color: #edc967;
  text-transform: uppercase;
  position: absolute;
  right: 10px;
  bottom: 10px;
  text-decoration: underline;
}
.blackmarket-page .blackmarket-category__upgrade-learnmore.purchased {
  display: none;
}
.blackmarket-page .blackmarket-category__upgrade-currency {
  color: #fff;
  font-size: 14px;
  background-color: rgba(0, 0, 0, 0.4);
  text-align: center;
}
.blackmarket-page .blackmarket-category__upgrade-currency span {
  display: inline-block;
  color: #f5a623;
  font-family: "Electrolize", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.42;
  font-style: normal;
  font-size: 18px;
  position: relative;
  top: 1px;
  padding-left: 20px;
}
.blackmarket-page .blackmarket-category__upgrade-currency span:after {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  left: 0;
  top: 0;
  background-image: url('../../../../../../../content/dam/atvi/callofduty/mycod/lootstream/currency-icon.png');
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 1024px) {
  .blackmarket-page .blackmarket-category__upgrade {
    width: 100%;
    max-width: 100%;
    height: 30%;
    top: 66%;
    padding: 0 0 10px 10px;
  }
  .blackmarket-page .blackmarket-category__upgrade-icon {
    left: 0;
    transform: none;
    height: 100%;
    float: left;
    padding-left: 18%;
    width: auto;
  }
  .blackmarket-page .blackmarket-category__upgrade-info {
    padding: 25px 10px 10px;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.5) 100%);
  }
  .blackmarket-page .blackmarket-category__upgrade-button {
    width: 27%;
  }
}
@media only screen and (max-width: 767px) {
  .blackmarket-page .blackmarket-category__upgrade-icon {
    padding-left: 25%;
    top: 10px;
  }
  .blackmarket-page .blackmarket-category__upgrade-info {
    padding: 0 10px 10px;
  }
  .blackmarket-page .blackmarket-category__upgrade-info h3 {
    margin-bottom: 5px;
    font-size: 14px;
  }
  .blackmarket-page .blackmarket-category__upgrade-info p {
    font-size: 11px;
  }
  .blackmarket-page .blackmarket-category__upgrade-learnmore {
    bottom: 40px;
  }
  .blackmarket-page .blackmarket-category__upgrade-button {
    margin-top: 0;
    width: 100%;
    padding: 9px 0;
    float: left;
    margin-right: 0px;
  }
  .blackmarket-page .blackmarket-category__upgrade-button.gift-button {
    width: 72%;
    float: left;
    padding: 3px 0 7px;
    margin-right: 0;
    margin-bottom: 0;
  }
}
.blackmarket-page .season-container {
  position: relative;
}
.blackmarket-page .season-time-left {
  position: absolute;
  bottom: 30px;
  right: 30px;
  background-color: rgba(0, 0, 0, 0.7);
  padding: 20px;
  font-family: "Open Sans", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.42;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  text-transform: uppercase;
}
@media only screen and (max-width: 1024px) {
  .blackmarket-page .season-time-left {
    display: none;
  }
}
.blackmarket-page .blackmarket-category__name {
  font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-style: normal;
  text-transform: uppercase;
  margin-bottom: 5px;
  font-size: 24px;
  text-shadow: 0px 0px 5px #000000;
}
@media only screen and (max-width: 767px) {
  .blackmarket-page .blackmarket-category__name {
    font-size: 14px;
  }
}
.blackmarket-page .blackmarket-category__title {
  font-family: "Open Sans Condensed", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.42;
  font-weight: bold;
  font-style: normal;
  text-transform: uppercase;
  font-size: 45px;
  margin-bottom: 5px;
  text-shadow: 0px 0px 5px #000000;
}
@media only screen and (max-width: 767px) {
  .blackmarket-page .blackmarket-category__title {
    font-size: 30px;
  }
}
.blackmarket-page .blackmarket-loot-container {
  padding: 20px 50px;
  background: #111;
}
@media only screen and (max-width: 1024px) {
  .blackmarket-page .blackmarket-loot-container {
    padding: 0;
  }
}
.blackmarket-page .blackmarket-controls {
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  display: flex;
  align-items: center;
  font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #fff;
  background-color: #252525;
  font-size: 18px;
  height: 50px;
}
@media only screen and (max-width: 767px) {
  .blackmarket-page .blackmarket-controls {
    height: auto;
    font-size: 16px;
  }
}
.blackmarket-page .blackmarket-controls__title {
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 500;
  width: 100%;
}
.blackmarket-page .blackmarket-controls__prev,
.blackmarket-page .blackmarket-controls__next {
  max-width: 16px;
  background-repeat: no-repeat;
  white-space: nowrap;
  text-indent: 9999px;
  overflow: hidden;
  padding: 10px 20px;
  background-size: 16px;
  background-position: center center;
  cursor: pointer;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAYAAACEYr13AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTExOUM0N0QxNDZFMTFFQTkxNUNBMDZCNTQ2REJCMTciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTExOUM0N0UxNDZFMTFFQTkxNUNBMDZCNTQ2REJCMTciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBMTE5QzQ3QjE0NkUxMUVBOTE1Q0EwNkI1NDZEQkIxNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBMTE5QzQ3QzE0NkUxMUVBOTE1Q0EwNkI1NDZEQkIxNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoKhJJcAAACcSURBVHjaYvz//z8DMcBqwT8NILUfiCWAGKRpMxCHMJGhGQS2AnHosQSm30xkaN4CxMFAzb9AHCZKNOM1gBjNOA0gVjNWA0jRjGEAqZpRDCBHM9wAcjUTjEZiANgAoE03gJQjEL+AivsA8Vqgy9iIdgG5hqB4gRxDMMKAVEOwBiIphuCMBWINwRuNxBhCMB0QMoSRzCINnloBAgwAjRd04CNd/iEAAAAASUVORK5CYII=');
}
.blackmarket-page .blackmarket-controls__prev.disabled,
.blackmarket-page .blackmarket-controls__next.disabled {
  opacity: 0.5;
  cursor: default;
}
.blackmarket-page .blackmarket-controls__next {
  text-align: right;
  transform: rotate(180deg);
}
.blackmarket-page .blackmarket-progression {
  height: 10px;
  width: 100%;
  padding: 0 4px;
}
.blackmarket-page .blackmarket-progression__bar {
  height: 100%;
  background-image: linear-gradient(to right, #747474, #848484 25%, #ffffff 75%, #878686);
}
.blackmarket-page .blackmarket-progression__bar.premium {
  background-image: linear-gradient(to right, #ae8625, #f7ef8a 74%, #d2ac47 109%, #edc967 147%);
}
.blackmarket-page .blackmarket-progression__bar.mobile {
  display: none;
  width: 10px;
  background-image: linear-gradient(to bottom, #747474, #848484 25%, #ffffff 75%, #878686);
}
.blackmarket-page .blackmarket-progression__bar.mobile.premium {
  background-image: linear-gradient(to bottom, #ae8625, #f7ef8a 74%, #d2ac47 109%, #edc967 147%);
}
@media only screen and (max-width: 1024px) {
  .blackmarket-page .blackmarket-progression {
    width: 3%;
    height: 681px;
    float: left;
    padding: 0;
  }
  .blackmarket-page .blackmarket-progression .mobile {
    display: block;
  }
  .blackmarket-page .blackmarket-progression .desktop {
    display: none;
  }
}
.blackmarket-page .blackmarket-chase-listing {
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-lines: multiple;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media only screen and (max-width: 1024px) {
  .blackmarket-page .blackmarket-chase-listing__item {
    max-width: 33.3333%;
  }
}
@media only screen and (max-width: 767px) {
  .blackmarket-page .blackmarket-chase-listing__item {
    max-width: 100%;
  }
}
.blackmarket-page .blackmarket-loot__set {
  font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-weight: 400;
  color: #fff;
  text-transform: uppercase;
  font-size: 10px;
  margin-top: 10px;
  line-height: 1.2;
}
.blackmarket-page .blackmarket-lootbox {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  display: flex;
  align-items: center;
}
.blackmarket-page .blackmarket-lootbox__img {
  width: 100px;
  height: 125px;
  background-image: url(../../../../../../../content/dam/atvi/callofduty/mycod/lootstream/crate.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  margin-right: 20px;
}
.blackmarket-page .blackmarket-lootbox__content {
  font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-style: normal;
  margin-bottom: 8px;
  font-size: 18px;
  color: #fff;
  letter-spacing: 1px;
  font-weight: 400;
  line-height: 1.25;
}
@media only screen and (max-width: 767px) {
  .blackmarket-page .blackmarket-lootbox__content {
    font-size: 15px;
  }
}
.blackmarket-page .blackmarket-lootbox__title {
  font-family: "Open Sans Condensed", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.42;
  font-style: normal;
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 5px;
  text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
  .blackmarket-page .blackmarket-lootbox__title {
    font-size: 18px;
  }
}
.blackmarket-page .loot-tag {
  font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-style: normal;
  position: relative;
  text-transform: uppercase;
  overflow: hidden;
}
.blackmarket-page .loot-tag__type {
  color: #fff;
  background-color: #bbfa76;
  font-size: 12px;
  padding: 5px 45% 5px 10px;
}
.blackmarket-page .loot-tag__type.rare {
  background-color: #7cbad4;
}
.blackmarket-page .loot-tag__type.legendary {
  background-color: #f39700;
}
.blackmarket-page .loot-tag__type.epic {
  background-color: #d8aefd;
}
.blackmarket-page .loot-tag__type.ultra {
  color: #000;
  background-color: #f9e16d;
}
.blackmarket-page .loot-tag__rarity {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  color: #fff;
  display: flex;
  align-items: center;
  z-index: 0;
  background-color: #8af614;
}
.blackmarket-page .loot-tag__rarity.rare {
  background-color: #3a8db0;
}
.blackmarket-page .loot-tag__rarity.legendary {
  background-color: #8d5800;
}
.blackmarket-page .loot-tag__rarity.epic {
  background-color: #a84afb;
}
.blackmarket-page .loot-tag__rarity.ultra {
  color: #000;
  background-color: #f5cd0b;
}
.blackmarket-page .loot-tag__rarity span {
  position: relative;
  display: block;
  padding: 0px 5px 0px 0px;
  font-size: 9px;
}
.blackmarket-page .loot-tag__rarity::after {
  content: "";
  position: absolute;
  display: block;
  width: 150%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  transform-origin: top right;
  transform: skew(-45deg, 0deg);
  background-color: #8af614;
}
.blackmarket-page .loot-tag__rarity.rare::after {
  background-color: #3a8db0;
}
.blackmarket-page .loot-tag__rarity.legendary::after {
  background-color: #8d5800;
}
.blackmarket-page .loot-tag__rarity.epic::after {
  background-color: #a84afb;
}
.blackmarket-page .loot-tag__rarity.ultra::after {
  background-color: #f5cd0b;
}
.battlepass-upgrade-modal .modal__container {
  background-color: #252525;
  margin: 50px auto 0;
}
.battlepass-upgrade-modal .battlepass-header {
  width: 100%;
  padding-top: 50%;
  position: relative;
  background-image: url('../../../../../../../content/dam/atvi/callofduty/mycod/lootstream/battlepass-emblem-gold.png');
  background-size: cover;
  background-repeat: no-repeat;
  /* &:after {
                content: "";
                position: absolute;
                width: 100%;
                padding-top: 55%;
                top: 0px;
                left: 0;
                background-image: url('../../../../../../../content/dam/atvi/callofduty/mycod/lootstream/battle-pass-title.png');
                background-size: contain;
                background-repeat: no-repeat;
                background-position: center center;
            }*/
}
.battlepass-upgrade-modal .battlepass-available-currency {
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  padding: 15px 0;
  font-size: 14px;
  color: #fff;
  text-align: center;
}
.battlepass-upgrade-modal .battlepass-available-currency span {
  display: inline-block;
  color: #f5a623;
  font-family: "Electrolize", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.42;
  font-style: normal;
  font-size: 18px;
  position: relative;
  top: 1px;
  padding-left: 20px;
}
.battlepass-upgrade-modal .battlepass-available-currency span:after {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  left: 0;
  top: 0;
  background-image: url('../../../../../../../content/dam/atvi/callofduty/mycod/lootstream/currency-icon.png');
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
.battlepass-upgrade-modal .battlepass-season-info {
  text-align: center;
  padding: 15px 0;
  margin-bottom: 15px;
}
.battlepass-upgrade-modal .battlepass-season-info__title {
  font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-style: normal;
  text-transform: uppercase;
  font-size: 18px;
  margin-bottom: 10px;
}
.battlepass-upgrade-modal .battlepass-season-info__remaining {
  font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
}
.battlepass-upgrade-modal .battlepass-bundle {
  width: 95%;
  background-color: rgba(0, 0, 0, 0.7);
  margin: 0 auto 30px;
  position: relative;
  border-radius: 5px;
  background-image: linear-gradient(to bottom, #ae8625, #f7ef8a 74%, #d2ac47 109%, #edc967 147%);
  padding: 2px;
}
.battlepass-upgrade-modal .battlepass-bundle.selected {
  background-color: #1e9ffd;
  background-image: none;
}
.battlepass-upgrade-modal .battlepass-bundle .battlepass-bundle-container {
  width: 100%;
  height: 100%;
  background: #000;
  border-radius: inherit;
  padding: 30px 20px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column;
  background-image: url('../../../../../../../content/dam/atvi/callofduty/mycod/lootstream/cod-points.jpg');
  background-position: center center;
  background-size: cover;
}
.battlepass-upgrade-modal .battlepass-bundle .battlepass-upgrade__title {
  position: absolute;
  top: 0;
  left: 50%;
  color: #000;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-image: linear-gradient(to bottom, #ae8625, #f7ef8a 74%, #d2ac47 109%, #edc967 147%);
  padding: 8px 16px;
  line-height: 20px;
  border-radius: 20px;
  font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-style: normal;
  text-transform: uppercase;
  white-space: nowrap;
}
.battlepass-upgrade-modal .battlepass-bundle .battlepass-upgrade__select {
  width: 36px;
  height: 36px;
  border-radius: 36px;
  background-image: linear-gradient(to bottom, #ae8625, #f7ef8a 74%, #d2ac47 109%, #edc967 147%);
  position: absolute;
  left: 20px;
  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%);
}
.battlepass-upgrade-modal .battlepass-bundle .battlepass-upgrade__select .battlepass-upgrade__check {
  width: 32px;
  height: 32px;
  border-radius: 32px;
  position: absolute;
  left: 50%;
  top: 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%);
  background: #000;
}
.battlepass-upgrade-modal .battlepass-bundle .battlepass-upgrade__select.checked .battlepass-upgrade__check {
  background-image: linear-gradient(to bottom, #ae8625, #f7ef8a 74%, #d2ac47 109%, #edc967 147%);
  border: 3px solid #000;
}
.battlepass-upgrade-modal .battlepass-bundle .battlepass-upgrade__select.checked .battlepass-upgrade__check:before {
  content: "";
  width: 4px;
  height: 8px;
  background-color: #000;
  position: absolute;
  left: 7px;
  bottom: 6px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.battlepass-upgrade-modal .battlepass-bundle .battlepass-upgrade__select.checked .battlepass-upgrade__check:after {
  content: "";
  width: 4px;
  height: 15px;
  background-color: #000;
  position: absolute;
  left: 13px;
  bottom: 5px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.battlepass-upgrade-modal .battlepass-bundle .battlepass-upgrade__cost {
  position: relative;
  color: #f5a623;
  font-family: "Electrolize", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.42;
  font-style: normal;
  font-size: 28px;
  padding-left: 32px;
  width: 120px;
}
.battlepass-upgrade-modal .battlepass-bundle .battlepass-upgrade__cost:after {
  content: "";
  width: 28px;
  height: 28px;
  position: absolute;
  left: 0;
  top: 0;
  background-image: url('../../../../../../../content/dam/atvi/callofduty/mycod/lootstream/currency-icon.png');
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
.battlepass-upgrade-modal .battlepass-bundle .battlepass-upgrade__subtitle {
  font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-style: normal;
  text-transform: uppercase;
  margin: 0 0 10px;
}
.battlepass-upgrade-modal .battlepass-bundle .battlepass-upgrade__cta {
  color: #1e9ffd;
  background-color: #252525;
  border: 1px solid #1e9ffd;
  padding: 5px 15px;
  display: inline-block;
  margin-top: 15px;
  text-transform: uppercase;
  border-radius: 15px;
}
.battlepass-upgrade-modal .battlepass-price {
  width: 95%;
  margin: 0 auto 30px;
  font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 18px;
}
.battlepass-upgrade-modal .battlepass-price__total {
  margin-bottom: 20px;
}
.battlepass-upgrade-modal .battlepass-price__total:after {
  visibility: hidden;
  display: block;
  content: '';
  clear: both;
  height: 0;
}
.battlepass-upgrade-modal .battlepass-price__total.insufficient {
  color: #ff0000;
}
.battlepass-upgrade-modal .battlepass-price__remain:after {
  visibility: hidden;
  display: block;
  content: '';
  clear: both;
  height: 0;
}
.battlepass-upgrade-modal .battlepass-price__num {
  float: right;
  position: relative;
  color: #f5a623;
  font-family: "Electrolize", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.42;
  font-style: normal;
  font-size: 28px;
  padding-left: 32px;
}
.battlepass-upgrade-modal .battlepass-price__num:after {
  content: "";
  width: 28px;
  height: 28px;
  position: absolute;
  left: 0;
  top: 0;
  background-image: url('../../../../../../../content/dam/atvi/callofduty/mycod/lootstream/currency-icon.png');
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
.battlepass-upgrade-modal .battlepass-error {
  color: #ff0000;
  width: 95%;
  margin: 0 auto 10px;
}
.battlepass-upgrade-modal .battlepass-upgrade-button {
  color: #000;
  font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-style: normal;
  background-image: linear-gradient(to bottom, #ae8625, #f7ef8a 74%, #d2ac47 109%, #edc967 147%);
  padding: 20px 0;
  width: 95%;
  margin: 0 auto 20px;
  text-align: center;
  border-radius: 7px;
  cursor: pointer;
  text-transform: uppercase;
  position: relative;
  max-width: 300px;
}
.battlepass-upgrade-modal .battlepass-upgrade-button.gift-button {
  background-image: none;
  background-color: #454545;
  color: #c5b359;
}
.battlepass-upgrade-modal .battlepass-upgrade-button.gift-button:before {
  content: "";
  width: 15px;
  height: 15px;
  background-image: url('data:image/png;base64,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');
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  margin: 0 5px 0 -15px;
  position: relative;
  top: 1px;
}
.battlepass-upgrade-modal .battlepass-text {
  width: 80%;
  opacity: 0.9;
  font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-style: normal;
  line-height: 1.45;
  text-align: center;
  margin: 0 auto 20px;
  padding-bottom: 20px;
}
.blackmarket-listing-container {
  overflow: hidden;
  margin-left: -4px;
  margin-right: -4px;
}
@media only screen and (max-width: 1024px) {
  .blackmarket-listing-container {
    margin-left: 0;
  }
}
.blackmarket-listing {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
@media only screen and (max-width: 1024px) {
  .blackmarket-listing {
    width: 97%;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.blackmarket-listing__item {
  position: relative;
  width: 100%;
  max-width: 20%;
  padding-left: 4px;
  padding-right: 4px;
  margin-bottom: 8px;
}
@media only screen and (max-width: 1024px) {
  .blackmarket-listing__item {
    max-width: 100%;
    height: 130px;
  }
}
.blackmarket-listing__item .modal__bg {
  background-color: rgba(0, 0, 0, 0.5);
}
.blackmarket-listing__item .modal__container {
  padding: 40px 60px;
  max-width: 400px;
}
.blackmarket-listing__item .modal__close {
  margin: 0;
}
.blackmarket-loot {
  position: relative;
  cursor: pointer;
  z-index: 0;
  background-color: #111;
  overflow: hidden;
  border: 1px solid #848484;
}
.blackmarket-loot.premium {
  border: 1px solid #F7EF8A;
}
.blackmarket-loot.locked .blackmarket-loot__content::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.65);
  /* background-image: url(../../../../../../../content/dam/atvi/callofduty/mycod/lootstream/lock-gold.svg);
                background-position: 5px 298px;
                background-repeat: no-repeat;
                background-size: 14px auto;*/
  z-index: 100;
}
@media only screen and (max-width: 1024px) {
  .blackmarket-loot.locked .blackmarket-loot__content::before {
    background-size: 13px auto;
    background-position: 10px calc(100% - 10px);
    display: none;
  }
}
.blackmarket-loot__title-container {
  position: absolute;
  width: 100%;
  bottom: 155px;
  z-index: 100;
}
@media only screen and (max-width: 1024px) {
  .blackmarket-loot__title-container {
    left: 0;
    bottom: 100%;
    -webkit-transform: translate(0, 100%);
    -moz-transform: translate(0, 100%);
    -ms-transform: translate(0, 100%);
    -o-transform: translate(0, 100%);
    transform: translate(0, 100%);
  }
}
.blackmarket-loot__locked {
  color: #edc967;
  position: relative;
  font-size: 14px;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
  width: 100%;
  padding: 15px 0 5px 25px;
}
.blackmarket-loot__locked:before {
  content: "";
  width: 10px;
  height: 15px;
  position: absolute;
  left: 9px;
  top: 14px;
  background-image: url(../../../../../../../content/dam/atvi/callofduty/mycod/lootstream/lock-gold.svg);
  background-size: 100% auto;
  background-position: center center;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 1024px) {
  .blackmarket-loot__locked {
    position: absolute;
    left: 25%;
    top: 25px;
    z-index: 100;
  }
}
@media only screen and (max-width: 450px) {
  .blackmarket-loot__locked {
    left: 100px;
  }
}
.blackmarket-loot__free {
  padding: 7px 0;
  background-color: rgba(60, 108, 43, 0.5);
  border-top: 1px solid #c4f5a7;
  border-bottom: 1px solid #c4f5a7;
  width: 100%;
  text-align: center;
  font-size: 13px;
  color: #c4f5a7;
}
@media only screen and (max-width: 1024px) {
  .blackmarket-loot__free {
    top: 0;
    width: 25%;
    min-width: 100px;
    padding: 4px 0;
  }
}
.blackmarket-loot__exclusive {
  padding: 7px 0;
  width: 100%;
  text-align: center;
  font-size: 13px;
  color: #fff;
  text-transform: uppercase;
}
.blackmarket-loot__exclusive.wz {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
}
.blackmarket-loot__exclusive.cw {
  border-top: 1px solid #E5201B;
  border-bottom: 1px solid #E5201B;
  background: linear-gradient(180deg, rgba(229, 32, 27, 0.5) 0%, rgba(229, 32, 27, 0) 100%);
}
@media only screen and (max-width: 1024px) {
  .blackmarket-loot__exclusive {
    width: 25%;
    min-width: 100px;
    font-size: 11px;
  }
}
.blackmarket-loot__container {
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: flex;
  justify-content: space-between;
  min-height: 300px;
  margin-left: 0;
  width: 100%;
}
@media only screen and (max-width: 1024px) {
  .blackmarket-loot__container.mobile {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    display: -webkit-box;
    display: flex;
    justify-content: flex-start;
    min-height: 150px;
    margin-left: 25%;
    width: 75%;
  }
}
@media only screen and (max-width: 767px) {
  .blackmarket-loot__container.mobile {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    display: -webkit-box;
    display: flex;
    justify-content: flex-start;
    min-height: 125px;
    margin-left: 35%;
    width: 65%;
  }
}
.blackmarket-loot__content {
  padding: 10px;
  position: relative;
  border-top: 4px solid #3c3836;
  overflow: hidden;
}
.blackmarket-loot__content.common {
  border-color: #bbfa76;
}
.blackmarket-loot__content.rare {
  border-color: #7cbad4;
}
.blackmarket-loot__content.legendary {
  border-color: #f39700;
}
.blackmarket-loot__content.epic {
  border-color: #d8aefd;
}
.blackmarket-loot__content.ultra {
  border-color: #f9e16d;
}
@media only screen and (max-width: 1024px) {
  .blackmarket-loot__content {
    height: 130px;
  }
}
.blackmarket-loot__title {
  font-family: "Open Sans Condensed", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.42;
  font-weight: bold;
  font-style: normal;
  text-transform: uppercase;
  line-height: 1.2;
  color: #fff;
  font-size: 20px;
  text-shadow: 0px 0px 5px #000000;
  position: relative;
  z-index: 2;
  min-height: 72px;
}
@media only screen and (max-width: 767px) {
  .blackmarket-loot__title {
    font-size: 18px;
  }
}
.blackmarket-loot__description {
  font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-weight: 400;
  color: #fff;
  font-size: 13px;
  margin: 5px 0 25px;
  line-height: 15px;
  height: 15px;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 1024px) {
  .blackmarket-loot__description {
    margin: 5px 0 50px;
  }
}
.blackmarket-loot__type {
  font-size: 14px;
  text-transform: uppercase;
  position: relative;
  z-index: 2;
}
.blackmarket-loot__rarity {
  position: absolute;
  bottom: 35px;
  left: 35px;
  text-transform: uppercase;
  font-size: 10px;
  text-align: center;
  z-index: 2;
}
.blackmarket-loot__rarity.common {
  color: #bbfa76;
}
.blackmarket-loot__rarity.common:after {
  background-image: url('../../../../../../../content/dam/atvi/callofduty/mycod/lootstream/icons/loot-common.png');
}
.blackmarket-loot__rarity.rare {
  color: #7cbad4;
}
.blackmarket-loot__rarity.rare:after {
  background-image: url('../../../../../../../content/dam/atvi/callofduty/mycod/lootstream/icons/loot-rare.png');
}
.blackmarket-loot__rarity.legendary {
  color: #f39700;
}
.blackmarket-loot__rarity.legendary:after {
  background-image: url('../../../../../../../content/dam/atvi/callofduty/mycod/lootstream/icons/loot-legendary.png');
}
.blackmarket-loot__rarity.epic {
  color: #d8aefd;
}
.blackmarket-loot__rarity.epic:after {
  background-image: url('../../../../../../../content/dam/atvi/callofduty/mycod/lootstream/icons/loot-epic.png');
}
.blackmarket-loot__rarity:after {
  content: "";
  position: absolute;
  width: 25px;
  height: 25px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  top: -8px;
  left: -14px;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
.blackmarket-loot__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-filter: blur(5px);
  filter: blur(5px);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  backface-visibility: hidden;
  transform: translateZ(0) scale(1.5);
  opacity: .5;
}
@media only screen and (max-width: 1024px) {
  .blackmarket-loot__bg {
    display: block;
  }
}
.blackmarket-loot__img {
  position: relative;
  width: 100%;
  height: 325px;
  background-color: rgba(0, 0, 0, 0.25);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  transition: transform 0.3s ease-in-out;
}
.blackmarket-loot__img.mobile {
  float: left;
  background-position: center center;
}
@media only screen and (max-width: 1024px) {
  .blackmarket-loot__img.mobile {
    transition-property: none;
    width: 25%;
    min-width: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .blackmarket-loot__img.mobile {
    transition-property: none;
    height: 130px;
  }
}
.blackmarket-loot__tier {
  font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-style: normal;
  position: absolute;
  width: 34px;
  height: 34px;
  top: 0px;
  left: 0px;
  font-size: 14px;
  background-color: #3c3836;
  font-weight: 600;
  color: #fff;
  z-index: 100;
  text-align: center;
  padding-top: 11px;
}
.blackmarket-loot__tier.got {
  background-image: linear-gradient(to bottom, #747474, #848484 25%, #ffffff 75%, #878686);
  color: #000;
}
.blackmarket-loot__tier.got:after {
  content: "";
  width: 18px;
  height: 15px;
  position: absolute;
  left: 42px;
  top: 10px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url('../../../../../../../content/dam/atvi/callofduty/mycod/lootstream/silver-check.svg');
}
.blackmarket-loot__tier.got.premium {
  background-image: linear-gradient(to bottom, #ae8625, #f7ef8a 74%, #d2ac47 109%, #edc967 147%);
}
.blackmarket-loot__tier.got.premium:after {
  background-image: url('../../../../../../../content/dam/atvi/callofduty/mycod/lootstream/gold-check.svg');
}
.blackmarket-loot__tier.current:before {
  content: "";
  height: 15px;
  width: 43px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAdCAYAAAC9pNwMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M0ZDNzQwMDQxNEM2MTFFQTkxNUNBMDZCNTQ2REJCMTciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6M0ZDNzQwMDUxNEM2MTFFQTkxNUNBMDZCNTQ2REJCMTciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozRkM3NDAwMjE0QzYxMUVBOTE1Q0EwNkI1NDZEQkIxNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozRkM3NDAwMzE0QzYxMUVBOTE1Q0EwNkI1NDZEQkIxNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ps/pL7EAAAHkSURBVHjavFfNSgMxEJ5Nd7EivRXaSx/Ed/DqRaEgKLroQQWrUo9aFMF6UKRUEPwrePYdfI5S+gAWPIjtrl9qRtKwXmqSwHSmw5Zvvi87kzSo1WobYRh2oih6h6dcLkeFQoFKpRIVi0Uql8tUqVQon89Tr9ejfr9P3W6XBoMBxXFM0y6RJMkS7BHxDHlcAvaRpukCwB8Qz3oDDoIglQGAF0ejURth5IsxAZwU+DLAb32AC8g8DqSXBcBXh8NhyzW4YLYMLg3MV8D8WorhVGpdbl4AX0MRNwhDJ8AAIJZbZ63idbimM6l1thnMtyB7E3nhZI+5ALMQtefb8OfW32r9zdZlNxTYhZ1a7+Osvf6NfxLycx++YU1q7mE2/q6zTlUx2O9D+GPkImuTKwt0zFzm+Dn5TJLUkZ+3Nrm06fUrNRehyY1fiRPk3/4DHOrj0mRstpZ6poHskfkSTt1Oqm3MuW3u8xnCutVDQu/frF7G9wvYgfVZPcHM6G0hxCXCPZsDJMxiZxRyBbfj7XRSuZYL0DFjXdKJioRow2LuJCenkwmKK+4d8puuQP96ue5xv5bn8JfzOxezhrRPAF11DcqMAwkKwBeYvO44B+WROQemrwCtIv70daEPAfqM/00dn6ByfQswAD3mEaQX1IgMAAAAAElFTkSuQmCC);
  position: absolute;
  top: 10px;
  left: 70px;
  background-size: auto 100%;
}
.blackmarket-loot__tier.current.premium:before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAdCAYAAAC9pNwMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDgwQkNDRjcxNEM5MTFFQTkxNUNBMDZCNTQ2REJCMTciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDgwQkNDRjgxNEM5MTFFQTkxNUNBMDZCNTQ2REJCMTciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozRkM3NDAwNjE0QzYxMUVBOTE1Q0EwNkI1NDZEQkIxNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowODBCQ0NGNjE0QzkxMUVBOTE1Q0EwNkI1NDZEQkIxNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqWhIMoAAAKSSURBVHjaYrAxFOH5//8/A70xk64yh31FonICA50BEwszI5utAW9CTbpGGl0tZvjPwMDIyGhvbyyY3FKgX0Q/i0EAFOaMjGZ2xsLJ3VVm1XSzGOhjIAHkMDFq2RiJJPTW2NbRxeL/UAKY3hhYmJlUbM1Fk2d2ukygfVCjAXY2ZjkLI/HYSW1u7TSOYxiXEdlyIScb2cz+Vs9GGsYxurUQwM3Fyu/jrlK9cEboHOpbzMgEt/U/wuvwgODiYmW2t5ZPnjstfJq5uTIztSxmYWD4B09cYNuhDmEEQ0hW4+FhY/D30czk5eMQtTBXiThx8s5fyi3+jwhiiEX/oCkcbCckq4HjnIXB3UklhOHP7xVAbihVUzVyGmNkQFgKdyULI4OLvVLInH7faTTJTjBHgGsSZLH/wOBn/M/g6Sif2V3jWE1h4kIkZ0Y0q9F9zMAIcca7Dz8+vnz77Q7FcQyKViTrUP39H+pnsCP+Mzx98eXjtEVXIqbPO7mDOvmYkQEtMzEgWQgBT558/r5o5eWs6fNO7KA4joGW/f3PAEnJjHgUPnry4ePS1RcKuvr3LaNKPgZaxozNQlAuhoXy06efXi9acy23d8K+ldQrQBhBbQEmeFAzQgP8PzSxPXv++dGazXdqeifsX0nNIpMFkXdQcjKY/frd90cLVt1MnzaX8jjFbjE8SzHC8+vHz7/vz15xK3HOkrMHaVE7sSCKSkQh8fHTr8trdz+poZWlqJUEFHz9/uvCqu3PK6cvubSDgYaABbnU/PL195G1+17Wz1lxZR+t21wsoGIQFNRvPvxav/XYm+5F628dp0crE1hkMjJ8+PJnza4zHycuWn+PLpaC01WEh6Txr7+M39fuenqNnj0JgAADALQaQpb//mGcAAAAAElFTkSuQmCC);
}
@media only screen and (max-width: 1024px) {
  .blackmarket-loot__tier {
    top: calc(72%);
    width: 28px;
    height: 28px;
    padding-top: 7px;
  }
}

.store-page .page-header {
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  display: -webkit-box;
  display: flex;
  justify-content: flex-start;
  background-color: #000;
  padding: 25px 0;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .store-page .page-header {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    display: flex;
    align-items: flex-start;
    padding: 10px 0;
  }
}
.store-page .page-header .game-logo {
  position: absolute;
  right: 15px;
  top: 20px;
  width: 61px;
  height: 25px;
  background-image: url("../../../../../../../content/dam/atvi/callofduty/mycod/common/title-icons/mw-logo.png");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  z-index: 20;
}
@media only screen and (max-width: 767px) {
  .store-page .page-header .game-logo {
    top: 5px;
  }
}
.store-page .heading {
  position: relative;
  color: #ffffff;
  display: block;
  padding-left: 15px;
  font-family: "Open Sans Condensed", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.42;
  font-style: normal;
  font-weight: bold;
  text-transform: uppercase;
  margin-right: 50px;
}
.store-page .heading:before {
  content: "";
  display: block;
  border-left: 3px solid #1e9ffd;
  height: 100%;
  position: absolute;
  left: 0;
  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%);
}
@media only screen and (max-width: 767px) {
  .store-page .heading {
    margin-right: 0;
    margin-bottom: 20px;
  }
}
.store-page .buckets-container {
  position: relative;
}
.store-page .buckets-container .buckets {
  display: flex;
  flex-direction: row;
  margin-bottom: 25px;
}
.store-page .buckets-container .buckets li {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.85) 10%, #6d7278 137%);
  width: 243px;
  height: 35px;
  margin-right: 20px;
  font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 12px;
  text-transform: uppercase;
  text-align: center;
  padding-top: 10px;
  cursor: pointer;
  position: relative;
}
.store-page .buckets-container .buckets li.selected:after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 2px;
  left: 0;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0, #ffffff 50%, rgba(255, 255, 255, 0) 100%);
}
.store-page .buckets-container .buckets li:last-child {
  margin: 0;
}
@media only screen and (max-width: 1024px) {
  .store-page .buckets-container .buckets {
    display: none;
  }
}
.store-page .buckets-container .buckets-select {
  display: none;
  margin-bottom: 15px;
}
@media only screen and (max-width: 1024px) {
  .store-page .buckets-container .buckets-select {
    display: block;
  }
}
.store-page .buckets-container .available-currency {
  position: absolute;
  right: 90px;
  top: -37px;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  border: 1px solid #454545;
  font-size: 14px;
  padding: 5px 15px;
  border-radius: 10px;
}
.store-page .buckets-container .available-currency span {
  position: relative;
  z-index: 5;
  color: #f5a623;
  font-family: "Electrolize", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.42;
  font-style: normal;
  font-size: 20px;
  padding-left: 22px;
  width: 120px;
  margin-bottom: 15px;
  margin-left: 5px;
}
.store-page .buckets-container .available-currency span:after {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0;
  top: 1px;
  background-image: url('../../../../../../../content/dam/atvi/callofduty/mycod/lootstream/currency-icon.png');
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 767px) {
  .store-page .buckets-container .available-currency {
    position: relative;
    top: 0;
    right: 0;
    transform: none;
    text-align: center;
    margin-bottom: 15px;
  }
}
.store-page .heading.bucket-heading {
  position: absolute;
  top: 15px;
  left: 35px;
  z-index: 10;
}
@media only screen and (max-width: 767px) {
  .store-page .heading.bucket-heading {
    left: 15px;
    top: 10px;
  }
}
.store-page .products-container {
  position: relative;
  min-height: 500px;
  overflow: hidden;
  margin-bottom: 40px;
}
@media only screen and (max-width: 767px) {
  .store-page .products-container {
    min-height: 380px;
  }
}
.store-page .product-view-container .back-to-bundles-link {
  color: #1e9ffd;
  text-transform: uppercase;
  font-size: 14px;
  padding-left: 20px;
  cursor: pointer;
}
.store-page .product-view-container .back-to-bundles-link:hover {
  text-decoration: underline;
}
.store-page .product-view-container .back-to-bundles-link:after {
  content: "";
  background-image: url('data:image/png;base64,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bnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKE1hY2ludG9zaCkiIHhtcDpDcmVhdGVEYXRlPSIyMDIwLTA4LTI0VDExOjA0OjQzLTA3OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIwLTA4LTI0VDExOjA0OjQzLTA3OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMC0wOC0yNFQxMTowNDo0My0wNzowMCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2YTFhNzczNy0zMDFiLTRiY2ItOTdmZi1iMjMzNWUzYjdkNzkiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpkOTVmYzBmYi0zNDk5LTgzNDktOGU4MC02MGM0ODE4NjUwMzciIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpjN2ZmNDdhMi0wMTkxLTQyZGQtODZjOC1lMGQzY2RlZWI3YjciIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiBwaG90b3Nob3A6SUNDUHJvZmlsZT0iRGlzcGxheSI+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNyZWF0ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6YzdmZjQ3YTItMDE5MS00MmRkLTg2YzgtZTBkM2NkZWViN2I3IiBzdEV2dDp3aGVuPSIyMDIwLTA4LTI0VDExOjA0OjQzLTA3OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjEuMCAoTWFjaW50b3NoKSIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6NmExYTc3MzctMzAxYi00YmNiLTk3ZmYtYjIzMzVlM2I3ZDc5IiBzdEV2dDp3aGVuPSIyMDIwLTA4LTI0VDExOjA0OjQzLTA3OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjEuMCAoTWFjaW50b3NoKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5BB6iNAAABIElEQVQ4jWP4//8/A7nYrGLnEfvu66945fWEcKlhYqAA8MnqWnOJyIual+14y6ugL4RNDUUWnOzyEP797QMDK5cAgwUOSyiy4NODi+8IWUKRBTBLrq0o82NgYGBg5RJgMM5ZeYOqFjAwMDA8PbR488V5aX4MDAwMXCLyog49N17B5Bj////PIKhpp06OwYxwAgJkrGNuyFjHMjAwMDB8e/Pw9YESDTFG++7rr7hE5EUp8ABO8O3Nw9dUCSJ8gPZB9P//fyq4k4FB2i7WVz9p1iZkwxkYqJSKcBnOwAANIkoAr4K+kEXZjresXAIMv799YNidJcmILE+RD3jkUQ0/2eUhjK6GIgtMclfeQDb804OL76hqwbc3j27hM5yBgYEBAItswS4apk1kAAAAAElFTkSuQmCC');
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: 0;
  height: 13px;
  width: 15px;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.store-page .product-view-container .product {
  position: relative;
  margin: 20px 0 40px;
}
.store-page .product-view-container .product .product-buy {
  width: 49%;
  margin-right: 2%;
  margin-bottom: 0;
}
.store-page .product-view-container .product .product-gift {
  margin-right: 0;
}
.store-page .product {
  padding: 45px 35px 35px;
  position: absolute;
  width: 100%;
  height: 100%;
}
.store-page .product .product-background {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  z-index: 1;
}
.store-page .product .product-logo {
  position: relative;
  z-index: 5;
  max-height: 200px;
}
.store-page .product .product-description {
  position: relative;
  z-index: 5;
  margin: 0 0 15px;
  max-width: 750px;
  font-size: 14px;
  line-height: 22px;
  background-color: rgba(0, 0, 0, 0.3);
  padding: 10px;
  border-radius: 4px;
}
.store-page .product .product-cost {
  position: relative;
  z-index: 5;
  color: #f5a623;
  font-family: "Electrolize", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.42;
  font-style: normal;
  font-size: 20px;
  padding-left: 32px;
  width: 120px;
  margin-bottom: 15px;
}
.store-page .product .product-cost:after {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0;
  top: 0;
  background-image: url('../../../../../../../content/dam/atvi/callofduty/mycod/lootstream/currency-icon.png');
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
.store-page .product .product-buttons {
  max-width: 350px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.store-page .product .product-buy {
  position: relative;
  z-index: 5;
  background: #1e9ffd;
  color: #fff;
  padding: 10px 25px;
  font-size: 14px;
  text-transform: uppercase;
  text-align: center;
  cursor: pointer;
  display: block;
  margin-bottom: 10px;
  width: 100%;
}
.store-page .product .product-gift {
  position: relative;
  z-index: 5;
  padding: 8px 0px 10px;
  font-size: 14px;
  text-transform: uppercase;
  text-align: center;
  cursor: pointer;
  display: inline-block;
  background-color: #454545;
  color: #c5b359;
  width: 49%;
  margin-right: 2%;
}
.store-page .product .product-gift:before {
  content: "";
  width: 15px;
  height: 15px;
  background-image: url('data:image/png;base64,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');
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  margin: 0 5px 0 -15px;
  position: relative;
  top: 1px;
}
.store-page .product .product-view {
  position: relative;
  z-index: 5;
  padding: 10px 0;
  font-size: 14px;
  text-transform: uppercase;
  text-align: center;
  cursor: pointer;
  display: inline-block;
  background-color: #454545;
  color: #fff;
  width: 49%;
}
@media only screen and (max-width: 767px) {
  .store-page .product {
    padding: 30px 15px 15px;
  }
  .store-page .product .product-logo {
    max-height: 100px;
  }
  .store-page .product .product-description {
    margin-bottom: 10px;
    font-size: 14px;
  }
  .store-page .product .product-cost {
    margin-bottom: 10px;
  }
  .store-page .product .product-buttons {
    max-width: 100%;
  }
}
.store-page .bucket-countdown {
  position: absolute;
  z-index: 100;
  right: 0;
  bottom: 20px;
  padding: 9px 80px;
  text-transform: uppercase;
  font-size: 14px;
  background-image: linear-gradient(to right, #000000, #d50000 44%, #d50000 58%, #000000);
}
@media only screen and (max-width: 767px) {
  .store-page .bucket-countdown {
    bottom: 0;
    width: 100%;
    padding: 9px 0;
    text-align: center;
  }
}
.store-page .products-nav {
  position: absolute;
  z-index: 100;
  left: 50%;
  bottom: 10px;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  background: rgba(0, 0, 0, 0.5);
  padding: 10px 0;
  border-radius: 5px;
  display: flex;
}
.store-page .products-nav .nav-icon {
  width: 9px;
  height: 9px;
  background-color: #fff;
  border-radius: 9px;
  cursor: pointer;
  margin: 5px 10px;
}
.store-page .products-nav .nav-icon.selected {
  background-color: #1e9ffd;
}
.store-page .products-nav .nav-arrow {
  max-width: 16px;
  background-repeat: no-repeat;
  white-space: nowrap;
  text-indent: 9999px;
  overflow: hidden;
  padding: 10px 20px;
  background-size: 16px;
  background-position: center center;
  cursor: pointer;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAYAAACEYr13AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTExOUM0N0QxNDZFMTFFQTkxNUNBMDZCNTQ2REJCMTciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTExOUM0N0UxNDZFMTFFQTkxNUNBMDZCNTQ2REJCMTciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBMTE5QzQ3QjE0NkUxMUVBOTE1Q0EwNkI1NDZEQkIxNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBMTE5QzQ3QzE0NkUxMUVBOTE1Q0EwNkI1NDZEQkIxNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoKhJJcAAACcSURBVHjaYvz//z8DMcBqwT8NILUfiCWAGKRpMxCHMJGhGQS2AnHosQSm30xkaN4CxMFAzb9AHCZKNOM1gBjNOA0gVjNWA0jRjGEAqZpRDCBHM9wAcjUTjEZiANgAoE03gJQjEL+AivsA8Vqgy9iIdgG5hqB4gRxDMMKAVEOwBiIphuCMBWINwRuNxBhCMB0QMoSRzCINnloBAgwAjRd04CNd/iEAAAAASUVORK5CYII=');
}
.store-page .products-nav .nav-arrow.disabled {
  opacity: 0.5;
  cursor: default;
}
.store-page .products-nav .nav-arrow.next {
  text-align: right;
  transform: rotate(180deg);
}
@media only screen and (max-width: 767px) {
  .store-page .products-nav {
    bottom: 5px;
    padding: 5px 0;
  }
  .store-page .products-nav .nav-arrow {
    padding: 8px 20px;
    margin-top: 1px;
  }
}
.store-page .modal__bg.buy-modal .modal__container {
  width: 80%;
  max-width: 1600px;
}
.store-page .modal__bg.buy-modal .buy-modal-container {
  display: flex;
  min-height: 340px;
}
.store-page .modal__bg.buy-modal .buy-modal-container .buy-product-image {
  width: 35%;
  padding: 30px 0 30px 30px;
  margin-right: 30px;
  position: relative;
  z-index: 10;
}
.store-page .modal__bg.buy-modal .buy-modal-container .buy-product-image img {
  width: 100%;
}
.store-page .modal__bg.buy-modal .buy-modal-container .buy-product-success {
  position: absolute;
  width: 100%;
  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%);
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 20%, rgba(255, 255, 255, 0.5) 40%, #ffffff 50%, rgba(255, 255, 255, 0.5) 60%, rgba(0, 0, 0, 0.1) 80%, rgba(0, 0, 0, 0) 100%);
  text-align: center;
  z-index: 10;
  color: rgba(0, 0, 0, 0.6);
}
.store-page .modal__bg.buy-modal .buy-modal-container .buy-product-purchase {
  width: 33%;
  text-align: center;
  position: relative;
  z-index: 10;
}
.store-page .modal__bg.buy-modal .buy-modal-container .buy-product-title {
  font-family: "Open Sans Condensed", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.42;
  font-weight: bold;
  font-style: normal;
  font-size: 24px;
  margin-bottom: 20px;
  margin-top: 10px;
  text-transform: uppercase;
}
.store-page .modal__bg.buy-modal .buy-modal-container .buy-product-error {
  color: #f00;
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 10px;
}
.store-page .modal__bg.buy-modal .buy-modal-container .store-price {
  margin-top: 20px;
  text-align: left;
  font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 18px;
}
.store-page .modal__bg.buy-modal .buy-modal-container .store-price__available {
  margin-bottom: 20px;
}
.store-page .modal__bg.buy-modal .buy-modal-container .store-price__available:after {
  visibility: hidden;
  display: block;
  content: '';
  clear: both;
  height: 0;
}
.store-page .modal__bg.buy-modal .buy-modal-container .store-price__total {
  margin-bottom: 20px;
}
.store-page .modal__bg.buy-modal .buy-modal-container .store-price__total:after {
  visibility: hidden;
  display: block;
  content: '';
  clear: both;
  height: 0;
}
.store-page .modal__bg.buy-modal .buy-modal-container .store-price__total.insufficient {
  color: #ff0000;
}
.store-page .modal__bg.buy-modal .buy-modal-container .store-price__remain:after {
  visibility: hidden;
  display: block;
  content: '';
  clear: both;
  height: 0;
}
.store-page .modal__bg.buy-modal .buy-modal-container .store-price__num {
  float: right;
  position: relative;
  color: #f5a623;
  font-family: "Electrolize", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.42;
  font-style: normal;
  font-size: 28px;
  padding-left: 32px;
}
.store-page .modal__bg.buy-modal .buy-modal-container .store-price__num:after {
  content: "";
  width: 28px;
  height: 28px;
  position: absolute;
  left: 0;
  top: 0;
  background-image: url('../../../../../../../content/dam/atvi/callofduty/mycod/lootstream/currency-icon.png');
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
.store-page .modal__bg.buy-modal .buy-modal-container .buy-product-background {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: right center;
  background-repeat: no-repeat;
  opacity: 0.4;
}
.store-page .modal__bg.buy-modal .buy-modal-container .buy-product-button {
  margin-top: 20px;
  padding: 10px 0;
  background: #1e9ffd;
  text-transform: uppercase;
  font-size: 14px;
  cursor: pointer;
}
@media only screen and (max-width: 767px) {
  .store-page .modal__bg.buy-modal .buy-modal-container {
    flex-flow: column;
  }
  .store-page .modal__bg.buy-modal .buy-modal-container .buy-product-image {
    width: 100%;
    padding: 10px;
  }
  .store-page .modal__bg.buy-modal .buy-modal-container .buy-product-purchase {
    width: 100%;
    padding: 0 10px;
  }
}
.store-page .blackmarket-loot-container {
  padding: 0 35px 35px;
}
@media only screen and (max-width: 767px) {
  .store-page .blackmarket-loot-container {
    padding: 0 15px 15px;
  }
}
.store-page .blackmarket-loot-container .blackmarket-listing {
  flex-wrap: wrap;
}
.store-page .blackmarket-loot-container .products-title {
  padding: 16px 0;
  font-size: 18px;
  text-align: center;
  text-transform: uppercase;
}

.detail--show {
  overflow-y: hidden;
  overflow-x: hidden;
}
.detail--show.is-mobile {
  padding-right: 0;
}
.detail--show .modal__bg {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
@media screen and (max-width: 767px) {
  .page-recentmatches .inner-wrapper {
    width: 100%;
  }
}
.recentmatches-page .match-details-list-component,
.selectedmatch-page .match-details-list-component {
  z-index: 1;
}
.recentmatches-page .match-details-listing,
.selectedmatch-page .match-details-listing {
  font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 500;
  color: #fff;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .recentmatches-page .match-details-listing .match-details-listing__content,
  .selectedmatch-page .match-details-listing .match-details-listing__content {
    font-size: 13px;
  }
}
.recentmatches-page .match-details-listing .match-details-listing__gameIcon,
.selectedmatch-page .match-details-listing .match-details-listing__gameIcon {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 110px;
  height: 110px;
  margin-right: 17px;
}
@media screen and (max-width: 767px) {
  .recentmatches-page .match-details-listing .match-details-listing__gameIcon,
  .selectedmatch-page .match-details-listing .match-details-listing__gameIcon {
    width: 50px;
    height: 50px;
  }
}
.recentmatches-page .match-details-listing .match-details-listing__gameIcon,
.selectedmatch-page .match-details-listing .match-details-listing__gameIcon {
  font-size: 18px;
}
.recentmatches-page .match-details-listing .match-details-listing__map,
.selectedmatch-page .match-details-listing .match-details-listing__map,
.recentmatches-page .match-details-listing .match-details-listing__mode,
.selectedmatch-page .match-details-listing .match-details-listing__mode {
  font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-style: normal;
  text-transform: capitalize;
  margin-bottom: 6px;
}
.recentmatches-page .match-details-listing .match-details-listing__mode,
.selectedmatch-page .match-details-listing .match-details-listing__mode,
.recentmatches-page .match-details-listing .match-details-listing__timestamp,
.selectedmatch-page .match-details-listing .match-details-listing__timestamp {
  color: #777777;
}
.recentmatches-page .match-details-listing .match-details-listing__mode,
.selectedmatch-page .match-details-listing .match-details-listing__mode {
  margin-bottom: 6px;
}
.recentmatches-page .match-details-listing .match-details-listing__item,
.selectedmatch-page .match-details-listing .match-details-listing__item {
  display: flex;
}
.recentmatches-page .match-details-listing .match-details-listing__timestamp,
.selectedmatch-page .match-details-listing .match-details-listing__timestamp {
  font-weight: 400;
  letter-spacing: .5px;
}
.recentmatches-page .match-details-listing .match-details-listing__placement,
.selectedmatch-page .match-details-listing .match-details-listing__placement {
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  display: flex;
  align-items: center;
  position: absolute;
  top: 30px;
  right: 30px;
  text-align: center;
  width: 50px;
  height: 50px;
  text-transform: uppercase;
  z-index: 3;
  font-weight: 600;
  font-size: 24px;
}
.recentmatches-page .match-details-listing .match-details-listing__placement.bo4,
.selectedmatch-page .match-details-listing .match-details-listing__placement.bo4,
.recentmatches-page .match-details-listing .match-details-listing__placement.blackout,
.selectedmatch-page .match-details-listing .match-details-listing__placement.blackout {
  color: #ff6600;
  border: 2.2px solid #ff6600;
}
.recentmatches-page .match-details-listing .match-details-listing__placement.wwii,
.selectedmatch-page .match-details-listing .match-details-listing__placement.wwii {
  color: #9f912a;
  border: 2.2px solid #9f912a;
}
.recentmatches-page .match-details-listing .match-details-listing__placement.cw,
.selectedmatch-page .match-details-listing .match-details-listing__placement.cw {
  color: #57ced4;
  border: 2.2px solid #57ced4;
}
.recentmatches-page .match-details-listing .match-details-listing__placement.mw,
.selectedmatch-page .match-details-listing .match-details-listing__placement.mw {
  color: #57ced4;
  border: 2.2px solid #57ced4;
}
.recentmatches-page .match-details-listing .match-details-listing__placement.warzone,
.selectedmatch-page .match-details-listing .match-details-listing__placement.warzone {
  color: #57ced4;
  border: 2.2px solid #57ced4;
}
.recentmatches-page .match-details-listing .match-details-listing__placement.zombies,
.selectedmatch-page .match-details-listing .match-details-listing__placement.zombies {
  color: #ff0000;
  border: 2.2px solid #ff0000;
}
.recentmatches-page .match-details-listing .match-details-listing__placement.loss,
.selectedmatch-page .match-details-listing .match-details-listing__placement.loss {
  color: #d50000;
  border: 2.2px solid #d50000;
}
@media screen and (max-width: 767px) {
  .recentmatches-page .match-details-listing .match-details-listing__placement,
  .selectedmatch-page .match-details-listing .match-details-listing__placement {
    top: 15px;
    right: 15px;
    width: 28px;
    height: 28px;
    font-size: 13px;
  }
}
.recentmatches-page .match-stats-list-component,
.selectedmatch-page .match-stats-list-component {
  z-index: 1;
}
.recentmatches-page .match-stats-listing,
.selectedmatch-page .match-stats-listing {
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  display: flex;
  align-items: flex-end;
  font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #777777;
  font-size: 18px;
  font-weight: 400;
  margin-top: 30px;
  z-index: 1;
}
.recentmatches-page .match-stats-listing .match-stats-listing__item,
.selectedmatch-page .match-stats-listing .match-stats-listing__item {
  margin-left: 10px;
  width: 100%;
  overflow: hidden;
}
.recentmatches-page .match-stats-listing .match-stats-listing__item:first-child,
.selectedmatch-page .match-stats-listing .match-stats-listing__item:first-child {
  margin-left: 0;
}
.recentmatches-page .match-stats-listing .match-stats-listing__item:first-child .match-stats-listing__stat,
.selectedmatch-page .match-stats-listing .match-stats-listing__item:first-child .match-stats-listing__stat {
  color: #f5a623;
}
.recentmatches-page .match-stats-listing .match-stats-listing__title,
.selectedmatch-page .match-stats-listing .match-stats-listing__title {
  position: relative;
  padding-top: 12px;
  text-transform: uppercase;
  text-overflow: ellipsis;
  overflow: hidden;
  letter-spacing: 0;
  font-size: 18px;
}
@media screen and (max-width: 767px) {
  .recentmatches-page .match-stats-listing .match-stats-listing__title,
  .selectedmatch-page .match-stats-listing .match-stats-listing__title {
    font-size: 13px;
  }
}
.recentmatches-page .match-stats-listing .match-stats-listing__stat,
.selectedmatch-page .match-stats-listing .match-stats-listing__stat {
  font-family: "Electrolize", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.42;
  font-style: normal;
  font-size: 22px;
  text-transform: uppercase;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  letter-spacing: 0;
}
@media screen and (max-width: 767px) {
  .recentmatches-page .match-stats-listing .match-stats-listing__stat,
  .selectedmatch-page .match-stats-listing .match-stats-listing__stat {
    font-size: 19px;
  }
}
.recentmatches-page .match-stats-listing .bo4 .match-stats-listing__stat,
.selectedmatch-page .match-stats-listing .bo4 .match-stats-listing__stat,
.recentmatches-page .match-stats-listing .blackout .match-stats-listing__stat,
.selectedmatch-page .match-stats-listing .blackout .match-stats-listing__stat {
  color: #ff6600;
}
.recentmatches-page .match-stats-listing .wwii .match-stats-listing__stat,
.selectedmatch-page .match-stats-listing .wwii .match-stats-listing__stat {
  color: #9f912a;
}
.recentmatches-page .match-stats-listing .cw .match-stats-listing__stat,
.selectedmatch-page .match-stats-listing .cw .match-stats-listing__stat {
  color: #57ced4;
}
.recentmatches-page .match-stats-listing .mw .match-stats-listing__stat,
.selectedmatch-page .match-stats-listing .mw .match-stats-listing__stat {
  color: #57ced4;
}
.recentmatches-page .match-stats-listing .warzone .match-stats-listing__stat,
.selectedmatch-page .match-stats-listing .warzone .match-stats-listing__stat {
  color: #57ced4;
}
.recentmatches-page .match-stats-listing .zombies .match-stats-listing__stat,
.selectedmatch-page .match-stats-listing .zombies .match-stats-listing__stat {
  color: #ff0000;
}
.recentmatches-page .recentmatches-backbtn {
  font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-style: normal;
  text-transform: uppercase;
  padding: 7px 10px;
  color: #fff;
  padding-left: 30px;
  background-color: #222;
  font-size: 12px;
  display: inline-block;
  margin: 25px 0;
  background-size: 11px;
  background-position: 10px center;
  background-repeat: no-repeat;
  cursor: pointer;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAYAAACEYr13AAAAAXNSR0IArs4c6QAAAEVJREFUOBFjYCAS/P//XwOInwMxCPwD4o1AzEqUdqBCZM1A7v/NQMw2qhlHCIzAAGPCERSkC1MUeDDrRg2BhQSCHiFhAgCmw5xq4MvFTAAAAABJRU5ErkJggg==');
}
.recentmatches-page .page-header {
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  display: -webkit-box;
  display: flex;
  justify-content: flex-start;
  background-color: #000;
  padding: 0 20px 25px;
}
@media (max-width: 767px) {
  .recentmatches-page .page-header {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    display: flex;
    align-items: flex-start;
    padding: 0 15px 10px;
  }
}
.recentmatches-page .page-wrapper {
  background-color: #222;
  padding: 20px;
}
@media screen and (max-width: 767px) {
  .recentmatches-page .page-wrapper {
    padding: 10px;
  }
}
.recentmatches-page .page-wrapper .heading {
  margin-bottom: 25px;
}
.recentmatches-page .page-wrapper--error {
  font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #777;
}
.recentmatches-page .heading {
  position: relative;
  color: #ffffff;
  display: block;
  padding-left: 15px;
  font-family: "Open Sans Condensed", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.42;
  font-style: normal;
  font-weight: bold;
  text-transform: uppercase;
  margin-right: 50px;
  white-space: nowrap;
}
.recentmatches-page .heading:before {
  content: "";
  display: block;
  border-left: 3px solid #1e9ffd;
  height: 100%;
  position: absolute;
  left: 0;
  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%);
}
@media (max-width: 767px) {
  .recentmatches-page .heading {
    margin-right: 0;
    margin-bottom: 20px;
  }
}
.recentmatches-page .selector-component .selector__title {
  background-color: #454545;
}
.recentmatches-page .recentmatches-filter {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .recentmatches-page .recentmatches-filter {
    -webkit-box-lines: multiple;
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
}
.recentmatches-page .recentmatches-filter__item {
  margin-right: 20px;
  width: 100%;
}
@media (max-width: 767px) {
  .recentmatches-page .recentmatches-filter__item {
    margin-bottom: 20px;
    margin-right: 0px;
  }
  .recentmatches-page .recentmatches-filter__item:last-child {
    margin-bottom: 20px;
  }
}
.recentmatches-page .recentmatches-listing {
  display: -moz-box;
  display: -ms-flexbox;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  justify-content: space-between;
  -webkit-box-lines: multiple;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -4px;
  margin-right: -4px;
}
.recentmatches-page .recentmatches-listing__item {
  position: relative;
  display: none;
  font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 500;
  width: 100%;
  max-width: 50%;
  min-height: 225px;
  padding-left: 4px;
  padding-right: 4px;
  margin-bottom: 8px;
}
@media (max-width: 1440px) {
  .recentmatches-page .recentmatches-listing__item {
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .recentmatches-page .recentmatches-listing__item {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100%;
  }
}
.recentmatches-page .recentmatches-listing__item.item-active {
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: flex;
  justify-content: space-between;
}
.recentmatches-page .recentmatches-listing__summary {
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: flex;
  justify-content: space-between;
  position: relative;
  padding: 30px;
  width: 100%;
  background-color: #101010;
  background-image: url('../../../../../../../content/dam/atvi/callofduty/mycod/friends/friends-feed-bg-texture-2x2.png');
  cursor: pointer;
}
@media (max-width: 767px) {
  .recentmatches-page .recentmatches-listing__summary {
    padding: 15px;
  }
}
.recentmatches-page .recentmatches-listing__summary--unstyled {
  position: relative;
  width: 100%;
  padding: 30px;
  background-color: #101010;
  background-image: url('../../../../../../../content/dam/atvi/callofduty/mycod/friends/friends-feed-bg-texture-2x2.png');
}
.recentmatches-page .recentmatches-listing__response {
  position: relative;
  padding: 20px;
  width: 100%;
  background-color: #000;
}
.recentmatches-page .recentmatches-listing__bgimg {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  opacity: .25;
  z-index: 0;
}
.recentmatches-page .recentmatches-listing__img {
  height: 200px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.recentmatches-page .recentmatches-listing__content {
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  display: -webkit-box;
  display: flex;
  justify-content: flex-end;
  font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #fff;
  height: 100%;
  position: relative;
  z-index: 1;
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
}
.recentmatches-page .recentmatches-listing__content p {
  margin-bottom: 20px;
}
.recentmatches-page .recentmatches-listing__content p:last-child {
  margin-bottom: 0;
}
.recentmatches-page .recentmatches-listing__content p:not(:first-child) {
  display: none;
}
.recentmatches-page .recentmatches-listing__links {
  display: -moz-box;
  display: -ms-flexbox;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  display: -webkit-box;
  justify-content: flex-end;
  -webkit-box-lines: multiple;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.recentmatches-page .recentmatches-listing__link {
  position: relative;
  display: block;
  color: #1e9ffd;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-size: 12px;
  font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-style: normal;
  padding-right: 15px;
  text-align: right;
  cursor: pointer;
  line-height: 1;
  margin-top: 10px;
  z-index: 2;
}
.recentmatches-page .recentmatches-listing__link::after {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #1e9ffd;
  -webkit-transform-origin: center;
  -moz-transform-origin: center;
  -ms-transform-origin: center;
  -o-transform-origin: center;
  transform-origin: center;
  transform: translateY(-50%) rotate(-90deg);
}
.recentmatches-page .recentmatches-listing__link:last-of-type {
  margin-left: 30px;
}
.recentmatches-page .recentmatches-listing__loader {
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: flex;
  justify-content: center;
  text-align: center;
  margin: 30px 0;
  padding: 30px 0;
  background-color: transparent;
  transition: background-color 0.3s ease;
  border: 3px dashed #111;
  color: #1e9ffd;
  font-size: 12px;
  font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-style: normal;
  text-transform: uppercase;
  cursor: pointer;
}
.recentmatches-page .recentmatches-detail-container {
  outline: 0;
  display: block;
  overflow-x: hidden;
  overflow-y: hidden;
}
.recentmatches-page .recentmatches-stats-horz {
  padding: 0 30px;
}
.recentmatches-page .recentmatches-stats-listing {
  display: -moz-box;
  display: -ms-flexbox;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-lines: multiple;
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  display: flex;
  align-items: flex-end;
  font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #fff;
  font-size: 13px;
  font-weight: 400;
  margin-top: 0;
}
.recentmatches-page .recentmatches-stats-listing__item {
  width: 100%;
  overflow: hidden;
  max-width: calc(50% - 4px);
  margin-bottom: 20px;
}
.recentmatches-page .recentmatches-stats-listing__title {
  position: relative;
  padding-bottom: 6px;
  margin-bottom: 6px;
  text-transform: uppercase;
  text-overflow: ellipsis;
  overflow: hidden;
  letter-spacing: 0;
  font-size: 15px;
}
.recentmatches-page .recentmatches-stats-listing__title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 1px;
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#777777), to(transparent));
  background-image: -webkit-linear-gradient(left, #777777, transparent);
  background-image: -moz-linear-gradient(left, #777777, transparent);
  background-image: -o-linear-gradient(left, #777777, transparent);
}
.recentmatches-page .recentmatches-stats-listing__stat {
  font-family: "Electrolize", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.42;
  font-style: normal;
  font-size: 40px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  letter-spacing: 0;
}
@media (max-width: 767px) {
  .recentmatches-page .recentmatches-stats-listing__stat {
    font-size: 22px;
  }
}
.recentmatches-page .recentmatches-stats-rows__label {
  position: relative;
  padding-bottom: 6px;
  margin-left: 30px;
  margin-right: 30px;
  margin-top: 15px;
  text-transform: uppercase;
  text-overflow: ellipsis;
  overflow: hidden;
  letter-spacing: 0;
  font-size: 15px;
  color: #fff;
}
.recentmatches-page .recentmatches-stats-rows__label::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 1px;
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#777777), to(transparent));
  background-image: -webkit-linear-gradient(left, #777777, transparent);
  background-image: -moz-linear-gradient(left, #777777, transparent);
  background-image: -o-linear-gradient(left, #777777, transparent);
}
.recentmatches-page .recentmatches-stats-rows {
  padding: 15px 30px 30px 30px;
}
.recentmatches-page .recentmatches-stats-rows__item {
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 10px;
}
.recentmatches-page .recentmatches-stats-rows__title {
  font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #fff;
  font-weight: 400;
  text-transform: uppercase;
  text-overflow: ellipsis;
  font-size: 15px;
}
.recentmatches-page .recentmatches-stats-rows__stat {
  font-family: "Electrolize", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.42;
  font-style: normal;
  font-size: 22px;
  text-transform: uppercase;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  letter-spacing: 0;
}
.recentmatches-page .recentmatches-stats-rows__stat span {
  text-transform: lowercase;
}
.recentmatches-page .bo4 .recentmatches-stats-listing__stat,
.recentmatches-page .blackout .recentmatches-stats-listing__stat,
.recentmatches-page .bo4 .recentmatches-stats-rows__stat,
.recentmatches-page .blackout .recentmatches-stats-rows__stat {
  color: #ff6600;
}
.recentmatches-page .mw .recentmatches-stats-listing__stat,
.recentmatches-page .mw .recentmatches-stats-rows__stat,
.recentmatches-page .warzone .recentmatches-stats-listing__stat,
.recentmatches-page .warzone .recentmatches-stats-rows__stat {
  color: #57ced4;
}
.recentmatches-page .wwii .recentmatches-stats-listing__stat,
.recentmatches-page .wwii .recentmatches-stats-rows__stat {
  color: #9f912a;
}
.recentmatches-page .zombies .recentmatches-stats-listing__stat,
.recentmatches-page .zombies .recentmatches-stats-rows__stat {
  color: #ff0000;
}
.recentmatches-btn-container {
  display: flex;
  margin-bottom: 12px;
  overflow: hidden;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .recentmatches-btn-container {
    overflow-x: scroll;
  }
}
.recentmatches-btn-container .recentmatches-btn-container__btn {
  padding: 10px;
  margin-bottom: 10px;
  margin-right: 10px;
  text-decoration: none;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  border: solid 1px #1e9ffd;
  border-radius: 18px;
  padding: 8px 18px;
  color: #1e9ffd;
  text-align: center;
}
.recentmatches-btn-container .recentmatches-btn-container__btn.active,
.recentmatches-btn-container .recentmatches-btn-container__btn:hover {
  background-color: #1e9ffd;
  color: #ffffff;
}
.recentmatches-charts {
  position: relative;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  display: flex;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 40px;
}
.recentmatches-charts .donut__chart {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA3NTAgNzU2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8dGl0bGU+R3JhcGg8L3RpdGxlPgo8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEgLTEpIj4KPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLjUpIj4KPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzk5LjE4IC43NDMxMSkiIGZpbGw9IiM0NjQ2NDYiPgo8cGF0aCBkPSJtMTU5LjU4IDYwLjYyMmw1LjYxOTYtOS43Mzk3LTIuMjMzMy0xLjI5NDQtNS42MjQyIDkuNzM1MmMwLjc0NzQ2IDAuNDI4NDIgMS40OTQ5IDAuODY1OTYgMi4yMzc4IDEuMjk4OXptMTAuODUyIDYuNTg1OGw1Ljk2Ni05LjU0ODMtMi4xODc3LTEuMzc2NC01Ljk3NTEgOS41NTI5YzAuNzM4MzQgMC40NTU3NyAxLjQ2MyAwLjkxMTUzIDIuMTk2OCAxLjM3MTl6bS0zMy4yMTYtMTguNjA0bDQuOTI2OC0xMC4wOTEtMi4zMTk5LTEuMTMwMy00LjkyMjMgMTAuMDg2YzAuNzc5MzYgMC4zNzgyOSAxLjU1NDIgMC43NTY1NyAyLjMxNTMgMS4xMzQ5em0xMS4yODkgNS44MTFsNS4yNzc4LTkuOTIyMS0yLjI3ODgtMS4yMTIzLTUuMjczMiA5LjkxNzVjMC43NTY1NyAwLjQwMTA4IDEuNTE3NyAwLjgxMTI3IDIuMjc0MyAxLjIxNjl6bTMyLjU0MiAxOS43NTNsNi4zMDMzLTkuMzQ3OC0yLjE0MjEtMS40NDQ4LTYuMzA3OCA5LjM0NzhjMC43MTU1NiAwLjQ3NCAxLjQyNjYgMC45NjYyMyAyLjE0NjcgMS40NDQ4em0zMC4yOTUgMjMuMDNsNy4yNjA0LTguNjU1LTEuOTgyNi0xLjY2MzYtNy4yNjA0IDguNjY0MWMwLjY2MDg2IDAuNTUxNDggMS4zMzA4IDEuMDk4NCAxLjk4MjYgMS42NTQ0em0xOC43OTEgMTcuMDU1bDcuODUyOS04LjEzMDktMS44NTA0LTEuODAwMy03Ljg2NjUgOC4xNGMwLjYyODk2IDAuNTk3MDYgMS4yNDg4IDEuMTk0MSAxLjg2NDEgMS43OTEyem0tMjguNjIyLTI1LjA4MWw2Ljk1NS04Ljg5Mi0yLjAzNzMtMS41OTUyLTYuOTU1IDguODk2NmMwLjY3OTA5IDAuNTMzMjUgMS4zNjI3IDEuMDU3NCAyLjAzNzMgMS41OTA2em0tMTAuMS03LjY3OTdsNi42MzE0LTkuMTI5LTIuMDkyLTEuNTE3Ny02LjYzMTQgOS4xMjljMC42OTI3NyAwLjUwMTM0IDEuMzk0NiAxLjAwNzIgMi4wOTIgMS41MTc3em0tNjUuNjcxLTM4LjMwM2w0LjU2NjgtMTAuMjUtMi4zNjU0LTEuMDQ4My00LjU2MjIgMTAuMjVjMC43OTMwNCAwLjM0NjM4IDEuNTc3IDAuNjkyNzcgMi4zNjA5IDEuMDQ4M3ptOTUuMTQ2IDYyLjM3Nmw3LjU2NTctOC4zOTk4LTEuOTIzMy0xLjczMTktNy41NjEyIDguNDA0M2MwLjYzODA3IDAuNTc0MjcgMS4yODA3IDEuMTQ4NSAxLjkxODggMS43Mjc0em0tMTkyLjM1LTkwLjU3OWwxLjU2NzgtMTEuMTUzLTIuNTY2LTAuMzYwMDYtMS41NjMzIDExLjE1N2MwLjg1Njg0IDAuMTEzOTQgMS43MDQ2IDAuMjI3ODggMi41NjE0IDAuMzU1NXptLTEyLjU5Ny0xLjU3N2wxLjE3NTktMTEuMjEyLTIuNTY2LTAuMjczNDYtMS4xNzU5IDExLjIxMmMwLjg1Njg0IDAuMDkxMTUzIDEuNzEzNyAwLjE4Njg2IDIuNTY2IDAuMjczNDZ6bTI1LjEyNiAzLjU4MjNsMS45NTUyLTExLjA2Ni0yLjU0MzItMC40NDY2NS0xLjk1OTggMTEuMDc1YzAuODUyMjggMC4xNDU4NSAxLjcgMC4yODcxMyAyLjU0NzcgMC40Mzc1NHptLTM3Ljc2NS00LjcyMTdsMC43ODg0OC0xMS4yNjItMi41Nzk2LTAuMTgyMzEtMC43ODg0OCAxMS4yNjdjMC44NjU5NiAwLjA1OTI1IDEuNzE4MiAwLjExODUgMi41Nzk2IDAuMTc3NzV6bTUwLjIxNiA3LjE3ODNsMi4zMzM1LTEwLjk3OS0yLjUyNS0wLjUzNzgxLTIuMzMzNSAxMC45ODRjMC44Mzg2MSAwLjE3Nzc1IDEuNjg2MyAwLjM1NTUgMi41MjUgMC41MzMyNXptMzYuNzM5IDkuOTY3NmwzLjQ2ODQtMTAuNjYtMi40NjU3LTAuODAyMTUtMy40NTQ3IDEwLjY2YzAuODE1ODIgMC4yNjg5IDEuNjMxNiAwLjUyODY5IDIuNDUyIDAuODAyMTV6bTExLjk4NyA0LjE3MDNsMy44Mjg0LTEwLjUyOC0yLjQyNDctMC44ODQxOS0zLjgzMyAxMC41MzNjMC44MTEyNyAwLjI5MTY5IDEuNjI3MSAwLjU4MzM4IDIuNDI5MiAwLjg3OTYzem0tMjQuMTE1LTcuOTE2N2wzLjA5MDEtMTAuNzgzLTIuNDgzOS0wLjcxNTU1LTMuMDkwMSAxMC43NzljMC44Mjk1IDAuMjM3IDEuNjU5IDAuNDc4NTYgMi40ODM5IDAuNzIwMTF6bS0xMi4yNDYtMy4zMjcxbDIuNzExOC0xMC44ODgtMi41MDY3LTAuNjI0NC0yLjcxNjQgMTAuODg0YzAuODM0MDUgMC4yMDUxIDEuNjc3MiAwLjQxOTMxIDIuNTExMyAwLjYyODk2em00OC4xOTcgMTUuODM4bDQuMTk3Ni0xMC4zOTEtMi4zOTI4LTAuOTcwNzgtNC4yMDIyIDEwLjQwMWMwLjgwMjE1IDAuMzE5MDQgMS42MDQzIDAuNjMzNTIgMi4zOTczIDAuOTYxNjd6bTIxNS43MyAyNDkuOTlsMTAuODkzLTIuNzE2NC0wLjYxOTg0LTIuNTA2Ny0xMC44OTcgMi43MTY0YzAuMjE0MjEgMC44Mzg2MSAwLjQxOTMxIDEuNjcyNyAwLjYyNDQgMi41MDY3em0tNi44OTU4LTI0LjQyNWwxMC42NjUtMy40Njg0LTAuNzkzMDMtMi40NjExLTEwLjY3IDMuNDY4NGMwLjI2NDM0IDAuODE1ODIgMC41Mzc4IDEuNjQwOCAwLjc5NzU5IDIuNDYxMXptMy42NjQ0IDEyLjE1MWwxMC43ODgtMy4wOTQ3LTAuNzExLTIuNDgzOS0xMC43OTMgMy4wOTQ3YzAuMjQxNTYgMC44Mjk1IDAuNDgzMTEgMS42NDk5IDAuNzE1NTYgMi40ODM5em02LjAzODkgMjQuNjU3bDEwLjk4OS0yLjM0MjYtMC41MzMyNS0yLjUyMDQtMTEuMDAyIDIuMzI5YzAuMTgyMzEgMC44NDMxNyAwLjM2OTE3IDEuNjg2MyAwLjU0NjkyIDIuNTM0MXptNC4yNzk3IDI1LjAxN2wxMS4xNjYtMS41Njc4LTAuMzU1NS0yLjU2MTQtMTEuMTY2IDEuNTY3OGMwLjExODUgMC44NDc3MyAwLjIzNyAxLjcwNDYgMC4zNTU1IDIuNTYxNHptLTEuOTI3OS0xMi41NDdsMTEuMDkzLTEuOTUwNy0wLjQ0NjY1LTIuNTUyMy0xMS4wODkgMS45NTk4YzAuMTU0OTYgMC44Mzg2MSAwLjMwMDgxIDEuNjk1NSAwLjQ0MjA5IDIuNTQzMnptNC40NjY1IDM3Ljc5N2wxMS4yNzEtMC43ODg0OC0wLjE3Nzc1LTIuNTc5Ni0xMS4yNzYgMC43ODg0OGMwLjA1OTI0OSAwLjg1Njg0IDAuMTIzMDYgMS43MjI4IDAuMTgyMzEgMi41Nzk2em0tMS4wNTI4LTEyLjY0OGwxMS4yMjYtMS4xNzU5LTAuMjY0MzQtMi41NzA1LTExLjIyNiAxLjE3MTNjMC4wOTExNTQgMC44NTY4NCAwLjE3Nzc1IDEuNzEzNyAwLjI2NDM0IDIuNTc1MXptLTM0LjMxNS0xMjEuNTNsMTAuMDkxLTQuOTIyMy0xLjEzMDMtMi4zMjQ0LTEwLjEwNCA0LjkyNjhjMC4zODI4NCAwLjc3NDggMC43NjExMyAxLjU0NTEgMS4xNDQgMi4zMTk5em0tMzIuNTA1LTU0LjQxNGw5LjEzMzYtNi42NDA1LTEuNTE3Ny0yLjA5Mi05LjEzMzYgNi42NDA1YzAuNTA1OSAwLjY5Mjc3IDEuMDExOCAxLjM5NDYgMS41MTc3IDIuMDkyem0tNy42MDY4LTEwLjE1OWw4LjkwMTEtNi45NTA0LTEuNTg2MS0yLjA0NjQtOC45MDU3IDYuOTU5NmMwLjUzNzggMC42NzkwOSAxLjA2NjUgMS4zNTgyIDEuNTkwNiAyLjAzNzN6bS03Ljk1NzctOS44ODU2bDguNjU5Ni03LjI2NDktMS42NjM2LTEuOTc4LTguNjU5NiA3LjI1NThjMC41NjUxNSAwLjY2NTQyIDEuMTA3NSAxLjMyNjMgMS42NjM2IDEuOTg3MXptNTguMzE1IDk3LjY4NWwxMC40MDEtNC4yMDY3LTAuOTY2MjMtMi4zOTczLTEwLjQwMSA0LjIwMjJjMC4zMjgxNSAwLjc5NzU5IDAuNjQ3MTkgMS41OTk3IDAuOTY2MjMgMi40MDE5em0tMzUuNS02Ny4yMjZsOS4zNTIzLTYuMzAzMy0xLjQ0OTMtMi4xNDY3LTkuMzQ3OCA2LjMxMjRjMC40ODMxMSAwLjcwNjQ0IDAuOTYxNjcgMS40MTc0IDEuNDQ0OCAyLjEzNzV6bS0zMS4xMTEtNDAuMDU3bDguMzk5OC03LjU3NDktMS43MjI4LTEuOTE4OC04LjQwNDMgNy41NjU3YzAuNTc4ODIgMC42MzM1MiAxLjE1MzEgMS4yODA3IDEuNzI3NCAxLjkyNzl6bTYxLjY5MyA5NS41ODNsMTAuMjUtNC41NjY4LTEuMDQ4My0yLjM2NTQtMTAuMjU1IDQuNTcxM2MwLjM1NTUgMC43ODM5MiAwLjcwMTg4IDEuNTY3OCAxLjA1MjggMi4zNjA5em0tNzAuMzE2LTEwNC45bDguMTMwOS03Ljg1MjktMS43OTEyLTEuODY0MS04LjEzMDkgNy44NTI5YzAuNTkyNSAwLjYxOTg0IDEuMTg5NiAxLjIzOTcgMS43OTEyIDEuODY0MXptNDYuNjIgNjAuMDM0bDkuNTQ4My01Ljk2MTQtMS4zNjI3LTIuMjAxNC05LjU1NzQgNS45NzUxYzAuNDU1NzcgMC43MjkyMyAwLjkyMDY1IDEuNDUzOSAxLjM3MTkgMi4xODc3em0xMi42MzggMjIuMDE4bDkuOTE3NS01LjI3NzgtMS4yMTIzLTIuMjg4LTkuOTI2NiA1LjI4MjNjMC40MDU2MyAwLjc2NTY5IDAuODE1ODIgMS41MTc3IDEuMjIxNSAyLjI4MzR6bS02LjEzMDEtMTEuMTIxbDkuNzQ0My01LjYxOTYtMS4yOTQ0LTIuMjQyNC05Ljc0NDMgNS42Mjg3YzAuNDMyOTggMC43NDI5IDAuODcwNTIgMS40ODU4IDEuMjk0NCAyLjIzMzN6bTI2LjYxMiA1Ny41MzFsMTAuNTQyLTMuODM3Ni0wLjg4NDE5LTIuNDI5Mi0xMC41MzcgMy44Mzc2YzAuMjk2MjUgMC44MDY3MSAwLjU4Nzk0IDEuNjEzNCAwLjg3OTYzIDIuNDI5MnoiLz4KPC9nPgo8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDEuMTM0OSkiIGZpbGw9IiM3NzciPgo8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzNzQuNjcgMzc3Ljc3KSByb3RhdGUoOTApIHRyYW5zbGF0ZSgtMzc3LjUgLTM3NCkiPgo8cG9seWdvbiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1LjIwMTcgMzcyLjIyKSByb3RhdGUoLTkwKSB0cmFuc2xhdGUoLTUuMjAxNyAtMzcyLjIyKSIgcG9pbnRzPSIxMS41MzQgMzY3LjU4IDUuMjA1NSAzNzYuODUgLTEuMTMwNiAzNjcuNTgiLz4KPHBvbHlnb24gdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNzUwLjAzIDM3Mi4yMikgcm90YXRlKDkwKSB0cmFuc2xhdGUoLTc1MC4wMyAtMzcyLjIyKSIgcG9pbnRzPSI3NTYuMzcgMzY3LjU4IDc1MC4wNCAzNzYuODUgNzQzLjcgMzY3LjU4Ii8+Cjxwb2x5Z29uIHBvaW50cz0iMzgyLjQ1IDEuNzA1M2UtMTMgMzc2LjExIDkuMjY1IDM2OS43NyAxLjcwNTNlLTEzIi8+Cjxwb2x5Z29uIHRyYW5zZm9ybT0idHJhbnNsYXRlKDM3Ni4xMSA3NDIuNTkpIHJvdGF0ZSgxODApIHRyYW5zbGF0ZSgtMzc2LjExIC03NDIuNTkpIiBwb2ludHM9IjM4Mi40NSA3MzcuOTUgMzc2LjExIDc0Ny4yMiAzNjkuNzcgNzM3Ljk1Ii8+CjwvZz4KPC9nPgo8L2c+CjwvZz4KPC9nPgo8L3N2Zz4K');
  background-size: 96% 96%;
  background-position: center center;
  background-repeat: no-repeat;
  width: 300px;
  height: 300px;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.5);
  border-radius: 100%;
}
.recentmatches-charts .donut__chart canvas {
  padding: 17px;
}
.recentmatches-charts .donut__details {
  position: absolute;
  top: 50%;
  left: 50%;
  color: #fff;
  text-align: center;
  transform: translate(-50%, -50%);
}
.recentmatches-charts .donut__stat {
  font-family: "Electrolize", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.42;
  font-style: normal;
  color: #777;
  font-size: 65px;
}
.recentmatches-charts .donut__stat.bo4,
.recentmatches-charts .donut__stat.blackout {
  color: #ff6600;
}
.recentmatches-charts .donut__stat.wwii {
  color: #9f912a;
}
.recentmatches-charts .donut__stat.mw {
  color: #57ced4;
}
.recentmatches-charts .donut__stat.warzone {
  color: #57ced4;
}
.recentmatches-charts .donut__stat.zombies {
  color: #ff0000;
}
.recentmatches-charts .donut__label {
  font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 13px;
  text-transform: uppercase;
  color: #fff;
  margin-top: 5px;
}

.selectedmatch-page {
  padding-top: 1px;
  background-color: #1a1a1a;
}
.selectedmatch-page .selectedmatch-page-header {
  display: flex;
  position: relative;
  margin: 25px 0;
}
.selectedmatch-page .recentmatches-btn-container {
  padding: 0 3px;
  margin-bottom: 10px;
}
.selectedmatch-page .recentmatches-btn-container__btn {
  margin-bottom: 0;
}
.selectedmatch-page .selectedmatch-backbtn {
  font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-style: normal;
  text-transform: uppercase;
  text-decoration: none;
  padding: 12px;
  padding-left: 30px;
  color: #777777;
  font-size: 12px;
  background-size: 11px;
  background-position: 10px center;
  background-repeat: no-repeat;
  cursor: pointer;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAYAAACEYr13AAAAAXNSR0IArs4c6QAAAEVJREFUOBFjYCAS/P//XwOInwMxCPwD4o1AzEqUdqBCZM1A7v/NQMw2qhlHCIzAAGPCERSkC1MUeDDrRg2BhQSCHiFhAgCmw5xq4MvFTAAAAABJRU5ErkJggg==');
}
@media (max-width: 667px) {
  .selectedmatch-page .selectedmatch-backbtn {
    background-size: 20px;
    text-indent: -200%;
  }
}
.selectedmatch-page .heading {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 0;
  padding: 10px;
  color: #ffffff;
  font-family: "Open Sans Condensed", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.42;
  font-style: normal;
  font-size: 24px;
  font-weight: bold;
  text-transform: uppercase;
}
@media (max-width: 667px) {
  .selectedmatch-page .heading {
    font-size: 16px;
  }
}
.selectedmatch-page .selectedmatch .selectedmatch-controls {
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  display: flex;
  align-items: center;
  text-align: center;
  background-color: #303030;
}
@media (max-width: 667px) {
  .selectedmatch-page .selectedmatch .selectedmatch-controls {
    margin: 0 15px;
    padding: 10px 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: flex;
    justify-content: space-between;
  }
}
.selectedmatch-page .selectedmatch .selectedmatch-controls .controls__date {
  font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-style: normal;
  text-transform: uppercase;
  font-size: 18px;
  padding: 20px;
}
@media (max-width: 667px) {
  .selectedmatch-page .selectedmatch .selectedmatch-controls .controls__date {
    padding: 0 10px;
    font-size: 12px;
  }
}
.selectedmatch-page .selectedmatch .selectedmatch-controls__prev,
.selectedmatch-page .selectedmatch .selectedmatch-controls__next {
  max-width: 16px;
  background-repeat: no-repeat;
  white-space: nowrap;
  text-indent: 9999px;
  overflow: hidden;
  padding: 10px 20px;
  background-size: 16px;
  background-position: center center;
  cursor: pointer;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAYAAACEYr13AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTExOUM0N0QxNDZFMTFFQTkxNUNBMDZCNTQ2REJCMTciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTExOUM0N0UxNDZFMTFFQTkxNUNBMDZCNTQ2REJCMTciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBMTE5QzQ3QjE0NkUxMUVBOTE1Q0EwNkI1NDZEQkIxNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBMTE5QzQ3QzE0NkUxMUVBOTE1Q0EwNkI1NDZEQkIxNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoKhJJcAAACcSURBVHjaYvz//z8DMcBqwT8NILUfiCWAGKRpMxCHMJGhGQS2AnHosQSm30xkaN4CxMFAzb9AHCZKNOM1gBjNOA0gVjNWA0jRjGEAqZpRDCBHM9wAcjUTjEZiANgAoE03gJQjEL+AivsA8Vqgy9iIdgG5hqB4gRxDMMKAVEOwBiIphuCMBWINwRuNxBhCMB0QMoSRzCINnloBAgwAjRd04CNd/iEAAAAASUVORK5CYII=');
}
@media (max-width: 667px) {
  .selectedmatch-page .selectedmatch .selectedmatch-controls__prev,
  .selectedmatch-page .selectedmatch .selectedmatch-controls__next {
    background-size: 10px;
    padding: 0 10px;
  }
}
.selectedmatch-page .selectedmatch .selectedmatch-controls__prev.disabled,
.selectedmatch-page .selectedmatch .selectedmatch-controls__next.disabled {
  opacity: 0.5;
  cursor: default;
}
.selectedmatch-page .selectedmatch .selectedmatch-controls__next {
  text-align: right;
  transform: rotate(180deg);
}
.selectedmatch-page .selectedmatch .selectedmatch-header {
  background-color: #1a1a1a;
  display: flex;
  justify-content: center;
  font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 18px;
  text-transform: capitalize;
}
@media (max-width: 667px) {
  .selectedmatch-page .selectedmatch .selectedmatch-header {
    justify-content: flex-start;
    overflow-x: scroll;
  }
}
.selectedmatch-page .selectedmatch .selectedmatch-header .selectedmatch-header__link {
  padding: 18px 25px;
  text-decoration: none;
  cursor: pointer;
  color: #454545;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
@media (max-width: 667px) {
  .selectedmatch-page .selectedmatch .selectedmatch-header .selectedmatch-header__link {
    min-width: 150px;
  }
}
.selectedmatch-page .selectedmatch .selectedmatch-header .selectedmatch-header__link.active,
.selectedmatch-page .selectedmatch .selectedmatch-header .selectedmatch-header__link:hover {
  color: #ffffff;
}
.selectedmatch-page .selectedmatch .selectedmatch-content {
  position: relative;
}
@media (max-width: 667px) {
  .selectedmatch-page .selectedmatch .selectedmatch-content {
    margin-left: 15px;
    margin-right: 15px;
  }
}
.selectedmatch-page .selectedmatch .selectedmatch-content .selectedmatch-content__stats {
  position: relative;
  padding: 25px;
  z-index: 1;
}
.selectedmatch-page .selectedmatch .selectedmatch-content .selectedmatch-content__bgimg {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  opacity: .25;
  z-index: 0;
}
.selectedmatch-page .selectedmatch .selectedmatch-bottom {
  background-color: #252525;
  padding: 10px 20px;
}
@media (max-width: 667px) {
  .selectedmatch-page .selectedmatch .selectedmatch-bottom {
    padding: 10px 15px;
  }
}
.selectedmatch-page .selectedmatch .selectedmatch-bottom .selectedmatch-bottom__stats-container .stats-container__col {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.selectedmatch-page .selectedmatch .selectedmatch-bottom .selectedmatch-bottom__stats-container .stats-container__col .col-details {
  border-radius: 4px;
  padding: 15px;
  background-color: #454545;
  margin-right: 1%;
  margin-bottom: 1%;
  width: 10.22%;
}
.selectedmatch-page .selectedmatch .selectedmatch-bottom .selectedmatch-bottom__stats-container .stats-container__col .col-details.col-details-0,
.selectedmatch-page .selectedmatch .selectedmatch-bottom .selectedmatch-bottom__stats-container .stats-container__col .col-details.col-details-1,
.selectedmatch-page .selectedmatch .selectedmatch-bottom .selectedmatch-bottom__stats-container .stats-container__col .col-details.col-details-2 {
  width: 32.66%;
}
.selectedmatch-page .selectedmatch .selectedmatch-bottom .selectedmatch-bottom__stats-container .stats-container__col .col-details.col-details-2,
.selectedmatch-page .selectedmatch .selectedmatch-bottom .selectedmatch-bottom__stats-container .stats-container__col .col-details.col-details-11 {
  margin-right: 0;
}
@media only screen and (max-width: 1024px) {
  .selectedmatch-page .selectedmatch .selectedmatch-bottom .selectedmatch-bottom__stats-container .stats-container__col .col-details {
    width: 32.66%;
  }
  .selectedmatch-page .selectedmatch .selectedmatch-bottom .selectedmatch-bottom__stats-container .stats-container__col .col-details:nth-child(3n) {
    margin-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .selectedmatch-page .selectedmatch .selectedmatch-bottom .selectedmatch-bottom__stats-container .stats-container__col .col-details {
    width: 49%;
    margin-right: 1% !important;
  }
  .selectedmatch-page .selectedmatch .selectedmatch-bottom .selectedmatch-bottom__stats-container .stats-container__col .col-details.col-details-0,
  .selectedmatch-page .selectedmatch .selectedmatch-bottom .selectedmatch-bottom__stats-container .stats-container__col .col-details.col-details-1,
  .selectedmatch-page .selectedmatch .selectedmatch-bottom .selectedmatch-bottom__stats-container .stats-container__col .col-details.col-details-2 {
    width: 49%;
  }
}
.selectedmatch-page .selectedmatch .selectedmatch-bottom .col-details.col-details__first .col-details__stat {
  color: #f5a623;
}
.selectedmatch-page .selectedmatch .selectedmatch-bottom .col-details.best {
  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;
}
.selectedmatch-page .selectedmatch .selectedmatch-bottom .cold-details__stat-container.career {
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  display: -webkit-box;
  display: flex;
  justify-content: flex-end;
}
.selectedmatch-page .selectedmatch .selectedmatch-bottom .cold-details__stat-container.career .col-details__label {
  margin-top: 5px;
}
.selectedmatch-page .selectedmatch .selectedmatch-bottom .col-details__stat {
  font-family: "Electrolize", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.42;
  font-style: normal;
  font-size: 22px;
}
.selectedmatch-page .selectedmatch .selectedmatch-bottom .col-details__stat.bo4,
.selectedmatch-page .selectedmatch .selectedmatch-bottom .col-details__stat.blackout {
  color: #ff6600;
}
.selectedmatch-page .selectedmatch .selectedmatch-bottom .col-details__stat.wwii {
  color: #9f912a;
}
.selectedmatch-page .selectedmatch .selectedmatch-bottom .col-details__stat.mw {
  color: #57ced4;
}
.selectedmatch-page .selectedmatch .selectedmatch-bottom .col-details__stat.warzone {
  color: #57ced4;
}
.selectedmatch-page .selectedmatch .selectedmatch-bottom .col-details__stat.zombies {
  color: #ff0000;
}
@media screen and (max-width: 667px) {
  .selectedmatch-page .selectedmatch .selectedmatch-bottom .col-details__stat {
    font-size: 36px;
  }
}
.selectedmatch-page .selectedmatch .selectedmatch-bottom .col-details__label {
  margin-top: 10px;
  font-size: 12px;
  color: #777777;
}
.selectedmatch-page .selectedmatch .selectedmatch-bottom .col-details__bottom {
  display: flex;
  margin-top: 7px;
}
@media (max-width: 767px) {
  .selectedmatch-page .selectedmatch .selectedmatch-bottom .col-details__bottom {
    width: 100%;
    margin-top: 0;
  }
  .selectedmatch-page .selectedmatch .selectedmatch-bottom .col-details__bottom.desktop {
    display: none;
  }
}
.selectedmatch-page .selectedmatch .selectedmatch-bottom .col-details__bottom .col-details {
  width: calc(100%/3);
}
@media (max-width: 767px) {
  .selectedmatch-page .selectedmatch .selectedmatch-bottom .col-details__bottom .col-details {
    width: 50%;
  }
}
.selectedmatch-page .selectedmatch .selectedmatch-bottom .col-details__progress-bar {
  background-color: #303030;
  position: relative;
  border: none;
  width: 106px;
  height: 2px;
}
.selectedmatch-page .selectedmatch .selectedmatch-bottom .col-details__progress-bar.bo4,
.selectedmatch-page .selectedmatch .selectedmatch-bottom .col-details__progress-bar.blackout span {
  background-color: #ff6600;
}
.selectedmatch-page .selectedmatch .selectedmatch-bottom .col-details__progress-bar.wwii span {
  background-color: #9f912a;
}
.selectedmatch-page .selectedmatch .selectedmatch-bottom .col-details__progress-bar.mw span {
  background-color: #57ced4;
}
.selectedmatch-page .selectedmatch .selectedmatch-bottom .col-details__progress-bar.warzone span {
  background-color: #57ced4;
}
.selectedmatch-page .selectedmatch .selectedmatch-bottom .col-details__progress-bar.zombies span {
  background-color: #ff0000;
}
.selectedmatch-page .selectedmatch .selectedmatch-bottom .col-details__progress-bar span {
  display: block;
  position: relative;
  height: 100%;
  overflow: hidden;
}
.selectedmatch-page .match-stats-listing {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  display: -webkit-box;
  display: flex;
  justify-content: flex-start;
  margin-top: 100px;
}
@media (max-width: 667px) {
  .selectedmatch-page .match-stats-listing {
    display: none;
  }
}
.selectedmatch-page .match-stats-listing .match-stats-listing__item {
  width: auto;
  margin-right: 80px;
}
@media (max-width: 667px) {
  .selectedmatch-page .match-stats-listing .match-stats-listing__item {
    width: 100%;
    margin-right: 0;
  }
}
.selectedmatch-page .match-stats-listing .match-stats-listing__item:last-child {
  margin-right: 0;
}
.selectedmatch-page .heatmaps-page {
  padding: 20px;
  border-radius: 3px;
  background-color: #252525;
}
.selectedmatch-page .heatmaps-page .page-header {
  display: none;
}
.selectedmatch-page .heatmaps-page .tab-nav-container {
  margin: 0 0 20px;
}
.selectedmatch-page .heatmaps-page .tab-nav {
  background-color: transparent;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  display: -webkit-box;
  display: flex;
  justify-content: flex-start;
}
@media (max-width: 767px) {
  .selectedmatch-page .heatmaps-page .tab-nav {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: flex;
    justify-content: space-between;
  }
}
.selectedmatch-page .heatmaps-page .tab-nav .tab-nav-item {
  margin-right: 8px;
  padding: 10px 60px;
  border-radius: 2px;
  border: solid 1px #454545;
  text-decoration: none;
  color: #454545;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
@media (max-width: 767px) {
  .selectedmatch-page .heatmaps-page .tab-nav .tab-nav-item {
    padding: 10px;
    border-radius: 18px;
    border: 1px solid #1e9ffd;
    width: calc(100%/3);
    text-align: center;
    font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-style: normal;
    color: #1e9ffd;
  }
}
.selectedmatch-page .heatmaps-page .tab-nav .tab-nav-item:last-child {
  margin-right: 0;
}
.selectedmatch-page .heatmaps-page .tab-nav .tab-nav-item.tab-nav-active {
  background-color: #454545;
  color: #ffffff;
}
@media (max-width: 767px) {
  .selectedmatch-page .heatmaps-page .tab-nav .tab-nav-item.tab-nav-active {
    background-color: #1e9ffd;
  }
}

.scoreboard-component .scoreboard-overall {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: 460px;
  margin-bottom: 15px;
  padding: 0 15px;
  background-color: #252525;
  overflow: hidden;
}
@media (max-width: 767px) {
  .scoreboard-component .scoreboard-overall {
    margin-bottom: 0;
    height: 167px;
  }
}
.scoreboard-component .scoreboard-overall.scoreboard-overall__warzone {
  background-color: transparent;
  padding-top: 10px;
}
.scoreboard-component .scoreboard-overall .match-details-list-component {
  padding: 15px 0;
}
.scoreboard-component .scoreboard-overall .scoreboard-overall__col-left,
.scoreboard-component .scoreboard-overall .scoreboard-overall__col-right {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  display: flex;
  align-items: center;
  position: relative;
  width: 50%;
  text-align: center;
  opacity: .3;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.scoreboard-component .scoreboard-overall .scoreboard-overall__col-left.active,
.scoreboard-component .scoreboard-overall .scoreboard-overall__col-right.active,
.scoreboard-component .scoreboard-overall .scoreboard-overall__col-left:hover,
.scoreboard-component .scoreboard-overall .scoreboard-overall__col-right:hover {
  opacity: 1;
}
.scoreboard-component .scoreboard-overall .scoreboard-overall__col-left {
  position: relative;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  display: -webkit-box;
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 767px) {
  .scoreboard-component .scoreboard-overall .scoreboard-overall__col-left .scoreboard-overall__bgimg {
    left: 10%;
  }
}
.scoreboard-component .scoreboard-overall .scoreboard-overall__col-left:before {
  content: "";
  position: absolute;
  top: 0;
  right: -2px;
  height: 100%;
  border-right: solid 2.8px #303030;
}
@media (max-width: 767px) {
  .scoreboard-component .scoreboard-overall .scoreboard-overall__col-right .scoreboard-overall__bgimg {
    left: unset;
    right: -90%;
  }
}
.scoreboard-component .scoreboard-overall .scoreboard-overall__vs-line {
  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%);
  padding: 12px;
  background-color: #303030;
  border-radius: 50%;
  font-size: 36px;
  font-family: "Open Sans Condensed", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.42;
  font-weight: bold;
  font-style: normal;
  z-index: 1;
}
@media (max-width: 767px) {
  .scoreboard-component .scoreboard-overall .scoreboard-overall__vs-line {
    padding: 5px;
    font-size: 13px;
  }
}
.scoreboard-component .scoreboard-overall .scoreboard-overall__total-score {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin: 0 11.2%;
  z-index: 1;
}
@media (max-width: 767px) {
  .scoreboard-component .scoreboard-overall .scoreboard-overall__total-score {
    margin: 0 30px;
  }
}
.scoreboard-component .scoreboard-overall .trophy-icon {
  position: absolute;
  top: -85px;
  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);
  background-image: url(../../../../../../../content/dam/atvi/callofduty/mycod/combat-record/recent-matches/scoreboard/troph_circle.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  width: 65px;
  height: 65px;
}
@media (max-width: 767px) {
  .scoreboard-component .scoreboard-overall .trophy-icon {
    top: -35px;
    width: 23px;
    height: 23px;
  }
}
.scoreboard-component .scoreboard-overall .total-score {
  position: relative;
}
.scoreboard-component .scoreboard-overall .total-score:before,
.scoreboard-component .scoreboard-overall .total-score:after,
.scoreboard-component .scoreboard-overall .total-score a:before,
.scoreboard-component .scoreboard-overall .total-score a:after,
.scoreboard-component .scoreboard-overall .total-score p:before,
.scoreboard-component .scoreboard-overall .total-score p:after {
  display: block;
  z-index: 1;
}
.scoreboard-component .scoreboard-overall .total-score:before {
  content: "";
  width: 25px;
  height: 25px;
  position: absolute;
  top: -10px;
  left: -10px;
  border-top: 2px solid #ffffff;
  border-left: 2px solid #ffffff;
}
.scoreboard-component .scoreboard-overall .total-score:after {
  content: "";
  width: 25px;
  height: 25px;
  position: absolute;
  top: -10px;
  right: -10px;
  border-top: 2px solid #ffffff;
  border-right: 2px solid #ffffff;
}
.scoreboard-component .scoreboard-overall .total-score .total-score__in:before {
  content: "";
  width: 25px;
  height: 25px;
  position: absolute;
  bottom: -10px;
  left: -10px;
  border-bottom: 2px solid #ffffff;
  border-left: 2px solid #ffffff;
}
.scoreboard-component .scoreboard-overall .total-score .total-score__in:after {
  content: "";
  width: 25px;
  height: 25px;
  position: absolute;
  bottom: -10px;
  right: -10px;
  border-bottom: 2px solid #ffffff;
  border-right: 2px solid #ffffff;
}
.scoreboard-component .scoreboard-overall .total-score__in {
  min-width: 221px;
}
@media (max-width: 767px) {
  .scoreboard-component .scoreboard-overall .total-score__in {
    min-width: 80px;
  }
}
.scoreboard-component .scoreboard-overall .total-score__heading {
  margin-bottom: 10px;
  font-family: "Open Sans Condensed", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.42;
  font-style: normal;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 36px;
  color: #ffffff;
}
@media (max-width: 767px) {
  .scoreboard-component .scoreboard-overall .total-score__heading {
    font-size: 13px;
  }
}
.scoreboard-component .scoreboard-overall .total-score__score {
  font-family: "Electrolize", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.42;
  font-style: normal;
  font-size: 100px;
}
@media (max-width: 767px) {
  .scoreboard-component .scoreboard-overall .total-score__score {
    font-size: 36px;
  }
}
.scoreboard-component .scoreboard-overall .yourmatches-content__bgimg {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  opacity: .25;
  z-index: 0;
}
.scoreboard-component .scoreboard-overall .scoreboard-overall__bgimg {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  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%);
  width: 100%;
  height: 90%;
  z-index: 0;
}
@media (max-width: 767px) {
  .scoreboard-component .scoreboard-overall .scoreboard-overall__bgimg {
    background-size: cover;
    height: 120%;
  }
}
.scoreboard-component .scoreboard-details {
  border-radius: 3px;
  background-color: #252525;
  padding: 17px;
}
@media (max-width: 767px) {
  .scoreboard-component .scoreboard-details .recentmatches-btn-container {
    display: none;
  }
}
.scoreboard-component .scoreboard-details-listing__header,
.scoreboard-component .scoreboard-details-listing {
  padding: 3px;
}
.scoreboard-component .scoreboard-details-listing__header,
.scoreboard-component .scoreboard-details-listing__item {
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  display: flex;
  align-items: center;
}
.scoreboard-component .scoreboard-details-listing__header {
  margin-bottom: 5px;
  padding: 0 15px;
  font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-style: normal;
  text-transform: uppercase;
  font-size: 18px;
  color: #777777;
}
.scoreboard-component .scoreboard-details-listing__header.mobile {
  display: none;
}
@media (max-width: 767px) {
  .scoreboard-component .scoreboard-details-listing__header {
    font-size: 13px;
  }
  .scoreboard-component .scoreboard-details-listing__header.desktop {
    display: none;
  }
  .scoreboard-component .scoreboard-details-listing__header.mobile {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    display: -webkit-box;
    display: flex;
    justify-content: flex-end;
    padding: 15px 0;
  }
}
.scoreboard-component .scoreboard-details-listing {
  display: none;
}
.scoreboard-component .scoreboard-details-listing.active {
  display: block;
}
.scoreboard-component .scoreboard-details-listing.team-1 .scoreboard-details-listing__item {
  background-color: rgba(44, 112, 148, 0.5);
}
.scoreboard-component .scoreboard-details-listing.team-2 .scoreboard-details-listing__item {
  background-color: rgba(165, 53, 45, 0.5);
}
.scoreboard-component .scoreboard-details-listing.scoreboard-details-listing_wz {
  background-color: #303030;
}
@media (max-width: 767px) {
  .scoreboard-component .scoreboard-details-listing__header-container {
    width: 37%;
  }
}
.scoreboard-component .scoreboard-details-listing__header-btn-prev,
.scoreboard-component .scoreboard-details-listing__header-btn-next {
  border: solid #fff;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
  cursor: pointer;
}
.scoreboard-component .scoreboard-details-listing__header-btn-prev {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}
.scoreboard-component .scoreboard-details-listing__header-btn-next {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.scoreboard-component .scoreboard-details-listing__header-content.header-rank,
.scoreboard-component .scoreboard-details-listing__item-content.rank {
  min-width: 30px;
  text-align: right;
}
.scoreboard-component .scoreboard-details-listing__header-content.header-username,
.scoreboard-component .scoreboard-details-listing__item-content.username {
  width: 60%;
  font-family: "Open Sans Condensed", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.42;
  font-weight: bold;
  font-style: normal;
}
@media (max-width: 767px) {
  .scoreboard-component .scoreboard-details-listing__header-content.header-username,
  .scoreboard-component .scoreboard-details-listing__item-content.username {
    padding-left: 15px;
  }
}
.scoreboard-component .scoreboard-details-listing__header-content.header-score,
.scoreboard-component .scoreboard-details-listing__item-content.score {
  min-width: 65px;
  text-align: center;
}
.scoreboard-component .scoreboard-details-listing__header-content.header-kills,
.scoreboard-component .scoreboard-details-listing__item-content.kills {
  min-width: 52px;
  text-align: center;
}
.scoreboard-component .scoreboard-details-listing__header-content.header-deaths,
.scoreboard-component .scoreboard-details-listing__item-content.deaths {
  min-width: 77px;
  text-align: center;
}
@media (max-width: 767px) {
  .scoreboard-component .scoreboard-details-listing__header-content.header-score,
  .scoreboard-component .scoreboard-details-listing__header-content.header-kills,
  .scoreboard-component .scoreboard-details-listing__header-content.header-deaths {
    display: none;
    text-align: unset;
    min-width: auto;
  }
  .scoreboard-component .scoreboard-details-listing__header-content.header-score.header-active,
  .scoreboard-component .scoreboard-details-listing__header-content.header-kills.header-active,
  .scoreboard-component .scoreboard-details-listing__header-content.header-deaths.header-active {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: flex;
    justify-content: center;
  }
}
@media (max-width: 767px) {
  .scoreboard-component .scoreboard-details-listing__item-content.score,
  .scoreboard-component .scoreboard-details-listing__item-content.kills,
  .scoreboard-component .scoreboard-details-listing__item-content.deaths {
    display: none;
    text-align: unset;
    min-width: auto;
    width: 39%;
  }
  .scoreboard-component .scoreboard-details-listing__item-content.score.listing-active,
  .scoreboard-component .scoreboard-details-listing__item-content.kills.listing-active,
  .scoreboard-component .scoreboard-details-listing__item-content.deaths.listing-active {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: flex;
    justify-content: center;
  }
}
.scoreboard-component .scoreboard-details-listing__item {
  margin-bottom: 5px;
  padding: 15px;
  border-radius: 2.4px;
  background-color: #303030;
  font-family: "Electrolize", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.42;
  font-style: normal;
  font-size: 18px;
}
@media (max-width: 767px) {
  .scoreboard-component .scoreboard-details-listing__item {
    font-size: 14px;
  }
}
.scoreboard-component .scoreboard-details-listing__item.current {
  background-color: rgba(44, 112, 148, 0.5);
}

.loadouts-list-component {
  z-index: 1;
}
.loadouts-listing {
  background-color: #252525;
  padding: 20px;
  margin-top: 10px;
}
@media (max-width: 767px) {
  .loadouts-listing {
    padding: 15px;
  }
}
.loadouts-listing .selector-component {
  display: inline-block;
  background-color: #303030;
  margin-bottom: 15px;
}
.loadouts-listing .loadouts-listing__header {
  padding: 20px;
  margin-bottom: 20px;
  border-bottom: 2px solid #252525;
}
.loadouts-listing .loadouts-listing__item {
  background-color: #303030;
  margin-bottom: 10px;
}
.loadouts-listing .loadouts-listing__attachments {
  width: 50%;
  padding-left: 15px;
}
@media only screen and (max-width: 1024px) {
  .loadouts-listing .loadouts-listing__attachments {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flext-start;
  }
}
.loadouts-listing .loadouts-listing__attachments .attachment-item {
  height: 48px;
  margin-bottom: 10px;
  display: flex;
  margin-right: 10px;
}
@media only screen and (max-width: 1024px) {
  .loadouts-listing .loadouts-listing__attachments .attachment-item {
    width: 32%;
    margin-right: 1%;
  }
}
@media only screen and (max-width: 767px) {
  .loadouts-listing .loadouts-listing__attachments .attachment-item {
    width: 49%;
  }
}
.loadouts-listing .loadouts-listing__attachments .attachment-image {
  width: 48px;
  height: 48px;
  background-size: 33px auto;
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: 24px;
  border: 1px solid #454545;
  margin-right: 10px;
  margin-top: -5px;
}
.loadouts-listing .loadouts-listing__attachments .attachment-title {
  font-size: 13px;
}
.loadouts-listing .loadouts-listing__attachments .attachment-title.slot {
  margin: 5px 0;
}
.loadouts-listing .loadouts-listing__attachments .attachment-title.name {
  color: #777;
}
.loadouts-listing .loadouts-listing__stats-container {
  display: flex;
  margin-top: 15px;
  border-top: 10px solid #252525;
  font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #777777;
  font-weight: 400;
}
.loadouts-listing .loadouts-listing__tile--lg {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: 300px;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .loadouts-listing .loadouts-listing__tile--lg {
    height: auto;
    display: block;
  }
}
.loadouts-listing .loadouts-listing__image {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
  position: absolute;
}
@media only screen and (max-width: 1024px) {
  .loadouts-listing .loadouts-listing__image {
    position: relative;
    height: 150px;
  }
}
.loadouts-listing .loadouts-listing__stats {
  padding: 15px;
  border-right: 10px solid #252525;
  min-width: 110px;
  text-align: center;
}
.loadouts-listing .loadouts-listing__stats .loadouts-listing__title {
  position: relative;
  text-overflow: ellipsis;
  overflow: hidden;
  letter-spacing: 0;
}
@media screen and (max-width: 1024px) {
  .loadouts-listing .loadouts-listing__stats .loadouts-listing__title {
    font-size: 12px;
  }
}
.loadouts-listing .loadouts-listing__stats .loadouts-listing__stat {
  font-family: "Electrolize", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.42;
  font-style: normal;
  font-size: 36px;
  text-transform: uppercase;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  letter-spacing: 0;
  color: #fff;
}
@media only screen and (max-width: 1024px) {
  .loadouts-listing .loadouts-listing__stats .loadouts-listing__stat {
    font-size: 28px;
  }
}
@media only screen and (max-width: 767px) {
  .loadouts-listing .loadouts-listing__stats .loadouts-listing__stat {
    font-size: 18px;
  }
}
.loadouts-listing .loadouts-listing__stats .loadouts-listing__stat.headshot {
  text-align: center;
}
.loadouts-listing .bo4 .loadouts-listing__stat,
.loadouts-listing .blackout .loadouts-listing__stat {
  color: #ff6600;
}
.loadouts-listing .wwii .loadouts-listing__stat {
  color: #9f912a;
}
.loadouts-listing .mw .loadouts-listing__stat {
  color: #57ced4;
}
.loadouts-listing .warzone .loadouts-listing__stat {
  color: #57ced4;
}
.loadouts-listing .zombies .loadouts-listing__stat {
  color: #ff0000;
}

.maps-page .page-header {
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  display: -webkit-box;
  display: flex;
  justify-content: flex-start;
  background-color: #000;
  padding: 25px 0;
}
@media (max-width: 767px) {
  .maps-page .page-header {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    display: flex;
    align-items: flex-start;
    padding: 10px 0;
  }
}
.maps-page .heading {
  position: relative;
  color: #ffffff;
  display: block;
  padding-left: 15px;
  font-family: "Open Sans Condensed", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.42;
  font-style: normal;
  font-weight: bold;
  text-transform: uppercase;
  margin-right: 50px;
}
.maps-page .heading:before {
  content: "";
  display: block;
  border-left: 3px solid #1e9ffd;
  height: 100%;
  position: absolute;
  left: 0;
  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%);
}
@media (max-width: 767px) {
  .maps-page .heading {
    margin-right: 0;
    margin-bottom: 20px;
  }
}
.maps-page .map-filter {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .maps-page .map-filter {
    -webkit-box-lines: multiple;
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
}
.maps-page .map-filter__item {
  margin-right: 20px;
  width: 100%;
}
@media (max-width: 767px) {
  .maps-page .map-filter__item {
    margin-bottom: 20px;
    margin-right: 0px;
  }
  .maps-page .map-filter__item:last-child {
    margin-bottom: 20px;
  }
}
.maps-page .map-listing {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-lines: multiple;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  background-color: #000;
}
.maps-page .map-listing__item {
  position: relative;
  width: 100%;
  max-width: 33.3333%;
  transition: all 0.3s ease-in-out;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
}
.maps-page .map-listing__item:hover .map-listing__img {
  opacity: .75;
  transform: scale(1.05);
}
.maps-page .map-listing__item:hover .map-listing__txt {
  transform: scale(1.2);
}
@media (max-width: 1024px) {
  .maps-page .map-listing__item {
    max-width: 50%;
  }
}
@media (max-width: 767px) {
  .maps-page .map-listing__item {
    max-width: 100%;
    margin-bottom: 5px;
    border: 0;
  }
}
.maps-page .map-listing__img-wrapper {
  display: block;
  overflow: hidden;
  background-color: #000;
}
.maps-page .map-listing__img {
  position: relative;
  min-height: 250px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  transition: all 0.3s ease-in-out;
  transform: scale(1);
  transform-origin: 50% 50%;
  opacity: .4;
  z-index: 1;
}
@media (max-width: 767px) {
  .maps-page .map-listing__img {
    min-height: 100px;
  }
}
.maps-page .map-listing__heading {
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.maps-page .map-listing__txt {
  font-family: "Open Sans Condensed", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.42;
  font-style: normal;
  transition: all 0.3s ease-in-out;
  transform: scale(1);
  transform-origin: 50% 50%;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.75);
  text-align: center;
}

#heatmap-widget {
  position: relative;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
#heatmap-widget .map-image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
}
#heatmap-widget .map-image img {
  width: 100%;
}
#heatmap-widget canvas {
  width: 100%;
  opacity: .8;
}
.intel_heatmaps .main-content-inner.inner-wrapper {
  width: 100%;
  max-width: 100%;
}
.heatmaps-page .page-header {
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  display: -webkit-box;
  display: flex;
  justify-content: flex-start;
  background-color: #000;
  padding: 25px 0;
  width: 80%;
  max-width: 1600px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .heatmaps-page .page-header {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    display: flex;
    align-items: flex-start;
    padding: 10px;
    width: 100%;
  }
}
.heatmaps-page .heading {
  position: relative;
  color: #ffffff;
  display: block;
  padding-left: 15px;
  font-family: "Open Sans Condensed", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.42;
  font-style: normal;
  font-weight: bold;
  text-transform: uppercase;
  margin-right: 50px;
}
.heatmaps-page .heading:before {
  content: "";
  display: block;
  border-left: 3px solid #1e9ffd;
  height: 100%;
  position: absolute;
  left: 0;
  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%);
}
@media (max-width: 767px) {
  .heatmaps-page .heading {
    margin-right: 0;
    margin-bottom: 20px;
  }
}
.heatmaps-page .heatmap-filter {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .heatmaps-page .heatmap-filter {
    -webkit-box-lines: multiple;
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
}
.heatmaps-page .heatmap-filter__item {
  margin-right: 20px;
  width: 100%;
}
@media (max-width: 767px) {
  .heatmaps-page .heatmap-filter__item {
    margin-bottom: 20px;
    margin-right: 0px;
  }
  .heatmaps-page .heatmap-filter__item:last-child {
    margin-bottom: 20px;
  }
}
.heatmaps-page .heatmap-widget-container {
  position: relative;
  background-color: #000;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.heatmaps-page .heatmaps-container {
  position: relative;
  min-height: 200px;
  text-align: center;
}
.heatmaps-page .heatmaps-container.error .heatmap-key,
.heatmaps-page .heatmaps-container.error .heatmap-controls,
.heatmaps-page .heatmaps-container.error .heatmap-widget-container {
  display: none;
}
.heatmaps-page .heatmaps-container.loading .heatmaps-loader {
  visibility: visible;
  opacity: 1;
  color: #fff;
}
.heatmaps-page .heatmaps-container.error .heatmaps-error {
  visibility: visible;
  opacity: 1;
  color: #fff;
}
.heatmaps-page .heatmaps-loader,
.heatmaps-page .heatmaps-error {
  font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  visibility: hidden;
  opacity: 0;
  transition: all .3s ease;
  position: absolute;
  background-image: center;
  background-repeat: no-repeat;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
}
.heatmaps-page .heatmap-controls {
  position: fixed;
  bottom: 110px;
  right: 40px;
  transition: all 0.2s ease-in-out;
  background-color: rgba(17, 17, 17, 0.75);
  padding: 10px;
  z-index: 2;
}
.heatmaps-page .heatmap-controls.heatmap-controls--sticky {
  position: absolute;
}
@media (max-width: 767px) {
  .heatmaps-page .heatmap-controls {
    position: absolute;
    bottom: 10px;
    right: 10px;
    bottom: auto;
    top: 60px;
  }
}
.heatmaps-page .heatmap-zoom-in,
.heatmaps-page .heatmap-zoom-out,
.heatmaps-page .heatmap-reset {
  position: relative;
  width: 30px;
  height: 30px;
  text-align: center;
  color: #fff;
  background: #222;
  font-size: 18px;
  cursor: pointer;
  text-indent: 110%;
  overflow: hidden;
  white-space: nowrap;
}
.heatmaps-page .heatmap-zoom-in {
  margin-bottom: 10px;
}
.heatmaps-page .heatmap-zoom-in::after {
  content: "+";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 23px;
  text-indent: 0;
}
.heatmaps-page .heatmap-zoom-out {
  margin-bottom: 10px;
}
.heatmaps-page .heatmap-zoom-out::after {
  content: "-";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 30px;
  text-indent: 0;
}
.heatmaps-page .heatmap-reset::after {
  content: "\f0e2";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-indent: 0;
}
.heatmaps-page .heatmap-widget {
  transform: scale(1);
  cursor: move;
}
.heatmaps-page .heatmap-key {
  display: -moz-box;
  display: -ms-flexbox;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-lines: multiple;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  transition: all 0.2s ease-in-out;
  background-color: rgba(17, 17, 17, 0.75);
  position: fixed;
  right: 40px;
  bottom: 40px;
  width: 100%;
  max-width: 300px;
  z-index: 2;
  padding: 15px 10px 10px;
}
.heatmaps-page .heatmap-key.heatmap-key--sticky {
  position: absolute;
}
@media (max-width: 767px) {
  .heatmaps-page .heatmap-key {
    -webkit-box-lines: single;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    position: relative;
    right: auto;
    bottom: auto;
    max-width: 100%;
  }
}
.heatmaps-page .heatmap-key-label {
  position: relative;
  font-family: "Montserrat", Verdana, Arial, Helvetica, sans-serif;
  font-style: normal;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  padding-top: 10px;
  text-transform: uppercase;
  order: 2;
  width: 50%;
  letter-spacing: 1.2px;
}
@media (max-width: 767px) {
  .heatmaps-page .heatmap-key-label {
    order: 0;
    padding: 5px 10px;
  }
}
.heatmaps-page .heatmap-key-label--left {
  text-align: left;
}
.heatmaps-page .heatmap-key-label--right {
  text-align: right;
}
.heatmaps-page .heatmap-key-bar {
  width: 100%;
  max-width: 100%;
  height: 8px;
}
.heatmaps-page .heatmap-key-bar.kills {
  background: linear-gradient(-90deg, #0000ff 0%, #00ffff 100%);
}
.heatmaps-page .heatmap-key-bar.deaths {
  background: linear-gradient(-90deg, #ff0000 0%, #ffa500 50%, #ffff00 100%);
}
.heatmaps-page .heatmap-key-bar.kdr {
  background: linear-gradient(-90deg, #ff0000 0%, #ffa500 25%, #ffff00 50%, #00ff00 75%, #0000ff 100%);
}
@media (max-width: 767px) {
  .heatmaps-page .heatmap-key-bar {
    max-width: 300px;
  }
}
.heatmaps-page .heatmap-heading {
  font-family: "Open Sans Condensed", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.42;
  font-weight: bold;
  font-style: normal;
  color: #fff;
  background: #010101;
  padding: 10px 0;
  text-transform: uppercase;
  text-align: center;
  font-size: 20px;
}
.heatmaps-page .tab-nav {
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  background: #010101;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: flex;
  justify-content: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
  overflow-x: hidden;
}
@media (max-width: 767px) {
  .heatmaps-page .tab-nav {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    display: -webkit-box;
    display: flex;
    justify-content: flex-start;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .heatmaps-page .tab-nav::-webkit-scrollbar {
    height: 6px;
  }
  .heatmaps-page .tab-nav::-webkit-scrollbar-track {
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #202020;
    background-color: #202020;
  }
  .heatmaps-page .tab-nav::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #444444;
  }
  .heatmaps-page .tab-nav::-webkit-scrollbar-thumb:window-inactive {
    background: #444444;
  }
}
.heatmaps-page .tab-nav-item {
  font-family: "Open Sans Condensed", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.42;
  font-weight: bold;
  font-style: normal;
  color: #555;
  padding: 10px 25px;
  border-bottom: 3px solid transparent;
  cursor: pointer;
  text-transform: uppercase;
  transition: all .2s ease;
  white-space: nowrap;
}
.heatmaps-page .tab-nav-active {
  color: #fff;
  border-color: #1e9ffd;
}