html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

html {
  line-height: 1; }

ol, ul {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

q, blockquote {
  quotes: none; }

q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none; }

a img {
  border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block; }

/*
 * Battlelog Common Components Library
 */
/**
 * Webkit specific way of ellipsis last line of a text that is too long to fit its container.
 * Non-webkit browsers will have overflow hidden applied, just not showing the ellipsis.
 */
/**
 * Mixin to use ellipsis for texts if they go beyond their allowed width
 * @param max-width
 */
/**
 * Mixin to generate button states
 * @param color
 * @param bg-color
 * @param border-color
 * @param hover
 * @param active
 */
/**
 * Mixin to use ellipsis for texts if they go beyond their allowed width
 * @param max-width
 */
#emblem-edit, .emblem-layer-options .layer-modinputs .modinput {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none; }

.grid-container:before, .base-middle-content:before, .row:before, .clearfix:before, ul.avatars:before, #joinflow-loginpopup-form .joinflow-buttons:before, .emblem-layer-options .layer-actions:before, .emblem-layer-options .layer-colors:before, .emblem-layer-options .layer-modinputs:before, .row-tight:before, .common-replyform:before, .grid-container:after, .base-middle-content:after, .row:after, .clearfix:after, ul.avatars:after, #joinflow-loginpopup-form .joinflow-buttons:after, .emblem-layer-options .layer-actions:after, .emblem-layer-options .layer-colors:after, .emblem-layer-options .layer-modinputs:after, .row-tight:after, .common-replyform:after {
  display: table;
  content: "";
  line-height: 0; }
.grid-container:after, .base-middle-content:after, .row:after, .clearfix:after, ul.avatars:after, #joinflow-loginpopup-form .joinflow-buttons:after, .emblem-layer-options .layer-actions:after, .emblem-layer-options .layer-colors:after, .emblem-layer-options .layer-modinputs:after, .row-tight:after, .common-replyform:after {
  clear: both; }

.clear {
  clear: both; }

.clear-left {
  clear: left; }

.clear-right {
  clear: right; }

.nowrap {
  white-space: nowrap; }

.noselect {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default; }

.pull-left {
  float: left; }

.hide {
  display: none !important; }

.show {
  display: block; }

.invisible {
  visibility: hidden; }

.affix {
  position: fixed; }

.pull-right, .gamemanager-launchstate-platoon-title, .gamemanager-launchstate-platoon-badge {
  float: right; }

.fade {
  -webkit-transition-property: "opacity, background";
  -moz-transition-property: "opacity, background";
  transition-property: "opacity, background";
  -webkit-transition-duration: 0.15s;
  -moz-transition-duration: 0.15s;
  transition-duration: 0.15s; }

.center-text {
  text-align: center; }

.valign-mid {
  vertical-align: middle; }
  .valign-mid * {
    vertical-align: middle; }

.hide-text {
  color: transparent;
  font: 0/0 a;
  text-shadow: none; }

.squish-text {
  font: 0/0 serif;
  text-shadow: none;
  color: transparent; }

.percent-suffix:after {
  content: "%"; }

.uppercase {
  text-transform: uppercase; }

[class*="span"].hide {
  display: none; }

[class*="span"].pull-right, [class*="span"].gamemanager-launchstate-platoon-title, [class*="span"].gamemanager-launchstate-platoon-badge {
  float: right; }

.grid-container, .base-middle-content {
  margin-right: auto;
  margin-left: auto; }

.grid-container, .base-middle-content {
  width: 992px; }

.grid-container.no-gutter, .no-gutter.base-middle-content, .topbar .inner {
  width: 1024px; }

.row {
  margin-left: -16px; }
  .row + .row, .row + .row-tight {
    margin-top: 16px; }

.row.no-gutter {
  margin-left: 0; }

[class*="span"] {
  width: 100%;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  margin-left: 16px; }

.no-gutter > [class*="span"] {
  float: left;
  margin-left: 0; }

.span1 {
  width: 68px; }

.no-gutter > .span1 {
  width: 82.66667px; }

.offset1 {
  margin-left: 100px; }

.no-gutter > .offset1 {
  margin-left: 84px; }

.span2 {
  width: 152px; }

.no-gutter > .span2 {
  width: 165.33333px; }

.offset2 {
  margin-left: 184px; }

.no-gutter > .offset2 {
  margin-left: 168px; }

.span3 {
  width: 236px; }

.no-gutter > .span3 {
  width: 248px; }

.offset3 {
  margin-left: 268px; }

.no-gutter > .offset3 {
  margin-left: 252px; }

.span4 {
  width: 320px; }

.no-gutter > .span4 {
  width: 330.66667px; }

.offset4 {
  margin-left: 352px; }

.no-gutter > .offset4 {
  margin-left: 336px; }

.span5 {
  width: 404px; }

.no-gutter > .span5 {
  width: 413.33333px; }

.offset5 {
  margin-left: 436px; }

.no-gutter > .offset5 {
  margin-left: 420px; }

.span6 {
  width: 488px; }

.no-gutter > .span6 {
  width: 496px; }

.offset6 {
  margin-left: 520px; }

.no-gutter > .offset6 {
  margin-left: 504px; }

.span7 {
  width: 572px; }

.no-gutter > .span7 {
  width: 578.66667px; }

.offset7 {
  margin-left: 604px; }

.no-gutter > .offset7 {
  margin-left: 588px; }

.span8 {
  width: 656px; }

.no-gutter > .span8 {
  width: 661.33333px; }

.offset8 {
  margin-left: 688px; }

.no-gutter > .offset8 {
  margin-left: 672px; }

.span9 {
  width: 740px; }

.no-gutter > .span9 {
  width: 744px; }

.offset9 {
  margin-left: 772px; }

.no-gutter > .offset9 {
  margin-left: 756px; }

.span10 {
  width: 824px; }

.no-gutter > .span10 {
  width: 826.66667px; }

.offset10 {
  margin-left: 856px; }

.no-gutter > .offset10 {
  margin-left: 840px; }

.span11 {
  width: 908px; }

.no-gutter > .span11 {
  width: 909.33333px; }

.offset11 {
  margin-left: 940px; }

.no-gutter > .offset11 {
  margin-left: 924px; }

.span12 {
  width: 992px; }

.no-gutter > .span12 {
  width: 992px; }

.overlay-container .overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.5);
  background: transparent-webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.8) 90%);
  background: transparent-moz-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.8) 90%);
  background: transparent radial, ellipse cover center, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.8) 90%;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out; }
  .overlay-container .overlay.intro {
    background-color: rgba(0, 0, 0, 0.75);
    background: transparent-webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.5) 0, #000000 90%);
    background: transparent-moz-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.5) 0, #000000 90%);
    background: transparent radial, ellipse cover center, rgba(0, 0, 0, 0.5) 0, black 90%; }
  .no-csstransitions .overlay-container .overlay {
    display: none; }
  .overlay-container .overlay.show {
    opacity: 1;
    pointer-events: all; }
    .no-csstransitions .overlay-container .overlay.show {
      display: block; }
  .overlay-container .overlay.click-through {
    pointer-events: none; }

.avatar {
  display: inline-block;
  vertical-align: middle;
  height: 36px;
  width: 36px;
  background-size: 100%;
  box-shadow: 3px 0 #3f3b3d inset; }
  .avatar img {
    border: 0;
    width: 100%;
    height: 100%; }
  .avatar.playing {
    box-shadow: 3px 0 #60c0f6 inset; }
  .avatar.online {
    box-shadow: 3px 0 #78c753 inset; }
  .avatar.xsmall {
    height: 26px;
    width: 26px; }
  .avatar.small {
    height: 30px;
    width: 30px; }
  .avatar.large {
    height: 60px;
    width: 60px; }
  .avatar.xlarge {
    height: 204px;
    width: 204px;
    box-shadow: 6px 0 #3f3b3d inset; }
    .avatar.xlarge.playing {
      box-shadow: 6px 0 #60c0f6 inset; }
    .avatar.xlarge.online {
      box-shadow: 6px 0 #78c753 inset; }
  .avatar.xxlarge {
    height: 320px;
    width: 320px;
    box-shadow: 8px 0 #3f3b3d inset; }
    .avatar.xxlarge.playing {
      box-shadow: 8px 0 #60c0f6 inset; }
    .avatar.xxlarge.online {
      box-shadow: 8px 0 #78c753 inset; }
  .avatar.no-frame {
    box-shadow: none; }
  .avatar + span.username, .avatar + a.username {
    margin-left: 5px; }

ul.avatars {
  list-style: none;
  margin: 0;
  padding: 8px 0;
  margin-left: -5px; }
  ul.avatars li {
    float: left;
    margin-left: 4px; }

#receipt-container {
  position: relative;
  z-index: 2;
  cursor: default;
  overflow: hidden;
  text-align: center; }

.receipt {
  letter-spacing: 1px;
  position: relative;
  background-color: rgba(51, 153, 102, 0.9);
  padding: 8px 16px;
  color: #fff;
  text-transform: uppercase;
  font-size: 12px;
  text-align: center;
  line-height: 16px; }
  .receipt.checkbox {
    background: rgba(46, 204, 113, 0.9); }
  .receipt.error, .receipt.skull {
    background-color: rgba(231, 76, 60, 0.9); }
  .receipt.premium {
    color: #000;
    background-color: rgba(255, 153, 0, 0.9); }
  .receipt a {
    text-decoration: underline; }

@-webkit-keyframes loader {
  0% {
    background-position: 0 0; }

  5% {
    background-position: -40px 0; }

  10% {
    background-position: -80px 0; }

  15% {
    background-position: -120px 0; }

  20% {
    background-position: -160px 0; }

  25% {
    background-position: -200px 0; }

  30% {
    background-position: -240px 0; }

  35% {
    background-position: -280px 0; }

  40% {
    background-position: -320px 0; }

  45% {
    background-position: -360px 0; }

  50% {
    background-position: -400px 0; }

  55% {
    background-position: -440px 0; }

  60% {
    background-position: -480px 0; }

  65% {
    background-position: -520px 0; }

  70% {
    background-position: -560px 0; }

  75% {
    background-position: -600px 0; }

  80% {
    background-position: -640px 0; }

  85% {
    background-position: -680px 0; }

  90% {
    background-position: -720px 0; }

  95% {
    background-position: -760px 0; }

  100% {
    background-position: 0 0; } }

@-moz-keyframes loader {
  0% {
    background-position: 0 0; }

  5% {
    background-position: -40px 0; }

  10% {
    background-position: -80px 0; }

  15% {
    background-position: -120px 0; }

  20% {
    background-position: -160px 0; }

  25% {
    background-position: -200px 0; }

  30% {
    background-position: -240px 0; }

  35% {
    background-position: -280px 0; }

  40% {
    background-position: -320px 0; }

  45% {
    background-position: -360px 0; }

  50% {
    background-position: -400px 0; }

  55% {
    background-position: -440px 0; }

  60% {
    background-position: -480px 0; }

  65% {
    background-position: -520px 0; }

  70% {
    background-position: -560px 0; }

  75% {
    background-position: -600px 0; }

  80% {
    background-position: -640px 0; }

  85% {
    background-position: -680px 0; }

  90% {
    background-position: -720px 0; }

  95% {
    background-position: -760px 0; }

  100% {
    background-position: 0 0; } }

-o-keyframes loader 0% {
  background-position: 0 0; }
-o-keyframes loader 5% {
  background-position: -40px 0; }
-o-keyframes loader 10% {
  background-position: -80px 0; }
-o-keyframes loader 15% {
  background-position: -120px 0; }
-o-keyframes loader 20% {
  background-position: -160px 0; }
-o-keyframes loader 25% {
  background-position: -200px 0; }
-o-keyframes loader 30% {
  background-position: -240px 0; }
-o-keyframes loader 35% {
  background-position: -280px 0; }
-o-keyframes loader 40% {
  background-position: -320px 0; }
-o-keyframes loader 45% {
  background-position: -360px 0; }
-o-keyframes loader 50% {
  background-position: -400px 0; }
-o-keyframes loader 55% {
  background-position: -440px 0; }
-o-keyframes loader 60% {
  background-position: -480px 0; }
-o-keyframes loader 65% {
  background-position: -520px 0; }
-o-keyframes loader 70% {
  background-position: -560px 0; }
-o-keyframes loader 75% {
  background-position: -600px 0; }
-o-keyframes loader 80% {
  background-position: -640px 0; }
-o-keyframes loader 85% {
  background-position: -680px 0; }
-o-keyframes loader 90% {
  background-position: -720px 0; }
-o-keyframes loader 95% {
  background-position: -760px 0; }
-o-keyframes loader 100% {
  background-position: 0 0; }

@-ms-keyframes loader {
  0% {
    background-position: 0 0; }

  5% {
    background-position: -40px 0; }

  10% {
    background-position: -80px 0; }

  15% {
    background-position: -120px 0; }

  20% {
    background-position: -160px 0; }

  25% {
    background-position: -200px 0; }

  30% {
    background-position: -240px 0; }

  35% {
    background-position: -280px 0; }

  40% {
    background-position: -320px 0; }

  45% {
    background-position: -360px 0; }

  50% {
    background-position: -400px 0; }

  55% {
    background-position: -440px 0; }

  60% {
    background-position: -480px 0; }

  65% {
    background-position: -520px 0; }

  70% {
    background-position: -560px 0; }

  75% {
    background-position: -600px 0; }

  80% {
    background-position: -640px 0; }

  85% {
    background-position: -680px 0; }

  90% {
    background-position: -720px 0; }

  95% {
    background-position: -760px 0; }

  100% {
    background-position: 0 0; } }

@keyframes loader {
  0% {
    background-position: 0 0; }

  5% {
    background-position: -40px 0; }

  10% {
    background-position: -80px 0; }

  15% {
    background-position: -120px 0; }

  20% {
    background-position: -160px 0; }

  25% {
    background-position: -200px 0; }

  30% {
    background-position: -240px 0; }

  35% {
    background-position: -280px 0; }

  40% {
    background-position: -320px 0; }

  45% {
    background-position: -360px 0; }

  50% {
    background-position: -400px 0; }

  55% {
    background-position: -440px 0; }

  60% {
    background-position: -480px 0; }

  65% {
    background-position: -520px 0; }

  70% {
    background-position: -560px 0; }

  75% {
    background-position: -600px 0; }

  80% {
    background-position: -640px 0; }

  85% {
    background-position: -680px 0; }

  90% {
    background-position: -720px 0; }

  95% {
    background-position: -760px 0; }

  100% {
    background-position: 0 0; } }

@-webkit-keyframes loader-small {
  0% {
    background-position: 0 -55px; }

  6% {
    background-position: -18px -55px; }

  14% {
    background-position: -36px -55px; }

  20% {
    background-position: -54px -55px; }

  28% {
    background-position: -72px -55px; }

  36% {
    background-position: -90px -55px; }

  42% {
    background-position: -108px -55px; }

  48% {
    background-position: -126px -55px; }

  56% {
    background-position: -144px -55px; }

  64% {
    background-position: -162px -55px; }

  70% {
    background-position: -180px -55px; }

  78% {
    background-position: -198px -55px; }

  86% {
    background-position: -216px -55px; }

  94% {
    background-position: -234px -55px; }

  100% {
    background-position: -252px -55px; } }

@-moz-keyframes loader-small {
  0% {
    background-position: 0 -55px; }

  6% {
    background-position: -18px -55px; }

  14% {
    background-position: -36px -55px; }

  20% {
    background-position: -54px -55px; }

  28% {
    background-position: -72px -55px; }

  36% {
    background-position: -90px -55px; }

  42% {
    background-position: -108px -55px; }

  48% {
    background-position: -126px -55px; }

  56% {
    background-position: -144px -55px; }

  64% {
    background-position: -162px -55px; }

  70% {
    background-position: -180px -55px; }

  78% {
    background-position: -198px -55px; }

  86% {
    background-position: -216px -55px; }

  94% {
    background-position: -234px -55px; }

  100% {
    background-position: -252px -55px; } }

-o-keyframes loader-small 0% {
  background-position: 0 -55px; }
-o-keyframes loader-small 6% {
  background-position: -18px -55px; }
-o-keyframes loader-small 14% {
  background-position: -36px -55px; }
-o-keyframes loader-small 20% {
  background-position: -54px -55px; }
-o-keyframes loader-small 28% {
  background-position: -72px -55px; }
-o-keyframes loader-small 36% {
  background-position: -90px -55px; }
-o-keyframes loader-small 42% {
  background-position: -108px -55px; }
-o-keyframes loader-small 48% {
  background-position: -126px -55px; }
-o-keyframes loader-small 56% {
  background-position: -144px -55px; }
-o-keyframes loader-small 64% {
  background-position: -162px -55px; }
-o-keyframes loader-small 70% {
  background-position: -180px -55px; }
-o-keyframes loader-small 78% {
  background-position: -198px -55px; }
-o-keyframes loader-small 86% {
  background-position: -216px -55px; }
-o-keyframes loader-small 94% {
  background-position: -234px -55px; }
-o-keyframes loader-small 100% {
  background-position: -252px -55px; }

@-ms-keyframes loader-small {
  0% {
    background-position: 0 -55px; }

  6% {
    background-position: -18px -55px; }

  14% {
    background-position: -36px -55px; }

  20% {
    background-position: -54px -55px; }

  28% {
    background-position: -72px -55px; }

  36% {
    background-position: -90px -55px; }

  42% {
    background-position: -108px -55px; }

  48% {
    background-position: -126px -55px; }

  56% {
    background-position: -144px -55px; }

  64% {
    background-position: -162px -55px; }

  70% {
    background-position: -180px -55px; }

  78% {
    background-position: -198px -55px; }

  86% {
    background-position: -216px -55px; }

  94% {
    background-position: -234px -55px; }

  100% {
    background-position: -252px -55px; } }

@keyframes loader-small {
  0% {
    background-position: 0 -55px; }

  6% {
    background-position: -18px -55px; }

  14% {
    background-position: -36px -55px; }

  20% {
    background-position: -54px -55px; }

  28% {
    background-position: -72px -55px; }

  36% {
    background-position: -90px -55px; }

  42% {
    background-position: -108px -55px; }

  48% {
    background-position: -126px -55px; }

  56% {
    background-position: -144px -55px; }

  64% {
    background-position: -162px -55px; }

  70% {
    background-position: -180px -55px; }

  78% {
    background-position: -198px -55px; }

  86% {
    background-position: -216px -55px; }

  94% {
    background-position: -234px -55px; }

  100% {
    background-position: -252px -55px; } }

.loader {
  background: url(../common/loading-sprite.png) 0 0 no-repeat;
  display: inline-block;
  vertical-align: middle;
  width: 40px;
  height: 55px;
  -webkit-animation: loader 0.5s infinite step-start;
  -moz-animation: loader 0.5s infinite step-start;
  -ms-animation: loader 0.5s infinite step-start;
  -o-animation: loader 0.5s infinite step-start;
  animation: loader 0.5s infinite step-start; }
  .loader.centered {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -20px;
    margin-top: -27.5px; }
  .loader.small {
    width: 18px;
    height: 25px;
    -webkit-animation: loader-small 0.5s infinite step-start;
    -moz-animation: loader-small 0.5s infinite step-start;
    -ms-animation: loader-small 0.5s infinite step-start;
    -o-animation: loader-small 0.5s infinite step-start;
    animation: loader-small 0.5s infinite step-start; }
    .loader.small.centered {
      margin-left: -9px;
      margin-top: -12.5px; }

.no-cssanimations .loader {
  -webkit-animation: none;
  -moz-animation: none;
  -ms-animation: none;
  -o-animation: none;
  animation: none; }
  .no-cssanimations .loader.small {
    background: url(../common/loading_blue.gif) no-repeat; }
  .no-cssanimations .loader.big {
    background: url(../common/loading_gray.gif) no-repeat; }

.tooltip {
  display: none;
  position: absolute;
  min-width: 20px;
  max-width: 500px;
  min-height: 14px;
  max-height: 500px;
  background: rgba(0, 0, 0, 0.9);
  color: #fff;
  padding: 8px;
  border-radius: 3px;
  z-index: 4000;
  line-height: 14px;
  font-size: 11px;
  opacity: 0; }
  .tooltip.animate {
    -webkit-transition: opacity 50ms linear;
    -moz-transition: opacity 50ms linear;
    -ms-transition: opacity 50ms linear;
    -o-transition: opacity 50ms linear;
    transition: opacity 50ms linear; }
  .tooltip.visible {
    display: block;
    opacity: 1; }
  .tooltip .tooltip-callout {
    position: absolute; }
    .tooltip .tooltip-callout:before, .tooltip .tooltip-callout:after {
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none; }
      .tooltip .tooltip-callout:before.left, .tooltip .tooltip-callout:after.left {
        left: 100%; }
  .tooltip.left .tooltip-callout {
    left: 100%; }
    .tooltip.left .tooltip-callout:after {
      border-color: rgba(0, 0, 0, 0);
      border-left-color: rgba(0, 0, 0, 0.9);
      border-width: 5px;
      top: 50%;
      margin-top: -5px; }
  .tooltip.right .tooltip-callout {
    right: 100%; }
    .tooltip.right .tooltip-callout:after {
      border-color: rgba(0, 0, 0, 0);
      border-right-color: rgba(0, 0, 0, 0.9);
      border-width: 5px;
      top: 50%;
      margin-top: -5px; }
  .tooltip.below .tooltip-callout {
    bottom: 100%; }
    .tooltip.below .tooltip-callout:after {
      border-color: rgba(0, 0, 0, 0);
      border-bottom-color: rgba(0, 0, 0, 0.9);
      border-width: 5px;
      left: 50%;
      margin-left: -5px; }
  .tooltip.above .tooltip-callout {
    top: 100%; }
    .tooltip.above .tooltip-callout:after {
      border-color: rgba(0, 0, 0, 0);
      border-top-color: rgba(0, 0, 0, 0.9);
      border-width: 5px;
      left: 50%;
      margin-left: -5px; }
  .tooltip .tooltip-body h2 {
    font-size: 1.2em;
    line-height: 1.4;
    margin-bottom: 0.1em; }
  .tooltip .tooltip-body h3 {
    font-size: 1.1em;
    line-height: 1.4;
    margin-bottom: 0.1em; }

.tooltip-content {
  display: none; }

.popover-content {
  display: none; }

.popover {
  display: none;
  position: absolute;
  min-width: 236px;
  background: #fdfdfd;
  color: #000;
  z-index: 3000;
  opacity: 0;
  -webkit-filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.5));
  -moz-filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.5));
  -ms-filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.5));
  -o-filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.5));
  filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.5)); }
  .popover:before, .popover:after {
    display: table;
    content: "";
    line-height: 0; }
  .popover:after {
    clear: both; }
  .popover.animate {
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear; }
  .popover.visible {
    display: block;
    opacity: 1; }
  .popover .popover-body .popover-content {
    display: block; }
  .popover .popover-body footer a:hover, .popover .popover-body .hover:hover {
    background: rgba(255, 255, 255, 0.1); }
  .popover .popover-body li {
    font-weight: bold; }
    .popover .popover-body li:hover > a {
      background: #353535;
      color: #ffc500; }
    .popover .popover-body li:first-child > a {
      border-top: none; }
    .popover .popover-body li > a {
      line-height: 35px;
      font-size: 12px;
      padding-left: 16px;
      color: #353535;
      border-top: 1px solid #ececec;
      text-decoration: none;
      display: block; }
  .popover footer {
    font-size: 12px;
    border-top: 1px solid #302f33; }
    .popover footer a {
      color: #fff;
      display: block;
      text-align: center;
      padding: 10px;
      text-transform: uppercase; }
      .popover footer a:hover {
        text-decoration: none; }
  .popover .popover-callout {
    position: absolute;
    overflow: visible; }
    .popover .popover-callout:before, .popover .popover-callout:after {
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none; }
      .popover .popover-callout:before.left, .popover .popover-callout:after.left {
        left: 100%; }
  .popover.left .popover-callout {
    left: 100%; }
    .popover.left .popover-callout:after {
      border-color: rgba(0, 0, 0, 0);
      border-left-color: rgba(0, 0, 0, 0.9);
      border-width: 8px;
      top: 50%;
      margin-top: -8px;
      right: -16px; }
  .popover.right .popover-callout {
    right: 100%; }
    .popover.right .popover-callout:after {
      border-color: rgba(0, 0, 0, 0);
      border-right-color: #f1f1f1;
      border-width: 8px;
      top: 50%;
      margin-top: -8px;
      left: -16px; }
  .popover.below .popover-callout {
    bottom: 100%; }
    .popover.below .popover-callout:after {
      border-color: rgba(0, 0, 0, 0);
      border-bottom-color: #f1f1f1;
      border-width: 8px;
      left: 50%;
      margin-left: -8px;
      top: -16px; }
  .popover.above .popover-callout {
    top: 100%; }
    .popover.above .popover-callout:after {
      border-color: rgba(0, 0, 0, 0);
      border-top-color: #f1f1f1;
      border-width: 8px;
      left: 50%;
      margin-left: -8px;
      bottom: -16px; }
  .popover .popover-body h2 {
    font-size: 1.2em;
    line-height: 1.4;
    margin-bottom: 0.1em; }
  .popover .popover-body h3 {
    font-size: 1.1em;
    line-height: 1.4;
    margin-bottom: 0.1em; }

.padding-large {
  padding: 24px !important; }

.padding-large-vertical {
  padding-top: 24px !important;
  padding-bottom: 24px !important; }

.padding-large-horizontal {
  padding-left: 24px !important;
  padding-right: 24px !important; }

.padding-large-top {
  padding-top: 24px !important; }

.padding-large-right {
  padding-right: 24px !important; }

.padding-large-bottom {
  padding-bottom: 24px !important; }

.padding-large-left {
  padding-left: 24px !important; }

.padding {
  padding: 16px !important; }

.padding-vertical {
  padding-top: 16px !important;
  padding-bottom: 16px !important; }

.padding-horizontal {
  padding-left: 16px !important;
  padding-right: 16px !important; }

.padding-top {
  padding-top: 16px !important; }

.padding-right {
  padding-right: 16px !important; }

.padding-bottom {
  padding-bottom: 16px !important; }

.padding-left {
  padding-left: 16px !important; }

.padding-small {
  padding: 8px !important; }

.padding-small-vertical {
  padding-top: 8px !important;
  padding-bottom: 8px !important; }

.padding-small-horizontal {
  padding-left: 8px !important;
  padding-right: 8px !important; }

.padding-small-top {
  padding-top: 8px !important; }

.padding-small-right {
  padding-right: 8px !important; }

.padding-small-bottom {
  padding-bottom: 8px !important; }

.padding-small-left {
  padding-left: 8px !important; }

.padding-tight {
  padding: 1px !important; }

.padding-tight-vertical {
  padding-top: 1px !important;
  padding-bottom: 1px !important; }

.padding-tight-horizontal {
  padding-left: 1px !important;
  padding-right: 1px !important; }

.padding-tight-top {
  padding-top: 1px !important; }

.padding-tight-right {
  padding-right: 1px !important; }

.padding-tight-bottom {
  padding-bottom: 1px !important; }

.padding-tight-left {
  padding-left: 1px !important; }

.padding-none {
  padding: 0 !important; }

.padding-none-vertical {
  padding-top: 0 !important;
  padding-bottom: 0 !important; }

.padding-none-horizontal {
  padding-left: 0 !important;
  padding-right: 0 !important; }

.padding-none-top {
  padding-top: 0 !important; }

.padding-none-right {
  padding-right: 0 !important; }

.padding-none-bottom {
  padding-bottom: 0 !important; }

.padding-none-left {
  padding-left: 0 !important; }

.npadding-large {
  padding: -24px !important; }

.npadding-large-vertical {
  padding-top: -24px !important;
  padding-bottom: -24px !important; }

.npadding-large-horizontal {
  padding-left: -24px !important;
  padding-right: -24px !important; }

.npadding-large-top {
  padding-top: -24px !important; }

.npadding-large-right {
  padding-right: -24px !important; }

.npadding-large-bottom {
  padding-bottom: -24px !important; }

.npadding-large-left {
  padding-left: -24px !important; }

.npadding {
  padding: 16px !important; }

.npadding-vertical {
  padding-top: 16px !important;
  padding-bottom: 16px !important; }

.npadding-horizontal {
  padding-left: 16px !important;
  padding-right: 16px !important; }

.npadding-top {
  padding-top: 16px !important; }

.npadding-right {
  padding-right: 16px !important; }

.npadding-bottom {
  padding-bottom: 16px !important; }

.npadding-left {
  padding-left: 16px !important; }

.npadding-small {
  padding: -8px !important; }

.npadding-small-vertical {
  padding-top: -8px !important;
  padding-bottom: -8px !important; }

.npadding-small-horizontal {
  padding-left: -8px !important;
  padding-right: -8px !important; }

.npadding-small-top {
  padding-top: -8px !important; }

.npadding-small-right {
  padding-right: -8px !important; }

.npadding-small-bottom {
  padding-bottom: -8px !important; }

.npadding-small-left {
  padding-left: -8px !important; }

.npadding-tight {
  padding: -1px !important; }

.npadding-tight-vertical {
  padding-top: -1px !important;
  padding-bottom: -1px !important; }

.npadding-tight-horizontal {
  padding-left: -1px !important;
  padding-right: -1px !important; }

.npadding-tight-top {
  padding-top: -1px !important; }

.npadding-tight-right {
  padding-right: -1px !important; }

.npadding-tight-bottom {
  padding-bottom: -1px !important; }

.npadding-tight-left {
  padding-left: -1px !important; }

.npadding-none {
  padding: 0 !important; }

.npadding-none-vertical {
  padding-top: 0 !important;
  padding-bottom: 0 !important; }

.npadding-none-horizontal {
  padding-left: 0 !important;
  padding-right: 0 !important; }

.npadding-none-top {
  padding-top: 0 !important; }

.npadding-none-right {
  padding-right: 0 !important; }

.npadding-none-bottom {
  padding-bottom: 0 !important; }

.npadding-none-left {
  padding-left: 0 !important; }

.margin-large {
  margin: 24px !important; }

.margin-large-vertical {
  margin-top: 24px !important;
  margin-bottom: 24px !important; }

.margin-large-horizontal {
  margin-left: 24px !important;
  margin-right: 24px !important; }

.margin-large-top {
  margin-top: 24px !important; }

.margin-large-right {
  margin-right: 24px !important; }

.margin-large-bottom {
  margin-bottom: 24px !important; }

.margin-large-left {
  margin-left: 24px !important; }

.margin {
  margin: 16px !important; }

.margin-vertical {
  margin-top: 16px !important;
  margin-bottom: 16px !important; }

.margin-horizontal {
  margin-left: 16px !important;
  margin-right: 16px !important; }

.margin-top {
  margin-top: 16px !important; }

.margin-right {
  margin-right: 16px !important; }

.margin-bottom {
  margin-bottom: 16px !important; }

.margin-left {
  margin-left: 16px !important; }

.margin-small {
  margin: 8px !important; }

.margin-small-vertical {
  margin-top: 8px !important;
  margin-bottom: 8px !important; }

.margin-small-horizontal {
  margin-left: 8px !important;
  margin-right: 8px !important; }

.margin-small-top {
  margin-top: 8px !important; }

.margin-small-right {
  margin-right: 8px !important; }

.margin-small-bottom {
  margin-bottom: 8px !important; }

.margin-small-left {
  margin-left: 8px !important; }

.margin-tight {
  margin: 1px !important; }

.margin-tight-vertical {
  margin-top: 1px !important;
  margin-bottom: 1px !important; }

.margin-tight-horizontal {
  margin-left: 1px !important;
  margin-right: 1px !important; }

.margin-tight-top {
  margin-top: 1px !important; }

.margin-tight-right {
  margin-right: 1px !important; }

.margin-tight-bottom {
  margin-bottom: 1px !important; }

.margin-tight-left {
  margin-left: 1px !important; }

.margin-none {
  margin: 0 !important; }

.margin-none-vertical {
  margin-top: 0 !important;
  margin-bottom: 0 !important; }

.margin-none-horizontal {
  margin-left: 0 !important;
  margin-right: 0 !important; }

.margin-none-top {
  margin-top: 0 !important; }

.margin-none-right {
  margin-right: 0 !important; }

.margin-none-bottom {
  margin-bottom: 0 !important; }

.margin-none-left {
  margin-left: 0 !important; }

.nmargin-large {
  margin: -24px !important; }

.nmargin-large-vertical {
  margin-top: -24px !important;
  margin-bottom: -24px !important; }

.nmargin-large-horizontal {
  margin-left: -24px !important;
  margin-right: -24px !important; }

.nmargin-large-top {
  margin-top: -24px !important; }

.nmargin-large-right {
  margin-right: -24px !important; }

.nmargin-large-bottom {
  margin-bottom: -24px !important; }

.nmargin-large-left {
  margin-left: -24px !important; }

.nmargin {
  margin: 16px !important; }

.nmargin-vertical {
  margin-top: 16px !important;
  margin-bottom: 16px !important; }

.nmargin-horizontal {
  margin-left: 16px !important;
  margin-right: 16px !important; }

.nmargin-top {
  margin-top: 16px !important; }

.nmargin-right {
  margin-right: 16px !important; }

.nmargin-bottom {
  margin-bottom: 16px !important; }

.nmargin-left {
  margin-left: 16px !important; }

.nmargin-small {
  margin: -8px !important; }

.nmargin-small-vertical {
  margin-top: -8px !important;
  margin-bottom: -8px !important; }

.nmargin-small-horizontal {
  margin-left: -8px !important;
  margin-right: -8px !important; }

.nmargin-small-top {
  margin-top: -8px !important; }

.nmargin-small-right {
  margin-right: -8px !important; }

.nmargin-small-bottom {
  margin-bottom: -8px !important; }

.nmargin-small-left {
  margin-left: -8px !important; }

.nmargin-tight {
  margin: -1px !important; }

.nmargin-tight-vertical {
  margin-top: -1px !important;
  margin-bottom: -1px !important; }

.nmargin-tight-horizontal {
  margin-left: -1px !important;
  margin-right: -1px !important; }

.nmargin-tight-top {
  margin-top: -1px !important; }

.nmargin-tight-right {
  margin-right: -1px !important; }

.nmargin-tight-bottom {
  margin-bottom: -1px !important; }

.nmargin-tight-left {
  margin-left: -1px !important; }

.nmargin-none {
  margin: 0 !important; }

.nmargin-none-vertical {
  margin-top: 0 !important;
  margin-bottom: 0 !important; }

.nmargin-none-horizontal {
  margin-left: 0 !important;
  margin-right: 0 !important; }

.nmargin-none-top {
  margin-top: 0 !important; }

.nmargin-none-right {
  margin-right: 0 !important; }

.nmargin-none-bottom {
  margin-bottom: 0 !important; }

.nmargin-none-left {
  margin-left: 0 !important; }

.ui-select {
  position: relative;
  display: inline-block;
  cursor: pointer;
  font-size: 12px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .ui-select select {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    position: absolute;
    left: -99999px; }
  .ui-select .options:hover, .ui-select.show-dropdown .options {
    color: #fff;
    border-color: #fff; }
    .ui-select .options:hover:after, .ui-select.show-dropdown .options:after {
      border-top-color: #fff; }
  .ui-select .options {
    display: block;
    position: relative;
    background-color: rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(250, 246, 246, 0.6);
    color: #d5dde5;
    line-height: 26px;
    padding-left: 8px;
    padding-right: 32px;
    margin: 0;
    cursor: pointer;
    margin-top: -3px;
    margin-bottom: -3px;
    min-height: 26px; }
    .ui-select .options .option {
      display: none; }
      .ui-select .options .option.selected {
        display: block; }
    .ui-select .options:after {
      content: "";
      border: 4px solid transparent;
      border-top-color: #d5dde5;
      width: 0;
      height: 0;
      position: absolute;
      top: 11px;
      right: 8px; }
  .ui-select.show-dropdown .dropdown {
    display: block; }
  .ui-select .dropdown {
    display: none;
    border: 1px solid #d5dde5;
    position: absolute;
    top: 100%;
    margin-top: -1px;
    z-index: 100;
    background-color: rgba(10, 14, 20, 0.85);
    max-height: 320px; }
    .ui-select .dropdown li {
      height: 34px;
      line-height: 34px;
      padding: 0 16px;
      cursor: pointer;
      background-color: rgba(0, 0, 0, 0.4);
      color: #fff; }
      .ui-select .dropdown li:not(.selected):hover {
        background-color: rgba(100, 100, 100, 0.6); }
      .ui-select .dropdown li.selected {
        background: #fff;
        color: #000; }
    .ui-select .dropdown .jspVerticalBar {
      right: 0px; }
    .ui-select .dropdown.jspScrollable li {
      width: auto;
      margin-right: -11px; }

.sticky-scroll {
  position: relative !important; }
  .sticky-scroll.fixed {
    position: fixed !important;
    float: none;
    margin: 0; }
  .sticky-scroll.fixed-bottom {
    position: absolute !important;
    bottom: 0;
    right: 0; }

.switch {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  line-height: 17px; }
  .switch input[type="checkbox"]:not(:checked), .switch input[type="checkbox"]:checked, .switch input[type="radio"]:not(:checked), .switch input[type="radio"]:checked {
    /* :checked here acting as a filter for older browsers */
    position: absolute;
    left: 0;
    top: 0;
    padding: 0;
    margin: 0;
    opacity: 0;
    border: 0;
    background: none;
    width: 100%;
    height: 100%;
    cursor: pointer;
    z-index: 1; }
  .switch input[type="checkbox"] + div, .switch input[type="radio"] + div {
    position: relative;
    top: -2px;
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 17px;
    background: #3b3e43;
    background-origin: border-box;
    background-clip: border-box;
    overflow: hidden;
    transition-duration: 0.4s;
    transition-property: padding, width, background-color; }
    .switch input[type="checkbox"] + div:before, .switch input[type="radio"] + div:before {
      content: "";
      display: block;
      margin-left: 2px;
      margin-top: 2px;
      width: 18px;
      height: 13px;
      background: #fff; }
  .switch input[type="checkbox"]:checked + div, .switch input[type="radio"]:checked + div {
    padding-left: 17px;
    width: 23px;
    background: #7dbe56; }
  .switch input[type="checkbox"]:active + div:before, .switch input[type="radio"]:active + div:before {
    background-color: #fff; }
  .switch input[type="checkbox"]:focus + div, .switch input[type="radio"]:focus + div {
    box-shadow: 0 0 2px yellow; }
  .switch + label {
    position: relative;
    top: 2px; }

.scroll-container-outer {
  position: relative;
  height: 185px;
  text-transform: uppercase;
  margin-bottom: 15px; }

.scroll-left, .scroll-right {
  position: absolute;
  top: 0;
  line-height: 210px;
  height: inherit;
  font-size: 50px;
  width: 45px;
  text-align: center;
  background-color: rgba(7, 7, 7, 0.5);
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: opacity 0.1s ease-in-out;
  -webkit-transition: opacity 0.1s ease-in-out;
  -moz-transition: opacity 0.1s ease-in-out;
  -ms-transition: opacity 0.1s ease-in-out;
  -o-transition: opacity 0.1s ease-in-out; }
  .scroll-left:hover, .scroll-right:hover {
    background-color: rgba(0, 0, 0, 0.6); }
  .scroll-left.disabled, .scroll-right.disabled {
    filter: alpha(opacity=50);
    opacity: 0.5;
    cursor: auto; }

.scroll-left > figure, .scroll-right > figure {
  width: 30px;
  height: 59px;
  background-image: url(../ui/scroll-arrows.png);
  margin-left: 1px;
  display: inline-block; }

.scroll-right > figure {
  background-position: -30px 0px; }

.scroll-left {
  left: 0; }

.scroll-right {
  right: 0; }

.scroll-container {
  position: absolute;
  top: 0;
  left: 46px;
  right: 46px;
  height: inherit;
  overflow: hidden;
  white-space: nowrap; }

.scrollables {
  float: left;
  left: 0; }

.scrollable {
  float: left;
  height: 174px;
  width: 190px;
  background-color: rgba(0, 0, 0, 0.5);
  white-space: normal;
  text-align: center;
  margin-right: 1px;
  cursor: pointer;
  overflow: hidden; }
  .scrollable.selected {
    background: #fff;
    box-shadow: 0 0 7px #fff; }
  .scrollable span {
    padding-left: 5px;
    padding-right: 5px; }
  .scrollable .title {
    text-transform: uppercase;
    display: block; }
  .scrollable.selected .title {
    color: #000; }
  .scrollable .description {
    font-size: 13px;
    color: #8A8A8A; }

.scroll-container .jspScrollable {
  outline: none; }
.scroll-container .jspPane {
  height: inherit; }
.scroll-container .jspHorizontalBar {
  height: 8px; }
.scroll-container .jspTrack {
  background: rgba(0, 0, 0, 0.5); }
.scroll-container .jspDrag {
  opacity: 0.75; }

#cookie-preferences {
  position: fixed;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  padding: 8px;
  padding-right: 25px;
  font-size: 14px; }
  #cookie-preferences a {
    color: #a8a8a8; }
    #cookie-preferences a:hover {
      color: white;
      text-decoration: none; }
  #cookie-preferences .close {
    position: absolute;
    top: 8px;
    right: 8px;
    cursor: pointer; }
    #cookie-preferences .close:after {
      content: "✕";
      color: #868686; }
    #cookie-preferences .close:hover:after {
      color: #fff; }

@-webkit-keyframes loadticker-small {
  0% {
    background-position: 0 -55px; }

  6% {
    background-position: -18px -55px; }

  14% {
    background-position: -36px -55px; }

  20% {
    background-position: -54px -55px; }

  28% {
    background-position: -72px -55px; }

  36% {
    background-position: -90px -55px; }

  42% {
    background-position: -108px -55px; }

  48% {
    background-position: -126px -55px; }

  56% {
    background-position: -144px -55px; }

  64% {
    background-position: -162px -55px; }

  70% {
    background-position: -180px -55px; }

  78% {
    background-position: -198px -55px; }

  86% {
    background-position: -216px -55px; }

  94% {
    background-position: -234px -55px; }

  100% {
    background-position: -252px -55px; } }

@-moz-keyframes loadticker-small {
  0% {
    background-position: 0 -55px; }

  6% {
    background-position: -18px -55px; }

  14% {
    background-position: -36px -55px; }

  20% {
    background-position: -54px -55px; }

  28% {
    background-position: -72px -55px; }

  36% {
    background-position: -90px -55px; }

  42% {
    background-position: -108px -55px; }

  48% {
    background-position: -126px -55px; }

  56% {
    background-position: -144px -55px; }

  64% {
    background-position: -162px -55px; }

  70% {
    background-position: -180px -55px; }

  78% {
    background-position: -198px -55px; }

  86% {
    background-position: -216px -55px; }

  94% {
    background-position: -234px -55px; }

  100% {
    background-position: -252px -55px; } }

-o-keyframes loadticker-small 0% {
  background-position: 0 -55px; }
-o-keyframes loadticker-small 6% {
  background-position: -18px -55px; }
-o-keyframes loadticker-small 14% {
  background-position: -36px -55px; }
-o-keyframes loadticker-small 20% {
  background-position: -54px -55px; }
-o-keyframes loadticker-small 28% {
  background-position: -72px -55px; }
-o-keyframes loadticker-small 36% {
  background-position: -90px -55px; }
-o-keyframes loadticker-small 42% {
  background-position: -108px -55px; }
-o-keyframes loadticker-small 48% {
  background-position: -126px -55px; }
-o-keyframes loadticker-small 56% {
  background-position: -144px -55px; }
-o-keyframes loadticker-small 64% {
  background-position: -162px -55px; }
-o-keyframes loadticker-small 70% {
  background-position: -180px -55px; }
-o-keyframes loadticker-small 78% {
  background-position: -198px -55px; }
-o-keyframes loadticker-small 86% {
  background-position: -216px -55px; }
-o-keyframes loadticker-small 94% {
  background-position: -234px -55px; }
-o-keyframes loadticker-small 100% {
  background-position: -252px -55px; }

@-ms-keyframes loadticker-small {
  0% {
    background-position: 0 -55px; }

  6% {
    background-position: -18px -55px; }

  14% {
    background-position: -36px -55px; }

  20% {
    background-position: -54px -55px; }

  28% {
    background-position: -72px -55px; }

  36% {
    background-position: -90px -55px; }

  42% {
    background-position: -108px -55px; }

  48% {
    background-position: -126px -55px; }

  56% {
    background-position: -144px -55px; }

  64% {
    background-position: -162px -55px; }

  70% {
    background-position: -180px -55px; }

  78% {
    background-position: -198px -55px; }

  86% {
    background-position: -216px -55px; }

  94% {
    background-position: -234px -55px; }

  100% {
    background-position: -252px -55px; } }

@keyframes loadticker-small {
  0% {
    background-position: 0 -55px; }

  6% {
    background-position: -18px -55px; }

  14% {
    background-position: -36px -55px; }

  20% {
    background-position: -54px -55px; }

  28% {
    background-position: -72px -55px; }

  36% {
    background-position: -90px -55px; }

  42% {
    background-position: -108px -55px; }

  48% {
    background-position: -126px -55px; }

  56% {
    background-position: -144px -55px; }

  64% {
    background-position: -162px -55px; }

  70% {
    background-position: -180px -55px; }

  78% {
    background-position: -198px -55px; }

  86% {
    background-position: -216px -55px; }

  94% {
    background-position: -234px -55px; }

  100% {
    background-position: -252px -55px; } }

@-webkit-keyframes loadticker-big {
  0% {
    background-position: 0 0; }

  5% {
    background-position: -40px 0; }

  10% {
    background-position: -80px 0; }

  15% {
    background-position: -120px 0; }

  20% {
    background-position: -160px 0; }

  25% {
    background-position: -200px 0; }

  30% {
    background-position: -240px 0; }

  35% {
    background-position: -280px 0; }

  40% {
    background-position: -320px 0; }

  45% {
    background-position: -360px 0; }

  50% {
    background-position: -400px 0; }

  55% {
    background-position: -440px 0; }

  60% {
    background-position: -480px 0; }

  65% {
    background-position: -520px 0; }

  70% {
    background-position: -560px 0; }

  75% {
    background-position: -600px 0; }

  80% {
    background-position: -640px 0; }

  85% {
    background-position: -680px 0; }

  90% {
    background-position: -720px 0; }

  95% {
    background-position: -760px 0; }

  100% {
    background-position: 0 0; } }

@-moz-keyframes loadticker-big {
  0% {
    background-position: 0 0; }

  5% {
    background-position: -40px 0; }

  10% {
    background-position: -80px 0; }

  15% {
    background-position: -120px 0; }

  20% {
    background-position: -160px 0; }

  25% {
    background-position: -200px 0; }

  30% {
    background-position: -240px 0; }

  35% {
    background-position: -280px 0; }

  40% {
    background-position: -320px 0; }

  45% {
    background-position: -360px 0; }

  50% {
    background-position: -400px 0; }

  55% {
    background-position: -440px 0; }

  60% {
    background-position: -480px 0; }

  65% {
    background-position: -520px 0; }

  70% {
    background-position: -560px 0; }

  75% {
    background-position: -600px 0; }

  80% {
    background-position: -640px 0; }

  85% {
    background-position: -680px 0; }

  90% {
    background-position: -720px 0; }

  95% {
    background-position: -760px 0; }

  100% {
    background-position: 0 0; } }

-o-keyframes loadticker-big 0% {
  background-position: 0 0; }
-o-keyframes loadticker-big 5% {
  background-position: -40px 0; }
-o-keyframes loadticker-big 10% {
  background-position: -80px 0; }
-o-keyframes loadticker-big 15% {
  background-position: -120px 0; }
-o-keyframes loadticker-big 20% {
  background-position: -160px 0; }
-o-keyframes loadticker-big 25% {
  background-position: -200px 0; }
-o-keyframes loadticker-big 30% {
  background-position: -240px 0; }
-o-keyframes loadticker-big 35% {
  background-position: -280px 0; }
-o-keyframes loadticker-big 40% {
  background-position: -320px 0; }
-o-keyframes loadticker-big 45% {
  background-position: -360px 0; }
-o-keyframes loadticker-big 50% {
  background-position: -400px 0; }
-o-keyframes loadticker-big 55% {
  background-position: -440px 0; }
-o-keyframes loadticker-big 60% {
  background-position: -480px 0; }
-o-keyframes loadticker-big 65% {
  background-position: -520px 0; }
-o-keyframes loadticker-big 70% {
  background-position: -560px 0; }
-o-keyframes loadticker-big 75% {
  background-position: -600px 0; }
-o-keyframes loadticker-big 80% {
  background-position: -640px 0; }
-o-keyframes loadticker-big 85% {
  background-position: -680px 0; }
-o-keyframes loadticker-big 90% {
  background-position: -720px 0; }
-o-keyframes loadticker-big 95% {
  background-position: -760px 0; }
-o-keyframes loadticker-big 100% {
  background-position: 0 0; }

@-ms-keyframes loadticker-big {
  0% {
    background-position: 0 0; }

  5% {
    background-position: -40px 0; }

  10% {
    background-position: -80px 0; }

  15% {
    background-position: -120px 0; }

  20% {
    background-position: -160px 0; }

  25% {
    background-position: -200px 0; }

  30% {
    background-position: -240px 0; }

  35% {
    background-position: -280px 0; }

  40% {
    background-position: -320px 0; }

  45% {
    background-position: -360px 0; }

  50% {
    background-position: -400px 0; }

  55% {
    background-position: -440px 0; }

  60% {
    background-position: -480px 0; }

  65% {
    background-position: -520px 0; }

  70% {
    background-position: -560px 0; }

  75% {
    background-position: -600px 0; }

  80% {
    background-position: -640px 0; }

  85% {
    background-position: -680px 0; }

  90% {
    background-position: -720px 0; }

  95% {
    background-position: -760px 0; }

  100% {
    background-position: 0 0; } }

@keyframes loadticker-big {
  0% {
    background-position: 0 0; }

  5% {
    background-position: -40px 0; }

  10% {
    background-position: -80px 0; }

  15% {
    background-position: -120px 0; }

  20% {
    background-position: -160px 0; }

  25% {
    background-position: -200px 0; }

  30% {
    background-position: -240px 0; }

  35% {
    background-position: -280px 0; }

  40% {
    background-position: -320px 0; }

  45% {
    background-position: -360px 0; }

  50% {
    background-position: -400px 0; }

  55% {
    background-position: -440px 0; }

  60% {
    background-position: -480px 0; }

  65% {
    background-position: -520px 0; }

  70% {
    background-position: -560px 0; }

  75% {
    background-position: -600px 0; }

  80% {
    background-position: -640px 0; }

  85% {
    background-position: -680px 0; }

  90% {
    background-position: -720px 0; }

  95% {
    background-position: -760px 0; }

  100% {
    background-position: 0 0; } }

.loadticker {
  background: url(../common/loading-sprite.png) 0 0 no-repeat;
  display: inline-block; }
  .loadticker.loadticker-small {
    width: 18px;
    height: 25px;
    -webkit-animation: loadticker-small 0.5s infinite step-start;
    -moz-animation: loadticker-small 0.5s infinite step-start;
    -ms-animation: loadticker-small 0.5s infinite step-start;
    -o-animation: loadticker-small 0.5s infinite step-start;
    animation: loadticker-small 0.5s infinite step-start; }
  .loadticker.loadticker-big {
    width: 40px;
    height: 55px;
    -webkit-animation: loadticker-big 0.5s infinite step-start;
    -moz-animation: loadticker-big 0.5s infinite step-start;
    -ms-animation: loadticker-big 0.5s infinite step-start;
    -o-animation: loadticker-big 0.5s infinite step-start;
    animation: loadticker-big 0.5s infinite step-start; }

.no-cssanimations .loadticker {
  -webkit-animation: none;
  -moz-animation: none;
  -ms-animation: none;
  -o-animation: none;
  animation: none; }
  .no-cssanimations .loadticker.loadticker-small {
    background: url(../common/loading_blue.gif) no-repeat; }
  .no-cssanimations .loadticker.loadticker-big {
    background: url(../common/loading_gray.gif) no-repeat; }

.common-square {
  width: 3px;
  height: 3px;
  margin: 0 3px 2px 3px; }

.base-header-headinfo {
  display: none; }

.show-smart-app-bar #touch-menu, .show-smart-app-bar #comcenter-friends, .show-smart-app-bar #base-background, .show-smart-app-bar #base-header, .show-smart-app-bar #viewport, .show-smart-app-bar #gate-bg, .show-smart-app-bar .gate-content {
  -webkit-transform: translate3d(0, 80px, 0) !important;
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
  -webkit-transform-style: flat; }
.show-smart-app-bar .base-header-headinfo {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  position: fixed;
  height: 80px;
  left: 0;
  right: 0;
  top: 0;
  overflow: hidden;
  z-index: 10000;
  background-color: #f2f2f2;
  color: #090d16;
  font-family: Purista, sans-serif;
  font-style: normal;
  font-weight: 400;
  border-bottom: 1px solid #c2c2c2; }
  .show-smart-app-bar .base-header-headinfo a {
    color: #090d16; }
  .show-smart-app-bar .base-header-headinfo .base-header-headinfo-closebutton {
    width: 15px;
    height: 14px;
    background: url('../base/shared/dark-close.png') no-repeat;
    text-indent: -1000em;
    display: block;
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -7px; }
  .show-smart-app-bar .base-header-headinfo .smart-banner {
    position: absolute;
    left: 38px;
    top: 0px;
    bottom: 0px;
    right: 0px;
    padding-top: 7px;
    height: 80px; }
    .show-smart-app-bar .base-header-headinfo .smart-banner p {
      position: absolute;
      left: 78px;
      top: 22px;
      margin: 0; }
      .show-smart-app-bar .base-header-headinfo .smart-banner p span {
        text-transform: uppercase;
        font-size: 13px; }
      .show-smart-app-bar .base-header-headinfo .smart-banner p .app-name {
        font-size: 16px; }
      .show-smart-app-bar .base-header-headinfo .smart-banner p .app-company {
        display: block; }
  .show-smart-app-bar .base-header-headinfo .smart-banner-app-icon {
    width: 64px;
    height: 64px; }
  .show-smart-app-bar .base-header-headinfo .smart-banner-app-btn {
    position: absolute;
    right: 10px;
    top: 18px;
    background: #545454;
    color: #ff9900;
    border: 1px solid #ff9900;
    font-family: Purista, sans-serif;
    font-style: normal;
    font-weight: 400;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    overflow: hidden;
    height: 40px;
    line-height: 38px;
    font-size: 19px;
    padding: 0 25px;
    cursor: pointer;
    outline: none;
    font-family: Purista, sans-serif;
    font-style: normal;
    font-weight: 400;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none; }

.gamemanager-pluginstate {
  border-bottom: 1px solid #302f33;
  background-color: #f3f3f3; }
  .gamemanager-pluginstate:last-child {
    border-bottom: none; }

.gamemanager-state.fail, .gamemanager-state.success {
  background: #111922; }

.gamemanager-pluginstate-main {
  margin-left: 10px;
  height: 66px; }

.gamemanager-pluginstate-finish, .gamemanager-pluginstate-missing, .gamemanager-pluginstate-ok {
  margin-bottom: 10px;
  float: left;
  width: 148px; }

.gamemanager-gamestate-finish, .gamemanager-plugin-content .gamemanager-pluginstate-finish {
  clear: both;
  margin-left: 0px;
  text-align: left;
  line-height: 15px;
  padding: 12px 6px; }

.gamemanager-pluginstate-finish-download {
  margin-top: 6px; }

.gamemanager-gamestate-finish a, .gamemanager-plugin-content .gamemanager-pluginstate-finish a {
  font-size: 11px;
  font-weight: normal; }

.gamemanager-gamestate-main {
  margin-left: 10px;
  min-height: 50px;
  position: relative; }

.gamemanager-gamestate-patcher {
  position: relative;
  clear: left;
  background-color: #f3f3f3;
  border-top: 1px solid #ededed;
  padding-left: 10px; }
  .gamemanager-gamestate-patcher a {
    font-size: 11px; }

.gamemanager-launchstate {
  position: relative; }

.gamemanager-launchstate input[type=button], .gamemanager-launchstate button {
  text-transform: uppercase;
  font-size: 14px; }

.gamemanager-launchstate.gamemanager-launchstate-launch_error button {
  font-size: 12px; }

.gamemanager-launchstate-servername {
  background: rgba(0, 0, 0, 0.7);
  padding: 0px;
  font-size: 12px;
  line-height: 32px;
  padding: 0px 5px; }
  .gamemanager-launchstate-servername .gamemanager-launchstate-servername-title {
    color: #fff;
    white-space: nowrap; }
    .gamemanager-launchstate-servername .gamemanager-launchstate-servername-title a {
      text-decoration: none;
      color: white;
      font-weight: normal; }

.gamemanager-launchstate-platoon {
  border-top: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
  background-color: #f3f3f3;
  position: relative;
  padding: 3px; }
  .gamemanager-launchstate-platoon h1 {
    font-size: 11px;
    color: #8a8a8a;
    line-height: 28px;
    padding-left: 11px;
    font-weight: normal; }

.gamemanager-launchstate-platoon-title {
  line-height: 28px;
  margin-right: 5px; }

.gamemanager-coopstate-map, .gamemanager-launchstate-map {
  background-position: center top;
  position: relative;
  min-height: 150px; }

.gamemanager-coopstate-map {
  min-height: 85px; }

.gamemanager-launchstate-launch_post_info .gamemanager-launchstate-map {
  min-height: none;
  padding-bottom: 55px;
  background: rgba(0, 0, 0, 0.75);
  color: #a8a8a8;
  padding-left: 6px;
  padding-right: 6px; }

.gamemanager-launchstate-map:after {
  position: absolute;
  content: "";
  top: 34px;
  left: 0;
  right: 0;
  bottom: 32px;
  background: -webkit-linear-gradient( rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.8) 100%);
  background: linear-gradient( rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.8) 100%); }

.gamemanager-small-launchstate .gamemanager-launchstate-map:after, .gamemanager-small-launchstate .gamemanager-launchstate-checkboxes {
  bottom: 0; }

.gamemanager-small-launchstate .gamemanager-launchstate-map {
  min-height: 100px; }

.gamemanager-launchstate-launch_post_info .gamemanager-launchstate-map:after {
  bottom: 0; }

.gamemanager-launchstate-premium-queue {
  color: #c7a958;
  font-size: 12px;
  padding-left: 25px; }

.gamemanager-launchstate-maptitle {
  background-color: rgba(26, 25, 30, 0.8);
  font-family: Purista;
  text-transform: uppercase;
  color: #fff; }

.gamemanager-launchstate-maptitle a {
  color: #fff; }

.gamemanager-launchstate-gameready {
  position: relative;
  z-index: 1; }

#base-bf3-body .gamemanager-launchstate-maptitle, #base-mohw-body .gamemanager-launchstate-maptitle {
  font-family: Purista, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 14px; }
#base-bf3-body .gamemanager-launchstate-gameready, #base-mohw-body .gamemanager-launchstate-gameready {
  font-family: Arial, sans-serif;
  text-transform: none;
  font-size: 12px; }

.gamemanager-launchstate-maptitle {
  font-size: 15px;
  line-height: 23px;
  padding: 4px 9px;
  min-height: 21px; }
  .gamemanager-launchstate-maptitle .loader {
    margin-top: -3px;
    margin-right: 3px; }
  .gamemanager-launchstate-maptitle [class^="icon-"], .gamemanager-launchstate-maptitle [class*=" icon-"] {
    margin-top: 6px; }

.gamemanager-launchstate-gameready {
  padding-top: 6px;
  text-align: center; }

.gamemanager-launchstate footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0; }

.gamemanager-launchstate-checkboxes {
  position: absolute;
  z-index: 1;
  bottom: 30px;
  font-size: 12px;
  line-height: 18px;
  padding: 5px;
  color: #fff; }

.gamemanager-launchstate-footer {
  padding: 6px;
  font-size: 12px;
  line-height: 18px; }

#gamemanager-taskbar {
  height: 40px;
  width: 171px;
  position: relative;
  line-height: 16px;
  border: 1px solid #393939;
  background: rgba(0, 0, 0, 0.9); }
  #gamemanager-taskbar:hover {
    background: rgba(42, 42, 42, 0.9); }
  #gamemanager-taskbar .active:hover {
    background: none; }

#gamemanager-taskbar-container {
  height: 40px;
  width: 171px;
  cursor: pointer; }
  #gamemanager-taskbar-container .common-close-light {
    position: absolute;
    left: 153px;
    top: 14px; }

#gamemanager-taskbar-title {
  position: absolute;
  left: 6px;
  top: 6px;
  color: #fff;
  font-family: Tahoma, Arial, sans-serif; }

#gamemanager-taskbar-description {
  position: absolute;
  left: 6px;
  bottom: 4px;
  color: #ffc600;
  font-weight: normal;
  text-transform: none; }

#gamemanager-taskbar.active #gamemanager-taskbar-description {
  color: #58410b;
  text-shadow: 0 1px #fddd82;
  font-weight: normal; }

#gamemanager-taskbar-icon {
  position: absolute;
  right: 25px;
  width: 20px;
  height: 20px;
  top: 12px; }

.gamemanager-taskbar-status-notuptodate #gamemanager-taskbar-description {
  color: #41a3d7; }
.gamemanager-taskbar-status-notuptodate #gamemanager-taskbar-icon {
  background: url(../gamemanager/taskbar-update-icon.png) center center no-repeat; }

.gamemanager-taskbar-status-uptodate #gamemanager-taskbar-description {
  color: #8a8a8a; }
.gamemanager-taskbar-status-uptodate #gamemanager-taskbar-icon {
  background: url(../gamemanager/taskbar-ok-icon.png) center center no-repeat; }

.gamemanager-taskbar-status-downloading #gamemanager-taskbar-description {
  color: #fff; }
.gamemanager-taskbar-status-downloading #gamemanager-taskbar-icon {
  background: url(../gamemanager/taskbar-downloading-icon.png) center center no-repeat; }

.gamemanager-taskbar-status-installing #gamemanager-taskbar-description {
  color: #fff; }
.gamemanager-taskbar-status-installing #gamemanager-taskbar-icon {
  background: url(../base/shared/ajax-loader.gif) center center no-repeat; }

#gamemanager-taskbar.active {
  background: url(../comcenter/comcenter-active.png);
  position: relative; }
  #gamemanager-taskbar.active #gamemanager-taskbar-icon {
    display: none; }
  #gamemanager-taskbar.active #gamemanager-taskbar-title {
    color: #353535; }

.gamemanager-plugin-help, .gamemanager-currentstate {
  background: #fdfdfd;
  border-top: 1px solid #7e7f80;
  z-index: 1000;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px; }

.gamemanager-currentteststate {
  width: 237px;
  position: relative; }

.gamemanager-plugin-help {
  display: block;
  bottom: 23px;
  left: 25px;
  z-index: 3001;
  position: fixed;
  border: 1px solid #221e25;
  padding: 12px; }
  .gamemanager-plugin-help.allow {
    top: 20px;
    bottom: auto; }
    .gamemanager-plugin-help.allow:after {
      content: '';
      position: absolute;
      border-style: solid;
      border-width: 0 10px 10px;
      border-color: #FFFFFF transparent;
      display: block;
      width: 0;
      z-index: 1;
      top: -10px;
      left: 9px; }

.gamemanager-currentstate-not-visible {
  display: none; }

.gamemanager-testpage {
  float: left;
  position: relative; }

.gamemanager-pluginstate-missing-text {
  float: left;
  width: 110px;
  margin-top: 2px;
  font-size: 11px; }

.gamemanager-launchstate-server {
  color: #353535;
  font-size: 11px;
  display: inline-block;
  position: relative;
  top: 12px; }

.gamemanager-launchstate-cancelbutton {
  float: right; }

.gamemanager-coopstate-loadingbg, .gamemanager-launchstate-errorbg {
  float: left;
  margin: 2px 0 0 -5px; }

.gamemanager-launchstate-errorbg {
  margin: 0px;
  margin-top: 2px;
  width: 26px; }

.gamemanager-launchstate-errorheader {
  background: url(../gamemanager/error-triangle.png) left top no-repeat;
  width: 58px;
  height: 53px;
  margin: 0 auto;
  padding-top: 3px;
  text-indent: -9001px; }

.gamemanager-launchstate-launch_error {
  background: #cd3627; }
  .gamemanager-launchstate-launch_error section {
    display: none; }
  .gamemanager-launchstate-launch_error footer {
    position: relative; }
  .gamemanager-launchstate-launch_error .gamemanager-launchstate-maptitle {
    height: auto;
    zoom: 1;
    background: none; }
  .gamemanager-launchstate-launch_error .gamemanager-launchstate-gameready {
    font-size: 13px;
    padding: 0 6px;
    padding-bottom: 6px;
    background: none; }

.gamemanager-launchstate-map .gamemanager-launchstate-gameready {
  font-weight: normal; }

.gamemanager-launchstate-errorbg {
  background: url(../base/shared/gm-error-bg.png) center center no-repeat black; }

.gamemanager-launchstate-gameready-button {
  position: relative;
  top: 15px; }

.gamemanager-pluginstate-text {
  font-size: 11px; }

.gamemanager-game-icon {
  width: 27px;
  float: left;
  margin: 0 5px 0 1px;
  min-height: 30px;
  position: relative;
  top: 18px;
  text-align: center; }

.gamemanager-title {
  font-weight: bold;
  font-size: 12px;
  padding: 12px 0 2px;
  color: #fff; }

.gamemanager-plugin-top {
  padding-top: 1px; }

.gamemanager-plugin-right {
  float: left;
  padding-left: 5px;
  width: 110px;
  word-wrap: normal; }

.gamemanager-gamestate-right {
  font-size: 11px; }

.gamemanager-gamestate-patcher-title {
  color: #353535;
  font-size: 11px; }

.gamemanager-gamestate-patcher-cancel {
  position: absolute;
  right: 10px;
  top: 14px;
  width: 56px;
  background: url(../gamemanager/taskbar-downloading-icon-dark.png) no-repeat scroll right top transparent; }
  .gamemanager-gamestate-patcher-cancel a {
    font-weight: normal;
    font-size: 11px; }

.gamemanager-gamestate-patcher-errormessage {
  line-height: 17px;
  text-indent: 0px;
  padding-left: 5px; }

.gamemanager-gamestate-patcher-gametitle-container {
  width: 262px;
  position: relative;
  left: -10px; }

.gamemanager-gamestate-patcher-divider {
  height: 21px;
  background: #ebebeb;
  border-top: 1px solid #dfdfdf;
  line-height: 21px;
  text-transform: uppercase;
  text-indent: 12px;
  color: #8a8a8a;
  font-size: 10px; }

.gamemanager-coopstate-player, .gamemanager-invitestate-player {
  height: 40px;
  border-top: 1px solid #111;
  background: #000;
  line-height: 40px;
  clear: both;
  position: relative; }

.gamemanager-invitestate-players a {
  color: #fff; }

.gamemanager-invitestate-player-avatar {
  float: left;
  margin: 0px 10px 0 10px; }

.gamemanager-invitestate-player-username {
  float: left; }

.gamemanager-invitestate-player-status {
  float: right;
  color: #8a8a8a;
  font-size: 11px;
  width: 87px; }

.gamemanager-invite-img-waiting {
  width: 16px;
  height: 16px;
  position: relative;
  right: 10px;
  top: -1px; }

.gamemanager-invite-img-joining {
  background: url(../serverguide/invited_status.png);
  width: 11px;
  height: 11px;
  position: relative;
  top: 15px;
  right: 11px; }

.gamemanager-invite-img-declined {
  background: url(../serverguide/invited_status.png) 0 11px;
  width: 11px;
  height: 11px;
  position: relative;
  top: 14px; }

.gamemanager-coopstate-player-kick, .gamemanager-invitestate-player-kick {
  display: none;
  cursor: pointer;
  position: absolute;
  right: 6px;
  top: 13px;
  background: url(../base/shared/row_icon_chat.png);
  background-position: 0px 26px;
  height: 13px;
  width: 13px; }

.gamemanager-coopstate-player-kick:hover, .gamemanager-invitestate-player-kick:hover {
  background-position: 0px 13px; }

.gamemanager-invitestate-player:hover .gamemanager-invitestate-player-kick {
  display: block; }

.gamemanager-coopstate-player:hover .gamemanager-coopstate-player-kick {
  display: block; }

.gamemanager-invite-status-text {
  margin-left: 6px; }

.gamemanager-invitestate-servername {
  height: 40px;
  line-height: 40px;
  margin-left: 10px; }

.gamemanager-invitestate-cancelbutton {
  line-height: 16px;
  position: relative;
  top: 6px;
  right: 6px; }

.gamemanager-invitestate-dropzone {
  z-index: 4;
  display: none; }

.gamemanager-invitestate-dummy-dropzone {
  background: url(../gamemanager/dropzone-dummy.png);
  height: 34px;
  width: 299px; }

.gamemanager-invitestate-dropzone .common-dropzone {
  width: 296px;
  height: 100%; }
.gamemanager-invitestate-dropzone .common-dropzone-content {
  width: 292px;
  height: 100%; }

.gamemanager-invitestate-startjoin {
  height: 55px;
  background: #e7e7e7;
  border-top: 1px solid #d2d2d2;
  width: 100%; }

.gamemanager-invitestate-startjoinhost {
  height: 50px;
  background: #e7e7e7;
  border-top: 1px solid #d2d2d2;
  line-height: 50px;
  text-align: center;
  font-size: 12px;
  color: #353535;
  width: 100%; }

.gamemanager-invitestate-startjoin-form {
  width: 195px;
  margin: 0 auto;
  margin-top: 10px;
  position: relative; }

.gamemanager-pluginstate-text-ok {
  padding-left: 5px;
  font-size: 11px; }

gamemanager-invitestate-serverarea {
  width: 230px;
  overflow: hidden;
  white-space: nowrap; }

.gamemanager-state-center {
  text-align: center;
  padding: 10px; }
  .gamemanager-state-center #gamemanager-state-reconnect {
    position: relative;
    top: -1px;
    margin-right: 6px; }

.gamemanager-state-close-hidden {
  display: none; }

/* Game Manager Notifications
 ------------------------------------------------------------------ */
.game_manager_notification {
  background: #EBEBEB;
  border-top: 1px solid #D2D2D2;
  font-size: 12px;
  position: relative;
  padding-left: 26px;
  line-height: 18px; }

.game_manager_notification-icon {
  background: url(../common/report.png) left -14px no-repeat;
  text-indent: -9001px;
  position: absolute;
  top: 2px;
  left: 5px;
  width: 14px;
  height: 14px; }

#gamemanager-invite-dropzone.common-dropzone {
  margin-left: 0px; }
#gamemanager-invite-dropzone .common-dropzone-content {
  height: 62px; }

.gamemanager-plugin-stepicon {
  font-family: Purista, sans-serif;
  font-style: normal;
  font-weight: 600;
  float: left;
  width: 50px;
  text-align: center;
  font-size: 34px;
  clear: left;
  font-family: Arial, sans-serif;
  color: #8a8a8a;
  margin-top: 7px; }

.gamemanager-plugin-text {
  float: left;
  width: 318px; }

.gamemanager-plugin-title {
  font-family: Purista, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-weight: bold;
  font-size: 15px;
  color: #353535;
  margin-bottom: 8px; }

.gamemanager-plugin-description {
  color: #8a8a8a;
  font-size: 12px;
  line-height: 14px; }
  .gamemanager-plugin-description a {
    color: #308dbf; }

.gamemanager-plugin-subtitle {
  color: #8a8a8a;
  font-size: 14px; }

.gamemanager-plugin-close {
  cursor: pointer;
  position: absolute;
  right: 6px;
  top: 10px;
  background: url(../base/shared/row_icon_chat.png);
  background-position: 0px 26px;
  height: 13px;
  width: 13px;
  z-index: 3; }
  .gamemanager-plugin-close:hover {
    background-position: 0px 13px; }

#comcenter-popup-inner, #comcenter-popup {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1002;
  background: #000;
  opacity: 0.6;
  filter: alpha(opacity=60);
  display: none; }

#comcenter-popup-inner, #comcenter.popuptime {
  z-index: 1003; }

.gamemanager-dropzone {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: url(../gamemanager/dropzone-sprite.png) -25px 55px;
  height: 32px; }

.gamemanager-currentstate.active .gamemanager-dropzone {
  background-position: -25px -6px; }

.gamemanager-launchstate-logo-container {
  position: absolute;
  background: rgba(0, 0, 0, 0.3);
  top: 0px;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1; }

.gamemanager-launchstate-logo {
  width: 100%;
  height: 100%; }
  .gamemanager-launchstate-logo.logo-1 {
    background: url(../gamemanager/gm-ea.png) center 36px no-repeat; }
  .gamemanager-launchstate-logo.logo-2 {
    background: url(../gamemanager/gm-dice.png) center 36px no-repeat; }

.common-game-header-class-4096-1 .gamemanager-launchstate-logo.logo-2 {
  background: url(../gamemanager/gm-dcg.png) center center no-repeat; }

.gamemanager-launchstate-title {
  font-weight: bold; }

.gamemanager-coop-start-peer-container {
  width: 300px;
  text-align: center;
  position: relative;
  top: 16px; }

.gamemanager-launchstate-gameicon {
  display: inline-block !important;
  vertical-align: middle !important; }

#gamemanager-taskbar-state, #gamemanager-taskbar-state .gamemanager-currentstate {
  height: 100%; }

#comcenter-gamecontrol {
  display: none;
  position: relative;
  z-index: 2000; }

.ff-plugin-icon {
  display: inline-block;
  width: 14px;
  height: 14px;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIZJREFUeNrUUssJBSEMHDWCBwuxPouwCeuyGPGTXT0sy4Lw9PYGckgmwyQhgplxArqDQwgwxsBai1IKcs7w3s+GFScHOQpvvPMVJ+5ROaUErTWICL131FrhnJsNK07EGLm1trWfUgr0HeUXDGfadXuuOtRHwmPHPxIeH0dKOb9hB+OTLgEGALqXW3W2WXV1AAAAAElFTkSuQmCC); }

.gamemanager-dropdown-content {
  padding: 8px;
  position: relative; }
  .gamemanager-dropdown-content .gamemanager-plugin-icon {
    background: url(../gamemanager/plugin-icon.png) no-repeat 0 0;
    width: 27px;
    height: 31px;
    float: left;
    margin: 4px 8px; }
  .gamemanager-dropdown-content .gamemanager-game-icon {
    top: 8px;
    margin-right: 15px; }
  .gamemanager-dropdown-content .btn {
    float: right;
    margin-bottom: 4px; }
  .gamemanager-dropdown-content h1 {
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: #fff;
    margin: 0 0 2px 31px;
    text-transform: none;
    line-height: 1.2; }
  .gamemanager-dropdown-content p {
    margin: 0 0 0 43px;
    font-size: 11px;
    line-height: 1.2; }

#unified-game-manager {
  z-index: 2001;
  position: fixed;
  bottom: -50px;
  left: 0;
  right: 0;
  color: #fff;
  font-size: 14px;
  font-family: Purista, sans-serif;
  min-width: 1024px; }
  #unified-game-manager #ugm-content {
    min-height: 56px; }
  #unified-game-manager .ugm-title, #unified-game-manager .ugm-playing-title {
    padding-top: 8px;
    padding-bottom: 4px;
    font-family: Purista, sans-serif;
    font-style: normal;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 16px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }
    #unified-game-manager .ugm-title.ugm-loading, #unified-game-manager .ugm-playing-title.ugm-loading {
      padding-top: 9px; }
      #unified-game-manager .ugm-title.ugm-loading span, #unified-game-manager .ugm-playing-title.ugm-loading span {
        margin-top: 5px;
        vertical-align: top;
        display: inline-block; }
    #unified-game-manager .ugm-title.single, #unified-game-manager .ugm-playing-title.single {
      line-height: 34px; }
  #unified-game-manager #ugm-switch-soldier {
    margin-top: 8%; }
  #unified-game-manager .ugm-message {
    padding-bottom: 8px; }
  #unified-game-manager #ugm-playing-meta-data {
    min-height: 5px; }
  #unified-game-manager .ugm-meta-data {
    display: inline-block; }
  #unified-game-manager #ugm-launch-game {
    margin-top: 10px; }
  #unified-game-manager #ugm-loading .ugm-title, #unified-game-manager #ugm-loading .ugm-message {
    margin-left: 37px; }
  #unified-game-manager .ugm-loading {
    vertical-align: top;
    display: inline-block; }
    #unified-game-manager .ugm-loading .ugm-title {
      padding-top: 7px; }
  #unified-game-manager .loader {
    float: left;
    margin-top: 8px; }
  #unified-game-manager .unified-game-manager {
    -webkit-transition: height 0.2s ease-in-out;
    -moz-transition: height 0.2s ease-in-out;
    transition: height 0.2s ease-in-out;
    background-image: -webkit-linear-gradient(top, rgba(47, 132, 177, 0.95) 0%, rgba(47, 132, 177, 0.98) 100%);
    background-image: linear-gradient(to bottom, rgba(47, 132, 177, 0.95) 0%, rgba(47, 132, 177, 0.98) 100%);
    position: relative;
    overflow: hidden; }
    #unified-game-manager .unified-game-manager .ugm-state {
      background-position-y: 530px;
      background-size: 120% 150% !important;
      background-position-x: -90px; }
  #unified-game-manager #ugm-connected .btn-battlescreen {
    display: none; }
  #unified-game-manager #ugm-error {
    background-image: -webkit-linear-gradient(top, rgba(213, 56, 41, 0.95) 0%, rgba(213, 56, 41, 0.98) 100%);
    background-image: linear-gradient(to bottom, rgba(213, 56, 41, 0.95) 0%, rgba(213, 56, 41, 0.98) 100%); }
    #unified-game-manager #ugm-error .ugm-message {
      position: relative; }
      #unified-game-manager #ugm-error .ugm-message a {
        color: #ffffff; }
    #unified-game-manager #ugm-error .ugm-title {
      position: relative;
      padding: 6px 0 2px;
      padding-left: 20px; }
      #unified-game-manager #ugm-error .ugm-title .info-icon {
        position: absolute;
        left: 0;
        top: 4px;
        background: no-repeat transparent 0 0 url('../loadout/icon-info-s.png');
        width: 17px;
        height: 17px;
        cursor: pointer;
        opacity: 0.7;
        display: inline-block; }
        #unified-game-manager #ugm-error .ugm-title .info-icon:hover {
          opacity: 1; }
  #unified-game-manager .unified-game-manager .grid-container, #unified-game-manager .unified-game-manager .base-middle-content {
    background-position-y: 530px;
    background-size: 120% 150% !important;
    background-position-x: -90px; }
  #unified-game-manager .ugm-premium {
    color: #c7a958; }
  #unified-game-manager .ugm-state {
    position: relative;
    width: 992px;
    margin-left: auto;
    margin-right: auto; }
    #unified-game-manager .ugm-state .ugm-map-image {
      float: left; }
    #unified-game-manager .ugm-state .ugm-platform {
      text-transform: uppercase; }
    #unified-game-manager .ugm-state #ugm-playing-info .ugm-playing-title {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      max-width: auto; }
      #unified-game-manager .ugm-state #ugm-playing-info .ugm-playing-title span {
        text-transform: none; }
      #unified-game-manager .ugm-state #ugm-playing-info .ugm-playing-title .reg {
        font-size: 25px;
        line-height: 1px;
        vertical-align: middle; }
      #unified-game-manager .ugm-state #ugm-playing-info .ugm-playing-title.single {
        line-height: 24px; }
    #unified-game-manager .ugm-state .ugm-playing-misc .ugm-server-name {
      text-transform: none; }
    #unified-game-manager .ugm-state .ugm-playing-misc a {
      color: #CCC; }
    #unified-game-manager .ugm-state .ugm-playing-misc .icons-container {
      display: inline-block;
      float: left;
      margin-right: 2px; }
    #unified-game-manager .ugm-state .ugm-playing-misc .icon {
      float: left;
      opacity: 0.75;
      margin-right: 2px; }
    #unified-game-manager .ugm-state .ugm-title-center {
      padding-top: 15px; }
    #unified-game-manager .ugm-state .ugm-btn-group {
      position: relative;
      z-index: 1;
      float: right;
      margin-left: 8px;
      height: 50px; }
      #unified-game-manager .ugm-state .ugm-btn-group button + button {
        margin-left: 5px; }
      #unified-game-manager .ugm-state .ugm-btn-group .btn {
        border-radius: 0; }
      #unified-game-manager .ugm-state .ugm-btn-group a.btn-clean {
        height: 100px;
        display: block;
        float: left;
        border-left: 1px solid #19445c;
        font-size: 13px;
        position: relative;
        padding: 3px 14px;
        background: none;
        color: #fff; }
        #unified-game-manager .ugm-state .ugm-btn-group a.btn-clean i {
          background: url('../unifiedgamemanager/ugm-icons.png') no-repeat transparent 0 0;
          display: block;
          width: 30px;
          height: 24px;
          margin: 2px auto 0; }
          @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
            #unified-game-manager .ugm-state .ugm-btn-group a.btn-clean i {
              background-image: url("../unifiedgamemanager/ugm-icons@2x.png");
              background-size: 120px 24px; } }
          #unified-game-manager .ugm-state .ugm-btn-group a.btn-clean i.icon-loadout {
            background-position: 0 0; }
          #unified-game-manager .ugm-state .ugm-btn-group a.btn-clean i.icon-server-browser {
            width: 26px;
            height: 22px;
            background-position: -32px -1px;
            margin-top: 3px;
            margin-bottom: 1px; }
          #unified-game-manager .ugm-state .ugm-btn-group a.btn-clean i.icon-friend-invite {
            width: 26px;
            height: 22px;
            background-position: -90px 0px;
            margin-top: 3px;
            margin-bottom: 1px; }
          #unified-game-manager .ugm-state .ugm-btn-group a.btn-clean i.icon-battle-screen {
            background-position: -60px 0; }
        #unified-game-manager .ugm-state .ugm-btn-group a.btn-clean + a.btn-clean {
          margin-left: 0; }
        #unified-game-manager .ugm-state .ugm-btn-group a.btn-clean span {
          margin: 0;
          line-height: normal;
          display: block;
          font-size: 12px; }
        #unified-game-manager .ugm-state .ugm-btn-group a.btn-clean.btn-battlescreen {
          padding: 4px 10px; }
        #unified-game-manager .ugm-state .ugm-btn-group a.btn-clean:hover:not(.disabled), #unified-game-manager .ugm-state .ugm-btn-group a.btn-clean:active:not(.disabled) {
          background-color: rgba(78, 150, 189, 0.8); }
        #unified-game-manager .ugm-state .ugm-btn-group a.btn-clean.active {
          background-color: rgba(40, 112, 151, 0.8); }
        #unified-game-manager .ugm-state .ugm-btn-group a.btn-clean:before, #unified-game-manager .ugm-state .ugm-btn-group a.btn-clean:after {
          content: '';
          display: block;
          position: absolute;
          top: 0;
          height: 100%;
          width: 1px;
          background-image: -webkit-linear-gradient(top, rgba(46, 133, 178, 0) 0%, rgba(46, 133, 178, 0.7) 80%, rgba(46, 133, 178, 0.8) 100%);
          background-image: linear-gradient(to bottom, rgba(46, 133, 178, 0) 0%, rgba(46, 133, 178, 0.7) 80%, rgba(46, 133, 178, 0.8) 100%); }
        #unified-game-manager .ugm-state .ugm-btn-group a.btn-clean:before {
          left: -1px; }
        #unified-game-manager .ugm-state .ugm-btn-group a.btn-clean:after {
          right: -1px; }
        #unified-game-manager .ugm-state .ugm-btn-group a.btn-clean:last-of-type {
          border-right: 1px solid #19445c; }
      #unified-game-manager .ugm-state .ugm-btn-group .btn-close {
        padding: 24px 20px;
        margin: 0;
        border: none;
        outline: none;
        background: url('../unifiedgamemanager/close.png') no-repeat center center transparent;
        background-position: center center !important;
        width: 15px;
        height: 15px;
        box-shadow: none;
        opacity: 0.75; }
        #unified-game-manager .ugm-state .ugm-btn-group .btn-close:hover {
          opacity: 1; }
        #unified-game-manager .ugm-state .ugm-btn-group .btn-close:before, #unified-game-manager .ugm-state .ugm-btn-group .btn-close:after {
          display: none; }
      #unified-game-manager .ugm-state .ugm-btn-group #ugm-launch-game {
        margin-right: 5px; }
  @media screen and (max-width: 1261px) {
    #unified-game-manager .btn:last-of-type {
      padding-right: 10px; }
    #unified-game-manager #ugm-playing-meta-data {
      padding-left: 10px; } }
  #unified-game-manager .dropzone {
    margin: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    text-align: center;
    padding: 10px 0;
    font-size: 17px; }
  #unified-game-manager.dropzone-active .unified-game-manager {
    height: 95px; }
    #unified-game-manager.dropzone-active .unified-game-manager .dropzone {
      -webkit-transition: background-color 0.5s linear;
      -moz-transition: background-color 0.5s linear;
      transition: background-color 0.5s linear;
      -webkit-animation: ugm-pulsate 3s infinite forwards ease-in-out;
      -moz-animation: ugm-pulsate 3s infinite forwards ease-in-out;
      -ms-animation: ugm-pulsate 3s infinite forwards ease-in-out;
      -o-animation: ugm-pulsate 3s infinite forwards ease-in-out;
      animation: ugm-pulsate 3s infinite forwards ease-in-out; }
    #unified-game-manager.dropzone-active .unified-game-manager.active .dropzone {
      -webkit-animation: none;
      -moz-animation: none;
      -ms-animation: none;
      -o-animation: none;
      animation: none;
      background-color: rgba(255, 255, 255, 0.25); }

@-webkit-keyframes ugm-pulsate {
  0% {
    background-color: rgba(255, 255, 255, 0); }

  50% {
    background-color: rgba(255, 255, 255, 0.2); }

  100% {
    background-color: rgba(255, 255, 255, 0); } }

@-moz-keyframes ugm-pulsate {
  0% {
    background-color: rgba(255, 255, 255, 0); }

  50% {
    background-color: rgba(255, 255, 255, 0.2); }

  100% {
    background-color: rgba(255, 255, 255, 0); } }

-o-keyframes ugm-pulsate 0% {
  background-color: rgba(255, 255, 255, 0); }
-o-keyframes ugm-pulsate 50% {
  background-color: rgba(255, 255, 255, 0.2); }
-o-keyframes ugm-pulsate 100% {
  background-color: rgba(255, 255, 255, 0); }

@-ms-keyframes ugm-pulsate {
  0% {
    background-color: rgba(255, 255, 255, 0); }

  50% {
    background-color: rgba(255, 255, 255, 0.2); }

  100% {
    background-color: rgba(255, 255, 255, 0); } }

@keyframes ugm-pulsate {
  0% {
    background-color: rgba(255, 255, 255, 0); }

  50% {
    background-color: rgba(255, 255, 255, 0.2); }

  100% {
    background-color: rgba(255, 255, 255, 0); } }

#joinflow-popup-container h2 {
  margin-left: 212px;
  font-weight: normal;
  margin-top: 20px;
  color: #525252;
  font-size: 14px;
  padding-bottom: 0;
  font-family: Arial, sans-serif;
  margin-bottom: 10px; }
  #joinflow-popup-container h2 span {
    font-weight: bold; }

#joinflow-popup-close {
  float: right;
  cursor: pointer;
  margin: 10px; }

#joinflow-pluginpopup-info {
  display: none;
  padding-top: 10px; }

#joinflow-loginpopup-form {
  width: 420px; }
  #joinflow-loginpopup-form h2 {
    text-align: center;
    margin-bottom: 10px; }
  #joinflow-loginpopup-form .base-button-arrow-large {
    background: url(../base/bfbc2/buttons/base-button-arrow-large.png) no-repeat;
    width: 195px;
    height: 36px;
    cursor: pointer;
    line-height: 34px;
    font-size: 15px;
    font-family: Arial, sans-serif;
    color: #000;
    text-shadow: 0 1px #fcda87;
    border: 0;
    font-weight: bold;
    text-align: center;
    padding: 0; }
  #joinflow-loginpopup-form .base-button-arrow-large:hover {
    background-position: 0 -36px; }
  #joinflow-loginpopup-form .base-button-arrow-large:active {
    background-position: 0 -72px;
    -ms-background-position-x: 1px;
    -ms-background-position-y: -71px;
    text-indent: 0; }
  #joinflow-loginpopup-form .base-button-arrow-large:hover[disabled], #joinflow-loginpopup-form .base-button-arrow-large:active[disabled], #joinflow-loginpopup-form .base-button-arrow-large[disabled], #joinflow-loginpopup-form .base-button-arrow-large.disabled:hover, #joinflow-loginpopup-form .base-button-arrow-large.disabled:active, #joinflow-loginpopup-form .base-button-arrow-large.disabled {
    background-position: 0 -107px;
    text-indent: 0;
    cursor: default;
    color: #c3c3c3;
    text-shadow: none; }
  #joinflow-loginpopup-form .base-clear {
    clear: both; }
  #joinflow-loginpopup-form label {
    width: 115px;
    text-align: right;
    display: block;
    font-size: 12px;
    font-weight: bold;
    color: #a3a3a3;
    float: left;
    margin-right: 10px;
    margin-top: 7px;
    line-height: 35px;
    height: 35px; }
  #joinflow-loginpopup-form input[type=text], #joinflow-loginpopup-form input[type=email], #joinflow-loginpopup-form input[type=password] {
    width: 250px;
    float: left;
    height: 22px;
    padding: 5px;
    margin-top: 7px; }
  #joinflow-loginpopup-form input[type=submit] {
    margin: 12px 0 0 125px; }
  #joinflow-loginpopup-form .joinflow-buttons {
    padding: 0 33px 0 125px; }
    #joinflow-loginpopup-form .joinflow-buttons .joinflow-remember-wrapper {
      width: 260px;
      margin-bottom: 20px; }
      #joinflow-loginpopup-form .joinflow-buttons .joinflow-remember-wrapper input {
        float: left;
        margin: 10px 0 0 0; }
      #joinflow-loginpopup-form .joinflow-buttons .joinflow-remember-wrapper label {
        width: auto;
        height: auto;
        margin: 10px 0 0 4px;
        line-height: 18px; }
      #joinflow-loginpopup-form .joinflow-buttons .joinflow-remember-wrapper .btn {
        float: right; }

#joinflow-loading {
  width: 80px;
  height: 32px;
  margin-left: 163px;
  margin-top: 37px;
  text-align: center;
  font-size: 12px;
  color: #a3a3a3;
  margin-bottom: 20px; }
  #joinflow-loading img {
    margin-bottom: 15px;
    position: relative;
    left: 36px; }

#joinflow-personapopup-selectbox {
  width: 270px;
  padding: 8px 5px;
  line-height: 35px;
  margin-top: 6px; }

#joinflow-personapopup-selectbutton {
  margin-left: 54px;
  margin-top: 12px;
  clear: both; }

.joinflow-personapopup-error {
  font-size: 12px;
  color: #a3a3a3;
  width: 100%;
  line-height: 1.25; }

.joinflow-personapopup-error-semititle {
  font-size: 16px;
  color: #353535;
  font-weight: bold;
  text-align: center;
  width: 100%;
  line-height: 1.25;
  margin-top: 8px; }

#joinflow-plugin-success, #joinflow-plugin-missing {
  width: 100%;
  overflow: hidden; }

#joinflow-plugin-success #joinflow-plugin-success-image, #joinflow-plugin-missing #joinflow-plugin-missing-image {
  background: url(../joinflow/jigsaw.png) center center no-repeat;
  width: 112px;
  height: 90px;
  margin: 0px 16px 0;
  float: left;
  position: relative; }

#joinflow-warning-image {
  background: url(../joinflow/jigsaw.png) center center no-repeat;
  width: 112px;
  height: 90px;
  margin: 0 16px 0;
  float: left;
  position: relative;
  background: url(../base/shared/icon-warning-big.png) center center no-repeat; }

#joinflow-plugin-success-mark {
  width: 54px;
  height: 54px;
  position: absolute;
  left: 65px;
  top: 72px;
  background: url(../joinflow/bfbc2/success.png); }

#joinflow-plugin-success #joinflow-plugin-installed, #joinflow-plugin-missing #joinflow-getplugin {
  float: left;
  width: 300px;
  margin-top: 5px;
  overflow: hidden;
  min-height: 130px; }
  #joinflow-plugin-success #joinflow-plugin-installed.joinflow-punkbuster-content, #joinflow-plugin-missing #joinflow-getplugin.joinflow-punkbuster-content {
    width: auto; }

#joinflow-plugin-missing.popup-party-invite.change-party-now #joinflow-getplugin {
  width: 528px; }

.joinflow-punkbuster-content p {
  line-height: 18px; }

#joinflow-getplugin a {
  font-size: 14px;
  font-weight: normal; }
#joinflow-getplugin .base-button-arrow-large {
  margin-bottom: 20px; }

.common-button-large.joinflow-button p {
  line-height: 37px;
  font-family: Arial;
  font-size: 15px;
  font-weight: bold;
  padding: 0 20px; }

#joinflow-plugin-success #joinflow-plugin-installed h2, #joinflow-plugin-missing #joinflow-getplugin h2 {
  width: 100%;
  margin-left: 0;
  margin-bottom: 20px;
  line-height: 1.25; }

#joinflow-game-success, #joinflow-game-missing {
  width: 100%;
  height: 100%;
  overflow: hidden; }

#joinflow-game-image {
  width: 117px;
  margin: 30px 0 0 42px;
  float: left;
  position: relative;
  height: 75px; }

.joinflow-game-image-bg-1 {
  background: url(../joinflow/bfbc2/bfbc2-box.jpg); }

.joinflow-game-image-bg-1-256 {
  background: url(../joinflow/bfbc2/bfbc2-box-vietnam.jpg); }

#joinflow-game-success-mark {
  width: 54px;
  height: 54px;
  position: absolute;
  left: 75px;
  top: 2px;
  background: url(../joinflow/bfbc2/success.png); }

#joinflow-game-success #joinflow-game-image {
  height: 75px; }

#joinflow-getexe-success, #joinflow-getexe {
  float: left;
  width: 220px;
  overflow: hidden;
  margin-left: 20px; }

#joinflow-getexe-success h2, #joinflow-getexe h2 {
  width: 100%;
  margin-left: 0;
  margin-bottom: 10px;
  line-height: 1.25; }

#joinflow-passwordprompt {
  width: 340px;
  margin: auto;
  text-align: center;
  margin-top: 10px; }

#joinflow-passwordprompt-serverpassword {
  padding: 10px;
  margin-right: 10px;
  width: 220px;
  margin-bottom: 20px;
  border-color: #ccc;
  border-width: 1px;
  color: #363636;
  font-size: 11px;
  height: 13px;
  line-height: 13px; }

#comcenter-gamecontrol {
  position: fixed;
  width: 237px;
  right: 0;
  bottom: 0; }

.joinflow-extraclass-pluginpopup {
  width: 480px;
  height: 230px; }

.joinflow-popup-greybottom-text {
  padding-right: 10px; }

#joinflow-buy {
  margin-top: 31px;
  margin-left: 14px;
  float: left;
  width: 200px; }

#joinflow-patchingneeded {
  text-align: center; }
  #joinflow-patchingneeded img {
    margin: 10px 0; }

.joinflow-getplugin-nofat {
  font-weight: normal;
  font-size: 12px; }

#joinflow-tabletpopup-closebutton {
  margin-right: 10px; }

#popup-gameexpansionrequired-buy-form-submit {
  margin: 20px 140px;
  /* fix margin: 20px auto; */
  font-weight: normal;
  font-size: 20px;
  font-family: BebasNeueRegular, Arial, sans-serif; }

#popup-gameexpansionrequired-continue-form-submit {
  float: right; }

.popup-gameexpansionrequired-height {
  min-height: 227px;
  background: url(../popup/karkand-tmp-popup-bkg.jpg) no-repeat 10px 0; }

#joinflow-unsupported {
  position: relative;
  min-height: 90px;
  padding: 12px 0 0 120px;
  font-size: 12px;
  font-family: Arial, sans-serif;
  line-height: 16px; }
  #joinflow-unsupported #joinflow-warning-image {
    background: url(../base/shared/icon-warning-big.png) center center no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0; }
  #joinflow-unsupported ul {
    margin: 16px 0; }
  #joinflow-unsupported li {
    background: url(../base/shared/fail.gif) left center no-repeat;
    margin: 6px 0;
    padding-left: 16px; }
    #joinflow-unsupported li.checked {
      background: url(../base/shared/check.png) left center no-repeat; }

#joinflow-buygame {
  background-position: top left;
  background-repeat: no-repeat;
  margin-top: 16px;
  width: 446px;
  min-height: 226px; }
  #joinflow-buygame ul {
    color: #fff;
    font-family: Arial;
    font-size: 12px;
    line-height: 20px;
    list-style: disc;
    margin: 0 16px;
    padding-top: 130px;
    padding-bottom: 16px;
    padding-left: 16px; }
  #joinflow-buygame.mohw {
    background-color: #000;
    background-image: url(../joinflow/mohw/buygame.jpg); }
  #joinflow-buygame.bf3 {
    background-color: #000;
    background-image: url(../joinflow/bf3/buygame.jpg); }

#joinflow-popup-container {
  background: url(../joinflow/bfbc2/joinflow-popup-background.png); }

.popup-container .popup-close, #gamecontrol-game-launcher #gamecontrol-header-container .gamecontrol-close {
  background: url(../base/bfbc2/buttons/base-button-closex-large.png) no-repeat; }

.popup-header-container, #gamecontrol-game-launcher #gamecontrol-header-container {
  background: url(../gamecontrol/bfbc2/gamecontrol-launcher-header.png) no-repeat; }

#joinflow-popup-container h2 {
  color: #525252; }

#joinflow-plugin-success #joinflow-plugin-success-image, #joinflow-plugin-missing #joinflow-plugin-missing-image {
  background: url(../joinflow/bfbc2/plugin-missing-light.png) no-repeat;
  width: 112px;
  height: 112px; }

#joinflow-plugin-blocked h2 {
  text-align: center; }
#joinflow-plugin-blocked p {
  text-align: center;
  padding-left: 70px;
  padding-right: 70px;
  margin-bottom: 40px; }
#joinflow-plugin-blocked img {
  display: block;
  margin: 0 auto 40px; }

.dialog-unsupported .browser-icon {
  width: 130px;
  height: 132px;
  margin: 11px 20px 0;
  background: url(//d34ymitoc1pg7m.cloudfront.net/common/icons/browser-icons-a7e3e12a.png) no-repeat; }
.dialog-unsupported .suggest-chrome a .browser-icon {
  background-position: 0 0; }
.dialog-unsupported .suggest-firefox a .browser-icon {
  background-position: -130px 0; }
.dialog-unsupported .suggest-ie a .browser-icon {
  background-position: -260px 0; }
.dialog-unsupported ul {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  width: 340px;
  text-align: center; }
.dialog-unsupported li {
  float: left; }

/* THIS FILE IS AUTO GENERATED. DO NO EDIT. */
.vehicle_unlock {
  display: inline-block; }
  .vehicle_unlock.small {
    background-image: url(../profile/warsaw/gamedata/vehicle_unlock/small.png);
    width: 90px;
    height: 54px;
    background-size: 720px 432px; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
      .vehicle_unlock.small {
        background-image: url(../profile/warsaw/gamedata/vehicle_unlock/small@2x.png); } }
    .vehicle_unlock.small.A10_fancy {
      background-position: 0 0; }
    .vehicle_unlock.small.AAMine_fancy {
      background-position: -90px 0; }
    .vehicle_unlock.small.AAV_fancy {
      background-position: -180px 0; }
    .vehicle_unlock.small.AC130_fancy {
      background-position: -270px 0; }
    .vehicle_unlock.small.ACV_fancy {
      background-position: -360px 0; }
    .vehicle_unlock.small.AH1Z_fancy {
      background-position: -450px 0; }
    .vehicle_unlock.small.AH6_fancy {
      background-position: -540px 0; }
    .vehicle_unlock.small.BTR90_fancy {
      background-position: -630px 0; }
    .vehicle_unlock.small.CENTURION_fancy {
      background-position: 0 -54px; }
    .vehicle_unlock.small.DIRTBIKE_fancy {
      background-position: -90px -54px; }
    .vehicle_unlock.small.DPV_fancy {
      background-position: -180px -54px; }
    .vehicle_unlock.small.DV15_fancy {
      background-position: -270px -54px; }
    .vehicle_unlock.small.EODbot_fancy {
      background-position: -360px -54px; }
    .vehicle_unlock.small.F35_fancy {
      background-position: -450px -54px; }
    .vehicle_unlock.small.GROWLER_fancy {
      background-position: -540px -54px; }
    .vehicle_unlock.small.GUNSHIELD_fancy {
      background-position: -630px -54px; }
    .vehicle_unlock.small.H6K_fancy {
      background-position: 0 -108px; }
    .vehicle_unlock.small.HIMARS_fancy {
      background-position: -90px -108px; }
    .vehicle_unlock.small.HJ8_fancy {
      background-position: -180px -108px; }
    .vehicle_unlock.small.HT95_fancy {
      background-position: -270px -108px; }
    .vehicle_unlock.small.J20_fancy {
      background-position: -360px -108px; }
    .vehicle_unlock.small.KA60_fancy {
      background-position: -450px -108px; }
    .vehicle_unlock.small.KORNET_fancy {
      background-position: -540px -108px; }
    .vehicle_unlock.small.LAV-25_fancy {
      background-position: -630px -108px; }
    .vehicle_unlock.small.LAV-AD_fancy {
      background-position: 0 -162px; }
    .vehicle_unlock.small.LD-2000_fancy {
      background-position: -90px -162px; }
    .vehicle_unlock.small.LYT2021_fancy {
      background-position: -180px -162px; }
    .vehicle_unlock.small.M1A2_fancy {
      background-position: -270px -162px; }
    .vehicle_unlock.small.M224_mortar_fancy {
      background-position: -360px -162px; }
    .vehicle_unlock.small.MAV_fancy {
      background-position: -450px -162px; }
    .vehicle_unlock.small.MI28_fancy {
      background-position: -540px -162px; }
    .vehicle_unlock.small.MRAP-Cougar_fancy {
      background-position: -630px -162px; }
    .vehicle_unlock.small.Oldcannon_fancy {
      background-position: 0 -216px; }
    .vehicle_unlock.small.PANTSIR_fancy {
      background-position: -90px -216px; }
    .vehicle_unlock.small.PWC-JetSki_fancy {
      background-position: -180px -216px; }
    .vehicle_unlock.small.Pod_fancy {
      background-position: -270px -216px; }
    .vehicle_unlock.small.Q5_fancy {
      background-position: -360px -216px; }
    .vehicle_unlock.small.QUADBIKE_fancy {
      background-position: -450px -216px; }
    .vehicle_unlock.small.RAWR_fancy {
      background-position: -540px -216px; }
    .vehicle_unlock.small.RCB90_fancy {
      background-position: -630px -216px; }
    .vehicle_unlock.small.RHIB_fancy {
      background-position: 0 -270px; }
    .vehicle_unlock.small.SC42_fancy {
      background-position: -90px -270px; }
    .vehicle_unlock.small.SKIDLOADER_fancy {
      background-position: -180px -270px; }
    .vehicle_unlock.small.SPM3_fancy {
      background-position: -270px -270px; }
    .vehicle_unlock.small.SU25_fancy {
      background-position: -360px -270px; }
    .vehicle_unlock.small.SU50-T50PAK_fancy {
      background-position: -450px -270px; }
    .vehicle_unlock.small.SUAV_fancy {
      background-position: -540px -270px; }
    .vehicle_unlock.small.Snowmobile_fancy {
      background-position: -630px -270px; }
    .vehicle_unlock.small.T90_fancy {
      background-position: 0 -324px; }
    .vehicle_unlock.small.TOW_fancy {
      background-position: -90px -324px; }
    .vehicle_unlock.small.TUNGUSKA_fancy {
      background-position: -180px -324px; }
    .vehicle_unlock.small.Type95AA_fancy {
      background-position: -270px -324px; }
    .vehicle_unlock.small.Type99MBT_fancy {
      background-position: -360px -324px; }
    .vehicle_unlock.small.UCAV_fancy {
      background-position: -450px -324px; }
    .vehicle_unlock.small.VDV_fancy {
      background-position: -540px -324px; }
    .vehicle_unlock.small.VENOM_fancy {
      background-position: -630px -324px; }
    .vehicle_unlock.small.XD1_fancy {
      background-position: 0 -378px; }
    .vehicle_unlock.small.Z10W_fancy {
      background-position: -90px -378px; }
    .vehicle_unlock.small.Z11_fancy {
      background-position: -180px -378px; }
    .vehicle_unlock.small.Z9-HAITUN_fancy {
      background-position: -270px -378px; }
    .vehicle_unlock.small.ZBD09_fancy {
      background-position: -360px -378px; }
    .vehicle_unlock.small.ZFB05_fancy {
      background-position: -450px -378px; }

/* THIS FILE IS AUTO GENERATED. DO NO EDIT. */
.weapon_unlock {
  display: inline-block; }
  .weapon_unlock.small {
    background-image: url(../profile/warsaw/gamedata/weapon_unlock/small.png);
    width: 90px;
    height: 54px;
    background-size: 1170px 702px; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
      .weapon_unlock.small {
        background-image: url(../profile/warsaw/gamedata/weapon_unlock/small@2x.png); } }
    .weapon_unlock.small.AAMine_fancy {
      background-position: 0 0; }
    .weapon_unlock.small.ACWR_fancy {
      background-position: -90px 0; }
    .weapon_unlock.small.AK12_fancy {
      background-position: -180px 0; }
    .weapon_unlock.small.AK5C_fancy {
      background-position: -270px 0; }
    .weapon_unlock.small.AKU12_fancy {
      background-position: -360px 0; }
    .weapon_unlock.small.AMR_CQB_fancy {
      background-position: -450px 0; }
    .weapon_unlock.small.AMR_FAR_fancy {
      background-position: -540px 0; }
    .weapon_unlock.small.AMR_MED_fancy {
      background-position: -630px 0; }
    .weapon_unlock.small.AN94_fancy {
      background-position: -720px 0; }
    .weapon_unlock.small.AR160_fancy {
      background-position: -810px 0; }
    .weapon_unlock.small.ASVal_fancy {
      background-position: -900px 0; }
    .weapon_unlock.small.AT_mine_fancy {
      background-position: -990px 0; }
    .weapon_unlock.small.AWS_fancy {
      background-position: -1080px 0; }
    .weapon_unlock.small.Bulldog_fancy {
      background-position: 0 -54px; }
    .weapon_unlock.small.C100_fancy {
      background-position: -90px -54px; }
    .weapon_unlock.small.C4_fancy {
      background-position: -180px -54px; }
    .weapon_unlock.small.CBJMS_fancy {
      background-position: -270px -54px; }
    .weapon_unlock.small.CS5_fancy {
      background-position: -360px -54px; }
    .weapon_unlock.small.CSLR4_fancy {
      background-position: -450px -54px; }
    .weapon_unlock.small.CZ75_fancy {
      background-position: -540px -54px; }
    .weapon_unlock.small.CZ805_fancy {
      background-position: -630px -54px; }
    .weapon_unlock.small.Claymore_fancy {
      background-position: -720px -54px; }
    .weapon_unlock.small.DAO12_fancy {
      background-position: -810px -54px; }
    .weapon_unlock.small.DBV12_fancy {
      background-position: -900px -54px; }
    .weapon_unlock.small.Defib_fancy {
      background-position: -990px -54px; }
    .weapon_unlock.small.DesertEagle_fancy {
      background-position: -1080px -54px; }
    .weapon_unlock.small.EODbot_fancy {
      background-position: 0 -108px; }
    .weapon_unlock.small.F2000_fancy {
      background-position: -90px -108px; }
    .weapon_unlock.small.FAMAS_fancy {
      background-position: -180px -108px; }
    .weapon_unlock.small.FGM148_javelin_fancy {
      background-position: -270px -108px; }
    .weapon_unlock.small.FGM172_sraw_fancy {
      background-position: -360px -108px; }
    .weapon_unlock.small.FIM92_stinger_fancy {
      background-position: -450px -108px; }
    .weapon_unlock.small.FN57_fancy {
      background-position: -540px -108px; }
    .weapon_unlock.small.FYJS_fancy {
      background-position: -630px -108px; }
    .weapon_unlock.small.GOL_fancy {
      background-position: -720px -108px; }
    .weapon_unlock.small.Galil_ACE21CQB_fancy {
      background-position: -810px -108px; }
    .weapon_unlock.small.Galil_ACE23_fancy {
      background-position: -900px -108px; }
    .weapon_unlock.small.Galil_ACE52CQB_fancy {
      background-position: -990px -108px; }
    .weapon_unlock.small.Galil_ACE53SV_fancy {
      background-position: -1080px -108px; }
    .weapon_unlock.small.Groza1_fancy {
      background-position: 0 -162px; }
    .weapon_unlock.small.Groza4_fancy {
      background-position: -90px -162px; }
    .weapon_unlock.small.HAWK12g_fancy {
      background-position: -180px -162px; }
    .weapon_unlock.small.HK45C_fancy {
      background-position: -270px -162px; }
    .weapon_unlock.small.HVM_starstreak_fancy {
      background-position: -360px -162px; }
    .weapon_unlock.small.Handflare_fancy {
      background-position: -450px -162px; }
    .weapon_unlock.small.JNG90_fancy {
      background-position: -540px -162px; }
    .weapon_unlock.small.JS2_fancy {
      background-position: -630px -162px; }
    .weapon_unlock.small.Knife_Tanto_fancy {
      background-position: -720px -162px; }
    .weapon_unlock.small.Knife_Weaver_fancy {
      background-position: -810px -162px; }
    .weapon_unlock.small.L85A2_fancy {
      background-position: -900px -162px; }
    .weapon_unlock.small.L86A1_fancy {
      background-position: -990px -162px; }
    .weapon_unlock.small.L96A1_fancy {
      background-position: -1080px -162px; }
    .weapon_unlock.small.LSAT_fancy {
      background-position: 0 -216px; }
    .weapon_unlock.small.M136_fancy {
      background-position: -90px -216px; }
    .weapon_unlock.small.M18_smoke_fancy {
      background-position: -180px -216px; }
    .weapon_unlock.small.M200_SRR61_fancy {
      background-position: -270px -216px; }
    .weapon_unlock.small.M224_mortar_fancy {
      background-position: -360px -216px; }
    .weapon_unlock.small.M249_fancy {
      background-position: -450px -216px; }
    .weapon_unlock.small.M26Mass_fancy {
      background-position: -540px -216px; }
    .weapon_unlock.small.M2_SLAM_fancy {
      background-position: -630px -216px; }
    .weapon_unlock.small.M320_fancy {
      background-position: -720px -216px; }
    .weapon_unlock.small.M34_incendiary_fancy {
      background-position: -810px -216px; }
    .weapon_unlock.small.M60E4_fancy {
      background-position: -900px -216px; }
    .weapon_unlock.small.M67_grenade_fancy {
      background-position: -990px -216px; }
    .weapon_unlock.small.M82A3_CQB_fancy {
      background-position: -1080px -216px; }
    .weapon_unlock.small.M82A3_FAR_fancy {
      background-position: 0 -270px; }
    .weapon_unlock.small.M82A3_MED_fancy {
      background-position: -90px -270px; }
    .weapon_unlock.small.M84_flashbang_fancy {
      background-position: -180px -270px; }
    .weapon_unlock.small.M9_fancy {
      background-position: -270px -270px; }
    .weapon_unlock.small.MBT_law_fancy {
      background-position: -360px -270px; }
    .weapon_unlock.small.MG4_fancy {
      background-position: -450px -270px; }
    .weapon_unlock.small.MGL_fancy {
      background-position: -540px -270px; }
    .weapon_unlock.small.MK153_smaw_fancy {
      background-position: -630px -270px; }
    .weapon_unlock.small.MP412REX_fancy {
      background-position: -720px -270px; }
    .weapon_unlock.small.MPX_fancy {
      background-position: -810px -270px; }
    .weapon_unlock.small.MTAR21_fancy {
      background-position: -900px -270px; }
    .weapon_unlock.small.MX4_fancy {
      background-position: -990px -270px; }
    .weapon_unlock.small.Machete_fancy {
      background-position: -1080px -270px; }
    .weapon_unlock.small.P226_fancy {
      background-position: 0 -324px; }
    .weapon_unlock.small.P90_fancy {
      background-position: -90px -324px; }
    .weapon_unlock.small.QBB95_fancy {
      background-position: -180px -324px; }
    .weapon_unlock.small.QBS09_fancy {
      background-position: -270px -324px; }
    .weapon_unlock.small.QBU88_fancy {
      background-position: -360px -324px; }
    .weapon_unlock.small.QBZ951_fancy {
      background-position: -450px -324px; }
    .weapon_unlock.small.QSZ-92_fancy {
      background-position: -540px -324px; }
    .weapon_unlock.small.RFB_fancy {
      background-position: -630px -324px; }
    .weapon_unlock.small.RGO_impact_fancy {
      background-position: -720px -324px; }
    .weapon_unlock.small.RPG7_fancy {
      background-position: -810px -324px; }
    .weapon_unlock.small.RPK12_fancy {
      background-position: -900px -324px; }
    .weapon_unlock.small.RPK74_fancy {
      background-position: -990px -324px; }
    .weapon_unlock.small.Railgun_fancy {
      background-position: -1080px -324px; }
    .weapon_unlock.small.RepairTool_fancy {
      background-position: 0 -378px; }
    .weapon_unlock.small.SA18_IGLA_fancy {
      background-position: -90px -378px; }
    .weapon_unlock.small.SAR21_fancy {
      background-position: -180px -378px; }
    .weapon_unlock.small.SHORTY12g_fancy {
      background-position: -270px -378px; }
    .weapon_unlock.small.SH_fancy {
      background-position: -360px -378px; }
    .weapon_unlock.small.SPAS12_fancy {
      background-position: -450px -378px; }
    .weapon_unlock.small.SR2_fancy {
      background-position: -540px -378px; }
    .weapon_unlock.small.SR338_fancy {
      background-position: -630px -378px; }
    .weapon_unlock.small.SRS_338RECON_fancy {
      background-position: -720px -378px; }
    .weapon_unlock.small.SV98_fancy {
      background-position: -810px -378px; }
    .weapon_unlock.small.SVD12_fancy {
      background-position: -900px -378px; }
    .weapon_unlock.small.SW40_fancy {
      background-position: -990px -378px; }
    .weapon_unlock.small.Saddlegun_fancy {
      background-position: -1080px -378px; }
    .weapon_unlock.small.Scorpion_fancy {
      background-position: 0 -432px; }
    .weapon_unlock.small.ScoutElite_fancy {
      background-position: -90px -432px; }
    .weapon_unlock.small.Shank_fancy {
      background-position: -180px -432px; }
    .weapon_unlock.small.Shield_fancy {
      background-position: -270px -432px; }
    .weapon_unlock.small.SteyrAUG_fancy {
      background-position: -360px -432px; }
    .weapon_unlock.small.Type95B1_fancy {
      background-position: -450px -432px; }
    .weapon_unlock.small.UACV_fancy {
      background-position: -540px -432px; }
    .weapon_unlock.small.UTAS_fancy {
      background-position: -630px -432px; }
    .weapon_unlock.small.Ultimax_fancy {
      background-position: -720px -432px; }
    .weapon_unlock.small.Unica6_fancy {
      background-position: -810px -432px; }
    .weapon_unlock.small.V40_mini_fancy {
      background-position: -900px -432px; }
    .weapon_unlock.small.XM25_fancy {
      background-position: -990px -432px; }
    .weapon_unlock.small.a91_fancy {
      background-position: -1080px -432px; }
    .weapon_unlock.small.aek971_fancy {
      background-position: 0 -486px; }
    .weapon_unlock.small.g36c_fancy {
      background-position: -90px -486px; }
    .weapon_unlock.small.glock18_fancy {
      background-position: -180px -486px; }
    .weapon_unlock.small.knife_2142_fancy {
      background-position: -270px -486px; }
    .weapon_unlock.small.knife_bootknife_fancy {
      background-position: -360px -486px; }
    .weapon_unlock.small.knife_bowie_fancy {
      background-position: -450px -486px; }
    .weapon_unlock.small.knife_carbon_fancy {
      background-position: -540px -486px; }
    .weapon_unlock.small.knife_combat_ACB90_fancy {
      background-position: -630px -486px; }
    .weapon_unlock.small.knife_diver_fancy {
      background-position: -720px -486px; }
    .weapon_unlock.small.knife_fancy {
      background-position: -810px -486px; }
    .weapon_unlock.small.knife_improvised_fancy {
      background-position: -900px -486px; }
    .weapon_unlock.small.knife_neck_fancy {
      background-position: -990px -486px; }
    .weapon_unlock.small.knife_precision_fancy {
      background-position: -1080px -486px; }
    .weapon_unlock.small.knife_scout_fancy {
      background-position: 0 -540px; }
    .weapon_unlock.small.knife_sealknife_fancy {
      background-position: -90px -540px; }
    .weapon_unlock.small.knife_survival_fancy {
      background-position: -180px -540px; }
    .weapon_unlock.small.knife_tactical2_fancy {
      background-position: -270px -540px; }
    .weapon_unlock.small.knife_trench_fancy {
      background-position: -360px -540px; }
    .weapon_unlock.small.m1014_fancy {
      background-position: -450px -540px; }
    .weapon_unlock.small.m16a4_fancy {
      background-position: -540px -540px; }
    .weapon_unlock.small.m1911_fancy {
      background-position: -630px -540px; }
    .weapon_unlock.small.m240_fancy {
      background-position: -720px -540px; }
    .weapon_unlock.small.m39_fancy {
      background-position: -810px -540px; }
    .weapon_unlock.small.m40a5_fancy {
      background-position: -900px -540px; }
    .weapon_unlock.small.m416_fancy {
      background-position: -990px -540px; }
    .weapon_unlock.small.m4a1_fancy {
      background-position: -1080px -540px; }
    .weapon_unlock.small.m93r_fancy {
      background-position: 0 -594px; }
    .weapon_unlock.small.m98b_fancy {
      background-position: -90px -594px; }
    .weapon_unlock.small.magpulPDR_fancy {
      background-position: -180px -594px; }
    .weapon_unlock.small.mk11_fancy {
      background-position: -270px -594px; }
    .weapon_unlock.small.mp443_grach_fancy {
      background-position: -360px -594px; }
    .weapon_unlock.small.mp7_fancy {
      background-position: -450px -594px; }
    .weapon_unlock.small.pecheneg_fancy {
      background-position: -540px -594px; }
    .weapon_unlock.small.pp2000_fancy {
      background-position: -630px -594px; }
    .weapon_unlock.small.remington870_fancy {
      background-position: -720px -594px; }
    .weapon_unlock.small.saiga12_fancy {
      background-position: -810px -594px; }
    .weapon_unlock.small.scarHSV_fancy {
      background-position: -900px -594px; }
    .weapon_unlock.small.scarh_fancy {
      background-position: -990px -594px; }
    .weapon_unlock.small.sg553lb_fancy {
      background-position: -1080px -594px; }
    .weapon_unlock.small.sks_fancy {
      background-position: 0 -648px; }
    .weapon_unlock.small.taurus44_fancy {
      background-position: -90px -648px; }
    .weapon_unlock.small.type88_fancy {
      background-position: -180px -648px; }
    .weapon_unlock.small.ump9_fancy {
      background-position: -270px -648px; }
    .weapon_unlock.small.ump_fancy {
      background-position: -360px -648px; }
    .weapon_unlock.small.usas12_BP_fancy {
      background-position: -450px -648px; }
    .weapon_unlock.small.usas12_NV_fancy {
      background-position: -540px -648px; }

/* THIS FILE IS AUTO GENERATED. DO NO EDIT. */
.rank {
  display: inline-block; }
  .rank.tiny {
    background-image: url(../profile/warsaw/gamedata/rank/tiny.png);
    width: 29px;
    height: 29px;
    background-size: 348px 348px; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
      .rank.tiny {
        background-image: url(../profile/warsaw/gamedata/rank/tiny@2x.png); } }
    .rank.tiny.r0 {
      background-position: 0 0; }
    .rank.tiny.r1 {
      background-position: -29px 0; }
    .rank.tiny.r10 {
      background-position: -58px 0; }
    .rank.tiny.r100 {
      background-position: -87px 0; }
    .rank.tiny.r101 {
      background-position: -116px 0; }
    .rank.tiny.r102 {
      background-position: -145px 0; }
    .rank.tiny.r103 {
      background-position: -174px 0; }
    .rank.tiny.r104 {
      background-position: -203px 0; }
    .rank.tiny.r105 {
      background-position: -232px 0; }
    .rank.tiny.r106 {
      background-position: -261px 0; }
    .rank.tiny.r107 {
      background-position: -290px 0; }
    .rank.tiny.r108 {
      background-position: -319px 0; }
    .rank.tiny.r109 {
      background-position: 0 -29px; }
    .rank.tiny.r11 {
      background-position: -29px -29px; }
    .rank.tiny.r110 {
      background-position: -58px -29px; }
    .rank.tiny.r111 {
      background-position: -87px -29px; }
    .rank.tiny.r112 {
      background-position: -116px -29px; }
    .rank.tiny.r113 {
      background-position: -145px -29px; }
    .rank.tiny.r114 {
      background-position: -174px -29px; }
    .rank.tiny.r115 {
      background-position: -203px -29px; }
    .rank.tiny.r116 {
      background-position: -232px -29px; }
    .rank.tiny.r117 {
      background-position: -261px -29px; }
    .rank.tiny.r118 {
      background-position: -290px -29px; }
    .rank.tiny.r119 {
      background-position: -319px -29px; }
    .rank.tiny.r12 {
      background-position: 0 -58px; }
    .rank.tiny.r120 {
      background-position: -29px -58px; }
    .rank.tiny.r121 {
      background-position: -58px -58px; }
    .rank.tiny.r122 {
      background-position: -87px -58px; }
    .rank.tiny.r123 {
      background-position: -116px -58px; }
    .rank.tiny.r124 {
      background-position: -145px -58px; }
    .rank.tiny.r125 {
      background-position: -174px -58px; }
    .rank.tiny.r126 {
      background-position: -203px -58px; }
    .rank.tiny.r127 {
      background-position: -232px -58px; }
    .rank.tiny.r128 {
      background-position: -261px -58px; }
    .rank.tiny.r129 {
      background-position: -290px -58px; }
    .rank.tiny.r13 {
      background-position: -319px -58px; }
    .rank.tiny.r130 {
      background-position: 0 -87px; }
    .rank.tiny.r131 {
      background-position: -29px -87px; }
    .rank.tiny.r132 {
      background-position: -58px -87px; }
    .rank.tiny.r133 {
      background-position: -87px -87px; }
    .rank.tiny.r134 {
      background-position: -116px -87px; }
    .rank.tiny.r135 {
      background-position: -145px -87px; }
    .rank.tiny.r136 {
      background-position: -174px -87px; }
    .rank.tiny.r137 {
      background-position: -203px -87px; }
    .rank.tiny.r138 {
      background-position: -232px -87px; }
    .rank.tiny.r139 {
      background-position: -261px -87px; }
    .rank.tiny.r14 {
      background-position: -290px -87px; }
    .rank.tiny.r140 {
      background-position: -319px -87px; }
    .rank.tiny.r15 {
      background-position: 0 -116px; }
    .rank.tiny.r16 {
      background-position: -29px -116px; }
    .rank.tiny.r17 {
      background-position: -58px -116px; }
    .rank.tiny.r18 {
      background-position: -87px -116px; }
    .rank.tiny.r19 {
      background-position: -116px -116px; }
    .rank.tiny.r2 {
      background-position: -145px -116px; }
    .rank.tiny.r20 {
      background-position: -174px -116px; }
    .rank.tiny.r21 {
      background-position: -203px -116px; }
    .rank.tiny.r22 {
      background-position: -232px -116px; }
    .rank.tiny.r23 {
      background-position: -261px -116px; }
    .rank.tiny.r24 {
      background-position: -290px -116px; }
    .rank.tiny.r25 {
      background-position: -319px -116px; }
    .rank.tiny.r26 {
      background-position: 0 -145px; }
    .rank.tiny.r27 {
      background-position: -29px -145px; }
    .rank.tiny.r28 {
      background-position: -58px -145px; }
    .rank.tiny.r29 {
      background-position: -87px -145px; }
    .rank.tiny.r3 {
      background-position: -116px -145px; }
    .rank.tiny.r30 {
      background-position: -145px -145px; }
    .rank.tiny.r31 {
      background-position: -174px -145px; }
    .rank.tiny.r32 {
      background-position: -203px -145px; }
    .rank.tiny.r33 {
      background-position: -232px -145px; }
    .rank.tiny.r34 {
      background-position: -261px -145px; }
    .rank.tiny.r35 {
      background-position: -290px -145px; }
    .rank.tiny.r36 {
      background-position: -319px -145px; }
    .rank.tiny.r37 {
      background-position: 0 -174px; }
    .rank.tiny.r38 {
      background-position: -29px -174px; }
    .rank.tiny.r39 {
      background-position: -58px -174px; }
    .rank.tiny.r4 {
      background-position: -87px -174px; }
    .rank.tiny.r40 {
      background-position: -116px -174px; }
    .rank.tiny.r41 {
      background-position: -145px -174px; }
    .rank.tiny.r42 {
      background-position: -174px -174px; }
    .rank.tiny.r43 {
      background-position: -203px -174px; }
    .rank.tiny.r44 {
      background-position: -232px -174px; }
    .rank.tiny.r45 {
      background-position: -261px -174px; }
    .rank.tiny.r46 {
      background-position: -290px -174px; }
    .rank.tiny.r47 {
      background-position: -319px -174px; }
    .rank.tiny.r48 {
      background-position: 0 -203px; }
    .rank.tiny.r49 {
      background-position: -29px -203px; }
    .rank.tiny.r5 {
      background-position: -58px -203px; }
    .rank.tiny.r50 {
      background-position: -87px -203px; }
    .rank.tiny.r51 {
      background-position: -116px -203px; }
    .rank.tiny.r52 {
      background-position: -145px -203px; }
    .rank.tiny.r53 {
      background-position: -174px -203px; }
    .rank.tiny.r54 {
      background-position: -203px -203px; }
    .rank.tiny.r55 {
      background-position: -232px -203px; }
    .rank.tiny.r56 {
      background-position: -261px -203px; }
    .rank.tiny.r57 {
      background-position: -290px -203px; }
    .rank.tiny.r58 {
      background-position: -319px -203px; }
    .rank.tiny.r59 {
      background-position: 0 -232px; }
    .rank.tiny.r6 {
      background-position: -29px -232px; }
    .rank.tiny.r60 {
      background-position: -58px -232px; }
    .rank.tiny.r61 {
      background-position: -87px -232px; }
    .rank.tiny.r62 {
      background-position: -116px -232px; }
    .rank.tiny.r63 {
      background-position: -145px -232px; }
    .rank.tiny.r64 {
      background-position: -174px -232px; }
    .rank.tiny.r65 {
      background-position: -203px -232px; }
    .rank.tiny.r66 {
      background-position: -232px -232px; }
    .rank.tiny.r67 {
      background-position: -261px -232px; }
    .rank.tiny.r68 {
      background-position: -290px -232px; }
    .rank.tiny.r69 {
      background-position: -319px -232px; }
    .rank.tiny.r7 {
      background-position: 0 -261px; }
    .rank.tiny.r70 {
      background-position: -29px -261px; }
    .rank.tiny.r71 {
      background-position: -58px -261px; }
    .rank.tiny.r72 {
      background-position: -87px -261px; }
    .rank.tiny.r73 {
      background-position: -116px -261px; }
    .rank.tiny.r74 {
      background-position: -145px -261px; }
    .rank.tiny.r75 {
      background-position: -174px -261px; }
    .rank.tiny.r76 {
      background-position: -203px -261px; }
    .rank.tiny.r77 {
      background-position: -232px -261px; }
    .rank.tiny.r78 {
      background-position: -261px -261px; }
    .rank.tiny.r79 {
      background-position: -290px -261px; }
    .rank.tiny.r8 {
      background-position: -319px -261px; }
    .rank.tiny.r80 {
      background-position: 0 -290px; }
    .rank.tiny.r81 {
      background-position: -29px -290px; }
    .rank.tiny.r82 {
      background-position: -58px -290px; }
    .rank.tiny.r83 {
      background-position: -87px -290px; }
    .rank.tiny.r84 {
      background-position: -116px -290px; }
    .rank.tiny.r85 {
      background-position: -145px -290px; }
    .rank.tiny.r86 {
      background-position: -174px -290px; }
    .rank.tiny.r87 {
      background-position: -203px -290px; }
    .rank.tiny.r88 {
      background-position: -232px -290px; }
    .rank.tiny.r89 {
      background-position: -261px -290px; }
    .rank.tiny.r9 {
      background-position: -290px -290px; }
    .rank.tiny.r90 {
      background-position: -319px -290px; }
    .rank.tiny.r91 {
      background-position: 0 -319px; }
    .rank.tiny.r92 {
      background-position: -29px -319px; }
    .rank.tiny.r93 {
      background-position: -58px -319px; }
    .rank.tiny.r94 {
      background-position: -87px -319px; }
    .rank.tiny.r95 {
      background-position: -116px -319px; }
    .rank.tiny.r96 {
      background-position: -145px -319px; }
    .rank.tiny.r97 {
      background-position: -174px -319px; }
    .rank.tiny.r98 {
      background-position: -203px -319px; }
    .rank.tiny.r99 {
      background-position: -232px -319px; }

/* THIS FILE IS AUTO GENERATED. DO NO EDIT. */
.vehicle_unlock.bfh-vehicle_unlock {
  display: inline-block; }
  .vehicle_unlock.bfh-vehicle_unlock.small {
    background-image: url(//eaassets-a.akamaihd.net/battlelog/bb/bfh/gamedata/vehicle_unlock/size90w-a1ad72c5.png);
    width: 90px;
    height: 45px;
    background-size: 540px 270px; }
    .vehicle_unlock.bfh-vehicle_unlock.small.Attack_HELI_CR {
      background-position: 0 0; }
    .vehicle_unlock.bfh-vehicle_unlock.small.Attack_HELI_LE {
      background-position: -90px 0; }
    .vehicle_unlock.bfh-vehicle_unlock.small.CAT_CR {
      background-position: -180px 0; }
    .vehicle_unlock.bfh-vehicle_unlock.small.CAT_LE {
      background-position: -270px 0; }
    .vehicle_unlock.bfh-vehicle_unlock.small.COUPE_CR {
      background-position: -360px 0; }
    .vehicle_unlock.bfh-vehicle_unlock.small.COUPE_LE {
      background-position: -450px 0; }
    .vehicle_unlock.bfh-vehicle_unlock.small.ExoticCoupe {
      background-position: 0 -45px; }
    .vehicle_unlock.bfh-vehicle_unlock.small.FAN_BOAT_SP {
      background-position: -90px -45px; }
    .vehicle_unlock.bfh-vehicle_unlock.small.FUEL_TRUCK_SP {
      background-position: -180px -45px; }
    .vehicle_unlock.bfh-vehicle_unlock.small.Fuel_Tanker {
      background-position: -270px -45px; }
    .vehicle_unlock.bfh-vehicle_unlock.small.GUNBOAT_CR {
      background-position: -360px -45px; }
    .vehicle_unlock.bfh-vehicle_unlock.small.GUNBOAT_LE {
      background-position: -450px -45px; }
    .vehicle_unlock.bfh-vehicle_unlock.small.Hearse {
      background-position: 0 -90px; }
    .vehicle_unlock.bfh-vehicle_unlock.small.Heli_Scout_LE {
      background-position: -90px -90px; }
    .vehicle_unlock.bfh-vehicle_unlock.small.Limo {
      background-position: -180px -90px; }
    .vehicle_unlock.bfh-vehicle_unlock.small.LowRider {
      background-position: -270px -90px; }
    .vehicle_unlock.bfh-vehicle_unlock.small.MSP_CR {
      background-position: -360px -90px; }
    .vehicle_unlock.bfh-vehicle_unlock.small.MSP_LE {
      background-position: -450px -90px; }
    .vehicle_unlock.bfh-vehicle_unlock.small.OFFROAD_MOTORCYCLE_CR {
      background-position: 0 -135px; }
    .vehicle_unlock.bfh-vehicle_unlock.small.OFFROAD_MOTORCYCLE_LE {
      background-position: -90px -135px; }
    .vehicle_unlock.bfh-vehicle_unlock.small.PickUpTruck {
      background-position: -180px -135px; }
    .vehicle_unlock.bfh-vehicle_unlock.small.SEDAN_CR {
      background-position: -270px -135px; }
    .vehicle_unlock.bfh-vehicle_unlock.small.SEDAN_LE {
      background-position: -360px -135px; }
    .vehicle_unlock.bfh-vehicle_unlock.small.SUV_CR {
      background-position: -450px -135px; }
    .vehicle_unlock.bfh-vehicle_unlock.small.SUV_LE {
      background-position: 0 -180px; }
    .vehicle_unlock.bfh-vehicle_unlock.small.Snowmobile {
      background-position: -90px -180px; }
    .vehicle_unlock.bfh-vehicle_unlock.small.Street_Motorcycle_CR {
      background-position: -180px -180px; }
    .vehicle_unlock.bfh-vehicle_unlock.small.Street_Motorcycle_LE {
      background-position: -270px -180px; }
    .vehicle_unlock.bfh-vehicle_unlock.small.Transport_Heli_CR {
      background-position: -360px -180px; }
    .vehicle_unlock.bfh-vehicle_unlock.small.Transport_Heli_LE {
      background-position: -450px -180px; }
    .vehicle_unlock.bfh-vehicle_unlock.small.TunerSedan_CR {
      background-position: 0 -225px; }
    .vehicle_unlock.bfh-vehicle_unlock.small.TunerSedan_LE {
      background-position: -90px -225px; }
    .vehicle_unlock.bfh-vehicle_unlock.small.Utility_Van {
      background-position: -180px -225px; }

/* THIS FILE IS AUTO GENERATED. DO NO EDIT. */
.weapon_unlock.bfh-weapon_unlock {
  display: inline-block; }
  .weapon_unlock.bfh-weapon_unlock.small {
    background-image: url(//eaassets-a.akamaihd.net/battlelog/bb/bfh/gamedata/weapon_unlock/size90w-72034568.png);
    width: 90px;
    height: 45px;
    background-size: 1170px 540px; }
    .weapon_unlock.bfh-weapon_unlock.small.A8S_Fancy {
      background-position: 0 0; }
    .weapon_unlock.bfh-weapon_unlock.small.ACWR_Fancy {
      background-position: -90px 0; }
    .weapon_unlock.bfh-weapon_unlock.small.AKM_Fancy {
      background-position: -180px 0; }
    .weapon_unlock.bfh-weapon_unlock.small.AKS74U_Fancy {
      background-position: -270px 0; }
    .weapon_unlock.bfh-weapon_unlock.small.AUGA3_Fancy {
      background-position: -360px 0; }
    .weapon_unlock.bfh-weapon_unlock.small.AUGPARA_Fancy {
      background-position: -450px 0; }
    .weapon_unlock.bfh-weapon_unlock.small.AWS_Fancy {
      background-position: -540px 0; }
    .weapon_unlock.bfh-weapon_unlock.small.BaldEagle_Fancy {
      background-position: -630px 0; }
    .weapon_unlock.bfh-weapon_unlock.small.BallisticShield_Fancy {
      background-position: -720px 0; }
    .weapon_unlock.bfh-weapon_unlock.small.BaseBallBat_Fancy {
      background-position: -810px 0; }
    .weapon_unlock.bfh-weapon_unlock.small.BlackJack_Fancy {
      background-position: -900px 0; }
    .weapon_unlock.bfh-weapon_unlock.small.BreachHammer_Fancy {
      background-position: -990px 0; }
    .weapon_unlock.bfh-weapon_unlock.small.BreachHammer_Gold_Fancy {
      background-position: -1080px 0; }
    .weapon_unlock.bfh-weapon_unlock.small.BreachingCharge_Fancy {
      background-position: 0 -45px; }
    .weapon_unlock.bfh-weapon_unlock.small.COLTRO933_Fancy {
      background-position: -90px -45px; }
    .weapon_unlock.bfh-weapon_unlock.small.CR_SurvivalList_Fancy {
      background-position: -180px -45px; }
    .weapon_unlock.bfh-weapon_unlock.small.CZ75_Fancy {
      background-position: -270px -45px; }
    .weapon_unlock.bfh-weapon_unlock.small.Cleaver_Fancy {
      background-position: -360px -45px; }
    .weapon_unlock.bfh-weapon_unlock.small.CollapsBaton_Fancy {
      background-position: -450px -45px; }
    .weapon_unlock.bfh-weapon_unlock.small.CollapsBaton_Gold_Fancy {
      background-position: -540px -45px; }
    .weapon_unlock.bfh-weapon_unlock.small.CrowBar_Fancy {
      background-position: -630px -45px; }
    .weapon_unlock.bfh-weapon_unlock.small.CrowBar_Gold_Fancy {
      background-position: -720px -45px; }
    .weapon_unlock.bfh-weapon_unlock.small.Decoy_Fancy {
      background-position: -810px -45px; }
    .weapon_unlock.bfh-weapon_unlock.small.Defibrillator_Fancy {
      background-position: -900px -45px; }
    .weapon_unlock.bfh-weapon_unlock.small.DeployCamera_Fancy {
      background-position: -990px -45px; }
    .weapon_unlock.bfh-weapon_unlock.small.DevilsToothpick_Fancy {
      background-position: -1080px -45px; }
    .weapon_unlock.bfh-weapon_unlock.small.Elephant_Fancy {
      background-position: 0 -90px; }
    .weapon_unlock.bfh-weapon_unlock.small.F2000_Fancy {
      background-position: -90px -90px; }
    .weapon_unlock.bfh-weapon_unlock.small.FMG9_Fancy {
      background-position: -180px -90px; }
    .weapon_unlock.bfh-weapon_unlock.small.FN57_Fancy {
      background-position: -270px -90px; }
    .weapon_unlock.bfh-weapon_unlock.small.FNAR_Fancy {
      background-position: -360px -90px; }
    .weapon_unlock.bfh-weapon_unlock.small.FNFAL_Fancy {
      background-position: -450px -90px; }
    .weapon_unlock.bfh-weapon_unlock.small.FireAxeGold_Fancy {
      background-position: -540px -90px; }
    .weapon_unlock.bfh-weapon_unlock.small.FireAxe_Fancy {
      background-position: -630px -90px; }
    .weapon_unlock.bfh-weapon_unlock.small.G17RACE_Fancy {
      background-position: -720px -90px; }
    .weapon_unlock.bfh-weapon_unlock.small.G36C_Fancy {
      background-position: -810px -90px; }
    .weapon_unlock.bfh-weapon_unlock.small.GalilAR_Fancy {
      background-position: -900px -90px; }
    .weapon_unlock.bfh-weapon_unlock.small.GalilAce_Fancy {
      background-position: -990px -90px; }
    .weapon_unlock.bfh-weapon_unlock.small.GasGrenade_Fancy {
      background-position: -1080px -90px; }
    .weapon_unlock.bfh-weapon_unlock.small.Glock18_Fancy {
      background-position: 0 -135px; }
    .weapon_unlock.bfh-weapon_unlock.small.GolfClub_Fancy {
      background-position: -90px -135px; }
    .weapon_unlock.bfh-weapon_unlock.small.GolfClub_Gold_Fancy {
      background-position: -180px -135px; }
    .weapon_unlock.bfh-weapon_unlock.small.Grapple_Hook_Fancy {
      background-position: -270px -135px; }
    .weapon_unlock.bfh-weapon_unlock.small.Grenade_M67_Fancy {
      background-position: -360px -135px; }
    .weapon_unlock.bfh-weapon_unlock.small.HCAR_Fancy {
      background-position: -450px -135px; }
    .weapon_unlock.bfh-weapon_unlock.small.HK51_Fancy {
      background-position: -540px -135px; }
    .weapon_unlock.bfh-weapon_unlock.small.HKS_45C_Fancy {
      background-position: -630px -135px; }
    .weapon_unlock.bfh-weapon_unlock.small.ICS9_Fancy {
      background-position: -720px -135px; }
    .weapon_unlock.bfh-weapon_unlock.small.ImproviseGun_Fancy {
      background-position: -810px -135px; }
    .weapon_unlock.bfh-weapon_unlock.small.IncendiaryDevice_COP_Fancy {
      background-position: -900px -135px; }
    .weapon_unlock.bfh-weapon_unlock.small.IncendiaryDevice_CRM_Fancy {
      background-position: -990px -135px; }
    .weapon_unlock.bfh-weapon_unlock.small.InqSword_Fancy {
      background-position: -1080px -135px; }
    .weapon_unlock.bfh-weapon_unlock.small.InqSword_Gold_Fancy {
      background-position: 0 -180px; }
    .weapon_unlock.bfh-weapon_unlock.small.InqSword_Red_Fancy {
      background-position: -90px -180px; }
    .weapon_unlock.bfh-weapon_unlock.small.Jury410_Fancy {
      background-position: -180px -180px; }
    .weapon_unlock.bfh-weapon_unlock.small.K10_Fancy {
      background-position: -270px -180px; }
    .weapon_unlock.bfh-weapon_unlock.small.KSG12_Fancy {
      background-position: -360px -180px; }
    .weapon_unlock.bfh-weapon_unlock.small.Karambit_Fancy {
      background-position: -450px -180px; }
    .weapon_unlock.bfh-weapon_unlock.small.Knife_ACB90_Fancy {
      background-position: -540px -180px; }
    .weapon_unlock.bfh-weapon_unlock.small.Knife_Boot_Fancy {
      background-position: -630px -180px; }
    .weapon_unlock.bfh-weapon_unlock.small.Knife_Bowie_Fancy {
      background-position: -720px -180px; }
    .weapon_unlock.bfh-weapon_unlock.small.Knife_Carbon_Fancy {
      background-position: -810px -180px; }
    .weapon_unlock.bfh-weapon_unlock.small.Knife_Fancy {
      background-position: -900px -180px; }
    .weapon_unlock.bfh-weapon_unlock.small.Knife_Gold_Boot_Fancy {
      background-position: -990px -180px; }
    .weapon_unlock.bfh-weapon_unlock.small.Knife_Gold_Fancy {
      background-position: -1080px -180px; }
    .weapon_unlock.bfh-weapon_unlock.small.Knife_Gold_Scout_Fancy {
      background-position: 0 -225px; }
    .weapon_unlock.bfh-weapon_unlock.small.Knife_Gold_Seal_Fancy {
      background-position: -90px -225px; }
    .weapon_unlock.bfh-weapon_unlock.small.Knife_Gold_Survival {
      background-position: -180px -225px; }
    .weapon_unlock.bfh-weapon_unlock.small.Knife_Gold_Trench_Fancy {
      background-position: -270px -225px; }
    .weapon_unlock.bfh-weapon_unlock.small.Knife_Machete2H_Fancy {
      background-position: -360px -225px; }
    .weapon_unlock.bfh-weapon_unlock.small.Knife_Machete2H_Gold_Fancy {
      background-position: -450px -225px; }
    .weapon_unlock.bfh-weapon_unlock.small.Knife_Scout_Fancy {
      background-position: -540px -225px; }
    .weapon_unlock.bfh-weapon_unlock.small.Knife_Seal_Fancy {
      background-position: -630px -225px; }
    .weapon_unlock.bfh-weapon_unlock.small.Knife_Shank_Fancy {
      background-position: -720px -225px; }
    .weapon_unlock.bfh-weapon_unlock.small.Knife_Survival_Fancy {
      background-position: -810px -225px; }
    .weapon_unlock.bfh-weapon_unlock.small.Knife_ThrowingGold_Fancy {
      background-position: -900px -225px; }
    .weapon_unlock.bfh-weapon_unlock.small.Knife_Throwing_Fancy {
      background-position: -990px -225px; }
    .weapon_unlock.bfh-weapon_unlock.small.Knife_Trench_Fancy {
      background-position: -1080px -225px; }
    .weapon_unlock.bfh-weapon_unlock.small.L85A2_Fancy {
      background-position: 0 -270px; }
    .weapon_unlock.bfh-weapon_unlock.small.LaserTripMine_Fancy {
      background-position: -90px -270px; }
    .weapon_unlock.bfh-weapon_unlock.small.LeadPipe_Fancy {
      background-position: -180px -270px; }
    .weapon_unlock.bfh-weapon_unlock.small.LeadPipe_Gold_Fancy {
      background-position: -270px -270px; }
    .weapon_unlock.bfh-weapon_unlock.small.Lewis_Fancy {
      background-position: -360px -270px; }
    .weapon_unlock.bfh-weapon_unlock.small.M1014_Fancy {
      background-position: -450px -270px; }
    .weapon_unlock.bfh-weapon_unlock.small.M110K5_Fancy {
      background-position: -540px -270px; }
    .weapon_unlock.bfh-weapon_unlock.small.M12MODE1_Fancy {
      background-position: -630px -270px; }
    .weapon_unlock.bfh-weapon_unlock.small.M12S_Fancy {
      background-position: -720px -270px; }
    .weapon_unlock.bfh-weapon_unlock.small.M16A4_Fancy {
      background-position: -810px -270px; }
    .weapon_unlock.bfh-weapon_unlock.small.M1903_Fancy {
      background-position: -900px -270px; }
    .weapon_unlock.bfh-weapon_unlock.small.M1911_Fancy {
      background-position: -990px -270px; }
    .weapon_unlock.bfh-weapon_unlock.small.M2Carbine_Fancy {
      background-position: -1080px -270px; }
    .weapon_unlock.bfh-weapon_unlock.small.M320_Fancy {
      background-position: 0 -315px; }
    .weapon_unlock.bfh-weapon_unlock.small.M39EMR_Fancy {
      background-position: -90px -315px; }
    .weapon_unlock.bfh-weapon_unlock.small.M40A5_Fancy {
      background-position: -180px -315px; }
    .weapon_unlock.bfh-weapon_unlock.small.M416_Fancy {
      background-position: -270px -315px; }
    .weapon_unlock.bfh-weapon_unlock.small.M45_Fancy {
      background-position: -360px -315px; }
    .weapon_unlock.bfh-weapon_unlock.small.M79_Fancy {
      background-position: -450px -315px; }
    .weapon_unlock.bfh-weapon_unlock.small.M93R_Fancy {
      background-position: -540px -315px; }
    .weapon_unlock.bfh-weapon_unlock.small.M9_Fancy {
      background-position: -630px -315px; }
    .weapon_unlock.bfh-weapon_unlock.small.MDR_Fancy {
      background-position: -720px -315px; }
    .weapon_unlock.bfh-weapon_unlock.small.MK11_Fancy {
      background-position: -810px -315px; }
    .weapon_unlock.bfh-weapon_unlock.small.MP5K_Fancy {
      background-position: -900px -315px; }
    .weapon_unlock.bfh-weapon_unlock.small.MP5N_Fancy {
      background-position: -990px -315px; }
    .weapon_unlock.bfh-weapon_unlock.small.MP5SD_Fancy {
      background-position: -1080px -315px; }
    .weapon_unlock.bfh-weapon_unlock.small.MP9_Fancy {
      background-position: 0 -360px; }
    .weapon_unlock.bfh-weapon_unlock.small.MPX_Fancy {
      background-position: -90px -360px; }
    .weapon_unlock.bfh-weapon_unlock.small.MX4_Fancy {
      background-position: -180px -360px; }
    .weapon_unlock.bfh-weapon_unlock.small.Mac10_Fancy {
      background-position: -270px -360px; }
    .weapon_unlock.bfh-weapon_unlock.small.Model98B_Fancy {
      background-position: -360px -360px; }
    .weapon_unlock.bfh-weapon_unlock.small.NightStick_Fancy {
      background-position: -450px -360px; }
    .weapon_unlock.bfh-weapon_unlock.small.P226_Fancy {
      background-position: -540px -360px; }
    .weapon_unlock.bfh-weapon_unlock.small.P90_Fancy {
      background-position: -630px -360px; }
    .weapon_unlock.bfh-weapon_unlock.small.PTI91_Fancy {
      background-position: -720px -360px; }
    .weapon_unlock.bfh-weapon_unlock.small.PoliceBaton_Fancy {
      background-position: -810px -360px; }
    .weapon_unlock.bfh-weapon_unlock.small.R700BLACK_Fancy {
      background-position: -900px -360px; }
    .weapon_unlock.bfh-weapon_unlock.small.RO933-BLK_Fancy {
      background-position: -990px -360px; }
    .weapon_unlock.bfh-weapon_unlock.small.RPK74_Fancy {
      background-position: -1080px -360px; }
    .weapon_unlock.bfh-weapon_unlock.small.RPK_Fancy {
      background-position: 0 -405px; }
    .weapon_unlock.bfh-weapon_unlock.small.RS357_Fancy {
      background-position: -90px -405px; }
    .weapon_unlock.bfh-weapon_unlock.small.RepairTool_Fancy {
      background-position: -180px -405px; }
    .weapon_unlock.bfh-weapon_unlock.small.SA58_Fancy {
      background-position: -270px -405px; }
    .weapon_unlock.bfh-weapon_unlock.small.SAIGA308_Fancy {
      background-position: -360px -405px; }
    .weapon_unlock.bfh-weapon_unlock.small.SAR21_Fancy {
      background-position: -450px -405px; }
    .weapon_unlock.bfh-weapon_unlock.small.SBS12_Short_Fancy {
      background-position: -540px -405px; }
    .weapon_unlock.bfh-weapon_unlock.small.SCARH_Fancy {
      background-position: -630px -405px; }
    .weapon_unlock.bfh-weapon_unlock.small.SG510_Fancy {
      background-position: -720px -405px; }
    .weapon_unlock.bfh-weapon_unlock.small.SG553_Fancy {
      background-position: -810px -405px; }
    .weapon_unlock.bfh-weapon_unlock.small.SKORPION_Fancy {
      background-position: -900px -405px; }
    .weapon_unlock.bfh-weapon_unlock.small.SOCOM16_Fancy {
      background-position: -990px -405px; }
    .weapon_unlock.bfh-weapon_unlock.small.SPAS12_Fancy {
      background-position: -1080px -405px; }
    .weapon_unlock.bfh-weapon_unlock.small.SW38_Fancy {
      background-position: 0 -450px; }
    .weapon_unlock.bfh-weapon_unlock.small.SW40P_Fancy {
      background-position: -90px -450px; }
    .weapon_unlock.bfh-weapon_unlock.small.Sabotage_Skill_Fancy {
      background-position: -180px -450px; }
    .weapon_unlock.bfh-weapon_unlock.small.Scoutelite_Fancy {
      background-position: -270px -450px; }
    .weapon_unlock.bfh-weapon_unlock.small.ShovelGold_Fancy {
      background-position: -360px -450px; }
    .weapon_unlock.bfh-weapon_unlock.small.Shovel_Fancy {
      background-position: -450px -450px; }
    .weapon_unlock.bfh-weapon_unlock.small.Sledgehammer_Fancy {
      background-position: -540px -450px; }
    .weapon_unlock.bfh-weapon_unlock.small.Sledgehammer_Gold_Fancy {
      background-position: -630px -450px; }
    .weapon_unlock.bfh-weapon_unlock.small.TaserGun_Fancy {
      background-position: -720px -450px; }
    .weapon_unlock.bfh-weapon_unlock.small.Taurus44_Fancy {
      background-position: -810px -450px; }
    .weapon_unlock.bfh-weapon_unlock.small.Tech_9_Fancy {
      background-position: -900px -450px; }
    .weapon_unlock.bfh-weapon_unlock.small.TommyGun_Fancy {
      background-position: -990px -450px; }
    .weapon_unlock.bfh-weapon_unlock.small.TracerDartGun_Fancy {
      background-position: -1080px -450px; }
    .weapon_unlock.bfh-weapon_unlock.small.UMP45_Fancy {
      background-position: 0 -495px; }
    .weapon_unlock.bfh-weapon_unlock.small.WPN_FAMAS_Fancy {
      background-position: -90px -495px; }
    .weapon_unlock.bfh-weapon_unlock.small.WPN_M82_Fancy {
      background-position: -180px -495px; }
    .weapon_unlock.bfh-weapon_unlock.small.WPN_MP7_Fancy {
      background-position: -270px -495px; }
    .weapon_unlock.bfh-weapon_unlock.small.WPN_SAIGA12_Fancy {
      background-position: -360px -495px; }
    .weapon_unlock.bfh-weapon_unlock.small.WPN_SCORPION_Fancy {
      background-position: -450px -495px; }
    .weapon_unlock.bfh-weapon_unlock.small.Winchester_Fancy {
      background-position: -540px -495px; }
    .weapon_unlock.bfh-weapon_unlock.small.XP1_L96_Fancy {
      background-position: -630px -495px; }
    .weapon_unlock.bfh-weapon_unlock.small.ZipLineGun_Fancy {
      background-position: -720px -495px; }
    .weapon_unlock.bfh-weapon_unlock.small._338RECONPRO_Fancy {
      background-position: -810px -495px; }
    .weapon_unlock.bfh-weapon_unlock.small._37STEAKOUT_Fancy {
      background-position: -900px -495px; }
    .weapon_unlock.bfh-weapon_unlock.small._870P_Fancy {
      background-position: -990px -495px; }

/* THIS FILE IS AUTO GENERATED. DO NO EDIT. */
.rank.bfh-rank {
  display: inline-block; }
  .rank.bfh-rank.medium {
    background-image: url(//eaassets-a.akamaihd.net/battlelog/bb/bfh/gamedata/rank/medium-05b0d1a4.png);
    width: 128px;
    height: 128px;
    background-size: 1664px 1536px; }
    .rank.bfh-rank.medium.r0 {
      background-position: 0 0; }
    .rank.bfh-rank.medium.r1 {
      background-position: -128px 0; }
    .rank.bfh-rank.medium.r10 {
      background-position: -256px 0; }
    .rank.bfh-rank.medium.r100 {
      background-position: -384px 0; }
    .rank.bfh-rank.medium.r101 {
      background-position: -512px 0; }
    .rank.bfh-rank.medium.r102 {
      background-position: -640px 0; }
    .rank.bfh-rank.medium.r103 {
      background-position: -768px 0; }
    .rank.bfh-rank.medium.r104 {
      background-position: -896px 0; }
    .rank.bfh-rank.medium.r105 {
      background-position: -1024px 0; }
    .rank.bfh-rank.medium.r106 {
      background-position: -1152px 0; }
    .rank.bfh-rank.medium.r107 {
      background-position: -1280px 0; }
    .rank.bfh-rank.medium.r108 {
      background-position: -1408px 0; }
    .rank.bfh-rank.medium.r109 {
      background-position: -1536px 0; }
    .rank.bfh-rank.medium.r11 {
      background-position: 0 -128px; }
    .rank.bfh-rank.medium.r110 {
      background-position: -128px -128px; }
    .rank.bfh-rank.medium.r111 {
      background-position: -256px -128px; }
    .rank.bfh-rank.medium.r112 {
      background-position: -384px -128px; }
    .rank.bfh-rank.medium.r113 {
      background-position: -512px -128px; }
    .rank.bfh-rank.medium.r114 {
      background-position: -640px -128px; }
    .rank.bfh-rank.medium.r115 {
      background-position: -768px -128px; }
    .rank.bfh-rank.medium.r116 {
      background-position: -896px -128px; }
    .rank.bfh-rank.medium.r117 {
      background-position: -1024px -128px; }
    .rank.bfh-rank.medium.r118 {
      background-position: -1152px -128px; }
    .rank.bfh-rank.medium.r119 {
      background-position: -1280px -128px; }
    .rank.bfh-rank.medium.r12 {
      background-position: -1408px -128px; }
    .rank.bfh-rank.medium.r120 {
      background-position: -1536px -128px; }
    .rank.bfh-rank.medium.r121 {
      background-position: 0 -256px; }
    .rank.bfh-rank.medium.r122 {
      background-position: -128px -256px; }
    .rank.bfh-rank.medium.r123 {
      background-position: -256px -256px; }
    .rank.bfh-rank.medium.r124 {
      background-position: -384px -256px; }
    .rank.bfh-rank.medium.r125 {
      background-position: -512px -256px; }
    .rank.bfh-rank.medium.r126 {
      background-position: -640px -256px; }
    .rank.bfh-rank.medium.r127 {
      background-position: -768px -256px; }
    .rank.bfh-rank.medium.r128 {
      background-position: -896px -256px; }
    .rank.bfh-rank.medium.r129 {
      background-position: -1024px -256px; }
    .rank.bfh-rank.medium.r13 {
      background-position: -1152px -256px; }
    .rank.bfh-rank.medium.r130 {
      background-position: -1280px -256px; }
    .rank.bfh-rank.medium.r131 {
      background-position: -1408px -256px; }
    .rank.bfh-rank.medium.r132 {
      background-position: -1536px -256px; }
    .rank.bfh-rank.medium.r133 {
      background-position: 0 -384px; }
    .rank.bfh-rank.medium.r134 {
      background-position: -128px -384px; }
    .rank.bfh-rank.medium.r135 {
      background-position: -256px -384px; }
    .rank.bfh-rank.medium.r136 {
      background-position: -384px -384px; }
    .rank.bfh-rank.medium.r137 {
      background-position: -512px -384px; }
    .rank.bfh-rank.medium.r138 {
      background-position: -640px -384px; }
    .rank.bfh-rank.medium.r139 {
      background-position: -768px -384px; }
    .rank.bfh-rank.medium.r14 {
      background-position: -896px -384px; }
    .rank.bfh-rank.medium.r140 {
      background-position: -1024px -384px; }
    .rank.bfh-rank.medium.r141 {
      background-position: -1152px -384px; }
    .rank.bfh-rank.medium.r142 {
      background-position: -1280px -384px; }
    .rank.bfh-rank.medium.r143 {
      background-position: -1408px -384px; }
    .rank.bfh-rank.medium.r144 {
      background-position: -1536px -384px; }
    .rank.bfh-rank.medium.r145 {
      background-position: 0 -512px; }
    .rank.bfh-rank.medium.r146 {
      background-position: -128px -512px; }
    .rank.bfh-rank.medium.r147 {
      background-position: -256px -512px; }
    .rank.bfh-rank.medium.r148 {
      background-position: -384px -512px; }
    .rank.bfh-rank.medium.r149 {
      background-position: -512px -512px; }
    .rank.bfh-rank.medium.r15 {
      background-position: -640px -512px; }
    .rank.bfh-rank.medium.r150 {
      background-position: -768px -512px; }
    .rank.bfh-rank.medium.r16 {
      background-position: -896px -512px; }
    .rank.bfh-rank.medium.r17 {
      background-position: -1024px -512px; }
    .rank.bfh-rank.medium.r18 {
      background-position: -1152px -512px; }
    .rank.bfh-rank.medium.r19 {
      background-position: -1280px -512px; }
    .rank.bfh-rank.medium.r2 {
      background-position: -1408px -512px; }
    .rank.bfh-rank.medium.r20 {
      background-position: -1536px -512px; }
    .rank.bfh-rank.medium.r21 {
      background-position: 0 -640px; }
    .rank.bfh-rank.medium.r22 {
      background-position: -128px -640px; }
    .rank.bfh-rank.medium.r23 {
      background-position: -256px -640px; }
    .rank.bfh-rank.medium.r24 {
      background-position: -384px -640px; }
    .rank.bfh-rank.medium.r25 {
      background-position: -512px -640px; }
    .rank.bfh-rank.medium.r26 {
      background-position: -640px -640px; }
    .rank.bfh-rank.medium.r27 {
      background-position: -768px -640px; }
    .rank.bfh-rank.medium.r28 {
      background-position: -896px -640px; }
    .rank.bfh-rank.medium.r29 {
      background-position: -1024px -640px; }
    .rank.bfh-rank.medium.r3 {
      background-position: -1152px -640px; }
    .rank.bfh-rank.medium.r30 {
      background-position: -1280px -640px; }
    .rank.bfh-rank.medium.r31 {
      background-position: -1408px -640px; }
    .rank.bfh-rank.medium.r32 {
      background-position: -1536px -640px; }
    .rank.bfh-rank.medium.r33 {
      background-position: 0 -768px; }
    .rank.bfh-rank.medium.r34 {
      background-position: -128px -768px; }
    .rank.bfh-rank.medium.r35 {
      background-position: -256px -768px; }
    .rank.bfh-rank.medium.r36 {
      background-position: -384px -768px; }
    .rank.bfh-rank.medium.r37 {
      background-position: -512px -768px; }
    .rank.bfh-rank.medium.r38 {
      background-position: -640px -768px; }
    .rank.bfh-rank.medium.r39 {
      background-position: -768px -768px; }
    .rank.bfh-rank.medium.r4 {
      background-position: -896px -768px; }
    .rank.bfh-rank.medium.r40 {
      background-position: -1024px -768px; }
    .rank.bfh-rank.medium.r41 {
      background-position: -1152px -768px; }
    .rank.bfh-rank.medium.r42 {
      background-position: -1280px -768px; }
    .rank.bfh-rank.medium.r43 {
      background-position: -1408px -768px; }
    .rank.bfh-rank.medium.r44 {
      background-position: -1536px -768px; }
    .rank.bfh-rank.medium.r45 {
      background-position: 0 -896px; }
    .rank.bfh-rank.medium.r46 {
      background-position: -128px -896px; }
    .rank.bfh-rank.medium.r47 {
      background-position: -256px -896px; }
    .rank.bfh-rank.medium.r48 {
      background-position: -384px -896px; }
    .rank.bfh-rank.medium.r49 {
      background-position: -512px -896px; }
    .rank.bfh-rank.medium.r5 {
      background-position: -640px -896px; }
    .rank.bfh-rank.medium.r50 {
      background-position: -768px -896px; }
    .rank.bfh-rank.medium.r51 {
      background-position: -896px -896px; }
    .rank.bfh-rank.medium.r52 {
      background-position: -1024px -896px; }
    .rank.bfh-rank.medium.r53 {
      background-position: -1152px -896px; }
    .rank.bfh-rank.medium.r54 {
      background-position: -1280px -896px; }
    .rank.bfh-rank.medium.r55 {
      background-position: -1408px -896px; }
    .rank.bfh-rank.medium.r56 {
      background-position: -1536px -896px; }
    .rank.bfh-rank.medium.r57 {
      background-position: 0 -1024px; }
    .rank.bfh-rank.medium.r58 {
      background-position: -128px -1024px; }
    .rank.bfh-rank.medium.r59 {
      background-position: -256px -1024px; }
    .rank.bfh-rank.medium.r6 {
      background-position: -384px -1024px; }
    .rank.bfh-rank.medium.r60 {
      background-position: -512px -1024px; }
    .rank.bfh-rank.medium.r61 {
      background-position: -640px -1024px; }
    .rank.bfh-rank.medium.r62 {
      background-position: -768px -1024px; }
    .rank.bfh-rank.medium.r63 {
      background-position: -896px -1024px; }
    .rank.bfh-rank.medium.r64 {
      background-position: -1024px -1024px; }
    .rank.bfh-rank.medium.r65 {
      background-position: -1152px -1024px; }
    .rank.bfh-rank.medium.r66 {
      background-position: -1280px -1024px; }
    .rank.bfh-rank.medium.r67 {
      background-position: -1408px -1024px; }
    .rank.bfh-rank.medium.r68 {
      background-position: -1536px -1024px; }
    .rank.bfh-rank.medium.r69 {
      background-position: 0 -1152px; }
    .rank.bfh-rank.medium.r7 {
      background-position: -128px -1152px; }
    .rank.bfh-rank.medium.r70 {
      background-position: -256px -1152px; }
    .rank.bfh-rank.medium.r71 {
      background-position: -384px -1152px; }
    .rank.bfh-rank.medium.r72 {
      background-position: -512px -1152px; }
    .rank.bfh-rank.medium.r73 {
      background-position: -640px -1152px; }
    .rank.bfh-rank.medium.r74 {
      background-position: -768px -1152px; }
    .rank.bfh-rank.medium.r75 {
      background-position: -896px -1152px; }
    .rank.bfh-rank.medium.r76 {
      background-position: -1024px -1152px; }
    .rank.bfh-rank.medium.r77 {
      background-position: -1152px -1152px; }
    .rank.bfh-rank.medium.r78 {
      background-position: -1280px -1152px; }
    .rank.bfh-rank.medium.r79 {
      background-position: -1408px -1152px; }
    .rank.bfh-rank.medium.r8 {
      background-position: -1536px -1152px; }
    .rank.bfh-rank.medium.r80 {
      background-position: 0 -1280px; }
    .rank.bfh-rank.medium.r81 {
      background-position: -128px -1280px; }
    .rank.bfh-rank.medium.r82 {
      background-position: -256px -1280px; }
    .rank.bfh-rank.medium.r83 {
      background-position: -384px -1280px; }
    .rank.bfh-rank.medium.r84 {
      background-position: -512px -1280px; }
    .rank.bfh-rank.medium.r85 {
      background-position: -640px -1280px; }
    .rank.bfh-rank.medium.r86 {
      background-position: -768px -1280px; }
    .rank.bfh-rank.medium.r87 {
      background-position: -896px -1280px; }
    .rank.bfh-rank.medium.r88 {
      background-position: -1024px -1280px; }
    .rank.bfh-rank.medium.r89 {
      background-position: -1152px -1280px; }
    .rank.bfh-rank.medium.r9 {
      background-position: -1280px -1280px; }
    .rank.bfh-rank.medium.r90 {
      background-position: -1408px -1280px; }
    .rank.bfh-rank.medium.r91 {
      background-position: -1536px -1280px; }
    .rank.bfh-rank.medium.r92 {
      background-position: 0 -1408px; }
    .rank.bfh-rank.medium.r93 {
      background-position: -128px -1408px; }
    .rank.bfh-rank.medium.r94 {
      background-position: -256px -1408px; }
    .rank.bfh-rank.medium.r95 {
      background-position: -384px -1408px; }
    .rank.bfh-rank.medium.r96 {
      background-position: -512px -1408px; }
    .rank.bfh-rank.medium.r97 {
      background-position: -640px -1408px; }
    .rank.bfh-rank.medium.r98 {
      background-position: -768px -1408px; }
    .rank.bfh-rank.medium.r99 {
      background-position: -896px -1408px; }

body .battlepackdialog {
  width: 687px; }
  body .battlepackdialog .loadingdialog {
    text-align: center;
    height: 105px; }
  body .battlepackdialog .bp-open {
    margin: 0px auto 8px auto;
    display: block; }
  body .battlepackdialog .btn-container label {
    position: relative;
    top: 10px; }
    body .battlepackdialog .btn-container label input {
      position: relative;
      top: 0px; }
  body .battlepackdialog #battlepacks-open-popup ul li.hidden {
    opacity: 0; }

.battlepacks-scroller {
  margin-top: 1px; }
  .battlepacks-scroller .scroll-left, .battlepacks-scroller .scroll-right {
    line-height: 230px; }
  .battlepacks-scroller .disabled.scroll-left:hover, .battlepacks-scroller .disabled.scroll-right:hover {
    cursor: default;
    background-color: rgba(0, 0, 0, 0.5); }

#unopened-battlepacks header {
  margin-bottom: 1px; }
#unopened-battlepacks .scroll-container-outer {
  height: 210px; }
#unopened-battlepacks .scrollable {
  height: 200px;
  position: relative; }
  #unopened-battlepacks .scrollable span {
    font-size: 12px;
    display: block;
    text-align: center;
    padding-bottom: 7px;
    padding-top: 1px; }
  #unopened-battlepacks .scrollable.selected span {
    color: #000; }
  #unopened-battlepacks .scrollable .imagebox {
    position: relative; }
    #unopened-battlepacks .scrollable .imagebox .rank {
      position: absolute;
      top: 45px;
      right: 14px; }
  #unopened-battlepacks .scrollable .points-left {
    color: #a8a8a8;
    font-weight: bold;
    text-transform: none; }
  #unopened-battlepacks .scrollable .progress-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin-bottom: 0; }
#unopened-battlepacks .box-content {
  height: 185px;
  position: relative; }
  #unopened-battlepacks .box-content p {
    position: absolute;
    top: 45%;
    left: 0;
    width: 100%;
    text-align: center; }
  #unopened-battlepacks .box-content a.upsell {
    text-decoration: underline; }

/* Special handling of BP entries in the Battle Feed */
.feed-story .battlepacks-list .battlebox ul .innergroup {
  width: 304px; }

.battlepacks-list.legacy img.battlepacks_open {
  width: 40px;
  height: 40px; }
.battlepacks-list.legacy .battlebox ul .bp-item {
  position: relative;
  background: rgba(0, 0, 0, 0.7);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .battlepacks-list.legacy .battlebox ul .bp-item .appearance {
    margin: 0 auto; }
    .battlepacks-list.legacy .battlebox ul .bp-item .appearance.medium {
      width: 147px;
      height: 36px; }
    .battlepacks-list.legacy .battlebox ul .bp-item .appearance.small {
      width: 90px;
      height: 22px; }
    .battlepacks-list.legacy .battlebox ul .bp-item .appearance.large {
      width: 208px;
      height: 52px; }
  .battlepacks-list.legacy .battlebox ul .bp-item .upper {
    background: rgba(0, 0, 0, 0.7); }
    .battlepacks-list.legacy .battlebox ul .bp-item .upper img {
      max-height: 50px;
      margin-top: 0;
      padding: 0; }
      .battlepacks-list.legacy .battlebox ul .bp-item .upper img.battlepackitems {
        margin-top: 9px; }
      .battlepacks-list.legacy .battlebox ul .bp-item .upper img.weapon {
        width: 64px;
        height: 16px; }
  .battlepacks-list.legacy .battlebox ul .bp-item .info {
    background: #f3f3f3;
    padding-bottom: 7px; }
    .battlepacks-list.legacy .battlebox ul .bp-item .info .inventory {
      padding: 3px;
      padding-bottom: 0;
      width: auto;
      color: #308dbf;
      font-weight: bold; }
    .battlepacks-list.legacy .battlebox ul .bp-item .info .inventory-parent {
      color: #555; }
  .battlepacks-list.legacy .battlebox ul .bp-item figure {
    position: initial;
    top: 0;
    height: 100%;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none; }
  .battlepacks-list.legacy .battlebox ul .bp-item figure img {
    position: relative;
    top: 40%;
    max-width: 80%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }
  .battlepacks-list.legacy .battlebox ul .bp-item figcaption {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin-top: 6px;
    background: #f3f3f3; }
.battlepacks-list.legacy .battlebox ul .feed-pack {
  background: none; }

.battlepacks-list .currscore {
  color: #FFF;
  font-size: 12px;
  float: left;
  margin-right: 5px; }
.battlepacks-list .maxscore {
  font-size: 12px;
  color: #d3d3d3;
  float: left; }
.battlepacks-list .unlocksatrank {
  clear: both;
  display: block;
  text-align: right;
  padding-bottom: 8px;
  font-size: 12px; }
.battlepacks-list .battlebox ul .feed-pack {
  position: relative;
  padding: 2px;
  width: 54px;
  float: left;
  background: rgba(0, 0, 0, 0.4);
  height: 89px;
  margin-right: 1px; }
  .battlepacks-list .battlebox ul .feed-pack img.small {
    width: 40px;
    height: 40px;
    margin-left: -21px;
    margin-top: -21px;
    position: absolute;
    top: 50%;
    left: 50%; }
  .battlepacks-list .battlebox ul .feed-pack.row2 {
    height: 183px; }
  .battlepacks-list .battlebox ul .feed-pack.row3 {
    height: 277px; }
  .battlepacks-list .battlebox ul .feed-pack .battlepacks, .battlepacks-list .battlebox ul .feed-pack .battlepacks_open {
    margin-left: -21px;
    margin-top: -21px;
    position: absolute;
    top: 50%;
    left: 50%; }
.battlepacks-list .battlebox ul .innergroup {
  float: left;
  width: 505px;
  margin-bottom: 8px; }
.battlepacks-list .battlebox ul .bp-item {
  padding: 0;
  float: left;
  width: 100px;
  height: 93px;
  margin-right: 1px;
  margin-bottom: 1px;
  background: rgba(0, 0, 0, 0.2);
  text-align: center;
  font-size: 11px;
  position: relative; }
  .battlepacks-list .battlebox ul .bp-item.superior, .battlepacks-list .battlebox ul .bp-item.distinguished, .battlepacks-list .battlebox ul .bp-item.premium {
    outline: 1px solid #f4d07d; }
  .battlepacks-list .battlebox ul .bp-item span.inventory-rareness {
    color: #ff9900;
    text-align: center;
    text-transform: uppercase;
    width: 100%; }
  .battlepacks-list .battlebox ul .bp-item figure {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }
  .battlepacks-list .battlebox ul .bp-item figcaption {
    margin-top: 6px; }
  .battlepacks-list .battlebox ul .bp-item div.small, .battlepacks-list .battlebox ul .bp-item div.xsmall, .battlepacks-list .battlebox ul .bp-item img.small {
    max-height: 50px; }
  .battlepacks-list .battlebox ul .bp-item div.boosts {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
    margin-bottom: -9px;
    margin-top: -12px; }
  .battlepacks-list .battlebox ul .bp-item .info {
    padding-bottom: 6px; }
  .battlepacks-list .battlebox ul .bp-item span {
    line-height: 16px;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-align: center;
    width: 100%; }
    .battlepacks-list .battlebox ul .bp-item span.inventory-parent {
      color: #a8a8a8; }
.battlepacks-list .battlebox img.pack {
  width: 120px;
  margin-right: 20px; }
.battlepacks-list .battlebox p {
  font-size: 14px;
  font-weight: bold;
  padding-bottom: 12px; }
.battlepacks-list .battlebox ul p {
  font-size: 12px;
  font-weight: normal;
  color: #a8a8a8; }
.battlepacks-list .opened {
  margin-top: 1px; }
  .battlepacks-list .opened img {
    opacity: 0.75; }
.battlepacks-list .row {
  margin-bottom: 20px; }
.battlepacks-list .next img {
  width: 240px;
  margin: auto; }
.battlepacks-list #battlepacks-upcoming .pack-list li, .battlepacks-list #battlepacks-weapon-upcoming .pack-list li {
  position: relative;
  float: left;
  width: 106px;
  height: 120px;
  padding-top: 15px;
  background-color: rgba(7, 7, 7, 0.5);
  margin: 1px 1px 0 0;
  text-align: center; }
  .battlepacks-list #battlepacks-upcoming .pack-list li:hover, .battlepacks-list #battlepacks-weapon-upcoming .pack-list li:hover {
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.6); }
    .battlepacks-list #battlepacks-upcoming .pack-list li:hover .track-icon, .battlepacks-list #battlepacks-weapon-upcoming .pack-list li:hover .track-icon {
      display: block; }
  .battlepacks-list #battlepacks-upcoming .pack-list li.last, .battlepacks-list #battlepacks-weapon-upcoming .pack-list li.last {
    margin-right: 0; }
  .battlepacks-list #battlepacks-upcoming .pack-list li .track-icon, .battlepacks-list #battlepacks-weapon-upcoming .pack-list li .track-icon {
    display: none; }
  .battlepacks-list #battlepacks-upcoming .pack-list li div.battlepacks, .battlepacks-list #battlepacks-weapon-upcoming .pack-list li div.battlepacks {
    position: absolute;
    top: 45px;
    right: 15px; }
  .battlepacks-list #battlepacks-upcoming .pack-list li .weapon, .battlepacks-list #battlepacks-weapon-upcoming .pack-list li .weapon {
    margin-top: 15px; }
  .battlepacks-list #battlepacks-upcoming .pack-list li .progress-bar, .battlepacks-list #battlepacks-weapon-upcoming .pack-list li .progress-bar {
    position: absolute;
    bottom: 0;
    margin-bottom: 0;
    width: 100%; }
  .battlepacks-list #battlepacks-upcoming .pack-list li span, .battlepacks-list #battlepacks-weapon-upcoming .pack-list li span {
    position: absolute;
    display: block;
    color: #a8a8a8;
    font-size: 11px;
    bottom: 15px;
    left: 0;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .battlepacks-list #battlepacks-upcoming .pack-list li strong, .battlepacks-list #battlepacks-weapon-upcoming .pack-list li strong {
    position: absolute;
    bottom: 30px;
    left: 0;
    width: 100%;
    font-size: 12px;
    display: block; }
  .battlepacks-list #battlepacks-upcoming .pack-list li:nth-child(-n+3) span, .battlepacks-list #battlepacks-weapon-upcoming .pack-list li:nth-child(-n+3) span {
    font-weight: bold; }
.battlepacks-list #battlepacks-upcoming.headline, .battlepacks-list #battlepacks-weapon-upcoming.headline {
  margin-top: 1px; }
.battlepacks-list #battlepacks-upcoming img p, .battlepacks-list #battlepacks-weapon-upcoming img p {
  display: inline-block; }
.battlepacks-list .info .pack-images, .battlepacks-list .weapon-pack .pack-images {
  position: relative;
  height: 140px; }
  .battlepacks-list .info .pack-images img, .battlepacks-list .weapon-pack .pack-images img {
    position: absolute; }
  .battlepacks-list .info .pack-images #pack-image-bronze, .battlepacks-list .weapon-pack .pack-images #pack-image-bronze {
    top: 0px;
    left: 0px; }
  .battlepacks-list .info .pack-images #pack-image-silver, .battlepacks-list .weapon-pack .pack-images #pack-image-silver {
    top: 0px;
    left: 80px; }
  .battlepacks-list .info .pack-images #pack-image-gold, .battlepacks-list .weapon-pack .pack-images #pack-image-gold {
    top: 0px;
    left: 150px; }
.battlepacks-list .info p, .battlepacks-list .weapon-pack p {
  color: #a8a8a8;
  font-size: 12px;
  line-height: 22px; }
.battlepacks-list .buy .box-content {
  text-align: center; }
  .battlepacks-list .buy .box-content figure {
    padding: 0 40px 0 40px;
    margin-bottom: 20px; }
    .battlepacks-list .buy .box-content figure img {
      width: 150px; }
    .battlepacks-list .buy .box-content figure figcaption {
      text-align: left;
      font-size: 12px; }

#battlepacks-opened .no-opened-packs {
  height: 370px;
  position: relative; }
  #battlepacks-opened .no-opened-packs p {
    position: absolute;
    top: 45%;
    left: 0;
    width: 100%;
    text-align: center; }

#battlepacks-open-popup .item-description {
  min-height: 86px; }
  #battlepacks-open-popup .item-description p {
    color: #a8a8a8; }
  #battlepacks-open-popup .item-description span#battlepack-parent-item-name, #battlepacks-open-popup .item-description span#battlepack-item-category {
    font-size: 14px;
    line-height: 16px; }
  #battlepacks-open-popup .item-description h5 {
    text-transform: none;
    margin-top: 8px;
    margin-bottom: 0;
    font-size: 19px; }
    #battlepacks-open-popup .item-description h5 #battlepack-item-rareness {
      text-transform: uppercase; }
      #battlepacks-open-popup .item-description h5 #battlepack-item-rareness.superior, #battlepacks-open-popup .item-description h5 #battlepack-item-rareness.distinguished, #battlepacks-open-popup .item-description h5 #battlepack-item-rareness.premium {
        color: #ff9900; }
#battlepacks-open-popup .items {
  text-align: center;
  display: block;
  width: 670px;
  height: auto; }
  #battlepacks-open-popup .items ul li {
    background-color: #222227;
    margin-right: 1px;
    margin-bottom: 1px;
    display: inline-block;
    float: left;
    width: 213px;
    height: 88px;
    cursor: pointer;
    overflow: hidden; }
    #battlepacks-open-popup .items ul li > * {
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%); }
    #battlepacks-open-popup .items ul li:hover {
      background-color: #2e2e32; }
    #battlepacks-open-popup .items ul li.superior, #battlepacks-open-popup .items ul li.distinguished, #battlepacks-open-popup .items ul li.premium {
      outline: 1px solid #f4d07d; }
    #battlepacks-open-popup .items ul li.active {
      background-color: #2e2e32;
      outline: 1px solid white; }
    #battlepacks-open-popup .items ul li .soldierportrait {
      max-height: 80%; }

.battlepacks-buypacks .product .boxart {
  width: 130px;
  height: 100px;
  margin: 0 12px 0 0;
  float: left;
  background-repeat: no-repeat;
  background-position: 50% 50%; }
.battlepacks-buypacks .product.battlefield-4-5-x-gold-battlepacks .boxart {
  background-image: url('../odcstore/gold-x5.png');
  background-size: 100%; }
.battlepacks-buypacks .product.battlefield-4-gold-battlepack .boxart {
  background-image: url('../odcstore/battlepack-gold.png');
  background-size: 70%; }
.battlepacks-buypacks .product .info {
  float: left;
  width: 145px; }
  .battlepacks-buypacks .product .info .description {
    margin-bottom: 6px; }
    .battlepacks-buypacks .product .info .description .product-title {
      font-size: 14px;
      font-weight: bold;
      text-transform: uppercase; }
    .battlepacks-buypacks .product .info .description .product-edition {
      display: none; }
    .battlepacks-buypacks .product .info .description .product-description {
      display: none; }
    .battlepacks-buypacks .product .info .description .platforms {
      display: none; }
  .battlepacks-buypacks .product .info .cta .price {
    font-size: 20px; }
    .battlepacks-buypacks .product .info .cta .price .regular-price {
      display: block;
      font-size: 70%;
      margin-top: 2px;
      text-decoration: line-through; }
  .battlepacks-buypacks .product .info .cta .btn {
    margin-top: 6px; }

.appearance.PremiumParachute.small {
  background: url("../battlepacks/items/premium_parachute_small.jpg"); }
.appearance.PremiumParachute.medium {
  background: url("../battlepacks/items/premium_parachute_medium.jpg"); }
.appearance.PremiumParachute.large {
  background: url("../battlepacks/items/premium_parachute_large.jpg"); }

.battlepacks-unlocking-soon-list li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid transparent;
  position: relative;
  height: 108px;
  background-color: rgba(7, 7, 7, 0.5); }
  .battlepacks-unlocking-soon-list li .unlock-award-image {
    position: absolute;
    top: 40px;
    left: 10px; }
  .battlepacks-unlocking-soon-list li .unlock-parent-image {
    position: absolute;
    top: 35px;
    right: 5px; }
  .battlepacks-unlocking-soon-list li .progress-bar {
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    margin-bottom: 0; }

.feed-story-body .bp-item .upper {
  margin-top: 10px; }

#cte #cte-agreement {
  max-height: 400px;
  overflow-y: scroll; }
#cte p {
  font-size: 12px;
  margin-bottom: 1em;
  margin-top: 1em; }

#cte-info {
  text-align: center; }
  #cte-info .span12 .box {
    width: 588px;
    margin: 0 auto; }
    #cte-info .span12 .box .box-content {
      text-align: center; }
  #cte-info .form-inputs {
    text-align: left;
    padding-bottom: 16px;
    padding-top: 16px;
    margin-left: 135px; }
    #cte-info .form-inputs label {
      display: block;
      padding-bottom: 8px; }
    #cte-info .form-inputs input {
      line-height: 24px;
      width: 240px; }
  #cte-info span {
    font-size: 12px;
    margin-top: 12px;
    margin-bottom: 12px;
    padding-left: 8px; }
    #cte-info span.text {
      font-size: 16px;
      padding-left: 0px; }

#cte-guide img {
  max-width: 420px;
  margin-top: 16px;
  margin-bottom: 16px; }

#now-on-console {
  position: absolute;
  top: 280px;
  left: 20px;
  width: 450px;
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.9);
  color: #ff9900;
  font-family: Purista, sans-serif;
  font-size: 28px;
  padding: 16px;
  text-align: center;
  line-height: 1.2;
  font-weight: 600; }

/* ODCStore component CSS resource */
.odcstore .products .product {
  vertical-align: top;
  position: relative; }
  .odcstore .products .product .boxart {
    background-repeat: no-repeat;
    background-size: 100%; }
    .odcstore .products .product .boxart.medium {
      width: 142px;
      height: 200px; }
    .odcstore .products .product .boxart.small {
      width: 63px;
      height: 89px; }
    .odcstore .products .product .boxart.tiny {
      width: 50px;
      height: 60px; }
  .odcstore .products .product .description {
    white-space: normal; }
    .odcstore .products .product .description .product-edition {
      display: none; }
  .odcstore .products .product .platforms {
    margin: 6px 0;
    font-size: 14px;
    line-height: 18px;
    color: #ccc; }
    .odcstore .products .product .platforms label {
      display: block;
      font-weight: bold; }
      .odcstore .products .product .platforms label .platform {
        margin: 0 0 0 0; }
        .odcstore .products .product .platforms label .platform.single {
          display: none; }
    .odcstore .products .product .platforms.false {
      display: none; }
    .odcstore .products .product .platforms.platforms-1 input {
      display: none; }
    .is-hybrid .odcstore .products .product .platforms {
      display: none; }
  .odcstore .products .product .cta {
    margin-top: 6px; }
    #base-bf4-html .odcstore .products .product .cta {
      color: #ccc; }
    .odcstore .products .product .cta .price {
      color: #fff;
      font-weight: 600;
      font-size: 26px; }
      .odcstore .products .product .cta .price .strike {
        opacity: 0.7;
        display: inline-block;
        text-decoration: line-through;
        font-size: 70%;
        font-weight: normal; }
    .odcstore .products .product .cta .btn {
      margin-top: 6px;
      min-width: 140px;
      padding-left: 20px;
      padding-right: 20px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      max-width: 100%; }
    .is-hybrid .odcstore .products .product .cta {
      display: none; }

.odcstore .product-container.base-game .not-available i.icon, .odcstore .product-container.premium .product .not-available i.icon {
  width: 265px;
  height: 74px;
  display: inline-block;
  font-style: normal;
  font-size: 14px;
  line-height: 18px; }
.odcstore .product-container.base-game .not-available.platform-xbox360 i.icon, .odcstore .product-container.premium .product .not-available.platform-xbox360 i.icon, .odcstore .product-container.base-game .not-available.platform-xboxone i.icon, .odcstore .product-container.premium .product .not-available.platform-xboxone i.icon {
  background: url(../odcstore/xbstore-big.png) bottom center no-repeat; }
  .lang-fr .odcstore .product-container.base-game .not-available.platform-xbox360 i.icon, .lang-fr .odcstore .product-container.premium .product .not-available.platform-xbox360 i.icon, .lang-fr .odcstore .product-container.base-game .not-available.platform-xboxone i.icon, .lang-fr .odcstore .product-container.premium .product .not-available.platform-xboxone i.icon {
    background-image: url(../odcstore/xbstore-big-fr.png); }
  .lang-es .odcstore .product-container.base-game .not-available.platform-xbox360 i.icon, .lang-es .odcstore .product-container.premium .product .not-available.platform-xbox360 i.icon, .lang-es .odcstore .product-container.base-game .not-available.platform-xboxone i.icon, .lang-es .odcstore .product-container.premium .product .not-available.platform-xboxone i.icon {
    background-image: url(../odcstore/xbstore-big-es.png); }
  .lang-ru .odcstore .product-container.base-game .not-available.platform-xbox360 i.icon, .lang-ru .odcstore .product-container.premium .product .not-available.platform-xbox360 i.icon, .lang-ru .odcstore .product-container.base-game .not-available.platform-xboxone i.icon, .lang-ru .odcstore .product-container.premium .product .not-available.platform-xboxone i.icon {
    background-image: url(../odcstore/xbstore-big-ru.png); }
.odcstore .product-container.base-game .not-available.platform-ps3 i.icon, .odcstore .product-container.premium .product .not-available.platform-ps3 i.icon, .odcstore .product-container.base-game .not-available.platform-ps4 i.icon, .odcstore .product-container.premium .product .not-available.platform-ps4 i.icon {
  background: url(../odcstore/psstore-big.png) bottom center no-repeat; }
.odcstore .product-container.base-game .not-available.platform-pc i.icon, .odcstore .product-container.premium .product .not-available.platform-pc i.icon {
  display: none; }
.odcstore .product-container.base-game .not-available h3, .odcstore .product-container.premium .product .not-available h3 {
  font-size: 14px;
  line-height: 18px;
  font-weight: bold;
  text-transform: uppercase; }
  #base-bf4-html .odcstore .product-container.base-game .not-available h3, #base-bf4-html .odcstore .product-container.premium .product .not-available h3 {
    font-family: Purista;
    font-weight: normal;
    margin-bottom: 0; }
.odcstore .product-container.base-game .not-available p, .odcstore .product-container.premium .product .not-available p {
  font-size: 14px;
  line-height: 18px; }

.odcstore .product-container.kitshortcuts .product .not-available i.icon, .odcstore .product-container.expansions .product .not-available i.icon, .odcstore .product-container.battlepacks .product .not-available i.icon {
  width: 142px;
  height: 51px;
  display: inline-block;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
  text-align: center; }
.odcstore .product-container.kitshortcuts .product .not-available.platform-xbox360 i.icon, .odcstore .product-container.expansions .product .not-available.platform-xbox360 i.icon, .odcstore .product-container.battlepacks .product .not-available.platform-xbox360 i.icon, .odcstore .product-container.kitshortcuts .product .not-available.platform-xboxone i.icon, .odcstore .product-container.expansions .product .not-available.platform-xboxone i.icon, .odcstore .product-container.battlepacks .product .not-available.platform-xboxone i.icon {
  background: url(../odcstore/xbstore-small.png) bottom center no-repeat; }
  .lang-fr .odcstore .product-container.kitshortcuts .product .not-available.platform-xbox360 i.icon, .lang-fr .odcstore .product-container.expansions .product .not-available.platform-xbox360 i.icon, .lang-fr .odcstore .product-container.battlepacks .product .not-available.platform-xbox360 i.icon, .lang-fr .odcstore .product-container.kitshortcuts .product .not-available.platform-xboxone i.icon, .lang-fr .odcstore .product-container.expansions .product .not-available.platform-xboxone i.icon, .lang-fr .odcstore .product-container.battlepacks .product .not-available.platform-xboxone i.icon {
    background-image: url(../odcstore/xbstore-small-fr.png); }
  .lang-es .odcstore .product-container.kitshortcuts .product .not-available.platform-xbox360 i.icon, .lang-es .odcstore .product-container.expansions .product .not-available.platform-xbox360 i.icon, .lang-es .odcstore .product-container.battlepacks .product .not-available.platform-xbox360 i.icon, .lang-es .odcstore .product-container.kitshortcuts .product .not-available.platform-xboxone i.icon, .lang-es .odcstore .product-container.expansions .product .not-available.platform-xboxone i.icon, .lang-es .odcstore .product-container.battlepacks .product .not-available.platform-xboxone i.icon {
    background-image: url(../odcstore/xbstore-small-es.png); }
  .lang-ru .odcstore .product-container.kitshortcuts .product .not-available.platform-xbox360 i.icon, .lang-ru .odcstore .product-container.expansions .product .not-available.platform-xbox360 i.icon, .lang-ru .odcstore .product-container.battlepacks .product .not-available.platform-xbox360 i.icon, .lang-ru .odcstore .product-container.kitshortcuts .product .not-available.platform-xboxone i.icon, .lang-ru .odcstore .product-container.expansions .product .not-available.platform-xboxone i.icon, .lang-ru .odcstore .product-container.battlepacks .product .not-available.platform-xboxone i.icon {
    background-image: url(../odcstore/xbstore-small-ru.png); }
.odcstore .product-container.kitshortcuts .product .not-available.platform-ps3 i.icon, .odcstore .product-container.expansions .product .not-available.platform-ps3 i.icon, .odcstore .product-container.battlepacks .product .not-available.platform-ps3 i.icon, .odcstore .product-container.kitshortcuts .product .not-available.platform-ps4 i.icon, .odcstore .product-container.expansions .product .not-available.platform-ps4 i.icon, .odcstore .product-container.battlepacks .product .not-available.platform-ps4 i.icon {
  background: url(../odcstore/psstore-small.png) bottom center no-repeat; }

/*-------------------------------------------------------------------------------------------------------*/
#base-bf4-html .odcstore header.primary, #base-bfh-html .odcstore header.primary {
  background-image: url(../odcstore/origin-storelogo.png);
  background-position: 100% 0px;
  background-repeat: no-repeat; }
.odcstore .box > header h1 {
  text-transform: uppercase; }
.odcstore .box > header {
  position: relative; }
.odcstore .header-notice {
  font-size: 12px;
  color: #aaa;
  position: absolute;
  right: 12px; }
  #base-bf4-html .odcstore .header-notice {
    top: 6px; }
  #base-bf3-html .odcstore .header-notice {
    top: 13px;
    right: 0px; }
#base-bf3-html .odcstore header h1.primary {
  margin-bottom: 16px; }
#base-bf3-html .odcstore nav {
  margin-bottom: 16px; }
  #base-bf3-html .odcstore nav li a {
    padding: 0 16px;
    text-transform: capitalize; }
  #base-bf3-html .odcstore nav li.platform-pc a {
    text-transform: uppercase; }
#base-bf3-html .odcstore {
  color: #353535; }
.odcstore .products {
  /*--------------------------------------------------------------*/ }
  .odcstore .products.box-line {
    white-space: nowrap; }
    .odcstore .products.box-line .product {
      white-space: normal;
      display: inline-block; }
    .odcstore .products.box-line.items-2 .product {
      width: 50%;
      box-sizing: border-box; }
  .odcstore .products.line-list .product {
    display: block;
    border-bottom: 1px solid #ededed;
    margin-top: 12px;
    padding-bottom: 12px;
    overflow: hidden; }
    .odcstore .products.line-list .product:first-child {
      margin-top: 0; }
    .odcstore .products.line-list .product:last-child {
      padding-bottom: 0;
      border-bottom: none; }
    .odcstore .products.line-list .product .boxart {
      float: left;
      margin-right: 12px; }
    .odcstore .products.line-list .product .description {
      float: left; }
    .odcstore .products.line-list .product .cta {
      float: right; }
      .odcstore .products.line-list .product .cta .price {
        min-width: 120px; }
        .odcstore .products.line-list .product .cta .price .current-price {
          text-align: right; }
        .odcstore .products.line-list .product .cta .price .regular-price {
          text-align: right; }
.odcstore .product-container .origin-access a {
  color: #ff9900; }
.odcstore .product-container .not-available.platform-ps3 h3, .odcstore .product-container .not-available.platform-ps4 h3, .odcstore .product-container .not-available.platform-xbox360 h3, .odcstore .product-container .not-available.platform-xboxone h3 {
  display: none; }
.odcstore .product-container .not-available.platform-ps3 p, .odcstore .product-container .not-available.platform-ps4 p, .odcstore .product-container .not-available.platform-xbox360 p, .odcstore .product-container .not-available.platform-xboxone p {
  display: none; }
.odcstore .product-container.base-game .logo {
  position: absolute;
  top: 16px;
  left: 16px; }
#base-bf3-html .odcstore .product-container.base-game {
  background-image: url(//d34ymitoc1pg7m.cloudfront.net/bf4/store/store-bf3-36cdd148.jpg);
  background-repeat: no-repeat;
  background-size: 100%;
  padding-top: 350px;
  background-color: #000;
  position: relative; }
  #base-bf3-html .odcstore .product-container.base-game.battlefield-4 {
    background-image: url(//d34ymitoc1pg7m.cloudfront.net/bf4/store/store-bf4-7b2e8a8d.jpg); }
  #base-bf3-html .odcstore .product-container.base-game.battlefield-hardline {
    background-image: url(//d34ymitoc1pg7m.cloudfront.net/bfh/loggedout/loggedout-bg-d181dab1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 336px;
    background-position: top right;
    position: relative; }
#base-bf4-html .odcstore .product-container.base-game {
  background-image: url(//d34ymitoc1pg7m.cloudfront.net/bf4/store/store-bf4-7b2e8a8d.jpg);
  background-repeat: no-repeat;
  background-size: 100%;
  padding-top: 350px; }
  #base-bf4-html .odcstore .product-container.base-game.battlefield-hardline {
    background-image: url(//d34ymitoc1pg7m.cloudfront.net/bfh/loggedout/loggedout-bg-d181dab1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 336px;
    background-position: top right;
    position: relative; }
.odcstore .product-container.base-game .products {
  background-color: rgba(7, 7, 7, 0.7);
  background: -webkit-linear-gradient(top, rgba(7, 7, 7, 0.7), rgba(7, 7, 7, 0.9));
  background: linear-gradient(to bottom, rgba(7, 7, 7, 0.7), rgba(7, 7, 7, 0.9));
  padding: 16px 16px; }
  .odcstore .product-container.base-game .products.items-1 .product {
    width: 60%; }
  .odcstore .product-container.base-game .products.items-3 .product {
    width: 25%;
    box-sizing: border-box; }
    .odcstore .product-container.base-game .products.items-3 .product:first-child {
      width: 50%; }
.odcstore .product-container.base-game .product .boxart {
  float: left;
  margin: 0 16px 0 0; }
.odcstore .product-container.base-game .product .info {
  margin-right: 16px;
  margin-left: 158px; }
  #base-bf3-html .odcstore .product-container.base-game .product .info {
    min-height: 127px; }
  #base-bf4-html .odcstore .product-container.base-game .product .info {
    min-height: 95px; }
.odcstore .product-container.base-game .product:last-child .info {
  margin-right: 0; }
.odcstore .product-container.base-game .product .product-title {
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 8px; }
  #base-bf4-html .odcstore .product-container.base-game .product .product-title {
    font-family: Purista;
    font-weight: 600;
    font-size: 30px; }
.odcstore .product-container.base-game .product .product-edition {
  display: block;
  color: #eee;
  font-size: 14px;
  line-height: 18px;
  font-weight: bold; }
.odcstore .product-container.base-game .product .product-description {
  color: #ccc;
  line-height: 18px;
  font-size: 14px; }
.odcstore .product-container.base-game .product .cta {
  padding-bottom: 3px;
  color: #ccc; }
.odcstore .product-container.base-game .product .origin-access, .odcstore .product-container.base-game .product .release-date {
  font-size: 14px;
  margin: 6px 0; }
#base-bf4-html .odcstore .product-container.base-game .product .price {
  font-family: Purista;
  font-weight: 600; }
.odcstore .product-container.base-game .not-available {
  text-align: center;
  background-color: rgba(7, 7, 7, 0.7);
  padding: 48px;
  color: #ccc; }
#base-bf3-html .odcstore .product-container.premium {
  background-image: url(//d34ymitoc1pg7m.cloudfront.net/bf4/store/store-bf3-premium-c0f6596b.jpg);
  background-repeat: no-repeat;
  background-size: 100%;
  padding-top: 240px; }
#base-bf4-html .odcstore .product-container.premium {
  background-image: url(//d34ymitoc1pg7m.cloudfront.net/bf4/store/store-bf4-premium-64cc02ee.jpg);
  background-repeat: no-repeat;
  background-size: 100%;
  padding-top: 270px; }
.odcstore .product-container.premium .products {
  background-color: rgba(7, 7, 7, 0.7);
  padding: 16px 16px; }
  #base-bf4-html .odcstore .product-container.premium .products {
    background-image: url(../premium/xpacks-boxes.png);
    background-repeat: no-repeat;
    background-position: 97% 50%; }
.odcstore .product-container.premium .product .boxart {
  float: left;
  margin: 0 16px 0 0; }
.odcstore .product-container.premium .product:last-child .description {
  margin-right: 0; }
#base-bf3-html .odcstore .product-container.premium .product .description {
  min-height: 127px; }
#base-bf4-html .odcstore .product-container.premium .product .description {
  min-height: 95px; }
.odcstore .product-container.premium .product .product-title {
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 8px; }
  #base-bf4-html .odcstore .product-container.premium .product .product-title {
    font-family: Purista;
    font-weight: 600;
    font-size: 30px; }
.odcstore .product-container.premium .product .product-description {
  max-width: 72%;
  color: #ccc;
  line-height: 18px;
  font-size: 14px; }
.odcstore .product-container.premium .product .release-date {
  font-size: 14px;
  margin: 6px 0; }
#base-bf4-html .odcstore .product-container.premium .product .price {
  font-family: Purista;
  font-weight: 600; }
.odcstore .product-container.premium .product .not-available {
  position: absolute;
  bottom: 0px;
  left: 158px;
  color: #ccc;
  text-align: center; }
#base-bf3-html .odcstore .product-container.kitshortcuts {
  background-image: url(//d34ymitoc1pg7m.cloudfront.net/bf4/store/store-kitshortcuts-5af3c98e.jpg);
  background-repeat: no-repeat;
  background-size: 100%;
  padding-top: 80px; }
.odcstore .product-container.kitshortcuts .kitshortcuts-graphic {
  display: block;
  background-image: url(//d34ymitoc1pg7m.cloudfront.net/bf4/store/banner-without-text-75fa9d2d.png);
  background-color: rgba(7, 7, 7, 0.5);
  background-repeat: no-repeat;
  height: 264px;
  margin-bottom: 1px;
  position: relative;
  margin-left: 0;
  float: none; }
  .odcstore .product-container.kitshortcuts .kitshortcuts-graphic .desc {
    float: right;
    width: 500px;
    padding-top: 110px; }
    .lang-fr .odcstore .product-container.kitshortcuts .kitshortcuts-graphic .desc, .lang-es .odcstore .product-container.kitshortcuts .kitshortcuts-graphic .desc {
      width: 520px; }
  .odcstore .product-container.kitshortcuts .kitshortcuts-graphic h1 {
    color: #ff9900;
    font-size: 60px; }
    .lang-fr .odcstore .product-container.kitshortcuts .kitshortcuts-graphic h1 {
      font-size: 45px; }
    .lang-pl .odcstore .product-container.kitshortcuts .kitshortcuts-graphic h1 {
      font-size: 50px; }
    .lang-ru .odcstore .product-container.kitshortcuts .kitshortcuts-graphic h1, .lang-cs .odcstore .product-container.kitshortcuts .kitshortcuts-graphic h1 {
      font-size: 38px; }
  .odcstore .product-container.kitshortcuts .kitshortcuts-graphic h2 {
    font-size: 24px;
    font-weight: 400; }
  .odcstore .product-container.kitshortcuts .kitshortcuts-graphic .disclaimer {
    position: absolute;
    bottom: 6px;
    right: 16px;
    font-size: 9px;
    color: #89a; }
.odcstore .product-container.kitshortcuts .products .product {
  box-sizing: border-box; }
#base-bf3-html .odcstore .product-container.kitshortcuts .box-content {
  border-bottom: 1px solid #ededed;
  margin-left: 0;
  padding: 16px; }
  #base-bf3-html .odcstore .product-container.kitshortcuts .box-content:last-child {
    border-bottom: none; }
.odcstore .product-container.kitshortcuts > .product-title {
  text-align: center;
  color: #fff;
  font-family: Purista;
  font-size: 32px;
  text-transform: uppercase;
  font-weight: 600;
  text-shadow: 0 1px 5px rgba(0, 0, 0, 0.75); }
  #base-bf4-html .odcstore .product-container.kitshortcuts > .product-title {
    display: none; }
.odcstore .product-container.kitshortcuts .products {
  padding-top: 154px; }
  #base-bf4-html .odcstore .product-container.kitshortcuts .products {
    padding-top: 0; }
.odcstore .product-container.kitshortcuts .product .description {
  max-width: 550px; }
  .odcstore .product-container.kitshortcuts .product .description .product-title {
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 6px; }
  .odcstore .product-container.kitshortcuts .product .description .product-description {
    color: #8a8a8a;
    line-height: 18px;
    font-size: 12px;
    line-height: 14px; }
    .odcstore .product-container.kitshortcuts .product .description .product-description .contains-highlighted-sc {
      margin-top: 12px;
      color: #ff9900;
      text-transform: uppercase; }
  .odcstore .product-container.kitshortcuts .product .description .product-platform {
    font-weight: bold;
    font-size: 14px; }
.odcstore .product-container.kitshortcuts .product .cta .release-date {
  text-align: right;
  font-size: 14px;
  margin-bottom: 6px; }
.odcstore .product-container.kitshortcuts .product .cta .price {
  vertical-align: middle;
  display: inline-block;
  margin-right: 12px;
  line-height: 1;
  font-size: 20px; }
  #base-bf3-html .odcstore .product-container.kitshortcuts .product .cta .price {
    color: #353535; }
  .odcstore .product-container.kitshortcuts .product .cta .price .current-price {
    display: block; }
  .odcstore .product-container.kitshortcuts .product .cta .price .regular-price {
    display: block; }
.odcstore .product-container.kitshortcuts .product .cta .btn {
  vertical-align: middle;
  display: inline-block;
  margin-top: -2px; }
.odcstore .product-container.kitshortcuts .product .not-available {
  line-height: 1; }
#base-bf4-html .odcstore .product-container.expansions .row-tight {
  overflow: hidden; }
#base-bf4-html .odcstore .product-container.expansions .box-content {
  padding-bottom: 100px;
  margin-bottom: -84px; }
.odcstore .product-container.expansions .products .product {
  box-sizing: border-box;
  max-width: 100%; }
.odcstore .product-container.expansions .products .origin-access {
  font-size: 14px;
  margin-top: 6px; }
#base-bf3-html .odcstore .product-container.expansions .box-content {
  border-right: 1px solid #ededed;
  margin-left: 0;
  padding: 16px; }
  #base-bf3-html .odcstore .product-container.expansions .box-content:last-child {
    border-right: none; }
.odcstore .product-container.expansions .product .description .product-title {
  font-size: 14px;
  margin: 6px 0;
  font-weight: bold;
  text-transform: uppercase;
  max-width: 98%; }
.odcstore .product-container.expansions .product .description .product-description {
  display: none; }
.odcstore .product-container.expansions .product .description .product-platform {
  font-weight: bold;
  font-size: 14px;
  margin: 6px 0; }
.odcstore .product-container.expansions .product .platforms {
  display: none; }
.odcstore .product-container.expansions .product .cta .release-date {
  font-size: 14px;
  margin-bottom: 4px; }
.odcstore .product-container.expansions .product .cta .price {
  font-size: 20px; }
  #base-bf3-html .odcstore .product-container.expansions .product .cta .price {
    color: #353535; }
.odcstore .product-container.expansions .product .not-available {
  font-size: 14px; }
#base-bf4-html .odcstore .product-container.battlepacks .row-tight {
  overflow: hidden; }
#base-bf4-html .odcstore .product-container.battlepacks .box-content {
  padding-bottom: 100px;
  margin-bottom: -84px; }
.odcstore .product-container.battlepacks .battlepacks-graphic {
  display: block;
  background-image: url(//d34ymitoc1pg7m.cloudfront.net/bf4/store/Battlepack-banner-d6a7d853.png);
  background-repeat: no-repeat;
  height: 264px;
  margin-bottom: 1px;
  position: relative; }
  .odcstore .product-container.battlepacks .battlepacks-graphic .desc {
    position: absolute;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0; }
  .odcstore .product-container.battlepacks .battlepacks-graphic h1 {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 32px;
    width: 442px;
    color: #ff9900;
    font-size: 57px;
    text-align: center;
    margin: 0;
    line-height: 1.2;
    white-space: normal; }
    .lang-fr .odcstore .product-container.battlepacks .battlepacks-graphic h1, .lang-ru .odcstore .product-container.battlepacks .battlepacks-graphic h1 {
      font-size: 45px; }
    .lang-it .odcstore .product-container.battlepacks .battlepacks-graphic h1, .lang-pt .odcstore .product-container.battlepacks .battlepacks-graphic h1 {
      font-size: 40px; }
    .lang-pl .odcstore .product-container.battlepacks .battlepacks-graphic h1 {
      font-size: 50px; }
  .odcstore .product-container.battlepacks .battlepacks-graphic h2 {
    font-size: 24px;
    font-weight: 400; }
  .odcstore .product-container.battlepacks .battlepacks-graphic .disclaimer {
    position: absolute;
    bottom: 6px;
    left: 16px;
    font-size: 9px;
    color: #815757; }
.odcstore .product-container.battlepacks .box-content.pack-1 {
  width: 396px;
  text-align: center; }
  .odcstore .product-container.battlepacks .box-content.pack-1 .info {
    max-width: 250px; }
  .odcstore .product-container.battlepacks .box-content.pack-1 .description, .odcstore .product-container.battlepacks .box-content.pack-1 .boxart {
    margin: 0 auto; }
.odcstore .product-container.battlepacks .product {
  max-width: 100%; }
  .odcstore .product-container.battlepacks .product .boxart {
    width: 142px;
    height: 150px; }
  .odcstore .product-container.battlepacks .product.battlefield-4-gold-battlepack .boxart {
    background-image: url('../odcstore/battlepack-gold.png'); }
  .odcstore .product-container.battlepacks .product.battlefield-4-silver-battlepack .boxart {
    background-image: url('../odcstore/battlepack-silver.png'); }
  .odcstore .product-container.battlepacks .product.battlefield-4-bronze-battlepack .boxart {
    background-image: url('../odcstore/battlepack-bronze.png'); }
  .odcstore .product-container.battlepacks .product.battlefield-4-5-x-gold-battlepacks .boxart {
    background-image: url('../odcstore/gold-x5.png');
    width: 100%;
    background-position: 50% 50%; }
  .odcstore .product-container.battlepacks .product .description {
    min-height: 105px; }
    .odcstore .product-container.battlepacks .product .description .product-title {
      font-size: 14px;
      margin: 6px 0;
      font-weight: bold;
      text-transform: uppercase;
      max-width: 98%; }
    .odcstore .product-container.battlepacks .product .description .product-description {
      font-size: 12px;
      line-height: 14px;
      font-family: 'arial';
      color: #a8a8a8; }
    .odcstore .product-container.battlepacks .product .description .product-platform {
      font-weight: bold;
      font-size: 14px;
      margin: 6px 0; }
  .odcstore .product-container.battlepacks .product .platforms {
    display: none; }
  .odcstore .product-container.battlepacks .product .cta .release-date {
    font-size: 12px;
    margin-bottom: 4px; }
  .odcstore .product-container.battlepacks .product .cta .price {
    font-size: 20px; }
    #base-bf3-html .odcstore .product-container.battlepacks .product .cta .price {
      color: #353535; }
    .odcstore .product-container.battlepacks .product .cta .price .regular-price.strike {
      display: block; }
.odcstore .friends-container {
  text-align: center; }
  #base-bf4-html .odcstore .friends-container {
    margin-top: 1px;
    background-color: rgba(7, 7, 7, 0.7);
    padding: 16px; }
  #base-bf3-html .odcstore .friends-container {
    padding: 16px 16px 0 16px; }
  .odcstore .friends-container h6 {
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 8px;
    font-weight: normal; }
  .odcstore .friends-container .friends-list ul.avatars {
    margin: 0;
    overflow: hidden; }
    .odcstore .friends-container .friends-list ul.avatars li {
      display: inline-block;
      float: none; }

/*-------------------------------------------------------------------------------------------------------*/
.dialog.odccheckout-dialog {
  width: 1030px;
  margin-left: -515px !important; }

.dialog.odccheckout-dialog .popup-checkout-container {
  min-height: 212px; }
  .dialog.odccheckout-dialog .popup-checkout-container.loading {
    background: url('../common/loading_blue.gif') center center no-repeat; }
    #base-bf3-html .dialog.odccheckout-dialog .popup-checkout-container.loading {
      background: url('../common/loading_gray.gif') center center no-repeat; }
  .dialog.odccheckout-dialog .popup-checkout-container iframe {
    width: 100%;
    height: 512px; }

.dialog.odcpurchase-dialog #odcstore-premium-purchase {
  padding: 0 16px 16px 16px; }
  .dialog.odcpurchase-dialog #odcstore-premium-purchase h1 {
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 8px; }
    #base-bf4-html .dialog.odcpurchase-dialog #odcstore-premium-purchase h1 {
      font-family: Purista;
      font-weight: 600;
      font-size: 30px; }
  .dialog.odcpurchase-dialog #odcstore-premium-purchase p.privileges {
    line-height: 18px;
    font-size: 14px; }

#emblem-layers-premium {
  display: block;
  margin-bottom: 1px;
  padding: 8px 16px;
  font-size: 14px; }
  #emblem-layers-premium.hide {
    display: none; }

#emblem-edit {
  position: relative; }
  #emblem-edit .emblem-image-cover {
    background: rgba(7, 7, 7, 0.5);
    padding: 16px 0;
    position: relative; }
    #emblem-edit .emblem-image-cover .emblem-image {
      width: 320px;
      height: 320px;
      display: block;
      margin: 16px auto; }
    #emblem-edit .emblem-image-cover .common-reportbutton-container {
      position: absolute;
      top: 8px;
      right: 8px; }
  #emblem-edit h1 {
    cursor: default; }
  #emblem-edit .loading-indicator {
    display: none;
    position: absolute;
    right: 50%;
    top: 148px;
    z-index: 1;
    margin-left: -9px; }
  #emblem-edit .editor-row:before, #emblem-edit .editor-row:after {
    display: table;
    content: "";
    line-height: 0; }
  #emblem-edit .editor-row:after {
    clear: both; }
  #emblem-edit .editor-row .editor-col {
    float: left;
    position: relative;
    margin-right: 16px;
    -webkit-transition: opacity 0.5s ease-out;
    -moz-transition: opacity 0.5s ease-out;
    transition: opacity 0.5s ease-out; }
    #emblem-edit .editor-row .editor-col.available-shapes {
      width: 305px; }
    #emblem-edit .editor-row .editor-col.emblem-edit-canvas {
      width: 512px; }
    #emblem-edit .editor-row .editor-col.emblem-layers {
      width: 143px;
      margin-right: 0;
      overflow: auto;
      min-height: 700px; }
  #emblem-edit:not(.ready) .loading-indicator {
    display: block; }
  #emblem-edit:not(.ready) .editor-row .editor-col {
    pointer-events: none;
    opacity: 0.5; }
  #emblem-edit .ugc-terms {
    font-size: 11px;
    font-weight: bold;
    cursor: pointer;
    color: #a8a8a8;
    float: right;
    margin-top: 16px; }
  #emblem-edit .delete-link {
    background: transparent;
    border: 0;
    font-size: 11px;
    font-weight: bold;
    cursor: pointer;
    color: #a8a8a8;
    float: left;
    padding: 0;
    margin: 16px 0 0; }
    #emblem-edit .delete-link:hover {
      text-decoration: underline; }

.platoon-own-emblem-list #emblem-select {
  margin: 0; }

#emblem-select {
  height: 96px;
  margin: 0 0 16px;
  text-align: center; }
  #emblem-select:before, #emblem-select:after {
    display: table;
    content: "";
    line-height: 0; }
  #emblem-select:after {
    clear: both; }
  #emblem-select .emblems-list {
    list-style: none;
    padding: 0;
    margin: 0;
    float: left; }
    #emblem-select .emblems-list.disabled li:before {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: rgba(0, 0, 0, 0.1);
      z-index: 2; }
    #emblem-select .emblems-list.disabled li a {
      opacity: 0.5; }
    #emblem-select .emblems-list li {
      float: left;
      margin-left: 1px;
      text-align: center;
      position: relative; }
      #emblem-select .emblems-list li:first-child {
        margin-left: 0; }
      #emblem-select .emblems-list li a, #emblem-select .emblems-list li.empty {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 123px;
        height: 96px;
        line-height: 96px;
        padding: 5px;
        background: rgba(0, 0, 0, 0.6); }
      #emblem-select .emblems-list li a {
        position: relative;
        z-index: 0; }
        #emblem-select .emblems-list li a img:not(.placeholder) {
          -webkit-filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.5));
          -moz-filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.5));
          -ms-filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.5));
          -o-filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.5));
          filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.5)); }
        #emblem-select .emblems-list li a:hover {
          background: rgba(7, 7, 7, 0.5); }
      #emblem-select .emblems-list li.disabled a, #emblem-select .emblems-list li.disabled a:hover {
        background: rgba(7, 7, 7, 0.4); }
      #emblem-select .emblems-list li.create-btn a {
        line-height: 1;
        text-decoration: none; }
        #emblem-select .emblems-list li.create-btn a i {
          font-size: 60px; }
        #emblem-select .emblems-list li.create-btn a p {
          font-size: 16px;
          text-transform: uppercase;
          font-family: Purista, sans-serif;
          font-style: normal;
          font-weight: 400; }
      #emblem-select .emblems-list li.selected-emblem:after {
        content: "";
        display: block;
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        height: 2px;
        background: #ff9900; }
      #emblem-select .emblems-list li.active a {
        cursor: default;
        background-color: #fff;
        background-image: -webkit-linear-gradient(top, #d7d7d7 0%, rgba(215, 215, 215, 0) 50%);
        background-image: linear-gradient(to bottom, #d7d7d7 0%, rgba(215, 215, 215, 0) 50%);
        box-shadow: 0 0 7px 0 #e0f4f8;
        border: 0;
        padding: 5px; }

#emblem-draggable-shapes .shape-wrapper {
  padding: 16px;
  z-index: 2000; }
  #emblem-draggable-shapes .shape-wrapper .shape {
    width: 66px;
    height: 66px; }

#emblem-canvas-wrapper {
  min-height: 512px;
  background: rgba(7, 7, 7, 0.5);
  position: relative; }
  #emblem-canvas-wrapper .loading-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    text-align: center;
    line-height: 320px;
    background: rgba(0, 0, 0, 0.7);
    display: none; }
    #emblem-canvas-wrapper .loading-overlay .loader {
      position: absolute;
      top: 10px;
      left: 10px; }

#emblem-edit-layers {
  min-height: 1px;
  list-style: none;
  margin: 1px 0 0;
  padding: 0;
  position: relative; }
  #emblem-edit-layers .layer {
    height: 31px;
    line-height: 31px;
    padding: 0 16px;
    margin: 0;
    font-size: 12px;
    cursor: pointer;
    position: relative; }
    #emblem-edit-layers .layer:hover .actions {
      opacity: 1; }
    #emblem-edit-layers .layer.ui-sortable-helper {
      cursor: url(../comcenter/cursors/cursor-closedhand.cur), pointer; }
    #emblem-edit-layers .layer.placeholder {
      opacity: 0.1; }
    #emblem-edit-layers .layer .color {
      float: left;
      width: 10px;
      height: 10px;
      margin: 9px 8px 0 32px; }
    #emblem-edit-layers .layer .shape {
      float: left;
      width: 26px;
      height: 26px;
      margin: 3px 8px 0 0; }
    #emblem-edit-layers .layer .actions {
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
      opacity: 0.4; }
      #emblem-edit-layers .layer .actions .action {
        position: absolute;
        top: 10px;
        font-size: 11px;
        line-height: 11px;
        font-weight: bold;
        cursor: pointer; }
        #emblem-edit-layers .layer .actions .action.action-remove {
          right: 16px; }
        #emblem-edit-layers .layer .actions .action.action-lock {
          left: 16px; }

#emblem-edit-shapes {
  overflow: hidden;
  height: 592px; }
  #emblem-edit-shapes .shape-wrapper {
    float: left;
    position: relative;
    padding: 16px;
    cursor: pointer; }
    #emblem-edit-shapes .shape-wrapper .premium {
      position: absolute;
      bottom: 5px;
      left: 5px;
      background: url(../premium/icon-p-s.png) no-repeat;
      height: 14px;
      width: 14px; }
  #emblem-edit-shapes .shape {
    box-sizing: border-box;
    width: 66px;
    height: 66px;
    display: block; }

.emblem-layer-options {
  position: relative; }
  .emblem-layer-options.disabled {
    opacity: 0.5; }
    .emblem-layer-options.disabled:after {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: rgba(0, 0, 0, 0);
      z-index: 1; }
  .emblem-layer-options .layer-actions {
    margin: 1px 0; }
    .emblem-layer-options .layer-actions .btn {
      box-sizing: border-box;
      width: 45px;
      height: 39px;
      border: none;
      padding: 0;
      margin: 0 1px 0 0;
      float: left; }
      .emblem-layer-options .layer-actions .btn:last-child {
        width: 44px;
        margin-right: 0; }
  .emblem-layer-options .layer-colors {
    padding-bottom: 1px;
    margin-bottom: 1px; }
    .emblem-layer-options .layer-colors .color {
      width: 31px;
      height: 10px;
      float: left;
      margin: 1px 0 0 1px; }
      .emblem-layer-options .layer-colors .color.first {
        width: 30px; }
      .emblem-layer-options .layer-colors .color:hover, .emblem-layer-options .layer-colors .color.active, .emblem-layer-options .layer-colors .color.active {
        box-shadow: 0 0 0 1px #fff; }
  .emblem-layer-options .layer-modinputs input {
    border: 0;
    background: 0;
    height: 36px;
    line-height: 1;
    padding: 4px 0;
    margin: 0;
    text-align: center;
    font-size: 12px;
    outline: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .emblem-layer-options .layer-modinputs .modinput {
    float: left;
    height: 36px;
    padding: 1px;
    border: 1px solid transparent;
    margin-left: 1px;
    font-size: 12px;
    position: relative;
    display: block; }
    .emblem-layer-options .layer-modinputs .modinput:first-child {
      margin-left: 0; }
  .emblem-layer-options .layer-modinputs .alpha {
    width: 48px;
    margin-left: 0; }
    .emblem-layer-options .layer-modinputs .alpha:after {
      content: "%";
      position: relative;
      top: 1px; }
    .emblem-layer-options .layer-modinputs .alpha input {
      text-align: right;
      width: 27px; }
  .emblem-layer-options .layer-modinputs .color {
    width: 77px; }
    .emblem-layer-options .layer-modinputs .color:before {
      content: "#";
      position: relative;
      top: 1px;
      padding-left: 13px;
      z-index: 1; }
    .emblem-layer-options .layer-modinputs .color input {
      text-align: left;
      width: 53px;
      z-index: 1;
      position: relative; }

html {
  overflow-y: scroll;
  height: 100%; }

body {
  position: relative;
  min-height: 100%;
  min-width: 1024px; }

.row-tight {
  margin-left: -1px;
  margin-right: -1px; }
  .row-tight + .row-tight {
    margin-top: 1px; }
  .row-tight + .row {
    margin-top: 8px; }
  .row-tight [class*="span"] {
    margin-left: 1px;
    float: left; }
    .row-tight [class*="span"] + .box-content {
      margin-top: 0;
      padding-top: 16px; }
  .row-tight .span1 {
    width: 167px; }
  .row-tight .span1:first-child, .row-tight .span1.alpha {
    width: 160px; }
  .row-tight .span1:last-child, .row-tight span1.omega {
    width: 159px; }
  .row-tight .span1-05 {
    width: 251px; }
  .row-tight .span1-05:first-child, .row-tight .span1-05.alpha {
    width: 244px; }
  .row-tight .span1-05:last-child, .row-tight .span1-05.omega {
    width: 243px; }
  .row-tight .span1-04 {
    width: 197px; }
  .row-tight .span1-04:nth-child(odd) {
    width: 198px; }
  .row-tight .span2 {
    width: 335px; }
  .row-tight .span2:first-child, .row-tight .span2.alpha {
    width: 328px; }
  .row-tight .span2:last-child, .row-tight .span2.omega {
    width: 327px; }
  .row-tight .span3 {
    width: 503px; }
  .row-tight .span3:first-child, .row-tight .span3.alpha {
    width: 496px; }
  .row-tight .span3:last-child, .row-tight .span3.omega {
    width: 495px; }
  .row-tight .span4 {
    width: 671px; }
  .row-tight .span4:first-child, .row-tight .span4.alpha {
    width: 664px; }
  .row-tight .span4:last-child, .row-tight .span4.omega {
    width: 663px; }
  .row-tight .span5:first-child, .row-tight .span5.alpha {
    width: 832px; }
  .row-tight .span5:last-child, .row-tight .span5.omega {
    width: 831px; }
  .row-tight .span6 {
    width: 992px; }

.spacing-top {
  margin-top: 16px !important; }

.spacing-top-small {
  margin-top: 8px !important; }

.spacing-top-tight {
  margin-top: 1px !important; }

.spacing-bottom {
  margin-bottom: 16px !important; }

.spacing-bottom-small {
  margin-bottom: 8px !important; }

.spacing-bottom-tight {
  margin-bottom: 1px !important; }

.show-grid #base-background {
  background: #3a4757; }
.show-grid #grid-overlay {
  display: block; }

#grid-overlay {
  z-index: 32000;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  display: none; }
  #grid-overlay.show-vertical {
    background-image: -webkit-linear-gradient(top, rgba(255, 55, 255, 0.2) 0, rgba(255, 55, 255, 0.2) 8px, rgba(55, 55, 255, 0) 8px, rgba(55, 55, 255, 0) 16px);
    background-image: linear-gradient(to bottom, rgba(255, 55, 255, 0.2) 0, rgba(255, 55, 255, 0.2) 8px, rgba(55, 55, 255, 0) 8px, rgba(55, 55, 255, 0) 16px);
    background-size: 16px 16px; }
  #grid-overlay.show-vertical-only .span1 {
    display: none; }
  #grid-overlay .row {
    height: 100%; }
  #grid-overlay .span1 {
    background-color: rgba(255, 0, 255, 0.1);
    height: 100%;
    box-shadow: inset -16px 0 0 rgba(255, 55, 255, 0.2), inset 16px 0 0 rgba(255, 55, 255, 0.2); }

#base-container {
  width: 1024px;
  margin: 0 auto; }
  #base-container:before {
    /* Push down the #base-container so that it doesn't get hidden under  the menu.
           If changing the way we do this, please note that the ".has-facebook-bar #base-container"
           selector below must also be changed. */
    position: relative;
    display: block;
    content: "";
    height: 112px;
    -webkit-transition: height 0.2s ease-out;
    -moz-transition: height 0.2s ease-out;
    transition: height 0.2s ease-out; }

.has-facebook-bar #base-container:before {
  height: 16px; }

body.unsupportedbrowser #base-container {
  padding-top: 292px; }

#base-background {
  position: fixed;
  background-color: black;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

#background-video {
  outline: none; }

#content > section > header h1 {
  display: inline-block;
  line-height: 69px;
  padding-bottom: 4px; }
#content > section > header .omega .btn {
  float: right; }

.base-header-unsupportedbrowser {
  height: 252px;
  background: #000;
  text-align: center;
  padding: 21px 0 19px;
  z-index: 32001;
  position: relative; }
  .base-header-unsupportedbrowser:after {
    /* Since this is for unsupported browser... we might as well... */
    content: "";
    display: block;
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    height: 1px;
    background: #fff;
    opacity: 0.2; }
  .base-header-unsupportedbrowser h2 {
    font-size: 18px;
    font-family: arial, sans-serif;
    font-weight: bold;
    color: #fff;
    line-height: 22px; }
  .base-header-unsupportedbrowser h3 {
    font-size: 14px;
    font-family: arial, sans-serif;
    font-weight: normal;
    color: #a7a7a7;
    line-height: 24px; }
  .base-header-unsupportedbrowser ul {
    list-style: none;
    margin: 21px auto 0;
    width: 510px; }
    .base-header-unsupportedbrowser ul li {
      float: left;
      margin: 0; }
      .base-header-unsupportedbrowser ul li a {
        width: 170px;
        height: 160px;
        display: block;
        color: #39ace3;
        font-weight: bold;
        font-size: 16px; }
        .base-header-unsupportedbrowser ul li a .browser-icon {
          width: 130px;
          height: 132px;
          margin: 11px 20px 0;
          background: url(//d34ymitoc1pg7m.cloudfront.net/common/icons/browser-icons-a7e3e12a.png) no-repeat; }
      .base-header-unsupportedbrowser ul li.suggest-chrome a .browser-icon {
        background-position: 0 0; }
      .base-header-unsupportedbrowser ul li.suggest-firefox a .browser-icon {
        background-position: -130px 0; }
      .base-header-unsupportedbrowser ul li.suggest-ie a .browser-icon {
        background-position: -260px 0; }

.bbcode-button {
  background: url(../base/bf3/buttons/buttons-textformat.png) no-repeat;
  width: 27px;
  height: 28px;
  display: inline-block;
  margin-left: 1px;
  cursor: pointer; }

.bbcode-button-italic {
  background-position: -27px 0; }

.bbcode-button-underline {
  background-position: -54px 0; }

.bbcode-button-strikethrough {
  background-position: -81px 0; }

.bbcode-button-spoiler {
  background-position: -108px 0; }

.bbcode-button-link {
  background-position: -135px 0; }

.bbcode-button-bold:hover {
  background-position: 0 -28px; }

.bbcode-button-italic:hover {
  background-position: -27px -28px; }

.bbcode-button-underline:hover {
  background-position: -54px -28px; }

.bbcode-button-strikethrough:hover {
  background-position: -81px -28px; }

.bbcode-button-spoiler:hover {
  background-position: -108px -28px; }

.bbcode-button-link:hover {
  background-position: -135px -28px; }

.bbcode-button-center {
  background-position: -162px 0; }

.bbcode-button-center:hover {
  background-position: -162px -28px; }

.bbcode-button-quote {
  background-position: -189px 0; }

.bbcode-button-quote:hover {
  background-position: -189px -28px; }

.bbcode-button-headline {
  background-position: -216px 0; }

.bbcode-button-headline:hover {
  background-position: -216px -28px; }

.common-replyform {
  padding-top: 16px;
  /* padding instead of margin to give some spacing above when scroll(ed)To */
  position: relative; }

.common-replyform-avatar {
  width: 60px;
  height: 6px;
  position: absolute;
  top: 16px;
  left: 0; }

.common-replyform-form {
  padding-left: 74px;
  padding-right: 22px; }

body .common-replyform-form textarea {
  overflow-y: auto; }

.common-replyform-form-body {
  width: 100%;
  height: 90px;
  font-size: 12px;
  font-family: arial, sans-serif;
  color: #000;
  padding: 10px;
  border: 1px solid #ccc;
  border-top-color: #ababab;
  resize: vertical;
  margin-bottom: 8px; }

.common-replyform-form-body.placeholder {
  color: #ACACAC; }

.common-replyform-form-submit {
  float: right; }

/* BEGIN REPORTBUTTON */
.common-reportbutton-container {
  position: relative; }
  .common-reportbutton-container .common-reportbutton {
    padding: 0;
    position: relative;
    height: 14px;
    width: 14px;
    background: url(../common/report.png);
    cursor: pointer;
    z-index: 10; }
    .common-reportbutton-container .common-reportbutton.cogwheel {
      background: url(../ui/icons-small.png) no-repeat;
      background-position: -14px -42px; }
    .common-reportbutton-container .common-reportbutton.bright {
      background-position: 0 28px; }
  .common-reportbutton-container.active .common-reportbutton.cogwheel {
    background-position: -14px -42px; }
  .common-reportbutton-container:hover .common-reportbutton.cogwheel {
    background-position: -14px -42px; }

.common-reportbutton-dropdown {
  position: absolute;
  width: 195px;
  top: 14px;
  left: -183px;
  z-index: 100;
  display: none;
  background-color: white;
  border: 1px solid #aaa;
  min-height: 25px; }

.common-reportbutton-container.active .common-reportbutton-dropdown {
  display: block; }

.common-reportbutton-dropdown li {
  border-bottom: 1px solid #ebebeb; }

.common-reportbutton-dropdown .ajax-loader {
  width: 16px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -8px;
  margin-top: -8px; }

.common-reportbutton-dropdown li > a {
  font-size: 11px;
  min-height: 25px;
  font-family: Arial;
  line-height: 25px;
  padding: 0 10px;
  outline: none;
  display: block;
  width: 100%;
  box-sizing: border-box;
  cursor: pointer; }

.common-reportbutton-contextdata {
  display: none; }

/* END REPORTBUTTON */
/* BEGIN LABEL AS PLACEHOLDER */
.common-label-placeholder {
  position: relative;
  display: block; }

.common-label-placeholder span {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  cursor: text;
  /* for IE */
  opacity: 1;
  -webkit-transition: opacity 1s ease;
  -moz-transition: opacity 1s ease;
  -ms-transition: opacity 1s ease;
  -o-transition: opacity 1s ease;
  transition: opacity 1s ease; }

.common-label-placeholder.filled span {
  opacity: 0;
  -webkit-transition: opacity 0s ease;
  -moz-transition: opacity 0s ease;
  -ms-transition: opacity 0s ease;
  -o-transition: opacity 0s ease;
  transition: opacity 0s ease; }

/* Add the pixelpush class to your label wrapper to avoid label fading out (only for pixelpushing) */
.common-label-placeholder.filled.pixelpush span {
  opacity: 1; }

.common-label-placeholder input {
  background: transparent;
  z-index: 1;
  position: relative; }

/* END LABEL AS PLACEHOLDER */
.notification-upcoming-unlock {
  width: 100px;
  float: left;
  margin-right: 6px;
  position: relative; }

/* BEGIN ROLLOUT */
.feature-disabled {
  opacity: 0.4; }
  .feature-disabled a {
    cursor: default; }
  .feature-disabled a:hover {
    text-decoration: none; }

/* END ROLLOUT */