@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,400italic,700,700italic&subset=latin,cyrillic);@charset "UTF-8";
/**
 *
 * Core doesn't generate any styles itself, it includes utilities and configuration that can be used in any stylesheet.
 * It should be imported at the beginning of any separate stylesheet.
 *
 */
/**
 *
 * Autoprefixer doesn't support 'appearance' property.
 * The 'appearance' property is not a part of any specification.
 * So there is no 'appearance', only '-moz-appearance' and '-webkit-appearance'.
 *
 */
/**
 *
 *  Justify inline blocks
 *
 */
.billboard-controls, .layout, .action-pane__position-fixed, .footer {
  min-width: 946px;
  box-sizing: border-box; }
  .sidebar-state-closed .billboard-controls, .sidebar-state-closed .layout, .sidebar-state-closed .action-pane__position-fixed, .sidebar-state-closed .footer {
    margin-left: 60px; }
  .sidebar-state-opened.viewport-min .billboard-controls, .sidebar-state-opened.viewport-min .layout, .sidebar-state-opened.viewport-min .action-pane__position-fixed, .sidebar-state-opened.viewport-min .footer {
    margin-left: 60px; }
  .sidebar-state-opened.viewport-max .billboard-controls, .sidebar-state-opened.viewport-max .layout, .sidebar-state-opened.viewport-max .action-pane__position-fixed, .sidebar-state-opened.viewport-max .footer {
    margin-left: 280px; }

.layout_holder__small {
  width: 850px;
  margin: auto;
  padding: 0 48px; }

.billboard-controls_holder, .layout_holder__normal, .slide_holder, .action-pane__position-fixed .action-pane_holder, #common_menu .cm-layout .cm-layout_content, .footer_holder, .header_holder, .language_inner, .start_holder {
  min-width: 850px;
  max-width: 1200px;
  margin: auto;
  padding: 0 48px; }

.layout_holder__fullpage, .start-landing .layout_holder {
  position: absolute;
  height: 100%;
  width: 100%;
  min-width: 850px; }

.heading-main, .stronghold-heading_title, .clan-create_title, .congratulation_title {
  color: #fff;
  font-size: 35px;
  line-height: 45px;
  margin: 46px 0 12px;
  letter-spacing: 0.01em; }
  .lang-ko .heading-main, .lang-ko .stronghold-heading_title, .lang-ko .clan-create_title, .lang-ko .congratulation_title {
    font-family: "\B9D1\C740   \ACE0\B515", Malgun Gothic, sans-serif;
    font-weight: bold; }

.promo-video_title {
  color: #fff;
  font-size: 30px;
  line-height: 38px;
  margin: 30px 0 15px; }
  .lang-ko .promo-video_title {
    font-family: "\B9D1\C740   \ACE0\B515", Malgun Gothic, sans-serif;
    font-weight: bold; }

.heading-h3, .command-center_title, .clan_name, .clan-create_subtitle {
  color: #fff;
  font-size: 25px;
  line-height: 30px;
  margin: 30px 0 15px; }
  .lang-ko .heading-h3, .lang-ko .command-center_title, .lang-ko .clan_name, .lang-ko .clan-create_subtitle {
    font-family: "\B9D1\C740   \ACE0\B515", Malgun Gothic, sans-serif;
    font-weight: bold; }

.heading-h4, .edit-section_subtitle, .recruitstation_title, .recruitstation-text__heading, .visuals_title {
  color: #fff;
  font-size: 20px;
  line-height: 27px;
  margin: 30px 0 15px; }
  .lang-ko .heading-h4, .lang-ko .edit-section_subtitle, .lang-ko .recruitstation_title, .lang-ko .recruitstation-text__heading, .lang-ko .visuals_title {
    font-family: "\B9D1\C740   \ACE0\B515", Malgun Gothic, sans-serif;
    font-weight: bold; }

/**
 *
 * Common styles for every page and application.
 * Imported in style.scss
 *
 */
.form-row_status-icon {
  opacity: .6;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -24px;
  transition: opacity .2s; }

.form-row {
  position: relative;
  clear: both;
  margin: 22px 0 0; }
  .form-row:before, .form-row:after {
    display: table;
    content: ''; }
  .form-row:after {
    clear: both; }
  .form-row__no-indent {
    margin-top: 0; }
  .form-row__small-indent {
    margin: 17px 0 0; }
  .form-row__buttons {
    margin: 40px 0 0; }
  .form-row__popup {
    margin-top: 10px; }
  .form-row__emblems {
    margin-top: 0; }
  .form-row__groups {
    margin-top: 0;
    margin-left: -30px; }
  .form-row__state-disabled {
    opacity: .4;
    pointer-events: none; }
  .form-row_cell {
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 340px; }
    .form-row_cell:before, .form-row_cell:after {
      display: table;
      content: ''; }
    .form-row_cell:after {
      clear: both; }
    .form-row_cell__auto {
      width: auto; }
    .form-row_cell__narrow {
      width: 267px; }
    .form-row_cell__small {
      vertical-align: middle;
      width: 110px; }
    .form-row_cell__schedule {
      width: 369px; }
    .form-row_cell__medium {
      vertical-align: middle;
      width: 165px; }
    .form-row_cell__center {
      margin: 0 14px 0 15px;
      vertical-align: baseline;
      width: auto; }
    .form-row_cell__wide {
      width: 620px; }
    .form-row_cell__full {
      width: 100%; }
    .form-row_cell__popup {
      width: 100%; }
    .form-row__emblems .form-row_cell {
      width: auto; }
  .form-row_wrapper {
    position: relative; }
  .form-row_description {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    left: 130px; }
  .form-row_note {
    color: #808080;
    font-size: 14px;
    line-height: 15px; }
  .form-row_status {
    font-size: 16px;
    line-height: 23px;
    height: 45px;
    position: absolute;
    top: 0;
    left: 100%;
    transition: all .2s;
    width: 640px; }
    .form-row_status__popup, .form-row_status__single {
      display: block;
      margin: 8px 0 0;
      height: 36px;
      width: 100%;
      position: relative;
      top: auto;
      left: auto; }
    .form-row_status__single {
      left: -14px;
      margin: -3px 0 -11px; }
    .form-row_cell__full .form-row_status {
      display: block;
      height: 36px;
      position: relative;
      top: auto;
      left: auto; }
    .form-row_cell__narrow .form-row_status {
      width: 550px; }
    .form-row__emblems .form-row_status {
      height: 37px;
      width: 280px; }
    .form-row__state-progress .form-row_status {
      color: #808080; }
    .form-row__state-error .form-row_status {
      color: #cc0606; }
    .form-row__state-success .form-row_status {
      color: #318c1c; }
    .form-row__state-success .form-inputtext:focus + .form-row_status {
      color: #34bd14; }
    .form-row__state-warning .form-row_status {
      color: #cc0606; }
    .form-row__state-hint .form-row_status {
      color: #b1b2b3;
      font-size: 14px;
      line-height: 18px; }
      .form-row__state-hint .form-row_status__popup {
        color: #808080; }
  .form-row__state-success .form-inputtext:focus + .form-row_status .form-row_status-icon {
    opacity: 1; }
  .form-row__state-error .form-row_status-icon {
    opacity: 1; }
  .form-row_status__popup .form-row_status-icon {
    left: -16px; }
  .form-row_cell__full .form-row_status-icon {
    left: 0; }
  .form-row_message {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    margin: 0 0 0 42px;
    will-change: transform; }
    .form-row__emblems .form-row_message {
      display: block;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      position: static;
      top: auto;
      transform: none;
      margin-top: 8px;
      display: block; }
    .form-row__state-hint .form-row_message {
      margin-left: 21px; }
    .form-row_status__popup .form-row_message {
      margin-left: 26px;
      font-size: 14px; }
      .form-row__state-hint .form-row_status__popup .form-row_message {
        margin-left: 0;
        padding-top: 0; }
  .form-row_spinner {
    margin-top: -12px;
    height: 24px;
    width: 24px;
    position: absolute;
    top: 50%;
    left: 11px; }
    .form-row_status__single .form-row_spinner {
      margin-top: -10px;
      left: 14px; }
    .form-row_status__popup .form-row_spinner {
      left: 0; }
  .form-row_additional {
    color: #808080;
    margin: 29px 0 0; }

.form-label {
  margin: 0;
  padding: 0;
  display: inline-block;
  height: 28px;
  margin: 0 0 6px;
  position: relative;
  color: #dcdcdc;
  font-size: 16px;
  line-height: 28px;
  cursor: pointer; }
  .form-label__fieldset {
    cursor: default; }
  .form-label_hint {
    margin: 3px 0 0 7px;
    cursor: help;
    opacity: .7;
    transition: opacity .2s; }
    .form-label_hint:hover {
      opacity: 1; }
  .form-label_comment {
    color: #808080; }
  .form-label_asterisk {
    color: #e5b12e; }
  .form-label_error {
    color: #d90707;
    display: inline-block;
    margin-left: 15px; }
  .form-label_error-icon {
    margin: -10px;
    vertical-align: middle; }

.form-inputtext {
  box-sizing: border-box;
  box-shadow: inset 0 0 1px 1px #000, inset 0 0 5px 2px rgba(0, 0, 0, 0.85);
  border: 1px solid #404040;
  height: 45px;
  margin: 0;
  padding: 12px 16px 14px;
  transition: all .3s;
  width: 100%;
  color: #b1b2b3;
  font-size: 16px;
  line-height: 19px;
  background-color: rgba(19, 19, 19, 0.8); }
  .form-inputtext:disabled {
    color: rgba(220, 220, 220, 0.4); }
  .form-inputtext:focus:hover, .form-inputtext:focus {
    color: #fff;
    border-color: #808080;
    background-color: rgba(14, 14, 14, 0.9);
    outline: 0; }
  .form-inputtext__important {
    height: 47px; }
  .form-inputtext__clan-tag {
    text-transform: uppercase; }
  .form-inputtext__small {
    height: 37px;
    width: 95px;
    padding: 3px 9px 0;
    text-align: right;
    vertical-align: middle; }
  .form-inputtext__state-error,
  .form-row__state-error .form-inputtext {
    border-color: rgba(214, 42, 48, 0.65); }
    .form-inputtext__state-error:hover, .form-inputtext__state-error:focus,
    .form-row__state-error .form-inputtext:hover,
    .form-row__state-error .form-inputtext:focus {
      border-color: rgba(214, 42, 48, 0.65); }

.form-textarea {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 231px;
  margin: 0;
  padding: 10px;
  overflow-y: auto;
  border: 1px solid #404040;
  border-radius: 1px;
  background-color: rgba(19, 19, 19, 0.8);
  color: #b1b2b3;
  font-size: 16px;
  line-height: 19px;
  resize: none;
  transition: all .3s; }
  .form-textarea:hover {
    border-color: #525252;
    background-color: rgba(19, 19, 19, 0.8); }
  .form-textarea:disabled {
    color: rgba(220, 220, 220, 0.4); }
  .form-textarea__active, .form-textarea:focus, .form-textarea__active:hover, .form-textarea:focus:hover {
    border-color: #808080;
    outline: 0;
    background-color: rgba(14, 14, 14, 0.9);
    color: #fff; }
  .form-textarea__message {
    height: 191px; }
  .form-textarea__popup {
    height: 267px; }
  .form-row__state-error .form-textarea {
    border-color: rgba(214, 42, 48, 0.65); }
    .form-row__state-error .form-textarea:hover, .form-row__state-error .form-textarea:focus {
      border-color: rgba(214, 42, 48, 0.65); }
  .form-textarea__hidden {
    position: absolute;
    top: -9999px;
    left: -9999px;
    visibility: visible;
    font-size: 16px;
    line-height: 19px;
    white-space: pre-wrap;
    word-wrap: break-word; }
  .form-textarea_field {
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 0;
    padding: 0 20px 0 0;
    overflow: hidden;
    border: none;
    outline: none;
    background: transparent;
    color: #b1b2b3;
    font-size: 16px;
    line-height: 19px;
    white-space: pre-wrap;
    word-wrap: break-word;
    resize: none; }
    .form-textarea_field__small {
      width: 398px; }
    .form-textarea_field__large {
      width: 568px; }
    .form-textarea__active .form-textarea_field,
    .form-textarea_field:focus .form-textarea_field {
      color: #fff; }
    .clan-description .form-textarea_field {
      display: block; }

.form-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 2px;
  border: 1px solid #404040;
  box-sizing: border-box;
  margin: 0;
  padding: 9px 38px 11px 15px;
  height: 45px;
  width: 100%;
  color: #b1b2b3;
  font-size: 16px;
  line-height: 23px;
  background-color: rgba(19, 19, 19, 0.8);
  background-image: url(../images/components/form/form-select_arrow.png);
  background-position: 100% 0;
  background-repeat: no-repeat;
  transition: border .3s, background-color .3s; }
  .form-select:hover {
    border-color: #525252;
    background-color: rgba(19, 19, 19, 0.8);
    background-position: 100% -45px; }
  .form-select:focus {
    color: #fff;
    border-color: #808080;
    background-color: rgba(14, 14, 14, 0.9);
    background-position: 100% -90px;
    outline: 0; }
  .form-row__state-error .form-select {
    border-color: rgba(214, 42, 48, 0.65); }
    .form-row__state-error .form-select:hover, .form-row__state-error .form-select:focus {
      border-color: rgba(214, 42, 48, 0.65); }

.form-note {
  color: #808080;
  font-size: 14px;
  margin: 6px 0 0; }

.heading-main {
  font-size: 50px;
  font-weight: 700;
  text-transform: uppercase;
  margin: 74px 0 43px;
  letter-spacing: 0.02em; }

.heading-h3__edit {
  margin: 33px 0 0; }

.heading-h4__profile {
  margin: 20px 0 16px; }

.heading-collapse {
  margin-top: 0; }

.i {
  display: inline-block;
  vertical-align: top; }
  .i__sys {
    width: 48px;
    height: 48px;
    background-image: url(../images/components/icons/sys.png); }
    .i__sys.i__warning {
      background-position: 0px 0; }
    .i__sys.i__close {
      background-position: -48px 0; }
    .i__sys.i__clear {
      background-position: -96px 0; }
    .i__sys.i__search {
      background-position: -144px 0; }
    .i__sys.i__check {
      background-position: -192px 0; }
  .i__notification {
    width: 48px;
    height: 48px;
    background-image: url(../images/components/icons/notification.png); }
    .i__notification.i__success {
      background-position: 0px 0; }
    .i__notification.i__error {
      background-position: -48px 0; }
    .i__notification.i__warning {
      background-position: -96px 0; }
  .i__rating-common {
    width: 64px;
    height: 64px;
    background-image: url(../images/components/icons/rating-common.png); }
    .i__rating-common.i__wot-battles {
      background-position: 0px 0px; }
    .i__rating-common.i__wowp-battles {
      background-position: 0px -64px; }
    .i__rating-common.i__wot-victories {
      background-position: -64px 0px; }
    .i__rating-common.i__wowp-victories {
      background-position: -64px -64px; }
    .i__rating-common.i__wot-experience {
      background-position: -128px 0px; }
    .i__rating-common.i__wowp-experience {
      background-position: -128px -64px; }
    .i__rating-common.i__wot-damage {
      background-position: -192px 0px; }
    .i__rating-common.i__wowp-damage {
      background-position: -192px -64px; }
    .i__rating-common.i__wot-battles-overall {
      background-position: -256px 0px; }
    .i__rating-common.i__wowp-battles-overall {
      background-position: -256px -64px; }
    .i__rating-common.i__wot-personnel {
      background-position: -320px 0px; }
    .i__rating-common.i__wowp-personnel {
      background-position: -320px -64px; }
    .i__rating-common.i__wot-victories-overall {
      background-position: -384px 0px; }
    .i__rating-common.i__wowp-victories-overall {
      background-position: -384px -64px; }
  .i__rating-players {
    width: 84px;
    height: 77px;
    background-image: url(../images/components/icons/rating-players.png); }
    .i__rating-players.i__wot-players {
      background-position: 0px 0px; }
    .i__rating-players.i__wowp-players {
      background-position: 0px -77px; }
  .i__sidebar {
    width: 50px;
    height: 50px;
    background-image: url(../images/components/icons/sidebar.png); }
    .i__sidebar.i__users {
      background-position: 0px 0; }
    .i__sidebar.i__stronghold {
      background-position: -50px 0; }
    .i__sidebar.i__province {
      background-position: -100px 0; }
    .i__sidebar.i__battles {
      background-position: -150px 0; }
    .i__sidebar.i__treasury {
      background-position: -200px 0; }
    .i__sidebar.i__reserve {
      background-position: -250px 0; }
    .i__sidebar.i__applications {
      background-position: -300px 0; }
    .i__sidebar.i__recruitment {
      background-position: -350px 0; }
    .i__sidebar.i__toggle {
      background-position: -400px 0; }
    .i__sidebar.i__help {
      background-position: -450px 0; }
    .i__sidebar.i__billboard {
      background-position: -500px 0; }
    .i__sidebar.i__globalmap {
      background-position: -550px 0; }
    .i__sidebar.i__famepoints {
      background-position: -600px 0; }
    .i__sidebar.i__join {
      background-position: -650px 0; }
  .i__battle-types {
    width: 48px;
    height: 48px;
    background-image: url(../images/components/icons/battle-types.png); }
    .i__battle-types.i__meeting_engagement {
      background-position: 0px 0; }
    .i__battle-types.i__landing {
      background-position: -48px 0; }
    .i__battle-types.i__for_province {
      background-position: -96px 0; }
    .i__battle-types.i__attack {
      background-position: -144px 0; }
    .i__battle-types.i__defense {
      background-position: -192px 0; }
    .i__battle-types.i__gm-auction {
      background-position: -240px 0; }
    .i__battle-types.i__gm-ground {
      background-position: -288px 0; }
    .i__battle-types.i__gm-tournament {
      background-position: -336px 0; }
    .i__battle-types.i__gm-defence {
      background-position: -384px 0; }
  .i__province-types {
    width: 48px;
    height: 48px;
    background-image: url(../images/components/icons/province-types.png); }
    .i__province-types.i__normal {
      background-position: 0px 0; }
    .i__province-types.i__auction {
      background-position: -48px 0; }
    .i__province-types.i__tournament {
      background-position: -96px 0; }
  .i__rating-personnel {
    width: 48px;
    height: 48px;
    background-image: url(../images/components/icons/rating-personnel.png); }
    .i__rating-personnel.i__wot-victories {
      background-position: 0px 0px; }
    .i__rating-personnel.i__wowp-victories {
      background-position: 0px -48px; }
    .i__rating-personnel.i__wot-battles {
      background-position: -48px 0px; }
    .i__rating-personnel.i__wowp-battles {
      background-position: -48px -48px; }
    .i__rating-personnel.i__wot-damage {
      background-position: -96px 0px; }
    .i__rating-personnel.i__wowp-damage {
      background-position: -96px -48px; }
  .i__profile-toggle {
    width: 40px;
    height: 40px;
    background-image: url(../images/components/icons/profile-toggle.png); }
    .i__profile-toggle.i__collapse {
      background-position: 0px 0; }
    .i__profile-toggle.i__expand {
      background-position: -40px 0; }
  .i__defense-status {
    width: 48px;
    height: 48px;
    background-image: url(../images/components/icons/defense-status.png); }
    .i__defense-status.i__active {
      background-position: 0px 0; }
    .i__defense-status.i__paused {
      background-position: -48px 0; }
    .i__defense-status.i__inactive {
      background-position: -96px 0; }
  .i__rating-place {
    width: 62px;
    height: 62px;
    background-image: url(../images/components/icons/rating-place.png); }
    .i__rating-place.i__first {
      background-position: 0px 0; }
    .i__rating-place.i__second {
      background-position: -62px 0; }
    .i__rating-place.i__third {
      background-position: -124px 0; }
  .i__banner {
    width: 118px;
    height: 82px;
    background-image: url(../images/components/icons/banner.png); }
    .i__banner.i__wot-cr {
      background-position: 0px 0px; }
    .i__banner.i__wowp-cr {
      background-position: 0px -82px; }
    .i__banner.i__wot-wpr {
      background-position: -118px 0px; }
    .i__banner.i__wowp-wpr {
      background-position: -118px -82px; }
    .i__banner.i__wot-abd {
      background-position: -236px 0px; }
    .i__banner.i__wowp-abd {
      background-position: -236px -82px; }
    .i__banner.i__wot-avl10 {
      background-position: -354px 0px; }
    .i__banner.i__wowp-avl10 {
      background-position: -354px -82px; }
    .i__banner.i__wot-fsh {
      background-position: -472px 0px; }
    .i__banner.i__wowp-fsh {
      background-position: -472px -82px; }
    .i__banner.i__wot-egm {
      background-position: -590px 0px; }
    .i__banner.i__wowp-egm {
      background-position: -590px -82px; }
  .i__table-params {
    width: 36px;
    height: 36px;
    background-image: url(../images/components/icons/table-params.png); }
    .i__table-params.i__wot-rank {
      background-position: 0px 0px; }
    .i__table-params.i__wowp-rank {
      background-position: 0px -36px; }
    .i__table-params.i__wot-cr {
      background-position: -36px 0px; }
    .i__table-params.i__wowp-cr {
      background-position: -36px -36px; }
    .i__table-params.i__wot-pr {
      background-position: -72px 0px; }
    .i__table-params.i__wowp-pr {
      background-position: -72px -36px; }
    .i__table-params.i__wot-wpr {
      background-position: -108px 0px; }
    .i__table-params.i__wowp-wpr {
      background-position: -108px -36px; }
    .i__table-params.i__wot-bd {
      background-position: -144px 0px; }
    .i__table-params.i__wowp-bd {
      background-position: -144px -36px; }
    .i__table-params.i__wot-abd {
      background-position: -180px 0px; }
    .i__table-params.i__wowp-abd {
      background-position: -180px -36px; }
    .i__table-params.i__wot-btl {
      background-position: -216px 0px; }
    .i__table-params.i__wowp-btl {
      background-position: -216px -36px; }
    .i__table-params.i__wot-abtl {
      background-position: -252px 0px; }
    .i__table-params.i__wowp-abtl {
      background-position: -252px -36px; }
    .i__table-params.i__wot-aeb {
      background-position: -288px 0px; }
    .i__table-params.i__wowp-aeb {
      background-position: -288px -36px; }
    .i__table-params.i__wot-wb {
      background-position: -324px 0px; }
    .i__table-params.i__wowp-wb {
      background-position: -324px -36px; }
    .i__table-params.i__wot-awb {
      background-position: -360px 0px; }
    .i__table-params.i__wowp-awb {
      background-position: -360px -36px; }
    .i__table-params.i__wot-qt {
      background-position: -396px 0px; }
    .i__table-params.i__wowp-qt {
      background-position: -396px -36px; }
    .i__table-params.i__wot-vl10 {
      background-position: -432px 0px; }
    .i__table-params.i__wowp-vl10 {
      background-position: -432px -36px; }
    .i__table-params.i__wot-avl10 {
      background-position: -468px 0px; }
    .i__table-params.i__wowp-avl10 {
      background-position: -468px -36px; }
    .i__table-params.i__wot-afb {
      background-position: -504px 0px; }
    .i__table-params.i__wowp-afb {
      background-position: -504px -36px; }
    .i__table-params.i__wot-alb {
      background-position: -540px 0px; }
    .i__table-params.i__wowp-alb {
      background-position: -540px -36px; }
    .i__table-params.i__wot-admg {
      background-position: -576px 0px; }
    .i__table-params.i__wowp-admg {
      background-position: -576px -36px; }
    .i__table-params.i__wot-ap {
      background-position: -612px 0px; }
    .i__table-params.i__wowp-ap {
      background-position: -612px -36px; }
    .i__table-params.i__wot-esh {
      background-position: -648px 0px; }
    .i__table-params.i__wowp-esh {
      background-position: -648px -36px; }
    .i__table-params.i__wot-fsh {
      background-position: -684px 0px; }
    .i__table-params.i__wowp-fsh {
      background-position: -684px -36px; }
    .i__table-params.i__wot-bsh {
      background-position: -720px 0px; }
    .i__table-params.i__wowp-bsh {
      background-position: -720px -36px; }
    .i__table-params.i__wot-gm {
      background-position: -756px 0px; }
    .i__table-params.i__wowp-gm {
      background-position: -756px -36px; }
    .i__table-params.i__wot-adgr {
      background-position: -792px 0px; }
    .i__table-params.i__wowp-adgr {
      background-position: -792px -36px; }
    .i__table-params.i__wot-players {
      background-position: -828px 0px; }
    .i__table-params.i__wowp-players {
      background-position: -828px -36px; }
  .i__stronghold-page {
    width: 48px;
    height: 48px;
    background-image: url(../images/components/icons/stronghold-page.png); }
    .i__stronghold-page.i__players {
      background-position: 0px 0; }
    .i__stronghold-page.i__battle {
      background-position: -48px 0; }
    .i__stronghold-page.i__building {
      background-position: -96px 0; }
    .i__stronghold-page.i__calendar {
      background-position: -144px 0; }
    .i__stronghold-page.i__graph {
      background-position: -192px 0; }
  .i__stronghold-statistics {
    width: 84px;
    height: 84px;
    background-image: url(../images/components/icons/stronghold-statistics.png); }
    .i__stronghold-statistics.i__battle {
      background-position: 0px 0; }
    .i__stronghold-statistics.i__victory {
      background-position: -84px 0; }
    .i__stronghold-statistics.i__factor {
      background-position: -168px 0; }
    .i__stronghold-statistics.i__resource {
      background-position: -252px 0; }
    .i__stronghold-statistics.i__players {
      background-position: -336px 0; }
  .i__famepoints-page {
    width: 60px;
    height: 60px;
    background-image: url(../images/components/icons/famepoints-page.png); }
    .i__famepoints-page.i__famepoints-logo {
      background-position: 0px 0; }
  .i__globalmap-elo {
    width: 61px;
    height: 72px;
    background-image: url(../images/components/icons/globalmap-elo.png); }
    .i__globalmap-elo.i__lvl-10 {
      background-position: 0px 0; }
    .i__globalmap-elo.i__lvl-8 {
      background-position: -61px 0; }
    .i__globalmap-elo.i__lvl-6 {
      background-position: -122px 0; }
  .i__globalmap-elo-large {
    width: 90px;
    height: 100px;
    background-image: url(../images/components/icons/globalmap-elo-large.png); }
    .i__globalmap-elo-large.i__lvl-10 {
      background-position: 0px 0; }
    .i__globalmap-elo-large.i__lvl-8 {
      background-position: -90px 0; }
    .i__globalmap-elo-large.i__lvl-6 {
      background-position: -180px 0; }
  .i__globalmap-front {
    width: 60px;
    height: 60px;
    background-image: url(../images/components/icons/globalmap-front.png); }
    .i__globalmap-front.i__lvl-10 {
      background-position: 0px 0; }
    .i__globalmap-front.i__lvl-8 {
      background-position: -60px 0; }
    .i__globalmap-front.i__lvl-6 {
      background-position: -120px 0; }
  .i__service {
    width: 24px;
    height: 24px;
    background-image: url(../images/components/icons/service.png); }
    .i__service.i__info {
      background-position: 0px 0; }
    .i__service.i__hint {
      background-position: -24px 0; }
  .i__validation {
    width: 48px;
    height: 48px;
    background-image: url(../images/components/icons/validation.png); }
    .i__validation.i__success {
      background-position: 0px 0; }
    .i__validation.i__error {
      background-position: -48px 0; }
  .i__button {
    width: 48px;
    height: 48px;
    background-image: url(../images/components/icons/button.png); }
    .i__button.i__add {
      background-position: 0px 0; }
    .i__button.i__message {
      background-position: -48px 0; }
    .i__button.i__conditions {
      background-position: -96px 0; }
    .i__button.i__sent {
      background-position: -144px 0; }
    .i__button.i__add-disabled {
      background-position: -192px 0; }
    .i__button.i__in-clan {
      background-position: -240px 0; }
    .i__button.i__details {
      background-position: -288px 0; }
    .i__button.i__accept {
      background-position: -336px 0; }
    .i__button.i__accept-disabled {
      background-position: -384px 0; }
    .i__button.i__decline {
      background-position: -432px 0; }
    .i__button.i__decline-disabled {
      background-position: -480px 0; }
  .i__status {
    width: 64px;
    height: 64px;
    background-image: url(../images/components/icons/status.png); }
    .i__status.i__accepted {
      background-position: 0px 0; }
    .i__status.i__declined {
      background-position: -64px 0; }
    .i__status.i__pending {
      background-position: -128px 0; }
    .i__status.i__expired {
      background-position: -192px 0; }
  .i__languages {
    width: 14px;
    height: 11px;
    background-image: url(../images/components/icons/languages.png); }
    .i__languages.i__none {
      background-position: 0px 0; }
    .i__languages.i__sq {
      background-position: -14px 0; }
    .i__languages.i__hy {
      background-position: -28px 0; }
    .i__languages.i__az {
      background-position: -42px 0; }
    .i__languages.i__be {
      background-position: -56px 0; }
    .i__languages.i__bs {
      background-position: -70px 0; }
    .i__languages.i__bg {
      background-position: -84px 0; }
    .i__languages.i__zh {
      background-position: -98px 0; }
    .i__languages.i__zh_TW {
      background-position: -112px 0; }
    .i__languages.i__hr {
      background-position: -126px 0; }
    .i__languages.i__cs {
      background-position: -140px 0; }
    .i__languages.i__da {
      background-position: -154px 0; }
    .i__languages.i__nl {
      background-position: -168px 0; }
    .i__languages.i__en {
      background-position: -182px 0; }
    .i__languages.i__et {
      background-position: -196px 0; }
    .i__languages.i__fi {
      background-position: -210px 0; }
    .i__languages.i__fr {
      background-position: -224px 0; }
    .i__languages.i__ka {
      background-position: -238px 0; }
    .i__languages.i__de {
      background-position: -252px 0; }
    .i__languages.i__el {
      background-position: -266px 0; }
    .i__languages.i__hu {
      background-position: -280px 0; }
    .i__languages.i__it {
      background-position: -294px 0; }
    .i__languages.i__ja {
      background-position: -308px 0; }
    .i__languages.i__kk {
      background-position: -322px 0; }
    .i__languages.i__ko {
      background-position: -336px 0; }
    .i__languages.i__ky {
      background-position: -350px 0; }
    .i__languages.i__lv {
      background-position: -364px 0; }
    .i__languages.i__lt {
      background-position: -378px 0; }
    .i__languages.i__mo {
      background-position: -392px 0; }
    .i__languages.i__no {
      background-position: -406px 0; }
    .i__languages.i__tl {
      background-position: -420px 0; }
    .i__languages.i__pl {
      background-position: -434px 0; }
    .i__languages.i__pt {
      background-position: -448px 0; }
    .i__languages.i__ro {
      background-position: -462px 0; }
    .i__languages.i__ru {
      background-position: -476px 0; }
    .i__languages.i__sr {
      background-position: -490px 0; }
    .i__languages.i__sk {
      background-position: -504px 0; }
    .i__languages.i__es {
      background-position: -518px 0; }
    .i__languages.i__sv {
      background-position: -532px 0; }
    .i__languages.i__tg {
      background-position: -546px 0; }
    .i__languages.i__th {
      background-position: -560px 0; }
    .i__languages.i__tr {
      background-position: -574px 0; }
    .i__languages.i__tk {
      background-position: -588px 0; }
    .i__languages.i__uk {
      background-position: -602px 0; }
    .i__languages.i__us {
      background-position: -616px 0; }
    .i__languages.i__uz {
      background-position: -630px 0; }
    .i__languages.i__vi {
      background-position: -644px 0; }
    .i__languages.i__id {
      background-position: -658px 0; }
    .i__languages.i__ms {
      background-position: -672px 0; }
  .i__famepoints {
    width: 78px;
    height: 78px;
    background-image: url(../images/components/icons/famepoints.png); }
    .i__famepoints.i__position {
      background-position: 0px 0; }
    .i__famepoints.i__points {
      background-position: -78px 0; }
  .i__epaulettes {
    width: 48px;
    height: 48px;
    background-image: url(../images/components/icons/epaulettes.png); }
    .i__epaulettes.i__commander {
      background-position: 0px 0; }
    .i__epaulettes.i__executive_officer {
      background-position: -48px 0; }
    .i__epaulettes.i__personnel_officer {
      background-position: -96px 0; }
    .i__epaulettes.i__combat_officer {
      background-position: -144px 0; }
    .i__epaulettes.i__intelligence_officer {
      background-position: -192px 0; }
    .i__epaulettes.i__quartermaster {
      background-position: -240px 0; }
    .i__epaulettes.i__recruitment_officer {
      background-position: -288px 0; }
    .i__epaulettes.i__junior_officer {
      background-position: -336px 0; }
    .i__epaulettes.i__private {
      background-position: -384px 0; }
    .i__epaulettes.i__recruit {
      background-position: -432px 0; }
    .i__epaulettes.i__reservist {
      background-position: -480px 0; }
    .i__epaulettes.i__none {
      background-position: -528px 0; }
  .i__feed {
    width: 90px;
    height: 90px;
    background-image: url(../images/components/icons/feed.png); }
    .i__feed.i__clan-created {
      background-position: 0px 0; }
    .i__feed.i__player-add {
      background-position: -90px 0; }
    .i__feed.i__player-delete {
      background-position: -180px 0; }
    .i__feed.i__player-up {
      background-position: -270px 0; }
    .i__feed.i__player-down {
      background-position: -360px 0; }
    .i__feed.i__player-aggregate {
      background-position: -450px 0; }
  .i__feed-ruby {
    width: 90px;
    height: 90px;
    background-image: url(../images/components/icons/feed-ruby.png); }
    .i__feed-ruby.i__clan-created {
      background-position: 0px 0; }
    .i__feed-ruby.i__player-add {
      background-position: -90px 0; }
    .i__feed-ruby.i__player-delete {
      background-position: -180px 0; }
    .i__feed-ruby.i__player-up {
      background-position: -270px 0; }
    .i__feed-ruby.i__player-down {
      background-position: -360px 0; }
    .i__feed-ruby.i__player-aggregate {
      background-position: -450px 0; }
  .i__feed-aggregate {
    width: 36px;
    height: 36px;
    background-image: url(../images/components/icons/feed-aggregate.png); }
    .i__feed-aggregate.i__player-add {
      background-position: 0px 0; }
    .i__feed-aggregate.i__player-delete {
      background-position: -36px 0; }
    .i__feed-aggregate.i__player-aggregate {
      background-position: -72px 0; }
  .i__feed-title {
    width: 64px;
    height: 64px;
    background-image: url(../images/components/icons/feed-title.png); }
    .i__feed-title.i__clan {
      background-position: 0px 0; }
    .i__feed-title.i__players {
      background-position: -64px 0; }
  .i__feed-title-ruby {
    width: 64px;
    height: 64px;
    background-image: url(../images/components/icons/feed-title-ruby.png); }
    .i__feed-title-ruby.i__clan {
      background-position: 0px 0; }
    .i__feed-title-ruby.i__players {
      background-position: -64px 0; }
  .i__games {
    width: 59px;
    height: 45px;
    background-image: url(../images/components/icons/games.png); }
    .i__games.i__wot {
      background-position: 0px 0; }
    .i__games.i__wowp {
      background-position: -59px 0; }
    .i__games.i__wows {
      background-position: -118px 0; }
  .i__games-ruby {
    width: 59px;
    height: 45px;
    background-image: url(../images/components/icons/games-ruby.png); }
    .i__games-ruby.i__wot {
      background-position: 0px 0; }
    .i__games-ruby.i__wowp {
      background-position: -59px 0; }
    .i__games-ruby.i__wows {
      background-position: -118px 0; }
  .i__player-history {
    width: 42px;
    height: 42px;
    background-image: url(../images/components/icons/player-history.png); }
    .i__player-history.i__clans {
      background-position: 0px 0; }
    .i__player-history.i__days {
      background-position: -42px 0; }
  .i__markers {
    width: 48px;
    height: 48px;
    background-image: url(../images/components/icons/markers.png); }
    .i__markers.i__own {
      background-position: 0px 0; }
    .i__markers.i__check {
      background-position: -48px 0; }
  .i__external-links {
    width: 10px;
    height: 10px;
    background-image: url(../images/components/icons/external-links.png); }
    .i__external-links.i__regular {
      background-position: 0px 0; }
  .i__textarea {
    width: 42px;
    height: 42px;
    background-image: url(../images/components/icons/textarea.png); }
    .i__textarea.i__edit {
      background-position: 0px 0; }
    .i__textarea.i__help {
      background-position: -42px 0; }
    .i__textarea.i__preview {
      background-position: -84px 0; }
  .i__announcement {
    width: 44px;
    height: 44px;
    background-image: url(../images/components/icons/announcement.png); }
    .i__announcement.i__remove {
      background-position: 0px 0; }
    .i__announcement.i__restricted {
      background-position: -44px 0; }
    .i__announcement.i__zip {
      background-position: -88px 0; }
    .i__announcement.i__unzip {
      background-position: -132px 0; }
  .i__currencies {
    width: 16px;
    height: 23px;
    background-image: url(../images/components/icons/currencies.png); }
    .i__currencies.i__influence {
      background-position: 0px 0; }
    .i__currencies.i__promresource {
      background-position: -16px 0; }
    .i__currencies.i__dublon {
      background-position: -32px 0; }
    .i__currencies.i__gold {
      background-position: -48px 0; }
    .i__currencies.i__gold-disabled {
      background-position: -64px 0; }
    .i__currencies.i__credits {
      background-position: -80px 0; }
    .i__currencies.i__crystal {
      background-position: -96px 0; }
  .i__clan-create {
    width: 113px;
    height: 119px;
    background-image: url(../images/components/icons/clan-create.png); }
    .i__clan-create.i__wot {
      background-position: 0px 0; }
    .i__clan-create.i__wows {
      background-position: -113px 0; }
    .i__clan-create.i__wowp {
      background-position: -226px 0; }
  .i__vehicle-type {
    width: 44px;
    height: 44px;
    background-image: url(../images/components/icons/vehicle-type.png); }
    .i__vehicle-type.i__lightTank {
      background-position: 0px 0; }
    .i__vehicle-type.i__lightTank-elite {
      background-position: -44px 0; }
    .i__vehicle-type.i__mediumTank {
      background-position: -88px 0; }
    .i__vehicle-type.i__mediumTank-elite {
      background-position: -132px 0; }
    .i__vehicle-type.i__heavyTank {
      background-position: -176px 0; }
    .i__vehicle-type.i__heavyTank-elite {
      background-position: -220px 0; }
    .i__vehicle-type.i__SPG {
      background-position: -264px 0; }
    .i__vehicle-type.i__SPG-elite {
      background-position: -308px 0; }
    .i__vehicle-type.i__AT-SPG {
      background-position: -352px 0; }
    .i__vehicle-type.i__AT-SPG-elite {
      background-position: -396px 0; }
    .i__vehicle-type.i__fighter {
      background-position: -440px 0; }
    .i__vehicle-type.i__fighter-elite {
      background-position: -484px 0; }
    .i__vehicle-type.i__fighterHeavy {
      background-position: -528px 0; }
    .i__vehicle-type.i__fighterHeavy-elite {
      background-position: -572px 0; }
    .i__vehicle-type.i__navy {
      background-position: -616px 0; }
    .i__vehicle-type.i__navy-elite {
      background-position: -660px 0; }
    .i__vehicle-type.i__assault {
      background-position: -704px 0; }
    .i__vehicle-type.i__assault-elite {
      background-position: -748px 0; }
  .i__file-action {
    width: 36px;
    height: 36px;
    background-image: url(../images/components/icons/file-action.png); }
    .i__file-action.i__remove {
      background-position: 0px 0; }
  .i__recruitstation {
    width: 31px;
    height: 31px;
    background-image: url(../images/components/icons/recruitstation.png); }
    .i__recruitstation.i__list {
      background-position: 0px 0; }
    .i__recruitstation.i__message {
      background-position: -31px 0; }
  .i__autorecruiting {
    width: 44px;
    height: 44px;
    background-image: url(../images/components/icons/autorecruiting.png); }
    .i__autorecruiting.i__open {
      background-position: 0px 0; }
    .i__autorecruiting.i__restricted {
      background-position: -44px 0; }
    .i__autorecruiting.i__closed {
      background-position: -88px 0; }
    .i__autorecruiting.i__auto {
      background-position: -132px 0; }
  .i__slide {
    width: 48px;
    height: 48px;
    background-image: url(../images/components/icons/slide.png); }
    .i__slide.i__wot-intro {
      background-position: 0px 0px; }
    .i__slide.i__wowp-intro {
      background-position: 0px -48px; }
    .i__slide.i__wot-features {
      background-position: -48px 0px; }
    .i__slide.i__wowp-features {
      background-position: -48px -48px; }
    .i__slide.i__wot-modes {
      background-position: -96px 0px; }
    .i__slide.i__wowp-modes {
      background-position: -96px -48px; }
    .i__slide.i__wot-ratings {
      background-position: -144px 0px; }
    .i__slide.i__wowp-ratings {
      background-position: -144px -48px; }
    .i__slide.i__wot-outro {
      background-position: -192px 0px; }
    .i__slide.i__wowp-outro {
      background-position: -192px -48px; }
  .i__slide-ruby {
    width: 48px;
    height: 48px;
    background-image: url(../images/components/icons/slide-ruby.png); }
    .i__slide-ruby.i__wot-intro {
      background-position: 0px 0px; }
    .i__slide-ruby.i__wowp-intro {
      background-position: 0px -48px; }
    .i__slide-ruby.i__wot-features {
      background-position: -48px 0px; }
    .i__slide-ruby.i__wowp-features {
      background-position: -48px -48px; }
    .i__slide-ruby.i__wot-modes {
      background-position: -96px 0px; }
    .i__slide-ruby.i__wowp-modes {
      background-position: -96px -48px; }
    .i__slide-ruby.i__wot-ratings {
      background-position: -144px 0px; }
    .i__slide-ruby.i__wowp-ratings {
      background-position: -144px -48px; }
    .i__slide-ruby.i__wot-outro {
      background-position: -192px 0px; }
    .i__slide-ruby.i__wowp-outro {
      background-position: -192px -48px; }
  .i__top-clans {
    width: 88px;
    height: 64px;
    background-image: url(../images/components/icons/top-clans.png); }
    .i__top-clans.i__wot-rating {
      background-position: 0px 0px; }
    .i__top-clans.i__wowp-rating {
      background-position: 0px -64px; }
    .i__top-clans.i__wot-battles {
      background-position: -88px 0px; }
    .i__top-clans.i__wowp-battles {
      background-position: -88px -64px; }
    .i__top-clans.i__wot-wins {
      background-position: -176px 0px; }
    .i__top-clans.i__wowp-wins {
      background-position: -176px -64px; }
    .i__top-clans.i__wot-gm_elo {
      background-position: -264px 0px; }
    .i__top-clans.i__wowp-gm_elo {
      background-position: -264px -64px; }

.tooltip, .search_message {
  background: #2e3435 url(../images/components/noise.png);
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.18), 0 0 25px rgba(0, 0, 0, 0.41);
  border: 1px solid rgba(255, 255, 255, 0.07);
  display: none;
  position: absolute;
  z-index: 10000;
  word-wrap: break-word;
  font-size: 14px;
  color: #b1b2b3;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.37);
  padding: 14px 20px;
  max-width: 400px; }
  .tooltip p, .search_message p {
    font-size: 14px;
    line-height: 18px; }
    .tooltip p:first-child, .search_message p:first-child {
      margin-top: 0; }
    .tooltip p:last-child, .search_message p:last-child {
      margin-bottom: 0; }

.tooltip__arrow-top, .tooltip__arrow-left, .tooltip__arrow-right, .tooltip__arrow-bottom {
  position: absolute; }
  .tooltip__arrow-top:after, .tooltip__arrow-left:after, .tooltip__arrow-right:after, .tooltip__arrow-bottom:after {
    content: normal;
    position: absolute;
    width: 3px;
    background: #5b5c53; }
  .tooltip__arrow-top:before, .tooltip__arrow-left:before, .tooltip__arrow-right:before, .tooltip__arrow-bottom:before {
    content: normal;
    position: absolute;
    height: 11px;
    width: 5px;
    background: url(../images/tooltip/tooltip-arrow.png) no-repeat; }

.tooltip__arrow-top {
  border-top: 0; }
  .tooltip__arrow-top:after {
    content: '';
    top: -3px;
    left: -1px;
    right: -1px;
    width: auto;
    height: 3px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3); }
  .tooltip__arrow-top:before {
    content: '';
    left: 50%;
    top: -8px;
    margin-left: -5px;
    width: 11px;
    height: 5px;
    background-position: 0 0; }

.tooltip__arrow-left {
  border-left: 0; }
  .tooltip__arrow-left:after {
    content: '';
    left: -3px;
    top: -1px;
    bottom: -1px;
    border-right: 1px solid rgba(0, 0, 0, 0.3); }
  .tooltip__arrow-left:before {
    content: '';
    top: 50%;
    left: -8px;
    margin-top: -5px;
    background-position: 0 -5px; }

.tooltip__arrow-right {
  border-right: 0; }
  .tooltip__arrow-right:after {
    content: '';
    right: -3px;
    top: -1px;
    bottom: -1px;
    border-left: 1px solid rgba(0, 0, 0, 0.3); }
  .tooltip__arrow-right:before {
    content: '';
    top: 50%;
    right: -8px;
    margin-top: -5px;
    background-position: -6px -5px; }

.tooltip__arrow-bottom {
  border-bottom: 0; }
  .tooltip__arrow-bottom:after {
    content: '';
    bottom: -3px;
    left: -1px;
    right: -1px;
    width: auto;
    height: 3px;
    border-top: 1px solid rgba(0, 0, 0, 0.3); }
  .tooltip__arrow-bottom:before {
    content: '';
    left: 50%;
    bottom: -8px;
    margin-left: -5px;
    width: 11px;
    height: 5px;
    background-position: 0 -16px; }

.tooltip__small {
  max-width: 165px; }

.tooltip__normal {
  max-width: 330px; }

.tooltip__large {
  max-width: 500px; }

.tooltip__area-sidebar {
  margin-top: 1px; }

.tooltip__table {
  min-width: 293px; }

.tooltip__wide {
  padding: 0 20px;
  max-width: 360px; }

.tooltip__elfish {
  padding: 15px 20px;
  max-width: 178px; }

.tooltip_content {
  padding: 4px 3px; }
  .tooltip_content__inline {
    line-height: 23px;
    display: inline-block;
    vertical-align: middle;
    padding: 0; }

.tooltip_header {
  font-size: 14px;
  color: #fff;
  padding: 0 0 8px; }
  .tooltip_header__bordered {
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); }

.tooltip_footer, .tooltip_description {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding: 16px 0 0; }

.tooltip_description {
  padding: 12px 0 0;
  margin: 10px 0 0;
  font-style: italic; }

.tooltip_bullet-list {
  padding: 6px 0 10px; }

.tooltip_bullet-item {
  position: relative;
  margin: 3px 0 0 18px;
  line-height: 18px; }
  .tooltip_bullet-item:before {
    content: '';
    position: absolute;
    left: -9px;
    top: 7px;
    width: 4px;
    height: 4px;
    background: #b1b2b3;
    border-radius: 10px; }
  .tooltip_bullet-item:first-child {
    margin-top: 0; }

.tooltip_title {
  margin: 0 0 2px;
  white-space: nowrap; }

.tooltip_text-direct {
  display: inline-block;
  padding: 10px 0 0;
  color: #dcdcdc; }
  .tooltip_text-direct:hover {
    color: #dcdcdc; }

.tooltip_buttons {
  background: url(../images/tooltip/tooltip_buttons_divider.png) no-repeat 0 50%;
  display: inline-block;
  margin: 0 0 0 11px;
  padding: 5px 0 5px 15px;
  vertical-align: middle; }

.tx-white {
  color: #fff; }

.tx-important {
  color: #dcdcdc; }

.tx-secondary {
  color: #808080; }

.tx-positive {
  color: #39b54a; }

.tx-negative {
  color: #c42a30; }

.tx-normal {
  font-size: 16px; }

.tx-small {
  font-size: 14px; }

.search-actions {
  opacity: .5;
  transition: opacity .2s; }
  .search-actions:hover {
    opacity: 1; }
  .search-actions__large-clear {
    position: absolute;
    top: 50%;
    right: 0;
    margin: -24px 0 0; }
  .search-actions__clear {
    position: absolute;
    top: 50%;
    right: 0;
    margin: -24px 0 0; }
  .search-actions__submit {
    position: absolute;
    top: 50%;
    left: 0;
    margin: -24px 0 0 -7px; }
  .search-actions__toggle {
    position: absolute;
    top: 50%;
    left: 109px;
    margin: -24px 0 0 -7px; }

.search-form {
  position: relative;
  display: table;
  box-sizing: border-box;
  height: 107px;
  margin: 0 -20px 60px;
  padding: 30px 20px; }
  .search-form:before, .search-form:after {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: -1;
    background-image: url(../images/search-form/search-form-bg.png);
    background-repeat: no-repeat;
    content: ''; }
  .search-form__place-header {
    position: absolute;
    top: 0;
    right: 48px;
    height: auto;
    margin: 17px 0 0;
    padding: 0;
    table-layout: fixed;
    transition: width .5s; }
    @media all and (max-width: 1460px) {
      .search-form__place-header {
        width: 145px; } }
    @media all and (min-width: 1461px) {
      .search-form__place-header {
        width: 410px; } }
    .search-form__place-header:before, .search-form__place-header:after {
      content: normal; }
  .search-form__state-on {
    width: 410px; }
  .search-form:before {
    right: 50%;
    left: 0;
    background-position: 0 0; }
  .search-form:after {
    right: 0;
    left: 50%;
    background-position: 100% 0; }
  .search-form_group {
    display: table-cell;
    width: 100%;
    transition: opacity .5s;
    vertical-align: middle; }
    @media all and (max-width: 1460px) {
      .search-form__place-header .search-form_group {
        opacity: 0;
        pointer-events: none; } }
    @media all and (min-width: 1461px) {
      .search-form__place-header .search-form_group {
        opacity: 1; } }
    .search-form__state-on .search-form_group {
      opacity: 1;
      pointer-events: auto; }
  .search-form_button {
    float: right;
    margin-left: 20px; }
  .search-form_glow:before, .search-form_glow:after {
    position: absolute;
    z-index: -1;
    content: '';
    background-image: url(../images/search-form/search-form-glow.png);
    background-repeat: no-repeat; }
  .search-form_glow:before {
    right: 50%;
    left: 0; }
  .search-form_glow:after {
    right: 0;
    left: 50%; }
  .search-form_glow__top:before, .search-form_glow__top:after {
    bottom: 100%;
    height: 55px; }
  .search-form_glow__top:before {
    background-position: 0 0; }
  .search-form_glow__top:after {
    background-position: 100% 0; }
  .search-form_glow__bottom:before, .search-form_glow__bottom:after {
    top: 100%;
    height: 47px; }
  .search-form_glow__bottom:before {
    background-position: 0 -55px; }
  .search-form_glow__bottom:after {
    background-position: 100% -55px; }
  @media all and (max-width: 1460px) {
    .search-form__place-header .search-form_submit {
      display: none; } }
  @media all and (min-width: 1461px) {
    .search-form__place-header .search-form_submit {
      display: block; } }
  .search-form__state-on .search-form_submit {
    display: block; }
  @media all and (max-width: 1460px) {
    .search-form__place-header .search-form_toggle {
      display: block; } }
  @media all and (min-width: 1461px) {
    .search-form__place-header .search-form_toggle {
      display: none; } }
  .search-form__state-on .search-form_toggle {
    display: none; }

.search-group {
  position: relative;
  height: 45px;
  border: 1px solid #404040;
  box-shadow: inset 0 0 0 1px #000, inset 0 0 6px 2px rgba(0, 0, 0, 0.35);
  background-color: rgba(21, 21, 21, 0.4);
  color: #b1b2b3;
  transition: all .3s; }
  .search-group__state-focused {
    border-color: #808080;
    background-color: rgba(21, 21, 21, 0.8);
    color: #fff; }
  .search-group__place-header {
    height: 28px;
    line-height: inherit; }
  .search-group_select {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    box-sizing: border-box;
    width: 165px;
    box-shadow: inset 0 0 0 1px #000; }
    .search-group__place-header .search-group_select {
      width: 108px;
      border-right: 1px solid #404040; }
  .search-group_field {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 165px;
    box-sizing: border-box;
    box-shadow: inset 0 0 0 1px #000; }
    .search-group_field:before {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      border-left: 1px solid #404040;
      content: ''; }
    .search-group__place-header .search-group_field {
      left: 107px;
      width: 301px;
      border-left: 0; }

.search-input {
  font-size: 16px;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 0 45px 0 15px;
  color: inherit;
  border: none;
  outline: 0;
  background-color: transparent; }
  .search-input::-ms-clear {
    display: none; }
  .search-input__place-header {
    padding-left: 36px;
    padding-right: 37px;
    line-height: 14px;
    font-size: 14px;
    color: #808080; }

.search-loading {
  position: relative;
  padding: 40px 0 0;
  text-align: center;
  color: #808080; }
  .search-loading_spinner {
    position: absolute;
    top: 0;
    left: 50%;
    width: 24px;
    height: 24px;
    margin: 0 0 0 -12px; }

.search-select {
  font-size: 16px;
  padding: 0 15px;
  cursor: pointer;
  color: #808080; }
  .search-select:after {
    position: absolute;
    top: 50%;
    right: 15px;
    width: 9px;
    height: 7px;
    margin: -3px 0 0;
    content: '';
    background: url(../images/search-form/search-form-select-arrow.png) 0 -7px no-repeat; }
    .search-select__place-header .search-select:after {
      right: 10px; }
  .search-select__state-active:after {
    background-position: 0 0; }
  .search-select__place-header {
    padding: 0 9px; }
  .search-select_result {
    line-height: 45px; }
    .search-select__place-header .search-select_result {
      line-height: 29px;
      font-size: 14px; }
  .search-select_list {
    position: absolute;
    z-index: 100;
    top: 100%;
    right: -1px;
    left: -1px;
    display: none;
    padding: 8px 0 10px;
    border-top: 1px solid #808080;
    border-radius: 0 0 1px 1px;
    background: #2e3435 url(../images/components/noise.png);
    box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.25), 1px 1px 8px rgba(0, 0, 0, 0.5), 0 0 1px rgba(0, 0, 0, 0.33); }
  .search-select_item {
    line-height: 32px;
    position: relative;
    overflow: hidden;
    padding: 1px 16px 0;
    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #dcdcdc; }
    .search-select_item:before {
      position: absolute;
      top: 4px;
      bottom: 3px;
      left: 0;
      width: 3px;
      content: ''; }
    .search-select_item:hover:before {
      background-color: #fff; }
    .search-select_item__state-current:before, .search-select_item__state-current:hover:before {
      background-color: #e5b12e; }
    .search-select_item:after {
      position: absolute;
      top: 0;
      right: 16px;
      left: 16px;
      height: 1px;
      content: '';
      background-color: rgba(255, 255, 255, 0.05); }
    .search-select_item:first-child:after {
      content: normal; }

.announcement {
  border-radius: 1px;
  position: relative;
  cursor: pointer;
  transition: background .2s; }
  .announcement__read, .announcement__archive {
    padding: 18px 25px;
    border: 1px solid rgba(255, 255, 255, 0.19);
    background-color: rgba(255, 255, 255, 0.08); }
    .announcement__read:hover, .announcement__archive:hover {
      border: 1px solid rgba(255, 255, 255, 0.25);
      background-color: rgba(255, 255, 255, 0.12); }
  .announcement__unread {
    padding: 18px 25px;
    color: #dcdcdc;
    border: 1px solid rgba(255, 196, 83, 0.3);
    background-image: url(../images/announcement/announcement-unread.png);
    background-position: left top;
    background-repeat: no-repeat;
    background-color: rgba(255, 128, 64, 0.09); }
    .announcement__unread:hover {
      border: 1px solid rgba(255, 196, 83, 0.4);
      background-color: rgba(255, 128, 64, 0.14); }
  .announcement__placeholder {
    height: 161px;
    padding: 18px 25px;
    text-align: center;
    color: #808080;
    border: 1px dashed rgba(255, 255, 255, 0.15);
    background-color: rgba(255, 255, 255, 0.02);
    cursor: default; }
    .billboard__tiles .announcement__placeholder {
      height: 115px; }
  .announcement__archive {
    box-sizing: border-box;
    display: table;
    width: 100%;
    height: 161px;
    padding-right: 0;
    padding-left: 0;
    text-align: center; }
    .billboard__tiles .announcement__archive {
      height: 115px; }
  .announcement__view {
    cursor: default; }
  .billboard_item__drag .announcement:before {
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    background-color: #000; }
  .billboard__mode-edit .announcement_inner {
    opacity: .4; }
  .announcement__archive .announcement_inner {
    display: table-cell;
    vertical-align: middle;
    height: 115px; }
  .announcement_corner {
    background-image: url(../images/announcement/announcement_corner.png);
    background-repeat: no-repeat;
    position: absolute;
    top: -2px;
    left: -2px;
    width: 44px;
    height: 44px; }
    @media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 1.5dppx) {
      .announcement_corner {
        background-image: url(../images/announcement/announcement_corner@2x.png);
        background-size: cover; } }
  .announcement_views {
    opacity: .7;
    transition: opacity .2s;
    will-change: opacity;
    position: absolute;
    top: 3px;
    right: -11px;
    width: 44px;
    height: 44px;
    cursor: help; }
    .announcement_views:hover {
      opacity: 1; }
    .announcement_views + .announcement_summary {
      padding-right: 25px; }
  .announcement_sortable {
    background-image: url(../images/announcement/announcement_sort.png);
    background-repeat: no-repeat;
    display: none;
    width: 76px;
    height: 82px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: opacity .2s; }
    @media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 1.5dppx) {
      .announcement_sortable {
        background-image: url(../images/announcement/announcement_sort@2x.png);
        background-size: cover; } }
    .billboard__mode-edit .announcement_sortable {
      display: block; }
    .billboard__mode-edit .announcement:hover .announcement_sortable {
      opacity: 1; }
  .announcement_up {
    background-image: url(../images/announcement/announcement_up.png);
    background-repeat: no-repeat;
    width: 12px;
    height: 54px;
    margin: 10px auto; }
    @media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 1.5dppx) {
      .announcement_up {
        background-image: url(../images/announcement/announcement_up@2x.png);
        background-size: cover; } }
  .announcement_add {
    background-image: url(../images/announcement/announcement_add.png);
    background-repeat: no-repeat;
    display: inline-block;
    margin: -2px -6px -6px;
    width: 30px;
    height: 30px;
    vertical-align: top; }
    @media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 1.5dppx) {
      .announcement_add {
        background-image: url(../images/announcement/announcement_add@2x.png);
        background-size: cover; } }
  .announcement_body {
    overflow: hidden;
    word-wrap: break-word; }
    .billboard__list .announcement_body {
      max-height: 161px; }
    .billboard__tiles .announcement_body {
      height: 115px; }
  .announcement_footer {
    position: relative;
    margin: 14px 0 0;
    padding: 16px 0 0;
    background: url(../images/announcement/announcement-hr.png) repeat-x; }
    .announcement__view .announcement_footer {
      margin-top: 24px; }
    .announcement_footer p {
      line-height: inherit; }

.announcement-control {
  position: relative;
  top: 12px;
  display: inline-block;
  height: 20px;
  vertical-align: top; }
  .announcement-control__link {
    margin-left: 25px; }
  .announcement-control__divider {
    top: 15px;
    width: 1px;
    height: 20px;
    margin: 0 15px;
    background-color: #343434; }
  .announcement-control__info {
    position: relative;
    margin-left: 25px;
    color: #808080; }
  .announcement-control_icon {
    opacity: .7;
    transition: opacity .2s;
    will-change: opacity;
    display: inline-block;
    margin: -12px;
    vertical-align: middle; }
    .announcement-control_icon:hover {
      opacity: 1; }
    .announcement-control_icon__info {
      margin-left: 4px;
      cursor: help; }

.autocomplete {
  box-sizing: border-box;
  position: absolute;
  top: 100%;
  right: -1px;
  left: 0;
  margin: -1px 0 0;
  z-index: 100;
  overflow: hidden;
  background: #2e3435 url(../images/components/noise.png);
  border-radius: 0 0 1px 1px;
  padding-top: 2px;
  box-shadow: inset 0 4px 0 0 rgba(0, 0, 0, 0.56), inset 0 0 1px rgba(255, 255, 255, 0.4), 1px 1px 8px rgba(0, 0, 0, 0.5), 0 0 1px rgba(0, 0, 0, 0.33);
  cursor: default; }
  .autocomplete:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border-top: 3px solid #5b5c53;
    height: 6px;
    background: url(../images/autocomplete/autocomplete_arrow.png) 50% 0 no-repeat;
    content: '';
    z-index: 10; }
  .autocomplete_place-header {
    padding: 10px 12px 11px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.5);
    border-top: 1px solid rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 -22px 30px 7px rgba(255, 255, 255, 0.04), inset 0 0 1px rgba(255, 255, 255, 0.25), 0 5px 20px 0 rgba(0, 0, 0, 0.1), 0 -5px 20px 0 rgba(0, 0, 0, 0.1); }
  .autocomplete_list {
    margin-bottom: -1px; }
  .autocomplete_item {
    position: relative;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAABCAYAAAD5PA/NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABRJREFUeNpi+P//vxoQM8AwQIABAG2TDBviEujqAAAAAElFTkSuQmCC") left top repeat-x;
    margin: 0 21px 0 34px; }
    .autocomplete_item:first-child {
      background: none; }
    .autocomplete_item__vehicle-search {
      margin: 0 10px; }
  .autocomplete_link {
    display: block;
    padding: 12px 0 9px;
    font-size: 14px; }
    .autocomplete_link:hover:before {
      content: '';
      position: absolute;
      left: -34px;
      top: 5px;
      height: 39px;
      width: 3px;
      background-color: #fff; }
    .autocomplete_item__active .autocomplete_link:before,
    .autocomplete_item__hover .autocomplete_link:before {
      content: '';
      position: absolute;
      left: -34px;
      top: 5px;
      height: 39px;
      width: 3px;
      background-color: #e5b12e; }
    .autocomplete_item__active .autocomplete_link:hover:before,
    .autocomplete_item__hover .autocomplete_link:hover:before {
      background-color: #e5b12e; }
    .autocomplete_item__hover .autocomplete_link:before {
      background-color: #fff; }
    .autocomplete_item__hover .autocomplete_link:hover:before {
      background-color: #fff; }
    .autocomplete_item__inactive .autocomplete_link:hover:before {
      content: normal; }
    .autocomplete_item__vehicle-search .autocomplete_link {
      padding: 0; }
      .autocomplete_item__vehicle-search .autocomplete_link:hover:before {
        top: 4px;
        left: -10px;
        height: 29px; }
  .autocomplete_title {
    color: #fff; }
    .autocomplete_title__dark {
      color: #b1b2b3; }
  .autocomplete_outside-link {
    display: inline-block;
    margin: 0 0 11px; }
  .autocomplete_text {
    padding: 17px 36px;
    color: #b1b2b3; }
  .autocomplete_loader {
    height: 75px;
    position: relative; }
  .autocomplete_spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 24px;
    height: 24px;
    margin: -12px 0 0 -12px; }

.battle {
  margin: 2px 0 4px; }
  .battle + .battle {
    margin-top: 12px; }

.battle-type {
  cursor: help;
  margin: -15px -12px -12px;
  vertical-align: middle; }

.billboard__tiles {
  overflow: hidden;
  margin: 0 -9px; }

.billboard_item {
  text-align: left; }
  .billboard__list .billboard_item {
    margin-top: 30px; }
    .billboard__list .billboard_item:first-child {
      margin-top: 0; }
  .billboard__tiles .billboard_item {
    margin: 0 9px; }
  .billboard_item__placeholder {
    border: 2px dashed #999;
    background-color: rgba(255, 255, 255, 0.05); }

.billboard_message {
  margin: 0 0 15px; }

.billboard-controls {
  position: fixed;
  z-index: 20;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 20px 0;
  border-top: 1px solid rgba(57, 57, 57, 0.6);
  background-color: rgba(20, 20, 20, 0.95);
  box-shadow: 0 -5px 10px 0 rgba(0, 0, 0, 0.4); }
  .billboard-controls_control {
    display: inline-block;
    margin-right: 25px;
    vertical-align: middle; }
    .billboard-controls_control__link {
      position: relative;
      top: -2px; }

.building {
  position: relative;
  z-index: 0;
  display: inline-block;
  width: 43%;
  margin-right: 11%;
  vertical-align: top;
  transition: .5s;
  transform-style: preserve-3d; }
  .building__flipped {
    z-index: 15; }
  .building_front {
    margin: 0 -10px;
    padding: 30px 55px 38px;
    border: 1px solid transparent;
    cursor: pointer;
    transition: .5s;
    backface-visibility: hidden; }
    .building_front:hover {
      border: 1px solid rgba(255, 255, 255, 0.15);
      background: rgba(255, 255, 255, 0.04); }
    @media all and (max-width: 1100px) {
      .building_front {
        padding-right: 40px;
        padding-left: 40px; } }
    .building__flipped .building_front {
      z-index: 10;
      transform: rotateY(180deg); }
  .building_back {
    position: absolute;
    top: 50%;
    left: 50%;
    box-sizing: border-box;
    width: 380px;
    height: 404px;
    margin: -202px 0 0 -190px;
    padding: 29px 35px;
    visibility: hidden;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 2px;
    background: #171717 no-repeat;
    white-space: normal;
    transition: .5s;
    transform: rotateY(-180deg);
    backface-visibility: hidden; }
    .building__flipped .building_back {
      z-index: 20;
      visibility: visible;
      box-shadow: 0 0 45px rgba(0, 0, 0, 0.55);
      transform: rotateY(0deg); }
    .building__type-financial-dept .building_back {
      background-image: url(../images/building/building_back_financial-dept.png); }
    .building__type-tankodrome .building_back {
      background-image: url(../images/building/building_back_tankodrome.png); }
    .building__type-training-dept .building_back {
      background-image: url(../images/building/building_back_training-dept.png); }
    .building__type-military-academy .building_back {
      background-image: url(../images/building/building_back_military-academy.png); }
    .building__type-transport-dept .building_back {
      background-image: url(../images/building/building_back_transport-dept.png); }
    .building__type-intendant-service .building_back {
      background-image: url(../images/building/building_back_intendant-service.png); }
    .building__type-trophy-brigade .building_back {
      background-image: url(../images/building/building_back_trophy-brigade.png); }
    .building__type-office .building_back {
      background-image: url(../images/building/building_back_office.png); }
    .building__type-artillery-shop .building_back {
      background-image: url(../images/building/building_back_artillery-shop.png); }
    .building__type-bomber-shop .building_back {
      background-image: url(../images/building/building_back_bomber-shop.png); }
  .building_background {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 100% -200%;
    background-size: 150%;
    opacity: .3; }
  .building_heading {
    margin: 0 26px -2px 0;
    overflow: hidden;
    font-size: 20px;
    line-height: 1;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .building_caption {
    margin-bottom: 1px;
    overflow: hidden;
    color: #fff;
    font-size: 20px;
    text-align: left;
    text-overflow: ellipsis;
    white-space: normal; }
  .building_img-holder {
    position: relative;
    position: relative;
    margin: 0 -5px 16px;
    vertical-align: middle;
    opacity: .8;
    transition: opacity .2s; }
    .building_img-holder:before {
      display: block;
      width: 100%;
      padding-top: 72.22222%;
      content: " "; }
    .building_img-holder .building_img {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0; }
    .building:hover .building_img-holder {
      opacity: 1; }
  .building_img {
    width: 100%;
    height: 100%;
    margin-top: 3px;
    background-size: contain; }
    .building_img__financial-dept {
      background-image: url(../images/stronghold/financial-dept.png);
      background-repeat: no-repeat; }
      @media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 1.5dppx) {
        .building_img__financial-dept {
          background-image: url(../images/stronghold/financial-dept@2x.png);
          background-size: cover; } }
    .building_img__tankodrome {
      background-image: url(../images/stronghold/tankodrome.png);
      background-repeat: no-repeat; }
      @media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 1.5dppx) {
        .building_img__tankodrome {
          background-image: url(../images/stronghold/tankodrome@2x.png);
          background-size: cover; } }
    .building_img__training-dept {
      background-image: url(../images/stronghold/training-dept.png);
      background-repeat: no-repeat; }
      @media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 1.5dppx) {
        .building_img__training-dept {
          background-image: url(../images/stronghold/training-dept@2x.png);
          background-size: cover; } }
    .building_img__military-academy {
      background-image: url(../images/stronghold/military-academy.png);
      background-repeat: no-repeat; }
      @media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 1.5dppx) {
        .building_img__military-academy {
          background-image: url(../images/stronghold/military-academy@2x.png);
          background-size: cover; } }
    .building_img__transport-dept {
      background-image: url(../images/stronghold/transport-dept.png);
      background-repeat: no-repeat; }
      @media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 1.5dppx) {
        .building_img__transport-dept {
          background-image: url(../images/stronghold/transport-dept@2x.png);
          background-size: cover; } }
    .building_img__intendant-service {
      background-image: url(../images/stronghold/intendant-service.png);
      background-repeat: no-repeat; }
      @media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 1.5dppx) {
        .building_img__intendant-service {
          background-image: url(../images/stronghold/intendant-service@2x.png);
          background-size: cover; } }
    .building_img__trophy-brigade {
      background-image: url(../images/stronghold/trophy-brigade.png);
      background-repeat: no-repeat; }
      @media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 1.5dppx) {
        .building_img__trophy-brigade {
          background-image: url(../images/stronghold/trophy-brigade@2x.png);
          background-size: cover; } }
    .building_img__office {
      background-image: url(../images/stronghold/office.png);
      background-repeat: no-repeat; }
      @media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 1.5dppx) {
        .building_img__office {
          background-image: url(../images/stronghold/office@2x.png);
          background-size: cover; } }
    .building_img__artillery-shop {
      background-image: url(../images/stronghold/artillery-shop.png);
      background-repeat: no-repeat; }
      @media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 1.5dppx) {
        .building_img__artillery-shop {
          background-image: url(../images/stronghold/artillery-shop@2x.png);
          background-size: cover; } }
    .building_img__bomber-shop {
      background-image: url(../images/stronghold/bomber-shop.png);
      background-repeat: no-repeat; }
      @media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 1.5dppx) {
        .building_img__bomber-shop {
          background-image: url(../images/stronghold/bomber-shop@2x.png);
          background-size: cover; } }
  .building_level {
    position: absolute;
    top: -3px;
    left: 6px;
    color: #fff;
    font-size: 25px;
    text-shadow: 0 1px rgba(0, 0, 0, 0.5); }
  .building_info {
    font-size: 14px;
    text-overflow: ellipsis;
    overflow: hidden; }
    .building_info__guest {
      text-align: center;
      vertical-align: middle; }
  .building_name {
    color: #fff;
    font-size: 20px;
    white-space: normal; }
  .building_target {
    position: absolute;
    top: 0;
    width: 100%;
    margin-top: -27px;
    text-align: center;
    opacity: 0;
    cursor: pointer; }
    .building_target__play {
      animation: 1s linear forwards target-building-animation; }
  .building_close {
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
    position: absolute;
    top: 15px;
    right: 24px;
    width: 48px;
    height: 48px;
    opacity: .7;
    transition: opacity .2s; }
    .building_close:hover {
      opacity: 1; }
  .building_divider {
    height: 2px;
    margin: 15px 0 13px;
    background: url(../images/building/building_divider.png) repeat-x; }
  .building_content {
    height: 127px;
    overflow: hidden; }

@keyframes target-building-animation {
  0% {
    top: 0;
    opacity: 0; }
  50% {
    top: 50%;
    opacity: 1; }
  70% {
    top: 40%;
    opacity: 1; }
  80% {
    top: 50%;
    opacity: 1; }
  95% {
    top: 48%;
    opacity: 1; }
  100% {
    top: 50%;
    opacity: 1; } }

.building-bonus {
  height: 144px;
  margin: 0 0 0 -8px;
  overflow: hidden; }
  .building-bonus_title {
    margin: 0 4px 0 8px;
    color: #fff;
    font-weight: bold; }
  .building-bonus_img-holder {
    width: 65px;
    height: 65px;
    margin: 0 0 0 -8px;
    float: left; }
  .building-bonus_img {
    width: 100%;
    width: 100%;
    height: 100%; }
    .building-bonus_img__bomber {
      background-image: url(../images/building-bonus/bomber.png);
      background-repeat: no-repeat; }
      @media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 1.5dppx) {
        .building-bonus_img__bomber {
          background-image: url(../images/building-bonus/bomber@2x.png);
          background-size: cover; } }
    .building-bonus_img__artillery {
      background-image: url(../images/building-bonus/artillery.png);
      background-repeat: no-repeat; }
      @media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 1.5dppx) {
        .building-bonus_img__artillery {
          background-image: url(../images/building-bonus/artillery@2x.png);
          background-size: cover; } }
    .building-bonus_img__special_instructions {
      background-image: url(../images/building-bonus/special_instructions.png);
      background-repeat: no-repeat; }
      @media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 1.5dppx) {
        .building-bonus_img__special_instructions {
          background-image: url(../images/building-bonus/special_instructions@2x.png);
          background-size: cover; } }
    .building-bonus_img__requisition {
      background-image: url(../images/building-bonus/requisition.png);
      background-repeat: no-repeat; }
      @media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 1.5dppx) {
        .building-bonus_img__requisition {
          background-image: url(../images/building-bonus/requisition@2x.png);
          background-size: cover; } }
    .building-bonus_img__evacuation {
      background-image: url(../images/building-bonus/evacuation.png);
      background-repeat: no-repeat; }
      @media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 1.5dppx) {
        .building-bonus_img__evacuation {
          background-image: url(../images/building-bonus/evacuation@2x.png);
          background-size: cover; } }
    .building-bonus_img__heavy_transport {
      background-image: url(../images/building-bonus/heavy_transport.png);
      background-repeat: no-repeat; }
      @media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 1.5dppx) {
        .building-bonus_img__heavy_transport {
          background-image: url(../images/building-bonus/heavy_transport@2x.png);
          background-size: cover; } }
    .building-bonus_img__military_exercises {
      background-image: url(../images/building-bonus/military_exercises.png);
      background-repeat: no-repeat; }
      @media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 1.5dppx) {
        .building-bonus_img__military_exercises {
          background-image: url(../images/building-bonus/military_exercises@2x.png);
          background-size: cover; } }
    .building-bonus_img__additional_briefing {
      background-image: url(../images/building-bonus/additional_briefing.png);
      background-repeat: no-repeat; }
      @media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 1.5dppx) {
        .building-bonus_img__additional_briefing {
          background-image: url(../images/building-bonus/additional_briefing@2x.png);
          background-size: cover; } }
    .building-bonus_img__tactical_training {
      background-image: url(../images/building-bonus/tactical_training.png);
      background-repeat: no-repeat; }
      @media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 1.5dppx) {
        .building-bonus_img__tactical_training {
          background-image: url(../images/building-bonus/tactical_training@2x.png);
          background-size: cover; } }
    .building-bonus_img__battle_payments {
      background-image: url(../images/building-bonus/battle_payments.png);
      background-repeat: no-repeat; }
      @media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 1.5dppx) {
        .building-bonus_img__battle_payments {
          background-image: url(../images/building-bonus/battle_payments@2x.png);
          background-size: cover; } }
  .building-bonus_info {
    height: 123px;
    margin-left: 66px;
    overflow: hidden;
    line-height: 20px; }
  .building-bonus_value {
    color: #fff;
    font-weight: bold; }

.command-center {
  width: 298px;
  position: absolute;
  right: 57px;
  bottom: 8px;
  transition: all .3s; }
  @media all and (max-width: 1100px) {
    .command-center {
      width: 260px;
      right: 0;
      bottom: 2px; } }
  .command-center_header {
    margin: 0 0 9px; }
  .command-center_level {
    float: left;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
    background-color: rgba(255, 255, 255, 0.2);
    margin: 0 10px 0 0; }
    .command-center_level-holder {
      margin: 1px;
      height: 52px;
      width: 52px;
      color: #fff;
      font-size: 25px;
      line-height: 57px;
      text-align: center;
      background: rgba(0, 0, 0, 0.8); }
  .command-center_title {
    margin: 0 0 0 64px;
    line-height: 35px; }
  .command-center_created {
    margin: 0 0 0 64px;
    color: #808080;
    font-size: 14px;
    line-height: 1; }

.clan {
  padding: 60px 30px;
  position: relative;
  z-index: 10;
  text-align: center; }
  .clan_emblem {
    margin: auto; }
    .clan_emblem__size-195 {
      height: 195px;
      width: 195px; }
      .clan__state-collapsed .clan_emblem__size-195 {
        display: none; }
    .clan_emblem__size-64 {
      display: none;
      height: 64px;
      width: 64px; }
      .clan__state-collapsed .clan_emblem__size-64 {
        display: block; }
  .clan_info {
    margin-left: 215px;
    overflow: hidden; }
  .clan_created {
    opacity: .5;
    margin: 9px 0 0;
    font-size: 14px;
    color: #b1b2b3;
    line-height: 20px; }
    .clan__state-collapsed .clan_created {
      display: none; }
  .clan_name {
    margin: 15px 0 0;
    color: #fff; }
  .clan_ellipsis {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .clan_motto {
    margin: 6px 0 18px;
    color: #b1b2b3;
    font-size: 16px;
    line-height: 25px;
    word-wrap: break-word; }
    .clan__state-collapsed .clan_motto {
      display: none; }
  .clan_links {
    height: 24px;
    text-align: center; }
    .clan__state-collapsed .clan_links {
      display: none; }
  .clan_link-holder {
    display: inline-block;
    padding: 0 20px;
    background: url(../images/clan/clan_links-divider.png) left no-repeat; }
    .clan_link-holder:first-child {
      background: none; }

.clan-description {
  word-wrap: break-word; }
  .clan-description__create-clan {
    margin-top: 0; }
  .clan-description_preview {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    display: none;
    padding: 0 0 18px;
    margin: 8px 0 0;
    word-wrap: break-word; }
  .clan-description_preview-wrapper {
    display: none;
    position: relative; }
    .clan-description_preview-wrapper:before {
      background-image: url(../images/clan-description/clan-description_wrapper-shadows.png);
      height: 44px;
      position: absolute;
      left: -5px;
      right: -5px;
      z-index: -1;
      content: '';
      background-position: 50% 0;
      bottom: 100%; }
    .clan-description_preview-wrapper:after {
      background-image: url(../images/clan-description/clan-description_wrapper-shadows.png);
      height: 44px;
      position: absolute;
      left: -5px;
      right: -5px;
      z-index: -1;
      content: '';
      background-position: 50% 100%;
      top: 100%; }
  .clan-description_controls {
    margin: 13px 0 2px; }
    .clan-description_controls:before, .clan-description_controls:after {
      display: table;
      content: ''; }
    .clan-description_controls:after {
      clear: both; }
  .clan-description_help {
    float: right;
    position: relative;
    text-align: right;
    line-height: 18px; }
  .clan-description_toggle {
    font-size: 14px;
    line-height: 18px;
    position: relative; }
    .clan-description_toggle.clan-description_toggle__state-disabled {
      border-bottom-color: transparent;
      color: #808080;
      cursor: default;
      pointer-events: none; }
    .clan-description_toggle__preview, .clan-description_toggle__edit {
      float: left;
      margin-left: 28px; }
  .clan-description_icon {
    opacity: .7;
    position: absolute;
    top: -12px;
    left: -38px;
    transition: opacity .2s; }
    .clan-description_toggle:hover .clan-description_icon, .clan-description_icon:hover {
      opacity: 1; }
    .clan-description_toggle__help .clan-description_icon {
      display: none; }
    .clan-description_toggle__state-disabled .clan-description_icon {
      opacity: .2; }
  .clan-description_field {
    display: none; }

.clan-name {
  color: #dcdcdc;
  font-weight: bold; }
  .clan-name__single {
    margin: 10px 0; }
  .clan-name__note {
    color: #b1b2b3; }
  .clan-name_emblem {
    margin: 0 10px 0 0;
    vertical-align: middle; }
    .clan-name_emblem__left {
      float: left; }
    .clan-name__single .clan-name_emblem {
      width: 32px;
      height: 32px; }
  .clan-name_tag {
    white-space: nowrap; }
  .clan-name_holder {
    display: block;
    overflow: hidden;
    padding-top: 3px;
    white-space: normal;
    word-wrap: break-word; }

.datepicker {
  position: relative;
  z-index: 10;
  display: inline-block;
  width: 165px;
  margin-right: 10px; }
  .form-row .datepicker {
    margin-right: 0; }
  .datepicker_input {
    border: 1px solid #404040;
    border-radius: 2px;
    box-sizing: border-box;
    padding: 10px 28px 10px 12px;
    height: 47px;
    width: 100%;
    background: rgba(19, 19, 19, 0.8);
    color: #b1b2b3;
    font-size: 16px;
    line-height: 22px;
    transition: all .2s; }
    .datepicker:hover .datepicker_input, .datepicker_input:hover {
      color: #dcdcdc;
      border-color: #525252;
      background-color: rgba(19, 19, 19, 0.8); }
      .datepicker:hover .datepicker_input::-moz-placeholder, .datepicker_input:hover::-moz-placeholder {
        color: #808080;
        opacity: 1; }
      .datepicker:hover .datepicker_input::-webkit-input-placeholder, .datepicker_input:hover::-webkit-input-placeholder {
        color: #808080; }
      .datepicker:hover .datepicker_input:-ms-input-placeholder, .datepicker_input:hover:-ms-input-placeholder {
        color: #808080; }
    .datepicker_input:focus {
      color: #fff;
      border-color: #525252;
      background-color: rgba(14, 14, 14, 0.9);
      outline: 0; }
      .datepicker_input:focus::-moz-placeholder {
        color: #808080;
        opacity: 1; }
      .datepicker_input:focus::-webkit-input-placeholder {
        color: #808080; }
      .datepicker_input:focus:-ms-input-placeholder {
        color: #808080; }
    .datepicker_input::-moz-placeholder {
      font-style: italic;
      line-height: 13px;
      color: rgba(174, 174, 174, 0.3);
      opacity: 1; }
    .datepicker_input::-webkit-input-placeholder {
      font-style: italic;
      line-height: 13px;
      color: rgba(174, 174, 174, 0.3); }
    .datepicker_input:-ms-input-placeholder {
      font-style: italic;
      line-height: 13px;
      color: rgba(174, 174, 174, 0.3); }
    .form-row__state-error .datepicker_input {
      border-color: rgba(214, 42, 48, 0.65); }
      .form-row__state-error .datepicker_input:hover, .form-row__state-error .datepicker_input:focus {
        border-color: rgba(214, 42, 48, 0.65); }

.defense {
  margin: -13px 0 16px;
  overflow: hidden; }
  .defense_icon {
    float: left;
    margin: 22px 30px 0 0;
    width: 46px; }
  .defense_datepicker {
    margin: 0 0 10px; }
  .defense_info {
    display: table;
    width: 100%; }
  .defense_item {
    display: table-cell;
    background: url(../images/defense/defense_item_bg.png) no-repeat 0 50%;
    padding: 3px 10px 8px;
    text-align: center;
    min-width: 100px;
    vertical-align: middle; }
    .defense_item:first-child {
      background: none;
      padding-left: 0;
      text-align: left; }
  .defense_title {
    margin: 7px 0 5px; }
  .defense_value {
    color: #dcdcdc;
    font-weight: bold; }
    .defense_value__empty {
      color: #808080;
      font-weight: normal; }
  .defense_hint {
    opacity: .5;
    display: inline-block;
    cursor: help;
    transition: opacity .2s;
    vertical-align: middle; }
    .defense_hint:hover {
      opacity: 1; }
  .defense_text {
    margin: 16px 0; }
  .defense_hr {
    margin: 26px 0 30px; }

.defense-status {
  margin: 0 0 -17px -18px;
  vertical-align: text-bottom; }

.direction_item {
  padding: 0 0 6px;
  white-space: nowrap; }
  @media all and (max-width: 1180px) {
    .direction_item {
      padding-top: 5px;
      padding-bottom: 11px; } }
  .direction_item:first-child {
    background: none;
    margin-top: 15px;
    padding-bottom: 4px; }
    @media all and (max-width: 1180px) {
      .direction_item:first-child {
        padding-bottom: 9px; } }
  .direction_item__battle:after {
    content: "";
    display: inline-block;
    height: 360px;
    vertical-align: middle; }

.direction_arrow {
  display: inline-block;
  height: 54px;
  font-weight: bold;
  padding-bottom: 4px;
  position: relative;
  vertical-align: middle;
  width: 30%;
  min-width: 170px; }
  .direction_arrow:before {
    background: url(../images/direction/direction_arrow.png) 100% 50% no-repeat;
    content: '';
    position: absolute;
    height: 303px;
    width: 77px;
    right: 146px;
    top: 50%;
    margin-top: -151px; }
    @media all and (max-width: 1100px) {
      .direction_arrow:before {
        right: 96px; } }
  .direction_item__empty .direction_arrow {
    opacity: .5;
    margin: 35px 0; }
    .direction_item__empty .direction_arrow:before {
      background: url(../images/direction/direction_arrow_small.png) 100% 50% no-repeat;
      height: 152px;
      top: 50%;
      margin-top: -76px; }
  .direction_item__battle .direction_arrow:before {
    background: url(../images/direction/direction_arrow_battle.png) 100% 50% no-repeat;
    height: 444px;
    width: 444px;
    top: 50%;
    right: -181px;
    margin-top: -222px;
    z-index: -1; }
    @media all and (max-width: 1100px) {
      .direction_item__battle .direction_arrow:before {
        right: -231px; } }
  .direction_item__battle.direction_item__empty .direction_arrow {
    opacity: 1; }

.direction_name {
  display: block;
  font-size: 40px;
  font-weight: 700;
  text-transform: uppercase; }

.direction_message {
  display: inline-block;
  vertical-align: top;
  color: #808080;
  margin: 0;
  vertical-align: middle; }

.direction_value {
  color: #fff;
  font-weight: bold; }
  .direction_value__date {
    position: relative;
    margin-right: 24px; }
    .direction_value__date:after {
      position: absolute;
      top: 50%;
      right: -15px;
      width: 1px;
      height: 26px;
      margin-top: -13px;
      content: '';
      background: url(../images/direction/direction_separator.png) center no-repeat; }

.direction_content {
  display: inline-block;
  position: relative;
  width: 70%;
  vertical-align: middle; }
  .direction_content-viewport {
    margin: -80px 0 -80px -90px;
    padding: 80px 90px;
    position: relative;
    overflow: hidden;
    pointer-events: none; }

.direction_part {
  transform: translateY(0);
  opacity: 1;
  pointer-events: auto; }
  .direction_item__battle .direction_part__buildings {
    min-height: 360px; }
  .direction_content__part-battles .direction_part__buildings {
    transform: translateY(-100%);
    opacity: 0;
    transition: transform .3s ease-in, opacity .1s ease-in; }
  .direction_content__part-buildings .direction_part__buildings {
    transform: translateY(0);
    transition: transform .4s ease-out, opacity .5s ease-in; }
  .lt-ie10 .direction_part__buildings {
    position: relative;
    visibility: visible; }
  .lt-ie10 .direction_content__part-battles .direction_part__buildings {
    visibility: hidden;
    z-index: -1; }
  .lt-ie10 .direction_content__part-buildings .direction_part__buildings {
    visibility: visible; }
  .direction_part__battles {
    position: absolute;
    height: 100%;
    bottom: 0;
    transform: translateY(100%); }
    .direction_content__part-battles .direction_part__battles {
      transform: translateY(0);
      transition: transform .4s ease-out, opacity .5s ease-in; }
    .direction_content__part-buildings .direction_part__battles {
      transform: translateY(100%);
      opacity: 0;
      transition: transform .3s ease-in, opacity .1s ease-in; }
    .lt-ie10 .direction_part__battles {
      display: none; }
    .lt-ie10 .direction_content__part-battles .direction_part__battles {
      display: block; }
    .lt-ie10 .direction_content__part-buildings .direction_part__battles {
      display: none; }

.direction_battles {
  display: table;
  height: 100%;
  width: 100%; }
  .direction_item__battle .direction_battles {
    min-height: 360px; }
  .direction_battles-holder {
    display: table-cell;
    height: 100%;
    vertical-align: middle; }
    .direction_item__battle .direction_battles-holder {
      height: 360px; }

.direction_holder {
  margin-left: 31px; }

.direction_hr {
  margin: 26px 0 30px; }
  .direction_item:first-child .direction_hr {
    display: none; }

.direction-tabs {
  position: absolute;
  top: -44px;
  right: 186px; }
  @media all and (max-width: 1100px) {
    .direction-tabs {
      right: 136px; } }
  .direction-tabs_item {
    height: 71px;
    width: 74px;
    margin-bottom: 4px;
    position: relative; }
    .direction-tabs_item:after, .direction-tabs_item:before {
      content: "";
      height: 81px;
      width: 34px;
      position: absolute;
      top: 4px;
      left: -12px;
      z-index: 10;
      transform: rotate(-29deg); }
    .direction-tabs_item:after {
      left: 54px;
      transform: rotate(26deg); }
    .direction-tabs_item:first-child:after, .direction-tabs_item:first-child:before {
      content: "";
      height: 81px;
      width: 34px;
      position: absolute;
      top: -14px;
      left: 54px;
      transform: rotate(-26deg); }
    .direction-tabs_item:first-child:after {
      left: -12px;
      transform: rotate(29deg); }
  .direction-tabs_link {
    color: #b1b2b3;
    position: absolute;
    height: 0;
    width: 0;
    border-color: #262626 transparent transparent;
    border-style: solid;
    border-width: 71px 35px 0 39px; }
    .direction-tabs_link:hover {
      color: #fff; }
    .direction-tabs_link:after {
      content: '';
      height: 0;
      width: 0;
      border-color: #161616 transparent transparent;
      border-style: solid;
      border-width: 67px 33px 0 37px;
      position: absolute;
      top: -70px;
      left: -37px; }
    .direction-tabs_item:first-child .direction-tabs_link {
      border-bottom: 71px solid #262626;
      border-top: none; }
      .direction-tabs_item:first-child .direction-tabs_link:after {
        border-bottom: 67px solid #161616;
        border-top: none;
        top: auto;
        bottom: -70px; }
    .direction-tabs_link__current {
      border-top-color: #4b4b4b;
      color: #fff;
      cursor: default; }
      .direction-tabs_link__current:after {
        border-top-color: #333; }
      .direction-tabs_item:first-child .direction-tabs_link__current {
        border-bottom-color: #4b4b4b; }
        .direction-tabs_item:first-child .direction-tabs_link__current:after {
          border-bottom-color: #333; }
  .direction-tabs_icon {
    opacity: .7;
    position: relative;
    top: 0;
    left: 0;
    z-index: 10;
    display: block;
    transition: opacity .2s; }
    .direction-tabs_icon__building {
      margin: 24px 0 0 -24px; }
    .direction-tabs_icon__battle {
      margin: -78px 0 0 -24px; }
    .direction-tabs_link__current .direction-tabs_icon,
    .direction-tabs_link:hover .direction-tabs_icon {
      opacity: 1; }
  .direction-tabs_count {
    font-size: 14px;
    font-weight: bold;
    position: absolute;
    top: -43px;
    left: -4px;
    z-index: 1; }

.dropdown {
  position: absolute;
  top: 100%;
  left: 100%;
  z-index: 9999;
  display: none;
  margin: 11px 0 0 -10px;
  padding: 4px 0 5px;
  border-top: 3px solid #808080;
  border-radius: 0 0 1px 1px;
  box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.25), 1px 1px 8px rgba(0, 0, 0, 0.5), 0 0 1px rgba(0, 0, 0, 0.33);
  background: #2e3435 url(../images/components/noise.png);
  cursor: default;
  transform: translateX(-50%); }
  .dropdown__state-opened {
    display: block; }
  .dropdown:before {
    border-color: #808080 transparent;
    border-style: solid;
    border-width: 0 5px 5px;
    margin-left: -5px;
    position: absolute;
    top: -8px;
    left: 50%;
    z-index: 20;
    content: ''; }
  .dropdown_list {
    text-align: left; }
  .dropdown_item {
    color: #dcdcdc;
    display: block;
    font-size: 16px;
    font-weight: normal;
    overflow: hidden;
    line-height: 32px;
    padding: 1px 16px 0;
    text-overflow: ellipsis;
    transition: color .3s;
    white-space: nowrap;
    position: relative;
    cursor: pointer; }
    .dropdown_item:before {
      width: 3px;
      position: absolute;
      top: 4px;
      bottom: 3px;
      left: 0px;
      content: ''; }
    .dropdown_item:hover:before {
      background-color: #fff; }
    .dropdown_item__selected:before, .dropdown_item__selected:hover:before {
      background-color: #e5b12e; }
    .dropdown_item:after {
      position: absolute;
      border-top: 1px solid rgba(255, 255, 255, 0.05);
      left: 16px;
      right: 16px;
      top: 0;
      content: ''; }
    .dropdown_item:first-child:after {
      border-top: none; }

.dynamic-list {
  position: relative; }
  .dynamic-list_overlay {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
    cursor: progress; }
    .dynamic-list__state-progress .dynamic-list_overlay {
      display: block; }
  .dynamic-list_spinner {
    margin-top: -16px;
    margin-left: -16px;
    height: 32px;
    width: 32px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 20;
    cursor: progress; }
  .dynamic-list_content {
    opacity: 1;
    transition: .2s; }
    .dynamic-list__state-progress .dynamic-list_content {
      opacity: .5; }

.edit-section {
  margin-top: 23px; }
  .edit-section__first {
    margin-top: 0; }
  .edit-section_subtitle {
    margin-top: 18px;
    margin-bottom: 10px; }
  .edit-section_content {
    margin: 11px 0 21px;
    word-wrap: break-word; }
  .edit-section_notice {
    margin-top: 10px; }
  .edit-section_footer {
    margin: 19px 0 35px; }
    .edit-section_footer:before, .edit-section_footer:after {
      display: table;
      content: ''; }
    .edit-section_footer:after {
      clear: both; }
    .edit-section__last .edit-section_footer {
      margin-bottom: 0; }
  .edit-section_button-holder {
    margin-right: 13px;
    display: inline-block;
    vertical-align: middle; }
  .edit-section_status {
    color: #808080;
    display: inline-block;
    vertical-align: middle; }
  .edit-section_comment {
    color: #808080;
    font-weight: normal; }

.emblems {
  font-size: 16px; }
  .emblems:before, .emblems:after {
    display: table;
    content: ''; }
  .emblems:after {
    clear: both; }
  .emblems__one-game {
    margin: 35px 0 10px; }
  .emblems_part {
    float: left;
    margin-right: 38px; }
    .emblems__one-game .emblems_part {
      margin-right: 19px; }
  .emblems_subtitle {
    margin: 11px 0 13px;
    color: #dcdcdc;
    font-weight: bold; }
    .emblems_subtitle__popup {
      margin-top: 26px; }
  .emblems_row {
    margin-top: 10px; }
    .emblems__one-game .emblems_row {
      margin-top: 31px; }
    .emblems_row:first-child {
      margin-top: 0; }
    .emblems_row__multiple {
      font-size: 1px;
      line-height: 0;
      text-align: justify;
      text-justify: newspaper;
      padding: 0 19px 0 0; }
      .emblems_row__multiple:after {
        display: inline-block;
        height: 0;
        overflow: hidden;
        visibility: hidden;
        width: 100%;
        content: ''; }
  .emblems_holder {
    background-color: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(132, 132, 132, 0.2);
    display: inline-block;
    margin: 0 20px 0 0;
    position: relative;
    vertical-align: top; }
    .emblems_holder__256 {
      height: 254px;
      width: 254px; }
    .emblems_holder__195 {
      height: 193px;
      width: 193px; }
    .emblems_holder__64 {
      height: 62px;
      width: 62px; }
    .emblems_holder__32 {
      height: 30px;
      width: 30px; }
    .emblems_holder__24 {
      height: 22px;
      width: 22px; }
  .emblems_image {
    margin: -1px; }
  .emblems_hint {
    opacity: .5;
    display: inline-block;
    cursor: help;
    transition: opacity .2s;
    position: absolute;
    top: -4px;
    right: -20px; }
    .emblems_hint:hover {
      opacity: 1; }
  .emblems_item {
    margin: 22px 0 25px;
    position: relative; }
    .emblems_item:before, .emblems_item:after {
      display: table;
      content: ''; }
    .emblems_item:after {
      clear: both; }
  .emblems_upload {
    opacity: .5;
    box-shadow: 0 0 3px rgba(246, 202, 33, 0.25);
    float: left;
    height: 32px;
    width: 32px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    transition: opacity .2s;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
    .emblems_upload:hover {
      opacity: 1; }
  .emblems_input {
    display: none; }
  .emblems_data {
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    margin-left: 47px; }
  .emblems_file {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    position: relative;
    padding-right: 17px;
    max-width: 333px; }
    .emblems_file__error {
      color: #cc0606; }
  .emblems_error-icon {
    display: inline-block;
    margin: -3px 2px 0 0;
    height: 14px;
    width: 14px;
    vertical-align: middle; }
  .emblems_clear {
    opacity: .5;
    margin-top: -7px;
    height: 14px;
    width: 14px;
    position: absolute;
    top: 50%;
    right: 0;
    cursor: pointer;
    transition: opacity .2s; }
    .emblems_clear:hover {
      opacity: 1; }

.facia {
  height: 193px;
  position: relative;
  z-index: 5; }
  .facia:before {
    position: absolute;
    top: 0;
    right: -100%;
    bottom: 0;
    left: -100%;
    content: '';
    background-position: 50% 0;
    background-repeat: no-repeat; }
  .facia__wot:before {
    background-image: url(../images/facia/facia_background__wot.jpg); }
  .facia__wowp:before {
    background-image: url(../images/facia/facia_background__wowp.jpg); }
  .facia_holder {
    height: 100%;
    position: relative; }
    .facia_holder:before, .facia_holder:after {
      width: 1200px;
      height: 111px;
      position: absolute;
      left: 50%;
      z-index: -1;
      margin-left: -600px;
      content: '';
      background-repeat: no-repeat;
      background-position: center bottom; }
    .facia_holder:before {
      bottom: 100%;
      background-image: url(../images/facia/facia_shine-top.png); }
    .facia_holder:after {
      top: 100%;
      background-image: url(../images/facia/facia_shine-bottom.png); }

.formatting-help {
  border-radius: 2px;
  border: 1px solid #2f2f2f;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.18), 0 10px 25px rgba(0, 0, 0, 0.41);
  display: none;
  padding: 7px 11px 10px 14px;
  margin-top: 16px;
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 100;
  background-color: #212121;
  text-align: left; }
  .formatting-help:before {
    height: 10px;
    width: 11px;
    background: url(../images/formatting-help/formatting-help_arrow.png);
    position: absolute;
    right: 18px;
    top: -10px;
    content: ''; }
  .formatting-help__popup {
    margin-top: 10px;
    right: -11px; }
  .formatting-help_item {
    margin: 0;
    font-size: 14px;
    line-height: 23px;
    white-space: nowrap; }
    .formatting-help_item__active {
      color: #ffe14c;
      border-color: #ffe14c; }
  .formatting-help_term {
    display: inline-block;
    width: 60px;
    color: #dcdcdc; }
  .formatting-help_conjunction {
    color: #b1b2b3; }

.menu-top {
  display: inline-block;
  margin: 0 4px 0 0; }
  .menu-top_logo {
    display: inline-block;
    width: 32px;
    height: 32px;
    margin: 16px 20px 0 0;
    background: url(../images/menu-top/menu-top_logo.png) no-repeat;
    opacity: .6;
    transition: opacity .2s; }
    @media all and (max-width: 1180px) {
      .menu-top_logo {
        margin-right: 5px; } }
    .realm-RUBY .menu-top_logo {
      background-image: url(../images/menu-top/menu-top_logo-ruby.png); }
    .menu-top_logo:hover {
      opacity: 1; }
  .menu-top_item {
    display: inline-block;
    box-sizing: border-box;
    margin: 3px -4px 0 30px;
    vertical-align: top;
    transition: opacity .3s; }
    .menu-top_item:first-child {
      margin-left: 0; }
    .menu-top__state-on .menu-top_item {
      opacity: 1;
      transition-delay: .2s; }
    .menu-top__state-off .menu-top_item {
      opacity: 0; }
  .menu-top_link {
    position: relative;
    display: inline-block;
    color: #fff;
    font-size: 14px;
    line-height: 60px;
    letter-spacing: .07em;
    transition: color .2s, box-shadow .2s;
    text-transform: uppercase;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); }
    .menu-top_link:hover {
      box-shadow: inset 0 -3px #fff;
      color: #fff; }
    .menu-top_link__current, .menu-top_link__current:hover {
      box-shadow: inset 0 -3px #ff9f0d; }
  .menu-top_counter {
    background: #f5ba31;
    background: linear-gradient(to bottom, #d09e2a 0%, #f5ba31 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d09e2a', endColorstr='#f5ba31',GradientType=0 );
    position: relative;
    top: -1px;
    display: inline-block;
    height: 16px;
    margin-left: 4px;
    padding: 0 8px;
    border-radius: 1px;
    box-shadow: inset 0 1px 0 rgba(255, 252, 0, 0.85);
    background-image: url(../images/menu-top/menu-top_counter.png);
    background-color: #f5ba31;
    background-repeat: no-repeat;
    color: #000;
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
    text-shadow: none;
    vertical-align: baseline;
    cursor: pointer; }
    .menu-top_counter:hover {
      color: #000; }
    .menu-top_counter:after {
      position: absolute;
      top: 0;
      right: 0;
      z-index: 5;
      width: 8px;
      height: 16px;
      border-radius: 0 1px 1px 0;
      box-shadow: inset 0 1px 0 rgba(255, 252, 0, 0.85);
      background-image: url(../images/menu-top/menu-top_counter.png);
      background-position: 100% -16px;
      background-repeat: no-repeat;
      content: ''; }
  .menu-top_counter-text {
    position: relative;
    z-index: 10;
    display: block;
    margin: 0 -8px;
    padding: 0 5px;
    text-align: center; }
  .menu-top_game {
    position: relative;
    display: inline-block;
    height: 18px;
    margin-right: 4px;
    background-image: url(../images/menu-top/menu-top_games_sprite.png);
    vertical-align: text-bottom;
    opacity: .4;
    transition: all .5s; }
    .menu-top_game__wot {
      width: 15px; }
    .menu-top_game__wows {
      width: 15px;
      margin-right: 3px;
      background-position: -22px 0; }
    .menu-top_game__wowp {
      width: 26px;
      background-position: -42px 0; }
    .menu-top_game__state-saved {
      opacity: 1; }

.personnel {
  width: 100%; }
  .personnel_spacer {
    width: 4%; }
  .personnel_section {
    width: 23%;
    font-size: 14px;
    vertical-align: top; }
    .personnel_section:first-child {
      width: 19%; }
  .personnel_caption {
    position: relative;
    padding-right: 26px;
    padding-bottom: 6px;
    padding-left: 36px;
    color: #b1b2b3;
    line-height: 24px;
    text-align: left; }
  .personnel_caption-icon {
    position: absolute;
    top: -12px;
    left: -12px;
    vertical-align: middle; }
  .personnel_banner {
    position: relative;
    display: block;
    width: 100%;
    max-width: 262px;
    height: 145px;
    overflow: hidden;
    border-radius: 2px;
    box-shadow: inset 0 0 1px 1px rgba(247, 99, 63, 0.12);
    background: url(../images/personnel/personnel_banner-bg.jpg) center top no-repeat;
    color: #fff;
    text-align: center; }
    .personnel_banner:before, .personnel_banner:after {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border-radius: 2px;
      content: ''; }
    .personnel_banner:before {
      z-index: 0;
      box-shadow: inset 0 0 1px 1px rgba(247, 99, 63, 0.12);
      background: url(../images/personnel/personnel_banner-bg.jpg) center bottom no-repeat;
      opacity: 0;
      transition: opacity .2s; }
    .personnel_banner:hover {
      color: #fff; }
      .personnel_banner:hover:before {
        opacity: 1; }
    .personnel_banner:after {
      box-sizing: border-box;
      border: 1px solid #d29472;
      border-radius: 2px;
      opacity: .13; }
  .personnel_banner-content {
    position: relative;
    z-index: 10;
    display: table;
    width: 100%;
    height: 100%; }
  .personnel_banner-inner {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle; }
  .personnel_icon {
    vertical-align: bottom; }
  .personnel_count {
    font-size: 40px;
    font-weight: 700;
    line-height: 68px; }

.personnel-table {
  width: 100%;
  table-layout: fixed; }
  .personnel-table_th, .personnel-table_td {
    height: 40px;
    padding: 1px 0 0;
    border-top: 1px dotted #232323;
    vertical-align: middle; }
    .personnel-table_tr:first-child .personnel-table_th, .personnel-table_tr:first-child .personnel-table_td {
      border-top: none; }
  .personnel-table_th {
    color: #b1b2b3;
    text-align: left;
    width: 10px; }
  .personnel-table_td {
    padding-left: 10px;
    padding-right: 15px; }
    .personnel-table_td__value {
      width: 50px;
      padding-right: 0;
      text-align: right;
      white-space: nowrap;
      color: #dcdcdc; }

.player__search, .player__top-search {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  max-width: 100%;
  line-height: inherit;
  vertical-align: middle; }

.player {
  position: relative;
  margin: 0 0 0 -25px;
  padding: 0 0 0 25px;
  font-size: 14px;
  line-height: 18px;
  width: 100%; }
  .player__recruitstation {
    margin-left: 0;
    padding-left: 0; }
  .player__search {
    margin-left: 0;
    padding-right: 75px;
    padding-left: 0; }
  .player__top-search {
    margin-left: 0;
    padding-right: 75px;
    padding-left: 19px; }
  .player_name {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #658c4c;
    font-weight: bold;
    line-height: inherit; }
    .player__banned-temporarily .player_name {
      opacity: .45; }
    .player__banned-permanently .player_name {
      text-decoration: line-through;
      opacity: .45; }
    .player__top-search .player_name {
      color: #dcdcdc;
      font-size: 14px; }
  .player_tag {
    position: absolute;
    top: 0;
    right: -5px;
    width: 75px;
    color: #658c4c;
    font-weight: 700;
    line-height: inherit; }
    .player__top-search .player_tag {
      color: #dcdcdc; }
    .player__banned-temporarily .player_tag {
      opacity: .45; }
    .player__banned-permanently .player_tag {
      text-decoration: line-through;
      opacity: .45; }
  .player_rank {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #aeaeae;
    line-height: inherit; }
    .player__banned-temporarily .player_rank,
    .player__banned-permanently .player_rank {
      opacity: .45; }
  .player_status {
    position: absolute;
    top: -11px;
    left: 0;
    width: 30px;
    height: 40px;
    background-image: url(../images/player/player-status.png);
    background-repeat: no-repeat; }
    .player_status__offline {
      background-position: 0 0; }
    .player_status__online {
      background-position: -30px 0; }
  .player_playtime {
    margin: 5px 0 0;
    font-size: 13px; }
  .player_description {
    margin: 5px 0 0;
    font-size: 13px; }
  .player_language {
    margin: 0 0 0 6px; }
    .player_language:first-child {
      margin-left: 0; }
  .player_epaulettes {
    position: absolute;
    top: -14px;
    left: -19px;
    z-index: 0; }

.players-link {
  font-weight: bold;
  line-height: 1;
  position: absolute;
  right: 13px;
  bottom: 17px;
  margin-left: 40px;
  cursor: default;
  color: #fff; }
  .players-link:hover {
    color: #fff; }
  .players-link__anchor {
    cursor: pointer; }
  .players-link__command-center {
    font-size: 25px;
    position: relative;
    right: auto;
    bottom: auto;
    display: inline-block;
    margin-top: 25px;
    margin-bottom: 23px;
    margin-left: 70px; }
  .players-link_icon {
    opacity: .7;
    position: absolute;
    top: 50%;
    left: -45px;
    z-index: 1;
    margin-top: -24px;
    padding-right: 4px;
    transition: opacity .2s; }
    .players-link__anchor .players-link_icon {
      opacity: 1; }
    .players-link__command-center .players-link_icon {
      left: -80px;
      margin-top: -40px; }
  .players-link_value {
    line-height: 25px; }

.profile__main {
  padding-top: 63px;
  margin: -63px 0 0;
  overflow: hidden;
  width: 100%; }

.profile_holder {
  display: table;
  width: 100%;
  table-layout: fixed; }

.profile_part {
  display: table-cell;
  width: 24%;
  position: relative;
  vertical-align: top;
  z-index: 25; }
  .profile__main .profile_part {
    padding-bottom: 45px; }
  .profile__main.profile__state-collapsed .profile_part {
    padding-bottom: 0; }

.profile_center {
  position: relative;
  display: table-cell;
  vertical-align: top;
  width: 52%;
  padding: 0 40px; }
  .profile_center__type-resources {
    z-index: 20; }
  @media all and (max-width: 1299px) {
    .profile_center {
      padding: 0 20px; } }

.profile_toggle {
  width: 36px;
  height: 36px;
  border: 1px solid rgba(0, 0, 0, 0.54);
  box-shadow: inset 0 0 4px rgba(255, 255, 255, 0.05);
  background-color: rgba(39, 39, 39, 0.25);
  position: absolute;
  right: 50px;
  bottom: 10px;
  z-index: 25;
  cursor: pointer;
  transition: background-color .2s; }
  @media all and (max-width: 1299px) {
    .profile_toggle {
      right: 30px; } }
  .profile_toggle:hover {
    background-color: rgba(39, 39, 39, 0.5); }
  .profile_toggle-icon {
    opacity: .65;
    display: block;
    margin: -2px;
    transition: opacity .2s; }
    .profile_toggle:hover .profile_toggle-icon {
      opacity: 1; }

.profile-data {
  padding: 103px 0 0; }
  .profile-data_header {
    margin: 0 0 18px; }
    .profile-data_header:before, .profile-data_header:after {
      display: table;
      content: ''; }
    .profile-data_header:after {
      clear: both; }
  .profile-data_content {
    margin-top: 0; }
    .profile-data__state-collapsed .profile-data_content {
      display: none; }
  .profile-data_title {
    margin: 2px 0 0;
    color: #fff;
    font-size: 25px; }
    .profile-data__state-null .profile-data_title,
    .profile-data__state-collapsed .profile-data_title {
      font-size: 25px;
      line-height: 38px; }
  .profile-data_subheading {
    margin: 0;
    color: #dcdcdc;
    font-size: 16px;
    font-weight: 700;
    line-height: 21px; }
  .profile-data_link {
    font-size: 14px;
    position: relative;
    z-index: 10;
    line-height: 16px; }
    .profile-data__state-collapsed .profile-data_link {
      display: none; }
  .profile-data_description {
    margin: 15px 0;
    position: relative;
    z-index: 10;
    color: #b1b2b3;
    font-size: 14px;
    line-height: 21px; }
    .profile-data_description__small {
      margin-top: 4px;
      margin-bottom: 10px;
      line-height: 16px; }
    .profile-data__state-collapsed .profile-data_description {
      display: none; }
  .profile-data_updated {
    opacity: .5;
    margin: 0;
    color: #dcdcdc;
    font-size: 14px;
    line-height: 20px; }
    .profile-data__state-collapsed .profile-data_updated {
      display: none; }
  .profile-data_level {
    border: 1px solid rgba(255, 255, 255, 0.25);
    float: right;
    margin-left: 15px;
    height: 36px;
    width: 36px;
    background: rgba(0, 0, 0, 0.4);
    color: #fff;
    font-size: 21px;
    line-height: 38px;
    text-align: center; }
    .profile-data_level:hover {
      color: #fff; }
  .profile-data_hint {
    opacity: .5;
    display: inline-block;
    vertical-align: middle;
    cursor: help;
    transition: opacity .2s; }
    .profile-data_hint:hover {
      opacity: .8; }
  .profile-data_footer {
    padding: 7px 0 24px;
    width: 100%;
    position: absolute;
    bottom: 0;
    z-index: 10; }
    .profile-data__state-collapsed .profile-data_footer {
      position: relative; }
    .profile-data_footer:before {
      opacity: .7;
      box-shadow: 0 -1px 0 #000;
      height: 1px;
      width: 100%;
      position: absolute;
      top: 0;
      left: 0;
      background-color: rgba(255, 255, 255, 0.12);
      content: ''; }
  .profile-data__error {
    font-size: 14px;
    line-height: 20px; }
    .profile-data__error p {
      margin-top: 5px; }
      .profile-data__error p:first-child {
        margin-top: 0; }
  .profile-data_rubric {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 17px 0 0;
    padding: 0 0 12px;
    position: relative;
    color: #dcdcdc;
    font-weight: 700;
    font-size: 16px;
    line-height: 18px; }
    .profile-data_rubric:after {
      position: absolute;
      bottom: 7px;
      left: 0;
      width: 100%;
      height: 1px;
      box-shadow: 0 -1px 0 #000;
      background-color: rgba(255, 255, 255, 0.12);
      opacity: .7;
      content: ''; }

.profile-elo {
  display: inline-block;
  line-height: 17px;
  color: #dcdcdc; }
  .profile-elo__state-notranked {
    opacity: .65;
    color: #b1b2b3; }
  .profile-elo_label {
    color: #b1b2b3; }
  .profile-elo_value {
    color: #fff;
    font-weight: bold; }

.profile-general {
  padding-top: 63px;
  margin: -63px 0 0;
  background-color: #0a0a0a;
  background-image: url(../images/components/background-pattern.jpg);
  position: relative; }
  .profile-general:before, .profile-general:after {
    width: 52px;
    height: 575px;
    position: absolute;
    top: 0;
    z-index: 15;
    background-image: url(../images/profile-general/profile-general-shadows.png);
    background-repeat: no-repeat;
    content: ''; }
  .profile-general:before {
    right: 100%;
    margin-right: -1px;
    background-position: -52px 0; }
  .profile-general:after {
    left: 100%;
    margin-left: -1px;
    background-position: 0 0; }
  .profile-general_list {
    margin: 0 0 -1px;
    height: 57px; }
    .profile-general_list:before, .profile-general_list:after {
      display: table;
      content: ''; }
    .profile-general_list:after {
      clear: both; }
  .profile-general_item {
    width: 50%;
    height: 57px;
    float: left;
    position: relative;
    text-align: center; }
    .profile-general_item__active {
      z-index: 1;
      background: #1b1b1b url(../images/profile-general/profile-general-content-background.jpg); }
      .profile-general_item__active:first-child {
        background-position: 100% 0; }
      .profile-general_item__active:first-child:after {
        width: 11px;
        height: 56px;
        position: absolute;
        top: 0;
        left: 100%;
        background: url(../images/profile-general/profile-general-item-shadow-right.png) no-repeat;
        content: ''; }
  .profile-general_link {
    display: block;
    height: 22px;
    padding: 18px 0 17px;
    color: #b1b2b3;
    font-size: 16px;
    line-height: 22px;
    position: relative;
    white-space: nowrap; }
    .profile-general_link:hover,
    .profile-general_item__active .profile-general_link {
      color: #dcdcdc; }
    .profile-general_item__active .profile-general_link {
      background-image: url(../images/profile-general/profile-general-item-borders.png);
      background-position: 0 0;
      background-repeat: no-repeat; }
    .profile-general_item__active:first-child .profile-general_link {
      background-position: right 0; }
  .profile-general_icon {
    opacity: .7;
    display: inline-block;
    height: 22px;
    vertical-align: middle; }
    .profile-general_icon__wot {
      width: 23px; }
    .profile-general_icon__wowp {
      width: 41px; }
    .profile-general_link:hover .profile-general_icon,
    .profile-general_item__active .profile-general_icon {
      opacity: 1; }
  .profile-general_content {
    display: none;
    position: relative;
    background: #1b1b1b url(../images/profile-general/profile-general-content-background.jpg); }
    .profile-general_content__active {
      display: block; }
  .profile-general_content-bottom {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 100%;
    left: 0;
    background: #1b1b1b url(../images/profile-general/profile-general-content-background.jpg); }

.profile-link {
  line-height: 18px;
  position: relative;
  display: inline-block;
  text-align: left; }
  .profile-link__wot {
    margin-left: 26px; }
  .profile-link__wowp {
    margin-left: 45px; }
  .profile-link_icon {
    position: absolute;
    top: 0;
    left: 0; }
    .profile-link__wot .profile-link_icon {
      margin: -15px 0 0 -47px; }
    .profile-link__wowp .profile-link_icon {
      margin: -15px 0 0 -57px; }

.promo-video {
  margin-left: -480px;
  width: 960px;
  position: absolute;
  top: 135px;
  left: 50%;
  z-index: 28000; }
  .promo-video_header {
    position: relative;
    height: 38px;
    margin: 0 0 20px; }
  .promo-video_title {
    float: left;
    color: #dedede;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .promo-video_close {
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
    height: 26px;
    width: 26px;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -13px;
    background: url(../images/promo-video/promo-video_close.png);
    cursor: pointer; }
    .promo-video_close:hover {
      background-position: 0 -26px; }

.recruit-form {
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.15);
  margin: 25px 0 36px;
  position: relative;
  z-index: 0; }
  .recruit-form__single {
    margin: 0;
    background: none;
    border: none;
    box-shadow: none; }
  .recruit-form:after {
    background: url(../images/recruit-form/recruit-form_top.png) repeat-x;
    content: '';
    position: absolute;
    top: -1px;
    right: -1px;
    left: -1px;
    z-index: -1;
    height: 170px; }
  .recruit-form__single:after {
    content: normal; }
  .recruit-form_header {
    background: rgba(255, 255, 255, 0.03);
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.4);
    padding: 26px 30px 25px;
    position: relative; }
    .recruit-form_header:hover {
      background: rgba(255, 255, 255, 0.06); }
    .recruit-form_header__wot-only:hover, .recruit-form_header__extra:hover {
      background: rgba(255, 255, 255, 0.03); }
    .recruit-form_header:first-child {
      border-top: none; }
    .recruit-form_header__wot:after, .recruit-form_header__wot-only:after, .recruit-form_header__wowp:after, .recruit-form_header__extra:after {
      content: "";
      position: absolute;
      z-index: -1; }
    .recruit-form_header__wot:after, .recruit-form_header__wot-only:after {
      background: url(../images/recruit-form/recruit-form_header__wot.png) no-repeat;
      height: 53px;
      width: 41px;
      top: 12px;
      left: -1px; }
    .recruit-form_header__wowp:after {
      background: url(../images/recruit-form/recruit-form_header__wowp.png) no-repeat;
      height: 57px;
      width: 60px;
      top: 9px;
      left: 0; }
    .recruit-form_header__extra:after {
      background: url(../images/recruit-form/recruit-form_header__extra.png) no-repeat;
      height: 62px;
      width: 47px;
      top: 7px;
      left: -1px; }
  .recruit-form_heading {
    font-size: 20px;
    margin: 0;
    line-height: 23px;
    padding-top: 2px; }
  .recruit-form_content {
    overflow: hidden; }
    .recruit-form_content__state-closed {
      height: 0; }
  .recruit-form_content-holder {
    box-sizing: border-box;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.4);
    padding: 5px 30px 25px; }
    .recruit-form_content-holder__single {
      padding-left: 0;
      padding-right: 0;
      border: 0; }

.recruitstation {
  background-color: rgba(0, 0, 0, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 0 87px rgba(255, 255, 255, 0.01);
  margin: 40px 0;
  padding: 26px 29px 9px; }
  .recruitstation:first-child {
    margin-top: 0; }
  .recruitstation__dissolve {
    padding-top: 16px;
    padding-bottom: 9px; }
  .recruitstation_title {
    margin: 1px 0 12px; }
  .recruitstation_subtitle {
    color: #dcdcdc;
    line-height: 23px;
    margin: 11px 0 -4px; }
  .recruitstation_icon {
    display: inline-block;
    margin: 0 5px 0 0;
    height: 24px;
    width: 24px;
    vertical-align: middle; }
  .recruitstation_description {
    margin: 12px 0;
    line-height: 20px; }
  .recruitstation_links {
    margin: 7px 0 15px; }

.recruitstation-text {
  margin: 34px 0 0;
  position: relative;
  z-index: 10; }
  .recruitstation-text__heading {
    margin: -2px 0 28px; }
  .recruitstation-text__landing {
    margin-top: 0;
    color: #dcdcdc; }
  .recruitstation-text__inner {
    margin-top: 40px;
    color: #dcdcdc; }
  .recruitstation-text_amount {
    color: #dcdcdc;
    font-size: 20px;
    font-weight: 700;
    text-shadow: 0 0 10px rgba(255, 255, 255, 0.18); }

.request-status {
  display: inline-block; }
  .request-status_duration {
    height: 22px;
    margin: -22px 0 0;
    line-height: 12px;
    cursor: help; }
  .request-status_value {
    margin: 0 -12px;
    opacity: .6; }
    .request-status_value__solid {
      opacity: 1; }
    .request-status_duration + .request-status_value {
      margin-top: -15px;
      margin-bottom: -15px; }

.resources {
  position: relative;
  min-height: 168px;
  margin: 0 0 -46px;
  font-size: 15px;
  text-align: center; }
  .resources::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 159px;
    background: url(../images/resources/resources_bg.jpg) no-repeat center top;
    content: ''; }
  .resources_part {
    position: relative;
    display: inline-block;
    width: 182px;
    padding: 30px 0 32px;
    background: url(../images/resources/resources_divider.png) left no-repeat;
    text-align: center;
    vertical-align: top; }
    .resources_part:first-child {
      background: none; }
  .resources_subtitle {
    margin: 0 0 5px;
    color: #dcdcdc;
    opacity: .5; }

.search {
  float: right;
  margin: 17px 0 0 20px;
  position: relative;
  width: 300px; }
  .search__heavies {
    margin: 0;
    width: 179px; }
  .search__filter {
    position: absolute;
    top: 26px;
    right: 0;
    width: 272px;
    margin: 0;
    z-index: 1000; }
  .search__rating-heavies, .search__widget {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 250px;
    margin: 0; }
  .search_input {
    border: 1px solid #404040;
    border-radius: 1px;
    box-sizing: border-box;
    box-shadow: inset 0 0 1px 1px #000, inset 0 0 5px 2px rgba(0, 0, 0, 0.85);
    padding: 6px 35px 6px 41px;
    height: 30px;
    width: 100%;
    color: #b1b2b3;
    font-size: 14px;
    line-height: 17px;
    background-color: rgba(19, 19, 19, 0.8);
    transition: all .2s; }
    .search__rating-heavies .search_input,
    .search__widget .search_input {
      height: 37px;
      padding: 9px 26px 7px 33px;
      line-height: 19px; }
    .search__heavies .search_input {
      height: 45px; }
    .search:hover .search_input {
      border-color: #525252;
      background-color: rgba(19, 19, 19, 0.8); }
    .search_input:focus {
      color: #fff;
      border-color: #525252;
      background-color: rgba(14, 14, 14, 0.9);
      outline: 0; }
    .search_input::-moz-placeholder {
      line-height: 13px;
      color: rgba(128, 128, 128, 0.5);
      opacity: 1; }
    .search_input::-webkit-input-placeholder {
      line-height: 13px;
      color: rgba(128, 128, 128, 0.5); }
    .search_input:-ms-input-placeholder {
      line-height: 13px;
      color: rgba(128, 128, 128, 0.5); }
    .search_input::-moz-placeholder {
      line-height: 16px; }
  .search_clear {
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
    opacity: .5;
    cursor: pointer;
    display: block;
    height: 14px;
    width: 14px;
    position: absolute;
    top: 8px;
    right: 8px;
    transition: all .2s; }
    .search_clear:hover {
      opacity: 1; }
    .search__heavies .search_clear,
    .search__rating-heavies .search_clear,
    .search__widget .search_clear {
      top: 11px; }
  .search_icon {
    opacity: .6;
    position: absolute;
    top: 50%;
    margin-top: -24px;
    cursor: pointer;
    transition: all .2s; }
    .search_icon:hover {
      opacity: 1; }
    .search_icon__button {
      left: -5px; }
    .search_icon__clear {
      right: -5px; }
  .search_spinner {
    position: absolute;
    top: 50%;
    right: 16px;
    width: 16px;
    height: 16px;
    margin-top: -8px; }
  .search_message {
    display: block;
    margin-top: 11px;
    max-width: 374px;
    top: 100%; }

.slider {
  position: relative;
  text-align: center; }
  .slider_controls {
    display: inline-block;
    margin: 35px 0 20px;
    padding: 0 20px;
    position: relative;
    line-height: 12px; }
  .slider_nav {
    position: absolute;
    top: 50%;
    width: 10px;
    height: 22px;
    margin-top: -11px;
    transition: opacity .2s;
    opacity: .7; }
    .slider_nav:hover {
      opacity: 1; }
    .slider_nav__state-disable {
      opacity: .3; }
      .slider_nav__state-disable:hover {
        opacity: .3; }
    .slider_nav__prev {
      left: 0;
      background: url(../images/svg/slider_icons/slider-prev.svg) center no-repeat; }
    .slider_nav__next {
      right: 0;
      background: url(../images/svg/slider_icons/slider-next.svg) center no-repeat; }
  .slider_dot {
    width: 12px;
    height: 12px;
    display: inline-block;
    margin: 0 4px;
    vertical-align: top;
    background: #464442; }
    .slider_dot__special {
      background: url(../images/svg/slider_icons/slider-dot.svg) center no-repeat; }
      .slider_dot__special:not(.slider_dot__state-current):hover {
        background: url(../images/svg/slider_icons/slider-dot_hover.svg) center no-repeat; }
    .slider_dot:hover, .slider_dot__state-current {
      background: #dcdcdc; }

.stronghold {
  position: relative;
  height: 567px;
  margin: -23px 0 65px;
  transition: all .3s; }
  @media all and (max-width: 1100px) {
    .stronghold {
      height: 514px;
      margin-bottom: 37px; } }
  .stronghold_command-center {
    position: absolute;
    bottom: 0;
    left: 50%;
    z-index: -10;
    width: 780px;
    height: 442px;
    margin-left: -390px;
    background-image: url(../images/stronghold/command-center.png);
    background-repeat: no-repeat;
    background-size: contain;
    transition: all .3s; }
    @media all and (max-width: 1100px) {
      .stronghold_command-center {
        bottom: 40px;
        width: 632px;
        margin-left: -324px; } }
  .stronghold_circles {
    position: absolute;
    top: 0;
    right: 50%;
    width: 529px;
    margin-right: -265px;
    transition: all .3s; }
    @media all and (max-width: 1100px) {
      .stronghold_circles {
        width: 459px;
        margin-right: -231px; } }
  .stronghold_controls {
    position: absolute;
    top: 97px;
    left: 0; }
    @media all and (max-width: 1100px) {
      .stronghold_controls {
        top: 62px; } }
  .stronghold_statistics {
    width: 66%;
    padding-top: 28px;
    float: right; }
    .stronghold_statistics__guest {
      padding-top: 16px; }
  .stronghold_note {
    display: block;
    margin-top: 17px;
    color: #fff;
    font-size: 16px;
    font-weight: bold; }
  .stronghold_currency {
    margin: 40px 0 0;
    text-align: center; }
  .stronghold_target {
    position: absolute;
    top: 50%;
    width: 100%;
    margin-top: -64px;
    text-align: center;
    opacity: 0; }
    @media all and (max-width: 1100px) {
      .stronghold_target {
        margin-top: -75px; } }
    .stronghold_target__play {
      animation: .7s linear forwards target-stronghold-animation; }

@keyframes target-stronghold-animation {
  0% {
    top: 50%;
    opacity: 0; }
  50% {
    top: 60%;
    opacity: 1; }
  65% {
    top: 57%;
    opacity: 1; }
  80% {
    top: 60%;
    opacity: 1; }
  95% {
    top: 59%;
    opacity: 1; }
  100% {
    top: 60%;
    opacity: 1; } }

.stronghold-data {
  margin-bottom: 25px;
  table-layout: fixed;
  width: 100%; }
  .stronghold-data_icon {
    display: inline-block;
    height: 70px;
    width: 58%; }
  .stronghold-data_heading {
    font-weight: bold;
    line-height: 20px;
    text-align: center;
    vertical-align: middle; }
  .stronghold-data_value {
    color: #e0e0e0;
    font-size: 30px;
    margin: 4px 0 0;
    padding: 18px 0;
    text-align: center;
    vertical-align: top; }

.stronghold-info {
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 0 87px rgba(255, 255, 255, 0.07);
  margin: 34px 0 19px;
  padding: 28px 30px 30px;
  background-color: rgba(0, 0, 0, 0.18);
  text-align: center; }
  .stronghold-info_title {
    font-size: 25px;
    margin: 0 0 13px;
    text-transform: uppercase; }
  .stronghold-info_text {
    margin-bottom: 19px;
    text-align: left; }

.stronghold-heading {
  margin-top: 72px;
  max-width: 70%; }
  .stronghold-heading_title {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0 0 3px;
    color: #fff;
    line-height: 35px; }
  .stronghold-heading_info {
    color: #dcdcdc; }

.stronghold-statistics {
  position: absolute;
  top: 0;
  right: 50%;
  width: 447px;
  margin-right: -265px;
  padding: 30px 40px 18px;
  border: 1px solid transparent;
  transition: margin-right .2s, padding-top .2s, width .2s, background-color .2s, border-color .2s; }
  .stronghold-statistics:before {
    position: absolute;
    top: 0;
    right: 50%;
    z-index: -1;
    width: 529px;
    height: 100%;
    margin-right: -265px;
    background-image: url(../images/stronghold/stronghold_circles.png);
    background-repeat: no-repeat;
    background-size: contain;
    content: '';
    transition: all .3s; }
  @media all and (max-width: 1100px) {
    .stronghold-statistics {
      width: 400px;
      margin-right: -242px;
      padding-top: 22px; }
      .stronghold-statistics:before {
        width: 459px;
        margin-right: -231px; } }
  .stronghold-statistics__opened {
    z-index: 10;
    border: 1px solid #333;
    box-shadow: 0 0 45px rgba(0, 0, 0, 0.25);
    background: rgba(8, 8, 8, 0.95); }
  .stronghold-statistics_base {
    margin: 0 -12px 60px;
    white-space: nowrap; }
    @media all and (max-width: 1100px) {
      .stronghold-statistics_base {
        margin: 0 -6px 60px; } }
  .stronghold-statistics_item {
    display: inline-block;
    box-sizing: border-box;
    width: 33%;
    margin-top: 64px;
    padding: 0 15px;
    text-align: center;
    vertical-align: top;
    white-space: normal; }
    @media all and (max-width: 1100px) {
      .stronghold-statistics_item {
        margin-top: 59px; } }
    .stronghold-statistics_item__center {
      margin-top: 5px; }
  .stronghold-statistics_icon {
    margin: -10px 0; }
  .stronghold-statistics_value {
    margin-bottom: 10px;
    color: #dcdcdc;
    font-size: 33px;
    font-weight: 700;
    line-height: 35px; }
    @media all and (max-width: 1100px) {
      .stronghold-statistics_value {
        font-size: 28px;
        line-height: 31px; } }
  .stronghold-statistics_title {
    font-size: 16px;
    line-height: 18px; }
    @media all and (max-width: 1100px) {
      .stronghold-statistics_title {
        font-size: 14px;
        line-height: 15px; } }
  .stronghold-statistics_detail {
    display: none; }
    .stronghold-statistics__opened .stronghold-statistics_detail {
      display: block;
      visibility: hidden; }
  .stronghold-statistics_close {
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
    position: absolute;
    top: 30px;
    right: 30px;
    display: none;
    width: 16px;
    height: 16px;
    background: url(../images/stronghold-statistics/stronghold-statistics_close.png) no-repeat; }
    .stronghold-statistics_close:hover {
      background-position: 0 -16px; }
    .stronghold-statistics__opened .stronghold-statistics_close {
      display: block; }

.stronghold-tabs {
  display: inline-block;
  margin-bottom: 20px; }
  .stronghold-tabs_item {
    padding: 10px 0 14px; }
    .stronghold-tabs_item:first-child {
      border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
  .stronghold-tabs_link {
    display: block;
    position: relative;
    padding: 0 18px 0 0;
    transition: all .2s;
    color: #b1b2b3;
    text-decoration: none; }
    .stronghold-tabs_link:hover {
      color: #fff; }
    .stronghold-tabs_link__current {
      color: #fff;
      cursor: default; }
      .stronghold-tabs_link__current:after {
        background: url(../images/stronghold/stronghold-tabs_link_arr.png) no-repeat;
        content: '';
        position: absolute;
        top: 50%;
        margin-top: -5px;
        right: 1px;
        height: 12px;
        width: 8px; }
    .stronghold-tabs_link__disabled, .stronghold-tabs_link__disabled:hover {
      color: #666;
      cursor: default; }

.statistics-link {
  position: relative;
  display: block;
  height: 21px;
  margin-left: 30px; }
  .statistics-link_icon {
    opacity: .7;
    position: absolute;
    top: 50%;
    left: -45px;
    margin-top: -26px;
    transition: all .2s; }
    .statistics-link:hover .statistics-link_icon {
      opacity: 1; }

.tabs {
  margin-bottom: 25px; }
  .tabs:before, .tabs:after {
    display: table;
    content: ''; }
  .tabs:after {
    clear: both; }
  .tabs__stronghold {
    margin-bottom: 0; }
  .tabs__heavies {
    position: relative;
    margin-bottom: 0; }
  .tabs_content {
    display: none;
    padding-top: 35px; }
    .tabs_content:before, .tabs_content:after {
      display: table;
      content: ''; }
    .tabs_content:after {
      clear: both; }
    .tabs__stronghold .tabs_content {
      padding-top: 15px; }
    .tabs_content__heavies {
      position: relative;
      padding-top: 0; }
  .tabs_header {
    white-space: nowrap; }
    .tabs_header:before, .tabs_header:after {
      display: table;
      content: ''; }
    .tabs_header:after {
      clear: both; }
  .tabs_list {
    display: inline-block;
    margin: 4px 0 3px;
    vertical-align: middle; }
    .tabs__treasury .tabs_list {
      margin: 2px 45px 0 0; }
    .tabs_list__heavies {
      margin: 0 0 20px 20px; }
  .tabs_item {
    background: none;
    float: left;
    position: relative;
    border-top: 0;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    border-bottom: 0;
    border-left: 1px solid #000; }
    .tabs_item:first-child {
      border-left: 0; }
    .tabs_item:last-child {
      border-right: 0; }
    .tabs_item__active {
      cursor: default; }
  .tabs_link {
    display: block;
    transition: all .2s;
    padding: 0 0 4px;
    margin: 0 21px -3px 20px;
    color: #dcdcdc;
    border-bottom: 3px solid transparent; }
    .tabs_link:hover {
      color: #dcdcdc;
      border-bottom: 3px solid #dcdcdc; }
    .tabs_item__active .tabs_link {
      color: #dcdcdc;
      border-bottom: 3px solid #e5b12e; }
      .tabs_item__active .tabs_link:hover:after {
        background: #e5b12e; }
    .tabs_item__state-disable .tabs_link {
      color: #808080;
      cursor: default; }
    .tabs_item:first-child .tabs_link {
      margin-left: 0; }
    .tabs_item:last-child .tabs_link {
      margin-right: 0; }
  .tabs_icon {
    opacity: .7;
    display: inline-block;
    height: 22px;
    vertical-align: middle; }
    .tabs_icon__wot {
      width: 23px; }
    .tabs_icon__wowp {
      width: 41px; }
    .tabs_link:hover .tabs_icon,
    .tabs_item__active .tabs_icon {
      opacity: 1; }
  .tabs_date {
    color: #808080;
    float: right;
    margin-top: 16px; }

.target {
  line-height: 34px;
  display: inline-block;
  height: 35px;
  padding: 0 14px;
  white-space: nowrap;
  color: #fff;
  border: 1px solid #575757;
  border-radius: 2px;
  background: rgba(33, 33, 33, 0.9);
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.5); }
  .target:before, .target:after {
    border-color: #575757 transparent transparent;
    border-style: solid;
    border-width: 7px;
    margin-left: -7px;
    position: absolute;
    bottom: -14px;
    left: 50%;
    content: ''; }
  .target:after {
    border-top: 7px solid rgba(33, 33, 33, 0.8);
    bottom: -12px; }

.visuals {
  font-size: 1px;
  line-height: 0;
  text-align: justify;
  text-justify: newspaper;
  margin: 14px 0 15px; }
  .visuals:before, .visuals:after {
    display: table;
    content: ''; }
  .visuals:after {
    clear: both; }
  .visuals:after {
    display: inline-block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    width: 100%;
    content: ''; }
  .visuals__popup {
    margin-bottom: 25px; }
  .visuals_color {
    font-size: 16px; }
  .visuals_swatch {
    display: inline-block;
    margin: -3px 2px 0 3px;
    height: 20px;
    width: 20px;
    vertical-align: middle; }
  .visuals_part {
    display: inline-block;
    vertical-align: top;
    font-size: 16px; }
    .visuals_part__color {
      width: 250px; }
    .visuals_part__emblems {
      width: 395px; }
  .visuals_title {
    margin: 5px 0 1px; }
  .visuals_description {
    margin: 1px 0;
    text-align: left; }
  .visuals_size {
    margin: 20px 0 5px; }
    .visuals_size:first-child {
      margin-top: 16px; }

.table-dotted {
  margin: 5px 0 -11px;
  width: 100%; }
  .table-dotted__tooltip {
    margin: 0;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.37); }
  .table-dotted__minor {
    color: #808080;
    margin: 5px 0 9px; }
  .table-dotted_caption {
    color: #fff;
    font-weight: bold;
    text-align: left;
    margin: 10px 0 13px; }
  .table-dotted__treasure {
    margin: 20px 0 -11px; }
  .table-dotted_cell {
    background: url(../images/table-dotted/table-dotted_bg.png) repeat-x;
    height: 34px;
    padding: 13px 0 14px;
    vertical-align: middle; }
    .table-dotted_cell__align-right {
      text-align: right; }
    .table-dotted_cell__value {
      color: #b1b2b3;
      text-align: right; }
    .table-dotted__treasure .table-dotted_cell__dotted,
    .table-dotted__treasure .table-dotted_row:first-child .table-dotted_cell__dotted {
      background: url(../images/table-dotted/table-dotted_bg.png) repeat-x; }
    .table-dotted__tooltip .table-dotted_cell {
      height: auto;
      padding: 9px 0;
      font-size: 14px;
      line-height: 18px; }
      .table-dotted__tooltip .table-dotted_cell:first-child {
        padding-right: 20px; }
    .table-dotted_row__wide .table-dotted_cell {
      padding-top: 6px;
      padding-bottom: 2px; }
    .table-dotted__minor .table-dotted_cell:first-child {
      padding-right: 10px; }
    .table-dotted_row__secondary .table-dotted_cell,
    .table-dotted_row:first-child .table-dotted_cell {
      background: none; }
    .table-dotted_row__secondary .table-dotted_cell {
      padding-top: 0; }
    .table-dotted__minor .table-dotted_cell {
      height: auto;
      padding: 10px 0 13px; }
    .table-dotted_row__indent .table-dotted_cell {
      padding-top: 22px; }
  .table-dotted_status__error {
    color: #cc0606; }
  .table-dotted_status__pending {
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
    display: inline-block;
    height: 22px;
    width: 22px;
    position: relative;
    vertical-align: top;
    content: ''; }
  .table-dotted_status-icon {
    display: inline-block;
    height: 14px;
    width: 14px;
    margin: 0 4px 3px 0;
    vertical-align: middle; }

.table-promoresours_progress, .table-promoresours_strength, .table-promoresours_storage {
  border-radius: 3px;
  height: 4px; }
  .table-promoresours__small .table-promoresours_progress, .table-promoresours__small .table-promoresours_strength, .table-promoresours__small .table-promoresours_storage {
    border-radius: 2px;
    height: 3px; }

.table-promoresours {
  width: 100%; }
  .table-promoresours_cell {
    padding: 14px 0 3px;
    vertical-align: middle; }
    .table-promoresours__small .table-promoresours_cell {
      padding: 10px 0 6px; }
    .table-promoresours_cell__value {
      text-align: right;
      white-space: nowrap; }
    .table-promoresours_cell__indent {
      padding-top: 20px; }
      .table-promoresours__small .table-promoresours_cell__indent {
        padding: 15px 0 0; }
  .table-promoresours_progress {
    background-color: #2c2c2c; }
  .table-promoresours_strength {
    background-color: #12b30a; }
    .table-promoresours_strength__low {
      background-color: #f00; }
    .table-promoresours_strength__middle {
      background-color: #ffe14c; }
  .table-promoresours_storage {
    background-color: #b7b47a; }
  .table-promoresours_players {
    background-color: rgba(102, 102, 102, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 2px;
    color: #b1b2b3;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    padding: 1px 7px 1px 36px;
    position: relative;
    transition: all .2s; }
    .table-promoresours_players:before {
      opacity: .53;
      background: url(../images/table-promoresours/table-promoresours_players.png);
      content: '';
      display: block;
      height: 13px;
      width: 24px;
      position: absolute;
      top: 6px;
      left: 7px;
      transition: all .2s; }
    .table-promoresours_players:hover {
      background-color: rgba(102, 102, 102, 0.3);
      border: 1px solid rgba(255, 255, 255, 0.35);
      color: #dcdcdc; }
      .table-promoresours_players:hover:before {
        opacity: 1; }
    .table-promoresours_players__disabled, .table-promoresours_players__disabled:hover {
      background-color: rgba(102, 102, 102, 0.1);
      border: 1px solid rgba(255, 255, 255, 0.12);
      color: #5c5d5d;
      cursor: default; }
      .table-promoresours_players__disabled:before, .table-promoresours_players__disabled:hover:before {
        opacity: .28; }
  .table-promoresours_target {
    color: #dcdcdc;
    font-size: 14px;
    font-weight: normal;
    padding-left: 16px;
    position: relative; }
    .table-promoresours_target:before {
      background: url(../images/table-promoresours/table-promoresours_target.png);
      content: '';
      display: block;
      height: 13px;
      width: 9px;
      position: absolute;
      top: 50%;
      left: 0;
      margin-top: -6.5px; }
  .table-promoresours_value {
    font-weight: 700; }
    .table-promoresours_value__thin {
      color: #808080;
      font-weight: 400; }
      .table-promoresours_storage-value .table-promoresours_value__thin {
        color: #a29b70; }
    .table-promoresours_storage-value .table-promoresours_value {
      color: #a29b70; }

.table-stronghold {
  table-layout: fixed;
  width: 100%; }
  .table-stronghold_heading {
    color: #5b5b5b;
    font-weight: normal;
    padding: 14px 0 13px 10px;
    text-align: left;
    white-space: normal; }
    .table-stronghold_heading:first-child {
      padding-left: 0; }
    .table-stronghold_heading__align-right {
      text-align: right; }
  .table-stronghold_cell {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    color: #dcdcdc;
    padding: 14px 0 13px 10px;
    vertical-align: middle; }
    .table-stronghold_cell:first-child {
      padding-left: 0; }
    .table-stronghold_cell__align-right {
      text-align: right; }
  .table-stronghold_icon {
    display: inline-block;
    vertical-align: middle; }
  .table-stronghold_direction {
    display: inline-block;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    position: relative;
    text-transform: uppercase; }
    .table-stronghold_direction:before {
      content: '\2192\A0\A0\A0';
      font-size: 30px; }
    .table-stronghold_direction__defense:before {
      content: '\2190\A0\A0\A0'; }
  .table-stronghold_type-col {
    width: 16%; }
  .table-stronghold_time-col {
    width: 17%; }
  .table-stronghold_direction-col {
    width: 17%; }

.rating-globalmap {
  width: 100%;
  margin: 0 0 20px;
  text-align: center; }
  .rating-globalmap_item {
    vertical-align: top; }
    .rating-globalmap_item__data {
      width: 18%; }
    .rating-globalmap_item__average {
      width: 28%; }
  .rating-globalmap_icon {
    display: inline-block;
    margin: 24px 0 0; }
  .rating-globalmap_value {
    font-size: 26px;
    font-weight: 700;
    line-height: 1;
    display: block;
    margin: 0 0 7px;
    color: #fff; }
    .rating-globalmap_value__average {
      font-size: 50px;
      line-height: 55px;
      margin-top: 2px;
      text-shadow: 0 1px 5px #000; }
  .rating-globalmap_key {
    font-size: 14px;
    line-height: 16px;
    display: block;
    color: #b1b2b3; }

.rating-leaderboards {
  width: 100%;
  text-align: center; }
  .rating-leaderboards_item {
    vertical-align: top; }
    .rating-leaderboards_item__data {
      padding: 0 10px;
      width: 18%; }
    .rating-leaderboards_item__average {
      padding: 0 20px;
      width: 28%; }
  .rating-leaderboards_icon {
    margin: 10px 0 -7px; }
  .rating-leaderboards_game {
    display: inline-block;
    background-image: url(../images/components/icons/rating-games.png);
    background-repeat: no-repeat; }
    .realm-RUBY .rating-leaderboards_game {
      background-image: url(../images/components/icons/rating-games-ruby.png); }
    .rating-leaderboards_game__wot {
      width: 66px;
      height: 80px;
      background-position: 0 0; }
    .rating-leaderboards_game__wowp {
      width: 131px;
      height: 80px;
      background-position: -66px 0; }
  .rating-leaderboards_value {
    font-size: 19px;
    font-weight: 700;
    line-height: 22px;
    display: inline-block;
    margin-bottom: 4px;
    color: #d9d9d9; }
    .rating-leaderboards_value__average {
      font-size: 31px;
      line-height: 32px; }
  .rating-leaderboards_key {
    font-size: 14px;
    line-height: 16px; }

.rating-param {
  position: relative;
  padding-left: 118px; }
  .rating-param_ico {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -41px; }
  .rating-param_name {
    font-size: 30px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 3px;
    color: #fff; }
  .rating-param_description {
    font-size: 16px;
    line-height: 22px; }

.rating-profile {
  width: 100%;
  text-align: center; }
  .rating-profile_item {
    vertical-align: top; }
    .rating-profile_item__data {
      width: 18%; }
    .rating-profile_item__average {
      width: 28%; }
  .rating-profile_icon {
    display: inline-block;
    margin-top: 24px;
    margin-bottom: -6px; }
  .rating-profile_value {
    font-size: 26px;
    font-weight: 700;
    line-height: 1;
    display: block;
    margin-bottom: 4px;
    color: #fff; }
    .rating-profile_value__average {
      font-size: 50px;
      line-height: 55px;
      margin-top: 2px;
      text-shadow: 0 1px 5px #000; }
  .rating-profile_key {
    color: #b1b2b3;
    font-size: 14px;
    line-height: 16px;
    display: block; }
  .rating-profile_game {
    display: inline-block;
    margin-top: -37px;
    background-image: url(../images/components/icons/rating-games.png);
    background-repeat: no-repeat; }
    .realm-RUBY .rating-profile_game {
      background-image: url(../images/components/icons/rating-games-ruby.png); }
    .rating-profile_game__wot {
      width: 66px;
      height: 80px;
      background-position: 0 0; }
    .rating-profile_game__wowp {
      width: 131px;
      height: 80px;
      background-position: -66px 0; }
  .rating-profile_place {
    font-weight: 700;
    font-size: 14px;
    margin: 14px auto 0;
    padding: 18px 0 0;
    text-align: center;
    color: #fff;
    background: url(../images/rating-profile/rating-profile-horizontal-divider.png) center 0 no-repeat;
    text-shadow: 0 1px 12px #000; }
    .rating-profile_place-icon {
      width: 19px;
      height: 15px;
      display: inline-block;
      margin-bottom: -2px;
      vertical-align: text-bottom;
      background: url(../images/rating-profile/rating-profile-place-icon.png) no-repeat; }
    .rating-profile_place-value {
      color: #fff; }
  .rating-profile_hint {
    opacity: .5;
    display: inline-block;
    cursor: help;
    transition: opacity .2s;
    margin-left: 2px;
    vertical-align: text-bottom; }
    .rating-profile_hint:hover {
      opacity: 1; }

.tooltip-table {
  font-size: 14px;
  width: 100%; }
  .tooltip-table_th {
    padding-right: 10px;
    text-align: left;
    color: #b1b2b3; }
  .tooltip-table_td {
    font-weight: 700;
    text-align: right;
    color: #dcdcdc; }

.globalmap_income {
  display: inline-block;
  width: 32%;
  vertical-align: middle; }

.globalmap_elo {
  display: inline-block;
  width: 68%;
  text-align: right;
  vertical-align: middle; }

.globalmap-elo {
  display: inline-block;
  width: 22%;
  margin: 0 0 0 8%;
  padding: 10px 0 0;
  text-align: center;
  vertical-align: top;
  white-space: nowrap; }
  .globalmap-elo:first-child {
    margin-left: 0; }
  .globalmap-elo__two-front {
    position: relative;
    width: 23%;
    padding-left: 100px;
    text-align: left; }
  .globalmap-elo_key {
    display: inline-block;
    transition: all .2s;
    color: #b1b2b3; }
    .globalmap-elo__state-ranked .globalmap-elo_link:hover .globalmap-elo_key {
      color: #fff; }
    .globalmap-elo__state-notranked .globalmap-elo_key {
      opacity: .4; }
    .globalmap-elo__state-notranked .globalmap-elo_link:hover .globalmap-elo_key {
      opacity: .55; }
  .globalmap-elo_value {
    font-size: 42px;
    font-weight: 700;
    line-height: 1;
    display: inline-block;
    margin: 0 0 9px;
    transition: all .2s;
    color: #fff; }
    .globalmap-elo__state-notranked .globalmap-elo_value {
      opacity: .4; }
    .globalmap-elo__state-notranked .globalmap-elo_link:hover .globalmap-elo_value {
      opacity: .55; }
  .globalmap-elo_icon {
    display: inline-block;
    margin: 0 0 20px;
    transition: all .2s;
    vertical-align: top; }
    .globalmap-elo__two-front .globalmap-elo_icon {
      position: absolute;
      top: 50%;
      left: 0;
      margin-top: -45px; }
    .globalmap-elo__state-notranked .globalmap-elo_icon {
      opacity: .6; }
    .globalmap-elo__state-notranked .globalmap-elo_link:hover .globalmap-elo_icon {
      opacity: .75; }

.globalmap-income {
  padding: 17px 0 19px;
  background: url(../images/globalmap-income/globalmap-income-dotted.png) top left repeat-x; }
  .globalmap-income:before, .globalmap-income:after {
    display: table;
    content: ''; }
  .globalmap-income:after {
    clear: both; }
  .globalmap-income:first-child {
    background: none; }
  .globalmap-income__more {
    padding: 14px 0 16px; }
  .globalmap-income_key {
    float: left;
    width: 48%; }
  .globalmap-income_value {
    font-weight: 700;
    float: right;
    width: 48%;
    text-align: right;
    color: #fff; }

.widget {
  position: relative;
  margin: 0 0 60px; }
  .widget__nested {
    margin-bottom: 0; }
  .widget__clan-description {
    z-index: 10; }
  .widget_header {
    position: relative;
    z-index: 50;
    margin: 0 0 25px; }
    .widget__search .widget_header {
      margin-bottom: 10px; }
    .widget_header-link {
      position: absolute;
      top: 8px;
      right: 12px;
      white-space: nowrap; }
  .widget_description {
    margin: 0 0 19px;
    color: #dcdcdc; }
    .widget_description-counter {
      color: #fff; }
  .widget_body:before, .widget_body:after {
    display: table;
    content: ''; }
  .widget_body:after {
    clear: both; }
  .widget__nested .widget_body {
    padding: 0; }
  .widget__message .widget_body {
    position: relative;
    padding-top: 1px;
    padding-bottom: 1px; }
    .widget__message .widget_body:before, .widget__message .widget_body:after {
      position: absolute;
      top: 0;
      z-index: -1;
      display: block;
      height: 100%;
      background-image: url(../images/widget/widget-bg-message.png);
      background-repeat: repeat-x;
      content: ''; }
    .widget__message .widget_body:before {
      right: 50%;
      left: 0;
      background-position: 0 0; }
    .widget__message .widget_body:after {
      right: 0;
      left: 50%;
      background-position: 100% 0; }
  .widget__content .widget_body {
    padding-top: 30px; }
  .widget__form .widget_body {
    padding: 20px 0 30px; }
  .widget_loader {
    position: relative; }
    .widget__state-loading .widget_loader {
      opacity: .5;
      pointer-events: none; }
  .widget_spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    display: none;
    width: 24px;
    height: 24px;
    margin: -12px 0 0 -12px; }
    .widget__state-loading .widget_spinner {
      display: block; }
  .widget_update {
    font-size: 14px;
    line-height: 24px; }
  .widget_hint {
    display: inline-block;
    margin: 2px -26px 0 2px;
    vertical-align: top;
    opacity: .6;
    cursor: help;
    transition: opacity .2s; }
    .widget_hint:hover {
      opacity: 1; }
  .widget_more {
    margin-top: 25px; }
  .widget_settings {
    position: absolute;
    top: 2px;
    right: 12px;
    text-align: right; }
  .widget_right-link {
    position: absolute;
    right: 10px;
    bottom: 0;
    white-space: nowrap; }

.widget-graph {
  padding: 25px 0 35px; }
  .widget-graph_title {
    margin: 0 0 15px;
    text-align: center;
    color: #fff; }
  .widget-graph_legend {
    display: inline-block;
    width: 11px;
    height: 11px;
    vertical-align: baseline;
    margin: 0 5px 0; }
    .widget-graph_legend__score {
      background-color: #d8a21a; }
    .widget-graph_legend__position {
      background-color: #fff1cc; }
  .widget-graph_divider {
    height: 1px;
    margin: 40px 0 0;
    background-color: #1f1f1f; }
  .widget-graph_dropdown {
    position: relative;
    display: inline-block; }

.widget-loader {
  position: relative; }
  .widget-loader_overlay {
    position: absolute;
    display: none;
    background-color: rgba(1, 1, 1, 0); }
    .widget-loader__state-loading .widget-loader_overlay {
      display: block; }
    .widget-loader__table .widget-loader_overlay {
      top: 51px;
      right: 0;
      bottom: 1px;
      left: 0;
      z-index: 30; }
  .widget-loader_spinner {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -12px 0 0 -12px; }

.widget-more {
  position: absolute;
  right: 0;
  bottom: 2px; }
  .widget-more_item {
    position: relative;
    display: inline-block;
    margin: 0 0 0 32px;
    vertical-align: middle; }
    .widget-more_item:first-child {
      margin-left: 0; }
      .widget-more_item:first-child:after {
        display: none; }
    .widget-more_item:after {
      position: absolute;
      top: -2px;
      left: -19px;
      width: 2px;
      height: 28px;
      content: '';
      background: url(../images/widget-more/widget-more-devider.png) center top repeat-y; }

.widget-mode {
  position: relative; }
  .widget-mode:before, .widget-mode:after {
    display: table;
    content: ''; }
  .widget-mode:after {
    clear: both; }
  .widget-mode__one {
    padding: 30px 0 0; }
  .widget-mode__two {
    margin: 0 -50px; }
  .widget-mode__three {
    margin: 0 -38px; }
  .widget-mode_list {
    display: table;
    width: 100%; }
  .widget-mode_item {
    position: relative;
    display: table-cell;
    box-sizing: border-box; }
    .widget-mode_item:before {
      position: absolute;
      top: 87px;
      left: 0;
      width: 2px;
      content: '';
      background: url(../images/widget-more/widget-more-devider.png) center top repeat-y; }
    .widget-mode__type-event .widget-mode_item:before {
      bottom: 6px; }
    .widget-mode__type-season .widget-mode_item:before {
      bottom: 12px; }
    .widget-mode_item:first-child:before {
      content: normal; }
    .widget-mode__two .widget-mode_item {
      width: 50%;
      padding: 0 50px; }
    .widget-mode__three .widget-mode_item {
      width: 33.3333%;
      padding: 0 38px; }
  .widget-mode_header {
    text-align: center;
    color: #fff; }
  .widget-mode_name {
    display: inline-block;
    transition: border-color .2s;
    color: inherit;
    border-bottom: 3px solid transparent; }
    .widget-mode_name:hover {
      color: inherit;
      border-color: #fff; }
    .widget-mode_name__state-current, .widget-mode_name__state-current:hover {
      border-color: #e5b12e; }
    .widget-mode_name__state-disabled, .widget-mode_name__state-disabled:hover {
      color: #808080;
      border-color: transparent; }
  .widget-mode_table {
    width: 100%; }
    .widget-mode__type-event .widget-mode_table {
      margin: 0 0 20px; }
    .widget-mode__type-season .widget-mode_table {
      margin: 0; }
  .widget-mode_th, .widget-mode_td {
    padding: 6px 0; }
  .widget-mode_th {
    font-weight: 400;
    text-align: left; }
  .widget-mode_td {
    text-align: right; }
    .widget-mode_td__empty {
      height: 128px;
      text-align: center;
      vertical-align: middle; }
  .widget-mode_figure {
    position: relative;
    display: inline-block;
    margin: 0 35px 35px 0;
    padding: 0 0 0 70px;
    vertical-align: top; }
  .widget-mode_famepoints {
    position: absolute;
    top: -5px;
    left: -12px; }
  .widget-mode_value {
    font-size: 42px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 2px;
    color: #fff;
    text-shadow: 1px 1px 5px #000; }
  .widget-mode_delta {
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    vertical-align: top;
    text-shadow: none; }
    .widget-mode_delta__positive {
      color: #39b54a; }
    .widget-mode_delta__negative {
      color: #c42a30; }
  .widget-mode_info {
    color: #808080;
    margin-bottom: 7px; }
  .widget-mode_links {
    position: absolute;
    top: 45px;
    right: 0;
    padding: 0 40px; }
    .widget-mode_links:before {
      position: absolute;
      top: -3px;
      bottom: -6px;
      left: 0;
      width: 2px;
      content: '';
      background: url(../images/widget-more/widget-more-devider.png) center top repeat-y; }
  .widget-mode_link {
    margin: 17px 0 0; }
    .widget-mode_link:first-child {
      margin-top: 0; }

.widgets__profile {
  margin-top: 37px; }

.widgets_terminator {
  margin-bottom: 60px; }

.feed_section-header {
  position: relative;
  height: 60px;
  border-width: 1px 0;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.07);
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.7), inset 0 -1px 0 rgba(0, 0, 0, 0.7); }
  .feed_section-header:before, .feed_section-header:after {
    position: absolute;
    top: 0;
    z-index: -1;
    display: block;
    height: 100%;
    background-image: url(../images/feed/feed-bg.png);
    background-repeat: repeat-x;
    content: ''; }
  .feed_section-header:before {
    right: 50%;
    left: 0;
    background-position: 0 0; }
  .feed_section-header:after {
    right: 0;
    left: 50%;
    background-position: 100% 0; }

.feed_section-body {
  padding: 0 0 2px; }

.feed_title {
  font-size: 20px;
  line-height: 60px; }

.feed_toggle {
  line-height: 16px;
  position: absolute;
  top: 50%;
  right: 13px;
  transform: translateY(-50%); }
  .feed_toggle:after {
    position: absolute;
    top: 6px;
    right: -13px;
    width: 9px;
    height: 6px;
    content: '';
    background-image: url(../images/v2/common/common-toggle.png);
    background-repeat: no-repeat;
    background-position: 0 -6px; }
  .feed_toggle__state-aggregated:after {
    background-position: 0 0; }

.feed_message {
  padding: 25px 0; }

.feed-aggregate {
  padding: 27px 0 24px;
  border-top: 1px solid #1b1b1b; }
  .feed-aggregate:first-child {
    border-top: none; }
  .feed-aggregate_title {
    font-size: 25px;
    line-height: 32px;
    position: relative;
    margin: 0 0 25px 110px;
    color: #fefefe; }
    .feed-aggregate__single .feed-aggregate_title {
      margin-bottom: 0; }
  .feed-aggregate_title-icon {
    position: absolute;
    top: 50%;
    left: -75px;
    margin-top: -32px; }
  .feed-aggregate_item {
    position: relative;
    margin-left: 110px; }
  .feed-aggregate_icon {
    position: absolute;
    top: -5px;
    left: -50px; }
  .feed-aggregate_divider {
    height: 1px;
    margin: 17px 0 17px 110px;
    background: url(../images/feed-aggregate/feed-aggregate-dot.png) top left repeat-x; }

.feed-item {
  position: relative;
  padding: 27px 0 24px;
  background: url(../images/feed-item/divider.png) top center repeat-x; }
  .feed-item:first-child {
    background: none; }
  .feed-item_header {
    padding: 0 0 0 115px;
    margin: 0 0 15px; }
  .feed-item_body {
    padding: 0 0 0 115px; }
  .feed-item_icon {
    position: absolute;
    top: 20px; }
  .feed-item_title {
    font-size: 20px;
    line-height: 28px;
    color: #fefefe; }
  .feed-item_caption {
    margin: 0 15px 0 0; }
  .feed-item_array {
    margin: 0 10px 0; }
  .feed-item_players {
    padding: 10px 0 0; }
  .feed-item_cell {
    padding: 0 20px 5px 0; }

.feed-summary {
  font-size: 14px;
  line-height: 24px; }
  .feed-summary_item {
    position: relative;
    display: inline-block;
    margin: 0 0 0 18px; }
    .feed-summary_item:before {
      position: absolute;
      top: 5px;
      left: -9px;
      width: 2px;
      height: 13px;
      content: '';
      border-left: 1px solid #808080;
      border-right: 1px solid rgba(0, 0, 0, 0.4);
      box-sizing: border-box; }
    .feed-summary_item:first-child {
      margin-left: 0; }
      .feed-summary_item:first-child:before {
        content: normal; }
  .feed-summary_link {
    transition: all .2s;
    color: #dcdcdc;
    border-bottom: 1px solid transparent; }
    .feed-summary_link:hover {
      color: #fff;
      border-color: #fff; }

.js-hidden {
  display: none !important; }

.announcement_footer, .emblems_file {
  color: #808080;
  font-size: 14px; }

.secondary {
  color: #808080; }
  .secondary__smaller {
    font-size: 14px; }

.sep {
  color: #414546; }

.addition {
  margin-top: 10px; }

.nowrap {
  white-space: nowrap; }

.help-cursor {
  cursor: help; }

@media all and (max-width: 1180px) {
  .hidden-tablet,
  .visible-desktop {
    display: none !important; } }

@media all and (min-width: 1181px) {
  .visible-tablet,
  .hidden-desktop {
    display: none !important; } }

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, font, 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 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  background: transparent;
  font-size: 100%;
  vertical-align: baseline; }

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  font-style: normal;
  font-stretch: normal; }

article,
aside,
audio,
canvas,
datalist,
details,
embed,
figcaption,
figure,
footer,
header,
keygen,
menu,
nav,
output,
progress,
section,
source,
video {
  display: block;
  margin: 0; }

body {
  line-height: 1; }

ol,
ul {
  list-style-type: none; }

blockquote, q {
  quotes: none; }

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

/* remember to define focus styles! */
:focus {
  outline: 0; }

del {
  text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-spacing: 0;
  border-collapse: collapse; }

td {
  vertical-align: top; }

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
  border: none; }

input,
textarea,
button {
  font-family: inherit; }

input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #4d4d4d;
  font-weight: normal; }

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  display: inline-block;
  padding-top: 2px;
  color: #767676;
  font-weight: normal; }

::-ms-clear {
  display: none; }

input:-webkit-autofill {
  color: #000 !important; }

html {
  width: 100%;
  height: 100%;
  background: #0a0a0a url(../images/v2/common/common-pattern.jpg) center repeat;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }
  html.wot {
    background-image: url(../images/v2/common/common-pattern.wot.jpg); }
  html.wowp {
    background-image: url(../images/v2/common/common-pattern.wowp.jpg); }

body {
  position: relative;
  min-width: 946px;
  height: 100%;
  color: #b1b2b3;
  font-family: "Roboto Condensed", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 23px; }
  body.lang-ko {
    font-family: "\AD74\B9BC", Gulim, sans-serif; }

a {
  color: #fff;
  text-decoration: none; }
  a:hover {
    color: #fff;
    text-decoration: none; }

.lang-ko h1, .lang-ko h2, .lang-ko h3, .lang-ko h4, .lang-ko h5, .lang-ko
.like-h1, .lang-ko .like-h2, .lang-ko .like-h3, .lang-ko .like-h4, .lang-ko .like-h5 {
  font-family: "\B9D1\C740   \ACE0\B515", Malgun Gothic, sans-serif;
  font-weight: 700; }

h1,
.like-h1 {
  margin: 46px 0 12px;
  color: #fff;
  font-size: 35px;
  font-weight: 400;
  line-height: 45px; }

h2,
.like-h2 {
  margin: 30px 0 15px;
  color: #fff;
  font-size: 30px;
  font-weight: 400;
  line-height: 38px; }

h3,
.like-h3 {
  margin: 30px 0 15px;
  color: #fff;
  font-size: 25px;
  font-weight: 400;
  line-height: 30px; }

h4,
.like-h4 {
  margin: 30px 0 15px;
  color: #fff;
  font-size: 20px;
  font-weight: 400;
  line-height: 27px; }

h5,
.like-h5 {
  margin: 25px 0 0;
  color: #dcdcdc;
  font-size: 16px;
  font-weight: 700;
  line-height: 23px; }
  h5:first-child,
  .like-h5:first-child {
    margin-top: 0; }

.content h2:not(:last-child) {
  margin-bottom: 15px; }

.content h3:not(:last-child) {
  margin-bottom: 15px; }

.content h4:not(:last-child) {
  margin-bottom: 10px; }

.content h5:not(:last-child) {
  margin-bottom: 5px; }

.content p:not(:last-child) {
  margin-bottom: 5px; }

.content a {
  padding: 0 0 1px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  line-height: 18px;
  text-decoration: none;
  transition: all .2s; }
  .content a[href^='#'] {
    border-bottom: 1px dashed rgba(255, 255, 255, 0.3); }
  .content a:hover {
    border-bottom-color: transparent; }

.content ol {
  counter-reset: section; }
  .content ol > li {
    position: relative;
    padding: 0 0 0 30px;
    counter-increment: section; }
    .content ol > li:not(:last-child) {
      margin-bottom: 15px; }
    .content ol > li::before {
      position: absolute;
      top: 0;
      left: 0;
      width: 30px;
      content: counters(section, ".") "."; }
    .content ol > li > ol > li {
      padding-left: 50px; }
      .content ol > li > ol > li::before {
        width: 50px; }
  .content ol ol, .content ol ul, .content ol p {
    margin-top: 15px;
    margin-left: 30px; }

.content ul > li {
  position: relative;
  padding: 0 0 0 20px; }
  .content ul > li:not(:last-child) {
    margin-bottom: 15px; }
  .content ul > li::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    content: '\2014'; }

.content ul ol, .content ul ul, .content ul p {
  margin-top: 15px;
  margin-left: 30px; }

.content img {
  margin: 14px 0 10px; }
  .content img:first-child {
    margin-top: 0; }
  .content img:last-child {
    margin-bottom: 0; }

.content .content-hr {
  width: 100%;
  height: 1px;
  margin: 24px 0 21px;
  border: none; }
  .content .content-hr__solid {
    background: rgba(255, 255, 255, 0.07); }
  .content .content-hr__dotted {
    background: url(../images/v2/common/common-dotted.png) left center repeat; }

.content .content-table {
  margin: 15px 0;
  line-height: 18px; }
  .content .content-table:first-child {
    margin-top: 0; }
  .content .content-table:last-child {
    margin-bottom: 0; }
  .content .content-table_epaulettes, .content .content-table_check {
    margin: -16px; }

.intro_title, .outro_title {
  margin: 0 0 15px;
  font-size: 65px;
  font-weight: 700;
  line-height: 62px;
  white-space: nowrap;
  text-transform: uppercase; }
  @media all and (min-width: 1378px) and (min-height: 800px) {
    .intro_title, .outro_title {
      font-size: 86px;
      line-height: 80px; } }

.intro_description, .outro_description {
  color: #fff;
  font-size: 17px;
  line-height: 22px;
  text-shadow: 0 0 20px rgba(0, 0, 0, 0.8); }
  @media all and (min-width: 1378px) and (min-height: 800px) {
    .intro_description, .outro_description {
      font-size: 20px;
      line-height: 28px; } }

.intro_footer, .outro_footer {
  margin: 40px 0 0; }

.intro_link, .outro_link {
  display: inline-block;
  margin: 0 0 0 33px;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.55);
  text-transform: uppercase; }

.btn-jumbo, .btn-major, .btn-minor {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  min-width: 140px;
  height: 44px;
  padding: 0 30px;
  border: 1px solid #101010;
  background-position: 0 0;
  background-repeat: repeat-x;
  color: #fff;
  font-size: 16px;
  line-height: 44px;
  text-align: center;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.55);
  white-space: nowrap;
  cursor: pointer;
  transition: box-shadow .2s;
  -webkit-appearance: none;
  -moz-appearance: none; }

.btn-jumbo__state-disabled, .btn-major__state-disabled, .btn-minor__state-disabled {
  color: rgba(128, 128, 128, 0.7);
  cursor: default; }

.btn-jumbo::before, .btn-major::before, .btn-minor::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: '';
  transition: background .2s; }

.btn-jumbo_inner, .btn-major_inner, .btn-minor_inner {
  position: relative;
  z-index: 2; }

.btn-jumbo_icon, .btn-major_icon, .btn-minor_icon {
  margin: 0 0 0 5px;
  vertical-align: baseline;
  transition: opacity .2s; }

.btn-jumbo_icon__hint, .btn-major_icon__hint, .btn-minor_icon__hint {
  margin-right: -4px;
  vertical-align: middle;
  opacity: .8;
  cursor: help; }

.btn-jumbo_icon__hint:hover, .btn-major_icon__hint:hover, .btn-minor_icon__hint:hover {
  opacity: 1; }

.card, .card-globalmap {
  position: relative;
  border: 1px solid #212424;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.33);
  font-size: 16px; }

.card_header, .card-globalmap_header {
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  margin: -1px;
  border-width: 1px;
  border-style: solid;
  border-color: #272929 #212424 #212424;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.33);
  text-align: center; }

.card_body, .card-globalmap_body {
  position: relative;
  z-index: 3;
  padding: 0 30px; }

.card_footer, .card-globalmap_footer {
  position: relative;
  z-index: 2;
  box-sizing: border-box;
  margin: -2px -1px -1px;
  border: 1px solid #212424;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.33); }

.b-checkbox, .b-radio {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: 0 5px 0 -4px;
  background-position: 0 0;
  background-repeat: no-repeat;
  vertical-align: middle;
  cursor: pointer; }

.b-checkbox__hover, .b-radio__hover,
.b-checkbox__focus,
.b-radio__focus,
.b-checkbox__checked,
.b-radio__checked {
  background-position: -24px 0; }

.b-checkbox__disabled, .b-radio__disabled {
  background-position: -48px 0;
  cursor: auto; }

.b-checkbox_checker, .b-radio_checker {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  background-position: -72px 0;
  background-repeat: no-repeat; }

.b-checkbox__checked .b-checkbox_checker, .b-radio__checked .b-radio_checker {
  display: block; }

.credits, .crystal, .dublon, .gold, .influence, .promresource {
  position: relative;
  display: inline-block;
  font-weight: 700;
  line-height: 23px;
  white-space: nowrap; }

.dialog, .guide {
  position: relative;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1), 0 0 30px rgba(0, 0, 0, 0.6);
  background: #212121 url(../images/v2/common/common-noise.png); }

.dialog_header, .guide_header {
  position: relative;
  height: 60px;
  padding: 0 30px;
  border-bottom: 1px solid #000;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
  background: #212121 url(../images/v2/common/common-noise.png);
  line-height: 60px; }

.dialog_header::before, .guide_header::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  height: 60px;
  background: url(../images/v2/dialog/dialog-glow.png) center top repeat;
  content: ''; }

.dialog_body, .guide_body {
  position: relative;
  box-sizing: border-box;
  padding: 0 30px;
  background-color: rgba(0, 0, 0, 0.07);
  transition: height .2s; }

.dialog_body::before, .guide_body::before,
.dialog_body::after,
.guide_body::after {
  position: absolute;
  right: 0;
  left: 0;
  z-index: 1;
  height: 30px;
  background-image: url(../images/v2/dialog/dialog-shadow.png);
  background-repeat: repeat-x;
  content: ''; }

.dialog_body::before, .guide_body::before {
  top: 0;
  background-position: 0 0; }

.dialog_body::after, .guide_body::after {
  bottom: 0;
  background-position: 0 100%; }

.dialog_footer, .guide_footer {
  position: relative;
  padding: 15px 30px;
  border-top: 1px solid #000;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
  background: #212121 url(../images/v2/common/common-noise.png);
  transition: height .2s; }

.dialog_footer::before, .guide_footer::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 60px;
  background: url(../images/v2/dialog/dialog-glow.png) center bottom repeat;
  content: ''; }

.dialog_decoration, .guide_decoration {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.dialog_title, .guide_title {
  position: relative;
  padding: 0 35px 0 0;
  overflow: hidden;
  color: #fff;
  font-size: 25px;
  text-overflow: ellipsis;
  white-space: nowrap; }

.dialog_close, .guide_close {
  position: absolute;
  top: 6px;
  right: 15px;
  z-index: 10;
  width: 48px;
  height: 48px;
  opacity: .7;
  transition: opacity .2s; }

.dialog_close:hover, .guide_close:hover {
  opacity: 1; }

.dialog_inner, .guide_inner {
  height: 100%; }

.dialog_content, .guide_content {
  padding: 30px 0;
  word-wrap: break-word; }

.dialog__state-loading .dialog_content, .guide__state-loading .guide_content {
  opacity: .15;
  pointer-events: none; }

.dialog_spinner, .guide_spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  display: none;
  width: 24px;
  height: 24px;
  margin: -12px 0 0 -27px; }

.dialog__state-loading .dialog_spinner, .guide__state-loading .guide_spinner {
  display: block; }

.dialog_cancel, .guide_cancel {
  position: relative;
  display: inline-block;
  margin: 0 0 0 30px;
  vertical-align: middle; }

.dialog_additional-link, .guide_additional-link {
  position: absolute;
  top: 50%;
  right: 30px;
  transform: translateY(-50%); }

.dialog_indent, .guide_indent {
  margin: 0 0 20px; }

.anchor, .link {
  line-height: 19px;
  transition: all .2s; }

.anchor__top-indent, .link__top-indent {
  display: inline-block;
  margin-top: 30px; }

.anchor__left-indent, .link__left-indent {
  display: inline-block;
  margin-left: 30px; }

.tbl-common, .tbl-content, .tbl-globalmap, .tbl-log, .tbl-matching, .tbl-rating, .tbl-dialog, .tbl-requests, .tbl-search, .tbl-treasury, .tbl-vehicles {
  position: relative;
  z-index: 15;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column nowrap;
      flex-flow: column nowrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
  font-size: 14px; }

.tbl-common_tr, .tbl-content_tr, .tbl-globalmap_tr, .tbl-log_tr, .tbl-matching_tr, .tbl-rating_tr, .tbl-dialog_tr, .tbl-requests_tr, .tbl-search_tr, .tbl-treasury_tr, .tbl-vehicles_tr {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row nowrap;
      flex-flow: row nowrap;
  -ms-flex-line-pack: center;
      align-content: center;
  -ms-flex-align: stretch;
      align-items: stretch;
  -ms-flex-pack: justify;
      justify-content: space-between; }

.tbl-common_tr__clickable, .tbl-content_tr__clickable, .tbl-globalmap_tr__clickable, .tbl-log_tr__clickable, .tbl-matching_tr__clickable, .tbl-rating_tr__clickable, .tbl-dialog_tr__clickable, .tbl-requests_tr__clickable, .tbl-search_tr__clickable, .tbl-treasury_tr__clickable, .tbl-vehicles_tr__clickable {
  cursor: pointer; }

.tbl-common_tr__hoverable, .tbl-content_tr__hoverable, .tbl-globalmap_tr__hoverable, .tbl-log_tr__hoverable, .tbl-matching_tr__hoverable, .tbl-rating_tr__hoverable, .tbl-dialog_tr__hoverable, .tbl-requests_tr__hoverable, .tbl-search_tr__hoverable, .tbl-treasury_tr__hoverable, .tbl-vehicles_tr__hoverable {
  cursor: default; }

.tbl-common_th, .tbl-content_th, .tbl-globalmap_th, .tbl-log_th, .tbl-matching_th, .tbl-rating_th, .tbl-dialog_th, .tbl-requests_th, .tbl-search_th, .tbl-treasury_th, .tbl-vehicles_th {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  -ms-flex-align: center;
      align-items: center;
  box-sizing: border-box;
  min-width: 0;
  border-bottom: 1px solid #000;
  color: #808080;
  font-weight: 400;
  white-space: nowrap; }

.tbl-common_td, .tbl-content_td, .tbl-globalmap_td, .tbl-log_td, .tbl-matching_td, .tbl-rating_td, .tbl-dialog_td, .tbl-requests_td, .tbl-search_td, .tbl-treasury_td, .tbl-vehicles_td {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  -ms-flex-align: center;
      align-items: center;
  box-sizing: border-box;
  overflow: hidden;
  border-top: 1px solid rgba(255, 255, 255, 0.07);
  border-bottom: 1px solid rgba(0, 0, 0, 0.7);
  box-shadow: inset 0 -1px rgba(255, 255, 255, 0.04);
  white-space: nowrap; }

.tbl-common_th__spacer, .tbl-content_th__spacer, .tbl-globalmap_th__spacer, .tbl-log_th__spacer, .tbl-matching_th__spacer, .tbl-rating_th__spacer, .tbl-dialog_th__spacer, .tbl-requests_th__spacer, .tbl-search_th__spacer, .tbl-treasury_th__spacer, .tbl-vehicles_th__spacer,
.tbl-common_td__spacer,
.tbl-content_td__spacer,
.tbl-globalmap_td__spacer,
.tbl-log_td__spacer,
.tbl-matching_td__spacer,
.tbl-rating_td__spacer,
.tbl-dialog_td__spacer,
.tbl-requests_td__spacer,
.tbl-search_td__spacer,
.tbl-treasury_td__spacer,
.tbl-vehicles_td__spacer {
  -ms-flex: 0 0 20px;
      flex: 0 0 20px; }

.tbl-common_th__basis, .tbl-content_th__basis, .tbl-globalmap_th__basis, .tbl-log_th__basis, .tbl-matching_th__basis, .tbl-rating_th__basis, .tbl-dialog_th__basis, .tbl-requests_th__basis, .tbl-search_th__basis, .tbl-treasury_th__basis, .tbl-vehicles_th__basis,
.tbl-common_td__basis,
.tbl-content_td__basis,
.tbl-globalmap_td__basis,
.tbl-log_td__basis,
.tbl-matching_td__basis,
.tbl-rating_td__basis,
.tbl-dialog_td__basis,
.tbl-requests_td__basis,
.tbl-search_td__basis,
.tbl-treasury_td__basis,
.tbl-vehicles_td__basis {
  -ms-flex: 2 0 0%;
      flex: 2 0 0%;
  -ms-flex-pack: start;
      justify-content: flex-start;
  padding-right: 25px; }

.tbl-common_th__left, .tbl-content_th__left, .tbl-globalmap_th__left, .tbl-log_th__left, .tbl-matching_th__left, .tbl-rating_th__left, .tbl-dialog_th__left, .tbl-requests_th__left, .tbl-search_th__left, .tbl-treasury_th__left, .tbl-vehicles_th__left,
.tbl-common_td__left,
.tbl-content_td__left,
.tbl-globalmap_td__left,
.tbl-log_td__left,
.tbl-matching_td__left,
.tbl-rating_td__left,
.tbl-dialog_td__left,
.tbl-requests_td__left,
.tbl-search_td__left,
.tbl-treasury_td__left,
.tbl-vehicles_td__left {
  -ms-flex: 1 1 0%;
      flex: 1 1 0%;
  -ms-flex-pack: start;
      justify-content: flex-start;
  padding-right: 25px;
  text-align: left; }

.tbl-common_th__center, .tbl-content_th__center, .tbl-globalmap_th__center, .tbl-log_th__center, .tbl-matching_th__center, .tbl-rating_th__center, .tbl-dialog_th__center, .tbl-requests_th__center, .tbl-search_th__center, .tbl-treasury_th__center, .tbl-vehicles_th__center,
.tbl-common_td__center,
.tbl-content_td__center,
.tbl-globalmap_td__center,
.tbl-log_td__center,
.tbl-matching_td__center,
.tbl-rating_td__center,
.tbl-dialog_td__center,
.tbl-requests_td__center,
.tbl-search_td__center,
.tbl-treasury_td__center,
.tbl-vehicles_td__center {
  -ms-flex: 1 1 0%;
      flex: 1 1 0%;
  -ms-flex-pack: center;
      justify-content: center;
  padding-left: 25px;
  text-align: center; }

.tbl-common_th__right, .tbl-content_th__right, .tbl-globalmap_th__right, .tbl-log_th__right, .tbl-matching_th__right, .tbl-rating_th__right, .tbl-dialog_th__right, .tbl-requests_th__right, .tbl-search_th__right, .tbl-treasury_th__right, .tbl-vehicles_th__right,
.tbl-common_td__right,
.tbl-content_td__right,
.tbl-globalmap_td__right,
.tbl-log_td__right,
.tbl-matching_td__right,
.tbl-rating_td__right,
.tbl-dialog_td__right,
.tbl-requests_td__right,
.tbl-search_td__right,
.tbl-treasury_td__right,
.tbl-vehicles_td__right {
  -ms-flex: 1 1 0%;
      flex: 1 1 0%;
  -ms-flex-pack: end;
      justify-content: flex-end;
  padding-left: 25px;
  text-align: right; }

.tbl-common_th__arrow, .tbl-content_th__arrow, .tbl-globalmap_th__arrow, .tbl-log_th__arrow, .tbl-matching_th__arrow, .tbl-rating_th__arrow, .tbl-dialog_th__arrow, .tbl-requests_th__arrow, .tbl-search_th__arrow, .tbl-treasury_th__arrow, .tbl-vehicles_th__arrow,
.tbl-common_td__arrow,
.tbl-content_td__arrow,
.tbl-globalmap_td__arrow,
.tbl-log_td__arrow,
.tbl-matching_td__arrow,
.tbl-rating_td__arrow,
.tbl-dialog_td__arrow,
.tbl-requests_td__arrow,
.tbl-search_td__arrow,
.tbl-treasury_td__arrow,
.tbl-vehicles_td__arrow {
  -ms-flex: 0 0 40px;
      flex: 0 0 40px;
  -ms-flex-pack: end;
      justify-content: flex-end; }

.tbl-common__debug .tbl-common_th, .tbl-content__debug .tbl-content_th, .tbl-globalmap__debug .tbl-globalmap_th, .tbl-log__debug .tbl-log_th, .tbl-matching__debug .tbl-matching_th, .tbl-rating__debug .tbl-rating_th, .tbl-dialog__debug .tbl-dialog_th, .tbl-requests__debug .tbl-requests_th, .tbl-search__debug .tbl-search_th, .tbl-treasury__debug .tbl-treasury_th, .tbl-vehicles__debug .tbl-vehicles_th,
.tbl-common__debug .tbl-common_td,
.tbl-content__debug .tbl-content_td,
.tbl-globalmap__debug .tbl-globalmap_td,
.tbl-log__debug .tbl-log_td,
.tbl-matching__debug .tbl-matching_td,
.tbl-rating__debug .tbl-rating_td,
.tbl-dialog__debug .tbl-dialog_td,
.tbl-requests__debug .tbl-requests_td,
.tbl-search__debug .tbl-search_td,
.tbl-treasury__debug .tbl-treasury_td,
.tbl-vehicles__debug .tbl-vehicles_td {
  outline: 1px solid red; }

.tbl-common_arrow, .tbl-content_arrow, .tbl-globalmap_arrow, .tbl-log_arrow, .tbl-matching_arrow, .tbl-rating_arrow, .tbl-dialog_arrow, .tbl-requests_arrow, .tbl-search_arrow, .tbl-treasury_arrow, .tbl-vehicles_arrow {
  display: inline-block;
  width: 9px;
  height: 6px;
  background: url(../images/v2/table/table-arrow.png) repeat-x;
  opacity: .6; }

.tbl-common_tr__clickable:hover .tbl-common_arrow, .tbl-content_tr__clickable:hover .tbl-content_arrow, .tbl-globalmap_tr__clickable:hover .tbl-globalmap_arrow, .tbl-log_tr__clickable:hover .tbl-log_arrow, .tbl-matching_tr__clickable:hover .tbl-matching_arrow, .tbl-rating_tr__clickable:hover .tbl-rating_arrow, .tbl-dialog_tr__clickable:hover .tbl-dialog_arrow, .tbl-requests_tr__clickable:hover .tbl-requests_arrow, .tbl-search_tr__clickable:hover .tbl-search_arrow, .tbl-treasury_tr__clickable:hover .tbl-treasury_arrow, .tbl-vehicles_tr__clickable:hover .tbl-vehicles_arrow {
  opacity: 1; }

.tbl-common_tr__state-active .tbl-common_arrow, .tbl-content_tr__state-active .tbl-content_arrow, .tbl-globalmap_tr__state-active .tbl-globalmap_arrow, .tbl-log_tr__state-active .tbl-log_arrow, .tbl-matching_tr__state-active .tbl-matching_arrow, .tbl-rating_tr__state-active .tbl-rating_arrow, .tbl-dialog_tr__state-active .tbl-dialog_arrow, .tbl-requests_tr__state-active .tbl-requests_arrow, .tbl-search_tr__state-active .tbl-search_arrow, .tbl-treasury_tr__state-active .tbl-treasury_arrow, .tbl-vehicles_tr__state-active .tbl-vehicles_arrow {
  background-position: 0 -6px;
  opacity: 1; }

.btn-jumbo {
  min-width: 200px;
  height: 57px;
  padding: 0 40px;
  border: none;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1), inset 0 0 5px 0 rgba(255, 132, 0, 0.45), 0 2px 4px 0 rgba(0, 0, 0, 0.55);
  background: url(../images/v2/button/button-bg-jumbo.png) center no-repeat;
  font-size: 20px;
  font-weight: 700;
  line-height: 59px;
  text-transform: uppercase; }
  .btn-jumbo__state-disabled {
    box-shadow: inset 0 0 3px 0 rgba(255, 255, 255, 0.2), 0 2px 4px 0 rgba(0, 0, 0, 0.55);
    background: url(../images/v2/button/button-bg-jumbo-disabled.png) 0 0 repeat-x; }
  .btn-jumbo:not(.btn-jumbo__state-disabled):hover::before, .btn-jumbo:not(.btn-jumbo__state-disabled):focus::before {
    background: rgba(255, 234, 0, 0.15); }
  .btn-jumbo:not(.btn-jumbo__state-disabled):active {
    box-shadow: inset 0 0 10px 0 rgba(59, 18, 3, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.35); }
    .btn-jumbo:not(.btn-jumbo__state-disabled):active::before {
      background: rgba(30, 30, 30, 0.15); }

.btn-major {
  box-shadow: inset 0 0 0 1px rgba(255, 176, 119, 0.1), inset 0 0 5px 0 rgba(255, 255, 255, 0.5), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  background-image: url(../images/v2/button/button-bg-major.png); }
  .btn-major__state-disabled {
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
    background-image: url(../images/v2/button/button-bg-disabled.png); }
  .btn-major:not(.btn-major__state-disabled):hover::before, .btn-major:not(.btn-major__state-disabled):focus::before {
    background: rgba(255, 85, 0, 0.25); }
  .btn-major:not(.btn-major__state-disabled):active {
    box-shadow: inset 0 0 0 1px rgba(50, 20, 4, 0.15), inset 0 0 5px 0 rgba(0, 0, 0, 0.5), 0 1px 1px 0 rgba(0, 0, 0, 0.1); }
    .btn-major:not(.btn-major__state-disabled):active::before {
      background: rgba(0, 0, 0, 0.1); }

.btn-minor {
  box-shadow: inset 0 0 0 1px rgba(184, 185, 157, 0.15), inset 0 0 5px 0 rgba(255, 255, 255, 0.25), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  background-image: url(../images/v2/button/button-bg-minor.png); }
  .btn-minor__state-disabled {
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
    background-image: url(../images/v2/button/button-bg-disabled.png); }
  .btn-minor:not(.btn-minor__state-disabled):hover::before, .btn-minor:not(.btn-minor__state-disabled):focus::before {
    background: rgba(178, 180, 134, 0.15); }
  .btn-minor:not(.btn-minor__state-disabled):active {
    box-shadow: inset 0 0 0 1px rgba(32, 32, 27, 0.15), inset 0 0 5px 0 rgba(0, 0, 0, 0.35), 0 1px 1px 0 rgba(0, 0, 0, 0.1); }
    .btn-minor:not(.btn-minor__state-disabled):active::before {
      background: rgba(0, 0, 0, 0.1); }

.card_header {
  min-height: 62px;
  padding: 20px 0; }

.card_footer {
  min-height: 52px;
  padding: 12px 30px; }

.card_title {
  margin: 50px 0 30px; }
  .card_title:first-of-type {
    margin-top: 45px; }

.card_text {
  margin: 0 0 10px;
  color: #808080;
  font-size: 14px;
  text-align: center; }

.card_row {
  display: table;
  width: 100%; }

.card_cell {
  display: table-cell;
  padding: 0 15px;
  border-width: 0 1px;
  border-style: solid;
  border-color: transparent #2f3030 transparent #000;
  text-align: center;
  vertical-align: middle; }
  .card_cell:first-child {
    border-left: none; }
  .card_cell:last-child {
    border-right: none; }
  .card_cell__size-large {
    width: 60%; }
  .card_cell__size-half {
    width: 50%; }
  .card_cell__size-normal {
    width: 33.3333%; }
  .card_cell__size-small {
    width: 20%; }

.card_battles-link {
  display: inline-block;
  margin-bottom: 5px; }

.card_battles-date {
  font-size: 14px;
  line-height: 18px; }

.card_terminator {
  margin: 20px 0; }

.card_icon {
  margin: -13px 0; }

.card_join {
  margin: 0 -30px;
  padding: 0 30px;
  border-bottom: 1px solid #202323;
  text-align: center; }
  .card_join__link {
    padding-top: 18px;
    padding-bottom: 21px; }
  .card_join__cooldown {
    padding-top: 1px;
    padding-bottom: 1px; }

.card_more {
  position: relative;
  z-index: 20;
  margin: 10px 0 0; }

.wot .card {
  background: #141212; }
  .wot .card_header {
    background: #191716; }
  .wot .card_footer {
    background: #191716; }

.wowp .card {
  background: #0f1519; }
  .wowp .card_header {
    background: #171e22; }
  .wowp .card_footer {
    background: #171e22; }

.card-globalmap {
  background: #141212;
  transition: all .3s; }
  .card-globalmap__state-closed {
    border-color: transparent;
    box-shadow: none;
    background: transparent; }
  .card-globalmap_header {
    z-index: 0;
    min-height: 62px;
    padding: 30px 0 40px;
    background: #191716;
    transition: all .3s; }
    .card-globalmap__state-closed .card-globalmap_header {
      border-color: transparent;
      box-shadow: none;
      background: transparent; }
  .card-globalmap_footer {
    min-height: 80px;
    padding: 12px 30px;
    background: #191716; }
  .card-globalmap_arrow {
    position: absolute;
    right: 0;
    bottom: -2px;
    left: 0;
    height: 7px;
    background: url(../images/v2/common/common-card-pointer.wot.png) center no-repeat;
    opacity: 1;
    transition: opacity .3s; }
    .card-globalmap__state-closed .card-globalmap_arrow {
      opacity: 0; }
  .card-globalmap_background {
    position: absolute;
    top: -1px;
    right: 0;
    bottom: -3px;
    left: 0;
    z-index: -2;
    transition: opacity .5s; }
    .card-globalmap_background__original {
      background: url(../images/v2/card/card-globalmap-bg-original.png) top center no-repeat;
      opacity: 0; }
      .card-globalmap_background__original::before, .card-globalmap_background__original::after {
        position: absolute;
        top: 0;
        bottom: 0;
        z-index: -1;
        width: 300px;
        background-image: url(../images/v2/card/card-globalmap-bg-original.png);
        background-repeat: no-repeat;
        content: ''; }
      .card-globalmap_background__original::before {
        left: -20px;
        background-position: 0 0; }
      .card-globalmap_background__original::after {
        right: -20px;
        background-position: -1500px 0; }
      .card-globalmap__state-closed .card-globalmap_background__original {
        opacity: 1; }
    .card-globalmap_background__pane {
      top: 0;
      bottom: 0;
      background: #191716;
      opacity: 1; }
      .card-globalmap__state-closed .card-globalmap_background__pane {
        opacity: 0; }
  .card-globalmap_heading {
    position: relative;
    height: 37px;
    margin: 20px 0; }
  .card-globalmap_title {
    line-height: 37px; }
    .card-globalmap_title-sup {
      display: inline-block;
      color: #b1b2b3;
      font-size: 20px;
      line-height: 1;
      vertical-align: top; }

.b-checkbox {
  background-image: url(../images/v2/b-checkbox/b-checkbox-sprite.png); }
  .b-checkbox_checker {
    background-image: url(../images/v2/b-checkbox/b-checkbox-sprite.png); }

.b-radio {
  background-image: url(../images/v2/b-radio/b-radio-sprite.png); }
  .b-radio_checker {
    background-image: url(../images/v2/b-radio/b-radio-sprite.png); }

.credits {
  color: #ced9d9; }

.crystal {
  color: #c9c9b6; }

.dublon {
  color: #ffc364; }

.gold {
  color: #ffc364; }
  .gold__disable {
    opacity: .3; }
  .gold_summary {
    color: #a97e3a;
    font-weight: 400; }
  .gold_level {
    position: absolute;
    right: 2px;
    bottom: -7px;
    color: #808080;
    font-size: 11px;
    font-weight: 400;
    line-height: 1;
    opacity: .8; }

.influence {
  color: #91c7ab; }

.promresource {
  color: #a29b70; }

.wot .dialog__scrollable .dialog_inner {
  max-height: 600px; }

.wot .dialog__scrollable .dialog_body {
  padding-right: 20px; }

.wot .dialog__scrollable .dialog_content {
  padding-right: 30px; }

.wot .dialog__notification .dialog_body {
  padding-right: 40px; }

.wot .dialog__notification .dialog_content {
  padding-top: 40px;
  padding-bottom: 30px; }

.wot .dialog__notification .dialog_close {
  top: 0;
  right: 0; }

.wot .dialog_decoration:before, .wot .dialog_decoration:after {
  position: absolute;
  top: 0;
  z-index: -1;
  display: block;
  height: 100%;
  background-image: url(../images/v2/dialog/dialog-decoration.wot.png);
  background-repeat: repeat-x;
  content: ''; }

.wot .dialog_decoration:before {
  right: 50%;
  left: 0;
  background-position: 0 0; }

.wot .dialog_decoration:after {
  right: 0;
  left: 50%;
  background-position: 100% 0; }

.wot .dialog_decoration::before, .wot .dialog_decoration::after {
  z-index: auto; }

.wot .dialog_message {
  margin: 0 0 20px; }

.wowp .dialog__scrollable .dialog_inner {
  max-height: 600px; }

.wowp .dialog__scrollable .dialog_body {
  padding-right: 20px; }

.wowp .dialog__scrollable .dialog_content {
  padding-right: 30px; }

.wowp .dialog__notification .dialog_body {
  padding-right: 40px; }

.wowp .dialog__notification .dialog_content {
  padding-top: 40px;
  padding-bottom: 30px; }

.wowp .dialog__notification .dialog_close {
  top: 0;
  right: 0; }

.wowp .dialog_decoration:before, .wowp .dialog_decoration:after {
  position: absolute;
  top: 0;
  z-index: -1;
  display: block;
  height: 100%;
  background-image: url(../images/v2/dialog/dialog-decoration.wowp.png);
  background-repeat: repeat-x;
  content: ''; }

.wowp .dialog_decoration:before {
  right: 50%;
  left: 0;
  background-position: 0 0; }

.wowp .dialog_decoration:after {
  right: 0;
  left: 50%;
  background-position: 100% 0; }

.wowp .dialog_decoration::before, .wowp .dialog_decoration::after {
  z-index: auto; }

.wowp .dialog_message {
  margin: 0 0 20px; }

.wot.sidebar-state-closed .guide {
  left: 70px; }

.wot.sidebar-state-opened .guide {
  left: 290px; }

.wot .guide {
  position: fixed;
  bottom: 10px;
  z-index: 28000;
  width: 750px; }
  @media all and (min-height: 950px) {
    .wot .guide__state-links-closed .guide_body {
      height: 678px; }
    .wot .guide__state-links-opened .guide_body {
      height: 515px; } }
  @media all and (max-height: 950px) {
    .wot .guide__state-links-closed .guide_body {
      height: 348px; }
    .wot .guide__state-links-opened .guide_body {
      height: 185px; } }
  .wot .guide__state-links-closed .guide_footer {
    height: 60px; }
  .wot .guide__state-links-closed .guide_footer::before {
    z-index: 10; }
  .wot .guide__state-links-closed .guide_toggle {
    z-index: 20; }
  .wot .guide__state-links-opened .guide_footer {
    height: 223px; }
  .wot .guide_body {
    padding-right: 20px; }
  .wot .guide_footer {
    padding: 0; }
    .wot .guide_footer-panes {
      position: relative;
      height: 100%;
      overflow: hidden; }
    .wot .guide_footer-pane {
      position: absolute;
      right: 0;
      left: 0;
      padding: 0 30px; }
      .wot .guide_footer-pane__links {
        top: 0;
        height: 161px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.06); }
      .wot .guide_footer-pane__toggle {
        bottom: 0;
        height: 60px;
        border-top: 1px solid #000;
        box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
        background: #212121 url(../images/v2/common/common-noise.png);
        line-height: 60px; }
  .wot .guide_decoration:before, .wot .guide_decoration:after {
    position: absolute;
    top: 0;
    z-index: -1;
    display: block;
    height: 100%;
    background-image: url(../images/v2/dialog/dialog-decoration.wot.png);
    background-repeat: repeat-x;
    content: ''; }
  .wot .guide_decoration:before {
    right: 50%;
    left: 0;
    background-position: 0 0; }
  .wot .guide_decoration:after {
    right: 0;
    left: 50%;
    background-position: 100% 0; }
  .wot .guide_decoration::before, .wot .guide_decoration::after {
    z-index: auto; }
  .wot .guide_title-icon {
    margin: 7px -12px 0 -20px; }
  .wot .guide_content {
    padding-right: 30px; }
  .wot .guide_arrow {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 40;
    width: 3px;
    border-right: 1px solid rgba(0, 0, 0, 0.3);
    background-color: #5b5c53; }
    .wot .guide_arrow::before {
      position: absolute;
      bottom: 19px;
      left: -5px;
      width: 5px;
      height: 10px;
      background: url(../images/v2/guide/guide-arrow.wot.png) center center no-repeat;
      content: ''; }

.wowp.sidebar-state-closed .guide {
  left: 70px; }

.wowp.sidebar-state-opened .guide {
  left: 290px; }

.wowp .guide {
  position: fixed;
  bottom: 10px;
  z-index: 28000;
  width: 750px; }
  @media all and (min-height: 950px) {
    .wowp .guide__state-links-closed .guide_body {
      height: 678px; }
    .wowp .guide__state-links-opened .guide_body {
      height: 515px; } }
  @media all and (max-height: 950px) {
    .wowp .guide__state-links-closed .guide_body {
      height: 348px; }
    .wowp .guide__state-links-opened .guide_body {
      height: 185px; } }
  .wowp .guide__state-links-closed .guide_footer {
    height: 60px; }
  .wowp .guide__state-links-closed .guide_footer::before {
    z-index: 10; }
  .wowp .guide__state-links-closed .guide_toggle {
    z-index: 20; }
  .wowp .guide__state-links-opened .guide_footer {
    height: 223px; }
  .wowp .guide_body {
    padding-right: 20px; }
  .wowp .guide_footer {
    padding: 0; }
    .wowp .guide_footer-panes {
      position: relative;
      height: 100%;
      overflow: hidden; }
    .wowp .guide_footer-pane {
      position: absolute;
      right: 0;
      left: 0;
      padding: 0 30px; }
      .wowp .guide_footer-pane__links {
        top: 0;
        height: 161px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.06); }
      .wowp .guide_footer-pane__toggle {
        bottom: 0;
        height: 60px;
        border-top: 1px solid #000;
        box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
        background: #212121 url(../images/v2/common/common-noise.png);
        line-height: 60px; }
  .wowp .guide_decoration:before, .wowp .guide_decoration:after {
    position: absolute;
    top: 0;
    z-index: -1;
    display: block;
    height: 100%;
    background-image: url(../images/v2/dialog/dialog-decoration.wowp.png);
    background-repeat: repeat-x;
    content: ''; }
  .wowp .guide_decoration:before {
    right: 50%;
    left: 0;
    background-position: 0 0; }
  .wowp .guide_decoration:after {
    right: 0;
    left: 50%;
    background-position: 100% 0; }
  .wowp .guide_decoration::before, .wowp .guide_decoration::after {
    z-index: auto; }
  .wowp .guide_title-icon {
    margin: 7px -2px 0 -11px; }
  .wowp .guide_content {
    padding-right: 30px; }
  .wowp .guide_arrow {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 40;
    width: 3px;
    border-right: 1px solid rgba(0, 0, 0, 0.3);
    background-color: #4e869c; }
    .wowp .guide_arrow::before {
      position: absolute;
      bottom: 19px;
      left: -5px;
      width: 5px;
      height: 10px;
      background: url(../images/v2/guide/guide-arrow.wowp.png) center center no-repeat;
      content: ''; }

.layout {
  position: relative;
  z-index: auto;
  height: auto;
  min-height: 100%;
  padding-bottom: 133px;
  overflow: hidden;
  background-image: url(../images/v2/layout/layout-bg-default.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  transition: padding-bottom 0.5s; }
  .layout__error, .layout__maintenance {
    background-image: url(../images/v2/layout/layout-bg-maintenance.jpg); }
    .layout__error::before, .layout__maintenance::before {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: url(../images/v2/layout/layout-sparkles.png) 50% 0 no-repeat;
      content: ''; }
  .realm-CN .layout {
    padding-bottom: 200px; }
  .layout_holder {
    z-index: 2;
    margin-bottom: 100px; }
    .layout_holder__small {
      position: relative; }
    .layout_holder__normal {
      position: relative; }
    .layout_holder__stronghold_prototype {
      margin-bottom: 0; }
    .layout_holder__fullpage {
      margin-top: -100px;
      margin-bottom: 0; }
    .start-landing .layout_holder {
      margin-top: -37px; }

.fp-enabled .wot .layout {
  padding-bottom: 0; }

.wot .layout {
  background-image: url(../images/v2/layout/layout-bg-default.wot.jpg); }
  .wot .layout__clan-profile {
    background-image: url(../images/v2/layout/layout-bg-clan-profile.wot.jpg); }
  .wot .layout__stronghold {
    background-image: url(../images/v2/layout/layout-bg-stronghold.wot.jpg); }
  .wot .layout__stronghold_prototype {
    background: #12140a; }
  .wot .layout__globalmap {
    background-image: url(../images/v2/layout/layout-bg-globalmap.wot.jpg); }
  .wot .layout__globalmap-unavailable {
    background-image: url(../images/v2/layout/layout-bg-globalmap-unavailable.wot.jpg); }
  .wot .layout__clancreate-sucsess {
    background-image: url(../images/v2/layout/layout-bg-clancreate-sucsess.wot.jpg); }

.wot .realm-CN .layout__clan-profile {
  background-image: url(../images/v2/layout/layout-bg-clan-profile.wot-cn.jpg); }

.wot .realm-CN .layout__globalmap {
  background-image: url(../images/v2/layout/layout-bg-globalmap.wot-cn.jpg); }

.wot .realm-CN .layout__globalmap-unavailable {
  background-image: url(../images/v2/layout/layout-bg-globalmap-unavailable.wot-cn.jpg); }

.wowp .layout {
  background-image: url(../images/v2/layout/layout-bg-default.wowp.jpg); }
  .wowp .layout__clan-profile {
    background-image: url(../images/v2/layout/layout-bg-clan-profile.wowp.jpg); }
  .wowp .layout__clancreate-sucsess {
    background-image: url(../images/v2/layout/layout-bg-clancreate-sucsess.wowp.jpg); }

.leaderboards-banner {
  position: relative;
  z-index: 16; }
  .leaderboards-banner_toggle {
    position: absolute;
    top: -51px;
    right: 0; }
  .leaderboards-banner_outer {
    height: 97px;
    padding: 0 34px;
    border: 1px solid #232323; }
  .leaderboards-banner_border {
    position: absolute;
    top: -1px;
    right: 0;
    left: 0;
    height: 1px;
    background-position: center;
    background-repeat: no-repeat; }
  .leaderboards-banner_arrow-top {
    position: absolute;
    top: -8px;
    right: 35px;
    width: 162px;
    height: 9px;
    background-image: url(../images/v2/leaderboards-banner/leaderboards-banner-arrow-top.png);
    background-repeat: no-repeat; }
  .leaderboards-banner_control {
    position: absolute;
    top: 0;
    bottom: -2px;
    width: 35px;
    background-repeat: no-repeat;
    transition: all .2s; }
    .leaderboards-banner_control:hover {
      opacity: .6; }
    .leaderboards-banner_control::before, .leaderboards-banner_control::after {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 6px;
      height: 17px;
      margin: -8px 0 0 -3px;
      background-repeat: no-repeat;
      content: ''; }
    .leaderboards-banner_control__prev {
      left: -1px;
      background-position: 0 0; }
    .leaderboards-banner_control__next {
      right: -1px;
      background-position: -35px 0; }
  .leaderboards-banner_item {
    display: table;
    width: 100%;
    height: 97px;
    background-position: left top;
    background-repeat: no-repeat; }
  .leaderboards-banner_cell {
    display: table-cell;
    vertical-align: middle; }
    @media all and (max-width: 1180px) {
      .leaderboards-banner_cell {
        padding: 0 25px; } }
    @media all and (min-width: 1181px) {
      .leaderboards-banner_cell {
        padding: 0 40px; } }
    .leaderboards-banner_cell__param {
      width: 40%;
      padding-left: 0;
      background: url(../images/v2/leaderboards-banner/leaderboards-banner-arrow.png) right center no-repeat; }
    .leaderboards-banner_cell__description-main, .leaderboards-banner_cell__description-sub {
      width: 60%;
      line-height: 18px; }
    .leaderboards-banner_cell__description-main {
      padding-bottom: 16px; }
  .leaderboards-banner_pointer {
    position: absolute;
    top: 100%;
    width: 140px;
    height: 8px;
    margin: -1px 0 0;
    content: ''; }
  .leaderboards-banner_group {
    position: absolute;
    top: 100%;
    height: 1px;
    margin: -10px 0 0; }
    .leaderboards-banner_group::before, .leaderboards-banner_group::after {
      position: absolute;
      top: 0;
      width: 1px;
      height: 10px;
      background-image: url(../images/v2/leaderboards-banner/leaderboards-banner-group.png);
      background-repeat: no-repeat;
      content: ''; }
    .leaderboards-banner_group::before {
      left: 0; }
    .leaderboards-banner_group::after {
      right: 0; }
  .leaderboards-banner_group-center {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 1px;
    height: 14px; }

.wot .leaderboards-banner_inner {
  border-bottom: 2px solid #622707; }

.wot .leaderboards-banner_border {
  background-image: url(../images/v2/leaderboards-banner/leaderboards-banner-border.wot.png); }

.wot .leaderboards-banner_arrow-top {
  background-position: 0 0; }

.wot .leaderboards-banner_control {
  background-image: url(../images/v2/leaderboards-banner/leaderboards-banner-bg-control.wot.png); }
  .wot .leaderboards-banner_control::before {
    background-image: url(../images/v2/leaderboards-banner/leaderboards-banner-control.wot.png); }
  .wot .leaderboards-banner_control__prev::before {
    background-position: 0 0; }
  .wot .leaderboards-banner_control__next::before {
    background-position: -6px 0; }

.wot .leaderboards-banner_item__main {
  background-image: url(../images/v2/leaderboards-banner/leaderboards-banner-main-image.wot.png); }

.wot .leaderboards-banner_item__sub {
  background-image: url(../images/v2/leaderboards-banner/leaderboards-banner-sub-image.wot.png); }

.wot .leaderboards-banner_pointer {
  background: url(../images/v2/leaderboards-banner/leaderboards-banner-pointer.wot.png) center no-repeat; }

.wot .leaderboards-banner_group {
  background-color: #423313; }
  .wot .leaderboards-banner_group::before, .wot .leaderboards-banner_group::after {
    background-position: 0 0; }

.wot .leaderboards-banner_group-center {
  background-color: #423313; }

.wowp .leaderboards-banner_inner {
  border-bottom: 2px solid #0b6280; }

.wowp .leaderboards-banner_border {
  background-image: url(../images/v2/leaderboards-banner/leaderboards-banner-border.wowp.png); }

.wowp .leaderboards-banner_arrow-top {
  background-position: 0 -9px; }

.wowp .leaderboards-banner_control {
  background-image: url(../images/v2/leaderboards-banner/leaderboards-banner-bg-control.wowp.png); }
  .wowp .leaderboards-banner_control::before {
    background-image: url(../images/v2/leaderboards-banner/leaderboards-banner-control.wowp.png); }
  .wowp .leaderboards-banner_control__prev::before {
    background-position: 0 0; }
  .wowp .leaderboards-banner_control__next::before {
    background-position: -6px 0; }

.wowp .leaderboards-banner_item__main {
  background-image: url(../images/v2/leaderboards-banner/leaderboards-banner-main-image.wowp.png); }

.wowp .leaderboards-banner_item__sub {
  background-image: url(../images/v2/leaderboards-banner/leaderboards-banner-sub-image.wowp.png); }

.wowp .leaderboards-banner_pointer {
  background: url(../images/v2/leaderboards-banner/leaderboards-banner-pointer.wowp.png) center no-repeat; }

.wowp .leaderboards-banner_group {
  background-color: #21313a; }
  .wowp .leaderboards-banner_group::before, .wowp .leaderboards-banner_group::after {
    background-position: -1px 0; }

.wowp .leaderboards-banner_group-center {
  background-color: #21313a; }

.anchor {
  border-bottom: 1px dashed rgba(255, 255, 255, 0.3); }
  .anchor:hover {
    border-bottom-color: transparent; }
  .anchor__arrow-up, .anchor__arrow-down {
    position: relative;
    white-space: nowrap; }
    .anchor__arrow-up::after, .anchor__arrow-down::after {
      position: absolute;
      right: -10px;
      bottom: 5px;
      width: 5px;
      height: 6px;
      background: url(../images/v2/anchor/anchor-arrow.png);
      content: ''; }
  .anchor__arrow-up::after {
    background-position: 0 -6px; }
  .anchor__arrow-down::after {
    background-position: 0 0; }

.link {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
  .link:hover {
    border-bottom-color: transparent; }
  .link__external {
    margin-right: 14px; }
  .link__arrow::after {
    display: inline-block;
    margin-right: -10px;
    content: '\A0\BB'; }
  .link_icon {
    margin: -1px -14px 0 4px;
    vertical-align: middle;
    opacity: .3; }

.page-landing {
  position: relative;
  margin: -24px -15px 0;
  padding: 103px 15px 0; }
  .page-landing:before, .page-landing:after {
    position: absolute;
    top: 0;
    z-index: -1;
    display: block;
    height: 160px;
    background-image: url(../images/v2/page-landing/page-landing-separator.png);
    background-repeat: repeat-x;
    content: ''; }
  .page-landing:before {
    right: 50%;
    left: 0;
    background-position: 0 0; }
  .page-landing:after {
    right: 0;
    left: 50%;
    background-position: 100% 0; }
  .page-landing_header {
    text-align: center; }
  .page-landing_body {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    margin: 15px 0 0; }
  .page-landing_footer {
    margin: 45px 0 0;
    text-align: center; }
  .page-landing_title {
    margin: 0 0 32px; }
  .page-landing_figure {
    position: relative;
    -ms-flex: 1 0 0%;
        flex: 1 0 0%;
    overflow: hidden;
    white-space: normal; }
    .page-landing_figure:not(:last-child) {
      margin: 0 5% 0 0; }
    .page-landing_figure__inside {
      text-align: center; }
    .page-landing_figure:first-child {
      margin-left: 0; }
    .page-landing_figure__outside .page-landing_figure-caption {
      padding: 0 0 0 110px; }
    .page-landing_figure-title {
      margin: 13px 0 10px; }
    .page-landing_figure-icon {
      display: inline-block;
      background: url(../images/v2/page-landing/page-landing-icons.png) no-repeat; }
      .page-landing_figure__inside .page-landing_figure-icon {
        display: inline-block; }
      .page-landing_figure__outside .page-landing_figure-icon {
        position: absolute;
        top: 0;
        left: -5px; }

.wot .page-landing_figure-icon {
  width: 110px;
  height: 95px; }
  .wot .page-landing_figure-icon__battle {
    background-position: 0px 0; }
  .wot .page-landing_figure-icon__mode {
    background-position: -110px 0; }
  .wot .page-landing_figure-icon__gold {
    background-position: -220px 0; }
  .wot .page-landing_figure-icon__reward {
    background-position: -330px 0; }
  .wot .page-landing_figure-icon__login {
    background-position: -440px 0; }
  .wot .page-landing_figure-icon__form {
    background-position: -550px 0; }
  .wot .page-landing_figure-icon__search {
    background-position: -660px 0; }

.wowp .page-landing_figure-icon {
  width: 110px;
  height: 95px; }
  .wowp .page-landing_figure-icon__battle {
    background-position: 0px -95px; }
  .wowp .page-landing_figure-icon__mode {
    background-position: -110px -95px; }
  .wowp .page-landing_figure-icon__gold {
    background-position: -220px -95px; }
  .wowp .page-landing_figure-icon__reward {
    background-position: -330px -95px; }
  .wowp .page-landing_figure-icon__login {
    background-position: -440px -95px; }
  .wowp .page-landing_figure-icon__form {
    background-position: -550px -95px; }
  .wowp .page-landing_figure-icon__search {
    background-position: -660px -95px; }

.processing {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 30000;
  width: 100%;
  height: 100%;
  background: url(../images/v2/processing/processing-overlay.png); }

.wot .processing::before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 54px;
  height: 54px;
  background: url(../images/v2/processing/processing.wot.gif);
  content: '';
  transform: translate(-50%, -50%); }

.wot .realm-RUBY .processing::before {
  background: url(../images/v2/processing/processing.wot-ruby.gif); }

.wowp .processing::before, .wowp .processing::after {
  position: absolute;
  top: 50%;
  left: 50%;
  content: ''; }

.wowp .processing::before {
  width: 180px;
  height: 180px;
  margin: -90px 0 0 -90px;
  background: url(../images/v2/processing/processing.wowp.png);
  animation-name: rotate;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite; }

.wowp .processing::after {
  width: 244px;
  height: 147px;
  background: url(../images/v2/processing/processing-logo.wowp.png);
  transform: translate(-50%, -50%); }

@keyframes rotate {
  from {
    transform: rotate(0); }
  to {
    transform: rotate(360deg); } }

.rating-players {
  width: 100%;
  height: 250px;
  text-align: center; }
  .rating-players_item {
    vertical-align: top; }
    .rating-players_item__data {
      width: 18%;
      padding: 56px 10px 0; }
    .rating-players_item__average {
      width: 28%;
      padding-top: 37px; }
  .rating-players_value {
    display: block;
    margin: 0 0 5px;
    color: #fff;
    font-size: 25px;
    font-weight: 700;
    line-height: 1; }
    .rating-players_value__average {
      margin-top: 12px;
      margin-bottom: 10px;
      font-size: 50px;
      line-height: 1; }
  .rating-players_key {
    display: block;
    font-size: 14px;
    line-height: 20px; }

.wot .rating-players {
  background: url(../images/v2/rating-players/rating-players-bg.wot.png) center no-repeat; }

.wowp .rating-players {
  background: url(../images/v2/rating-players/rating-players-bg.wowp.png) center no-repeat; }

.select-right-align {
  display: inline-block;
  text-align: left;
  vertical-align: top; }

.sorter {
  position: relative;
  display: inline-block;
  height: 100%;
  color: #808080;
  transition: color .2s; }
  .sorter[href]:hover, .sorter__up, .sorter__down {
    color: #fff; }
  .sorter::before {
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
    content: ''; }
  .sorter::after {
    position: absolute;
    top: 100%;
    left: 50%;
    z-index: 10;
    width: 93px;
    height: 5px;
    background-position: 0 0;
    opacity: 0;
    content: '';
    transition: opacity .2s;
    transform: translateX(-50%); }
  .sorter[href]:hover::after {
    opacity: 1; }
  .sorter__up::after {
    margin-top: -2px;
    background-position: 0 -10px;
    opacity: 1; }
  .sorter__down::after {
    background-position: 0 -5px;
    opacity: 1; }
  .sorter_icon {
    display: inline-block;
    margin-right: 2px;
    vertical-align: middle;
    opacity: .6;
    transition: opacity .2s; }
    @media all and (max-width: 1299px) {
      .sorter_icon__mq-hidden {
        display: none; } }
    .sorter_icon__single {
      margin-right: 0; }
    .sorter[href]:hover .sorter_icon,
    .sorter__up .sorter_icon,
    .sorter__down .sorter_icon {
      opacity: 1; }
  .sorter_caption {
    display: inline-block;
    margin: 2px 0 0;
    line-height: 16px;
    vertical-align: middle; }
  .sorter_hint {
    margin: 11px 0 0 2px;
    opacity: .6;
    cursor: help;
    transition: opacity .2s; }
    .sorter_hint:hover {
      opacity: 1; }

.wot .sorter::after {
  background-image: url(../images/v2/sorter/sorter.wot.png); }

.wowp .sorter::after {
  background-image: url(../images/v2/sorter/sorter.wowp.png); }

.tbl-common {
  position: relative;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
  .tbl-common:before, .tbl-common:after {
    position: absolute;
    top: 0;
    z-index: -1;
    display: block;
    height: 46px;
    background-image: url(../images/v2/table/table-bg-header.png);
    background-repeat: repeat-x;
    content: ''; }
  .tbl-common:before {
    right: 50%;
    left: 0;
    background-position: 0 0; }
  .tbl-common:after {
    right: 0;
    left: 50%;
    background-position: 100% 0; }
  .tbl-common__single {
    margin-bottom: -1px;
    border-bottom: none; }
  .tbl-common__with-filter::before, .tbl-common__with-filter::after {
    top: 2px; }
  .tbl-common_th {
    height: 46px; }
    .tbl-common_th__text {
      -ms-flex: 4 0 0%;
          flex: 4 0 0%;
      -ms-flex-pack: start;
          justify-content: flex-start;
      padding-right: 25px;
      padding-left: 70px; }
    .tbl-common__with-filter .tbl-common_th {
      height: 47px;
      border-top: 1px solid rgba(255, 255, 255, 0.1); }
  .tbl-common_body__dotted {
    border-bottom: 1px solid #000;
    background-color: rgba(0, 0, 0, 0.1); }
  .tbl-common_body__dotted .tbl-common_tr {
    background: url(../images/v2/table/table-dotted.png) left top repeat-x; }
    .tbl-common_body__dotted .tbl-common_tr:first-child {
      background: none; }
  .tbl-common_td {
    min-height: 58px;
    padding-top: 10px;
    padding-bottom: 10px; }
    .tbl-common_td__text {
      -ms-flex: 4 0 0%;
          flex: 4 0 0%;
      -ms-flex-pack: start;
          justify-content: flex-start;
      padding-right: 25px;
      padding-left: 70px;
      white-space: normal; }
    .tbl-common_body__dotted .tbl-common_td {
      min-height: 40px;
      padding-top: 9px;
      padding-bottom: 8px;
      border: none;
      box-shadow: none; }

.wot .tbl-common_tr__clickable:hover {
  background: rgba(255, 120, 0, 0.03); }

.wot .tbl-common_tr__hoverable:hover {
  background: rgba(255, 120, 0, 0.03); }

.wot .tbl-common_tr__state-active {
  background: rgba(255, 120, 0, 0.03); }

.wowp .tbl-common_tr__clickable:hover {
  background: rgba(0, 180, 255, 0.03); }

.wowp .tbl-common_tr__hoverable:hover {
  background: rgba(0, 180, 255, 0.03); }

.wowp .tbl-common_tr__state-active {
  background: rgba(0, 180, 255, 0.03); }

.tbl-content {
  margin-bottom: -1px;
  border-bottom: none; }
  .tbl-content_head {
    position: relative; }
    .tbl-content_head:before, .tbl-content_head:after {
      position: absolute;
      top: 0;
      z-index: -1;
      display: block;
      height: 45px;
      background-image: url(../images/v2/table/table-bg-header.png);
      background-repeat: repeat-x;
      content: ''; }
    .tbl-content_head:before {
      right: 50%;
      left: 0;
      background-position: 0 0; }
    .tbl-content_head:after {
      right: 0;
      left: 50%;
      background-position: 100% 0; }
  .tbl-content_th {
    height: 46px;
    color: #fff; }
    .tbl-content_th__basis {
      -ms-flex: 18 0 0%;
          flex: 18 0 0%;
      padding-right: 0; }
    .tbl-content_th__value {
      -ms-flex: 1 0 1%;
          flex: 1 0 1%;
      -ms-flex-pack: center;
          justify-content: center;
      text-align: center; }
  .tbl-content_td {
    min-height: 50px;
    padding: 8px 0;
    white-space: normal; }
    .tbl-content_td__basis {
      -ms-flex: 18 0 0%;
          flex: 18 0 0%;
      padding-right: 0; }
    .tbl-content_td__value {
      -ms-flex: 1 0 1%;
          flex: 1 0 1%;
      -ms-flex-pack: center;
          justify-content: center;
      text-align: center; }
    .tbl-content_tr:last-child .tbl-content_td {
      border-bottom: 0; }

.tbl-globalmap {
  position: relative;
  margin: 0 -15px; }
  .tbl-globalmap__state-loading {
    opacity: .5;
    pointer-events: none; }
  .tbl-globalmap::before, .tbl-globalmap::after {
    position: absolute;
    top: 0;
    z-index: -1;
    height: 101px;
    content: '';
    background-image: url(../images/v2/table/table-shadow-top.png);
    background-repeat: no-repeat; }
  .tbl-globalmap::before {
    left: 0;
    right: 50%;
    background-position: 0 0; }
  .tbl-globalmap::after {
    left: 50%;
    right: 0;
    background-position: 100% 0; }
  .tbl-globalmap_th {
    height: 54px;
    border-bottom: 1px solid transparent; }
  .tbl-globalmap_body__dotted {
    background: url(../images/v2/table/table-globalmap-bg-inner.png) center no-repeat; }
  .tbl-globalmap_body__dotted .tbl-globalmap_tr {
    background: url(../images/v2/table/table-dotted.png) left top repeat-x; }
    .tbl-globalmap_body__dotted .tbl-globalmap_tr:first-child {
      background: none; }
  .tbl-globalmap_td {
    height: 46px; }
    .tbl-globalmap__maps .tbl-globalmap_body:nth-last-child(3) .tbl-globalmap_tr:not(.tbl-globalmap_tr__state-active) .tbl-globalmap_td,
    .tbl-globalmap__rivals .tbl-globalmap_tr:last-child .tbl-globalmap_td {
      border-bottom: none; }
    .tbl-globalmap_body__dotted .tbl-globalmap_td {
      height: 40px;
      border: none;
      box-shadow: none; }
    .tbl-globalmap_tr__own .tbl-globalmap_td {
      border-top-color: #313131;
      box-shadow: inset 0 -1px #313131;
      background: rgba(255, 255, 255, 0.05); }
    .tbl-globalmap_tr__empty .tbl-globalmap_td {
      -ms-flex-align: start;
          align-items: flex-start;
      height: 322px;
      padding-top: 15px;
      border-bottom: none; }
  .tbl-globalmap_spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    display: none;
    width: 24px;
    height: 24px;
    margin: 14px 0 0 -12px; }
    .tbl-globalmap__state-loading .tbl-globalmap_spinner {
      display: block; }

.wot .tbl-globalmap_tr__clickable:hover {
  background: rgba(255, 120, 0, 0.03); }

.wot .tbl-globalmap_tr__hoverable:hover {
  background: rgba(255, 120, 0, 0.03); }

.wot .tbl-globalmap_tr__state-active {
  background: rgba(255, 120, 0, 0.03); }

.wowp .tbl-globalmap_tr__clickable:hover {
  background: rgba(0, 180, 255, 0.03); }

.wowp .tbl-globalmap_tr__hoverable:hover {
  background: rgba(0, 180, 255, 0.03); }

.wowp .tbl-globalmap_tr__state-active {
  background: rgba(0, 180, 255, 0.03); }

.tbl-log {
  position: relative;
  margin: 10px -15px -55px;
  padding: 0 0 55px; }
  .tbl-log__state-loading {
    opacity: .5;
    pointer-events: none; }
  .tbl-log_shadow {
    position: absolute;
    right: 0;
    left: 0;
    z-index: -1; }
    .tbl-log_shadow::before, .tbl-log_shadow::after {
      position: absolute;
      top: 0;
      bottom: 0;
      background-repeat: no-repeat;
      content: ''; }
    .tbl-log_shadow::before {
      right: 50%;
      left: 0;
      background-position: 0 0; }
    .tbl-log_shadow::after {
      right: 0;
      left: 50%;
      background-position: 100% 0; }
    .tbl-log_shadow__top {
      top: 0;
      height: 101px; }
      .tbl-log_shadow__top::before, .tbl-log_shadow__top::after {
        background-image: url(../images/v2/table/table-shadow-top.png); }
    .tbl-log_shadow__bottom {
      bottom: 1px;
      height: 101px; }
      .tbl-log_shadow__bottom::before, .tbl-log_shadow__bottom::after {
        background-image: url(../images/v2/tbl-log/tbl-log-shadow-bottom.png); }
  .tbl-log_th {
    height: 54px;
    border-bottom: 1px solid transparent; }
    .tbl-log_th__wide {
      -ms-flex: 3 0 0%;
          flex: 3 0 0%;
      -ms-flex-pack: start;
          justify-content: flex-start;
      padding-right: 25px; }
  .tbl-log_td {
    height: 70px; }
    .tbl-log_td__wide {
      -ms-flex: 3 0 0%;
          flex: 3 0 0%;
      -ms-flex-pack: start;
          justify-content: flex-start;
      padding-right: 25px; }
  .tbl-log_spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    display: none;
    width: 24px;
    height: 24px;
    margin: -12px 0 0 -12px; }
    .tbl-log__state-loading .tbl-log_spinner {
      display: block; }

.wot .tbl-log_tr__hoverable:hover {
  background: rgba(255, 120, 0, 0.03); }

.wowp .tbl-log_tr__hoverable:hover {
  background: rgba(0, 180, 255, 0.03); }

.tbl-matching {
  position: relative; }
  .tbl-matching + .tbl-matching {
    margin-top: 35px; }
  .tbl-matching_shadow {
    position: absolute;
    right: 0;
    left: 0;
    z-index: -1; }
    .tbl-matching_shadow__top {
      top: -22px;
      height: 101px; }
      .tbl-matching_shadow__top:before, .tbl-matching_shadow__top:after {
        position: absolute;
        top: 0;
        z-index: -1;
        display: block;
        height: 100%;
        background-image: url(../images/v2/table/table-shadow-top.png);
        background-repeat: repeat-x;
        content: ''; }
      .tbl-matching_shadow__top:before {
        right: 50%;
        left: 0;
        background-position: 0 0; }
      .tbl-matching_shadow__top:after {
        right: 0;
        left: 50%;
        background-position: 100% 0; }
    .tbl-matching_shadow__bottom {
      bottom: -55px;
      height: 55px; }
      .tbl-matching_shadow__bottom:before, .tbl-matching_shadow__bottom:after {
        position: absolute;
        top: 0;
        z-index: -1;
        display: block;
        height: 100%;
        background-image: url(../images/v2/table/table-glow-bottom.png);
        background-repeat: repeat-x;
        content: ''; }
      .tbl-matching_shadow__bottom:before {
        right: 50%;
        left: 0;
        background-position: 0 0; }
      .tbl-matching_shadow__bottom:after {
        right: 0;
        left: 50%;
        background-position: 100% 0; }
  .tbl-matching_th {
    height: 32px; }
    .tbl-matching_th__left {
      padding-right: 10px; }
    .tbl-matching_th__basis {
      -ms-flex-pack: center;
          justify-content: center;
      padding-right: 0;
      padding-left: 0;
      text-align: center; }
    .tbl-matching_th__right {
      padding-left: 10px; }
  .tbl-matching_td {
    min-height: 45px;
    padding: 13px 0 14px;
    line-height: 16px;
    white-space: normal; }
    .tbl-matching_td__left {
      padding-right: 10px; }
    .tbl-matching_td__basis {
      -ms-flex-pack: center;
          justify-content: center;
      padding-right: 0;
      padding-left: 0;
      text-align: center; }
    .tbl-matching_td__right {
      padding-left: 10px; }
  .tbl-matching_value {
    position: relative; }
    .tbl-matching_value__minor {
      color: #808080; }
    .tbl-matching_value__negative {
      color: #c42a30; }
    .tbl-matching_value p + p {
      margin: 5px 0 0; }
  .tbl-matching_hint {
    margin: 0 0 0 3px;
    vertical-align: middle;
    opacity: .8;
    cursor: help;
    transition: opacity .2s; }
    .tbl-matching_hint:hover {
      opacity: 1; }

.tbl-rating {
  position: relative;
  margin: 0 0 -1px; }
  .tbl-rating:before, .tbl-rating:after {
    position: absolute;
    top: 0;
    z-index: -1;
    display: block;
    height: 46px;
    background-image: url(../images/v2/table/table-bg-header.png);
    background-repeat: repeat-x;
    content: ''; }
  .tbl-rating:before {
    right: 50%;
    left: 0;
    background-position: 0 0; }
  .tbl-rating:after {
    right: 0;
    left: 50%;
    background-position: 100% 0; }
  .tbl-rating__banner-shown::before, .tbl-rating__banner-shown::after {
    content: normal; }
  .tbl-rating_th {
    height: 46px; }
    .tbl-rating_th__check {
      -ms-flex: 0 0 35px;
          flex: 0 0 35px; }
    .tbl-rating_th__rank {
      -ms-flex: 0 0 35px;
          flex: 0 0 35px;
      -ms-flex-pack: center;
          justify-content: center; }
    .tbl-rating_th__position {
      -ms-flex: 0 0 60px;
          flex: 0 0 60px;
      -ms-flex-pack: center;
          justify-content: center; }
    .tbl-rating_th__basis {
      -ms-flex: 3 0 0%;
          flex: 3 0 0%;
      padding-left: 25px; }
    .tbl-rating__banner-shown .tbl-rating_th {
      background: transparent; }
  .tbl-rating_tr {
    position: relative; }
    .tbl-rating_tr__clickable::after {
      position: absolute;
      right: 0;
      bottom: -2px;
      left: 0;
      z-index: 10;
      height: 6px;
      opacity: 0;
      content: '';
      transition: opacity .1s; }
    .tbl-rating_tr__state-active.tbl-rating_tr__clickable::after {
      opacity: 1; }
  .tbl-rating_td__check {
    -ms-flex: 0 0 35px;
        flex: 0 0 35px; }
  .tbl-rating_td__rank {
    -ms-flex: 0 0 35px;
        flex: 0 0 35px;
    -ms-flex-pack: center;
        justify-content: center; }
  .tbl-rating_td__position {
    position: relative;
    -ms-flex: 0 0 60px;
        flex: 0 0 60px;
    -ms-flex-pack: center;
        justify-content: center; }
  .tbl-rating_td__basis {
    -ms-flex: 3 0 0%;
        flex: 3 0 0%;
    padding-left: 25px; }
  .tbl-rating_tr__state-active .tbl-rating_td {
    border-bottom-color: transparent;
    box-shadow: none; }
  .tbl-rating__type-players .tbl-rating_td {
    height: 58px; }
  .tbl-rating__type-clans .tbl-rating_td {
    height: 90px; }
  .tbl-rating_tr__top-toggle .tbl-rating_td {
    height: 19px; }
  .tbl-rating_epaulettes {
    margin: -6px; }
  .tbl-rating_tr__state-banned .tbl-rating_epaulettes,
  .tbl-rating_tr__state-disbanded .tbl-rating_epaulettes, .tbl-rating_tr__state-banned .tbl-rating_value,
  .tbl-rating_tr__state-disbanded .tbl-rating_value, .tbl-rating_tr__state-banned .tbl-rating_arrow,
  .tbl-rating_tr__state-disbanded .tbl-rating_arrow {
    opacity: .45; }
  .tbl-rating_top-toggle {
    width: 120px;
    height: 19px;
    margin: 0 auto 1px;
    background: url(../images/v2/table/table-top-toggle.png) 0 0 no-repeat;
    opacity: .7;
    cursor: pointer; }
    .tbl-rating_top-toggle:hover {
      opacity: 1; }
    .tbl-rating_top-toggle__collapse {
      background-position: 0 -19px; }

.wot .tbl-rating_body__leader {
  background: rgba(255, 120, 0, 0.04); }
  .wot .tbl-rating_body__leader .tbl-rating_tr:first-child .tbl-rating_td {
    border-top-color: rgba(255, 120, 0, 0.2); }
  .wot .tbl-rating_body__leader .tbl-rating_tr:last-child .tbl-rating_td {
    box-shadow: inset 0 -1px rgba(255, 120, 0, 0.2); }

.wot .tbl-rating_tr__clickable::after {
  background: url(../images/v2/common/common-card-pointer.wot.png) center no-repeat; }

.wot .tbl-rating_tr__clickable:hover {
  background: rgba(255, 120, 0, 0.03); }

.wot .tbl-rating_tr__hoverable:hover {
  background: rgba(255, 120, 0, 0.03); }

.wot .tbl-rating_tr__state-active .tbl-rating_td {
  background: rgba(255, 120, 0, 0.03); }

.wot .tbl-rating_tr__state-checked .tbl-rating_td {
  background: rgba(255, 120, 0, 0.03); }

.wot .tbl-rating_tr__state-overactive .tbl-rating_td {
  border-top-color: rgba(255, 0, 0, 0.1);
  box-shadow: inset 0 -1px rgba(255, 0, 0, 0.1);
  background: rgba(255, 0, 0, 0.08); }

.wot .tbl-rating_tr__state-banned .tbl-rating_td {
  border-top-color: rgba(255, 0, 0, 0.1);
  box-shadow: inset 0 -1px rgba(255, 0, 0, 0.1);
  background: rgba(255, 0, 0, 0.08); }

.wot .tbl-rating_tr__state-match .tbl-rating_td {
  border-top-color: rgba(255, 120, 0, 0.25);
  box-shadow: inset 0 -1px rgba(255, 120, 0, 0.25);
  background: rgba(255, 120, 0, 0.12); }

.wot .tbl-rating_tr__own .tbl-rating_td {
  border-top-color: rgba(255, 120, 0, 0.2);
  box-shadow: inset 0 -1px rgba(255, 120, 0, 0.2);
  background: rgba(255, 120, 0, 0.08); }

.wowp .tbl-rating_body__leader {
  background: rgba(0, 180, 255, 0.04); }
  .wowp .tbl-rating_body__leader .tbl-rating_tr:first-child .tbl-rating_td {
    border-top-color: rgba(0, 180, 255, 0.2); }
  .wowp .tbl-rating_body__leader .tbl-rating_tr:last-child .tbl-rating_td {
    box-shadow: inset 0 -1px rgba(0, 180, 255, 0.2); }

.wowp .tbl-rating_tr__clickable::after {
  background: url(../images/v2/common/common-card-pointer.wowp.png) center no-repeat; }

.wowp .tbl-rating_tr__clickable:hover {
  background: rgba(0, 180, 255, 0.03); }

.wowp .tbl-rating_tr__hoverable:hover {
  background: rgba(0, 180, 255, 0.03); }

.wowp .tbl-rating_tr__state-active .tbl-rating_td {
  background: rgba(0, 180, 255, 0.03); }

.wowp .tbl-rating_tr__state-checked .tbl-rating_td {
  background: rgba(0, 180, 255, 0.03); }

.wowp .tbl-rating_tr__state-overactive .tbl-rating_td {
  border-top-color: rgba(255, 0, 0, 0.1);
  box-shadow: inset 0 -1px rgba(255, 0, 0, 0.1);
  background: rgba(255, 0, 0, 0.08); }

.wowp .tbl-rating_tr__state-banned .tbl-rating_td {
  border-top-color: rgba(255, 0, 0, 0.1);
  box-shadow: inset 0 -1px rgba(255, 0, 0, 0.1);
  background: rgba(255, 0, 0, 0.08); }

.wowp .tbl-rating_tr__state-match .tbl-rating_td {
  border-top-color: rgba(0, 180, 255, 0.25);
  box-shadow: inset 0 -1px rgba(0, 180, 255, 0.25);
  background: rgba(0, 180, 255, 0.12); }

.wowp .tbl-rating_tr__own .tbl-rating_td {
  border-top-color: rgba(0, 180, 255, 0.2);
  box-shadow: inset 0 -1px rgba(0, 180, 255, 0.2);
  background: rgba(0, 180, 255, 0.08); }

.tbl-dialog {
  padding: 0 0 27px; }
  .tbl-dialog__state-loading {
    opacity: .5;
    pointer-events: none; }
  .tbl-dialog__scrollable {
    padding-bottom: 0;
    margin: 0 -23px -25px 0; }
  .tbl-dialog_shadow__top {
    position: relative; }
    .tbl-dialog_shadow__top:before, .tbl-dialog_shadow__top:after {
      position: absolute;
      top: 0;
      z-index: -1;
      display: block;
      height: 101px;
      background-image: url(../images/v2/tbl-dialog/tbl-dialog-scrollable-shadow-top.png);
      background-repeat: repeat-x;
      content: ''; }
    .tbl-dialog_shadow__top:before {
      right: 50%;
      left: 0;
      background-position: 0 0; }
    .tbl-dialog_shadow__top:after {
      right: 0;
      left: 50%;
      background-position: 100% 0; }
  .tbl-dialog__scrollable .tbl-dialog_tr {
    padding-right: 23px; }
  .tbl-dialog_th {
    height: 54px;
    border-bottom: 1px solid transparent; }
    .tbl-dialog_th__basis {
      -ms-flex: 3 0 0%;
          flex: 3 0 0%; }
    .tbl-dialog_th__left {
      -ms-flex: 2 1 0%;
          flex: 2 1 0%; }
    .tbl-dialog_th__wide {
      -ms-flex: 4 1 0%;
          flex: 4 1 0%; }
    .tbl-dialog_th__last {
      padding-left: 55px; }
  .tbl-dialog_body {
    position: relative; }
    .tbl-dialog_body:before, .tbl-dialog_body:after {
      position: absolute;
      top: 0;
      z-index: -1;
      display: block;
      height: 101px;
      background-image: url(../images/v2/table/table-shadow-bottom.png);
      background-repeat: repeat-x;
      content: ''; }
    .tbl-dialog_body:before {
      right: 50%;
      left: 0;
      background-position: 0 0; }
    .tbl-dialog_body:after {
      right: 0;
      left: 50%;
      background-position: 100% 0; }
    .tbl-dialog_body::before, .tbl-dialog_body::after {
      top: auto;
      bottom: -56px; }
    .tbl-dialog__scrollable .tbl-dialog_body {
      max-height: 600px;
      padding-top: 2px; }
  .tbl-dialog_td {
    height: 61px; }
    .tbl-dialog_td__basis {
      -ms-flex: 3 0 0%;
          flex: 3 0 0%; }
    .tbl-dialog_td__left {
      -ms-flex: 2 1 0%;
          flex: 2 1 0%; }
    .tbl-dialog_td__wide {
      -ms-flex: 4 1 0%;
          flex: 4 1 0%; }
    .tbl-dialog_td__last {
      padding-left: 55px; }
    .tbl-dialog__treasure .tbl-dialog_td {
      height: 40px; }
    .tbl-dialog_tr:first-child .tbl-dialog_td {
      border-top: 0; }
    .tbl-dialog_tr:last-child .tbl-dialog_td {
      border-bottom: 0;
      box-shadow: none; }
    .tbl-dialog_tr__message-container .tbl-dialog_td {
      width: 100%;
      height: 115px;
      padding-top: 0; }
    .tbl-dialog_tr__empty-line .tbl-dialog_td {
      width: 100%; }
  .tbl-dialog_spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    display: none;
    width: 24px;
    height: 24px;
    transform: translate(-50%, -50%); }
    .tbl-log__state-loading .tbl-dialog_spinner {
      display: block; }
  .tbl-dialog_value {
    overflow: hidden; }

.tbl-requests {
  position: relative;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
  .tbl-requests:before, .tbl-requests:after {
    position: absolute;
    top: 0;
    z-index: -1;
    display: block;
    height: 46px;
    background-image: url(../images/v2/table/table-bg-header.png);
    background-repeat: repeat-x;
    content: ''; }
  .tbl-requests:before {
    right: 50%;
    left: 0;
    background-position: 0 0; }
  .tbl-requests:after {
    right: 0;
    left: 50%;
    background-position: 100% 0; }
  .tbl-requests::before, .tbl-requests::after {
    top: 2px; }
  .tbl-requests_th {
    height: 47px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 1px #000; }
    .tbl-requests_th__check {
      -ms-flex: 0 0 35px;
          flex: 0 0 35px; }
    .tbl-requests_th__wide {
      -ms-flex: 6 0 0%;
          flex: 6 0 0%;
      -ms-flex-pack: start;
          justify-content: flex-start; }
    .tbl-requests_th__status {
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
      -ms-flex-pack: center;
          justify-content: center;
      min-width: 100px;
      padding-left: 25px;
      text-align: center; }
    .tbl-requests_th__key {
      padding-left: 40px; }
    .tbl-requests_th__name {
      text-align: left; }
  .tbl-requests_tr__incut-container {
    position: relative; }
    .tbl-requests_tr__incut-container:before, .tbl-requests_tr__incut-container:after {
      position: absolute;
      top: 0;
      z-index: -1;
      display: block;
      height: 128px;
      background-image: url(../images/v2/table/table-incut-shadow.png);
      background-repeat: repeat-x;
      content: ''; }
    .tbl-requests_tr__incut-container:before {
      right: 50%;
      left: 0;
      background-position: 0 0; }
    .tbl-requests_tr__incut-container:after {
      right: 0;
      left: 50%;
      background-position: 100% 0; }
    .tbl-requests_tr__incut-container::before, .tbl-requests_tr__incut-container::after {
      top: -26px; }
  .tbl-requests_tr__state-irrelevant {
    opacity: .6; }
  .tbl-requests_td {
    min-height: 120px;
    padding-top: 20px;
    padding-bottom: 20px; }
    .tbl-requests_td__check {
      -ms-flex: 0 0 35px;
          flex: 0 0 35px; }
    .tbl-requests_td__wide {
      -ms-flex: 6 0 0%;
          flex: 6 0 0%;
      -ms-flex-pack: start;
          justify-content: flex-start; }
    .tbl-requests_td__value {
      padding-left: 40px;
      text-align: right; }
    .tbl-requests_td__declined {
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
      -ms-flex-pack: center;
          justify-content: center;
      text-align: center;
      min-height: 95px; }
    .tbl-requests_td__status {
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
      -ms-flex-pack: center;
          justify-content: center;
      min-width: 100px;
      padding-left: 25px;
      text-align: center; }
    .tbl-requests_td__visible {
      overflow: visible; }
    .tbl-requests_tr__message-container .tbl-requests_td {
      min-height: 115px; }
    .tbl-requests_tr__incut-container .tbl-requests_td {
      min-height: 69px;
      padding: 0 20px;
      border-top: 0;
      box-shadow: none;
      color: #dcdcdc;
      font-size: 16px; }
  .tbl-requests_tr__state-disbanded .tbl-requests_value,
  .tbl-requests_tr__state-declined .tbl-requests_value,
  .tbl-requests_tr__state-banned .tbl-requests_value, .tbl-requests_tr__state-disbanded .tbl-requests_arrow,
  .tbl-requests_tr__state-declined .tbl-requests_arrow,
  .tbl-requests_tr__state-banned .tbl-requests_arrow {
    opacity: .45; }

.wot .tbl-requests_tr__clickable:hover {
  background: rgba(255, 120, 0, 0.03); }

.wot .tbl-requests_tr__hoverable:hover {
  background: rgba(255, 120, 0, 0.03); }

.wot .tbl-requests_tr__state-active {
  background: rgba(255, 120, 0, 0.03); }

.wot .tbl-requests_tr__state-checked {
  background: rgba(255, 120, 0, 0.03); }

.wot .tbl-requests_tr__state-declined {
  background: rgba(255, 255, 255, 0.03); }

.wot .tbl-requests_tr__state-autorecruiting .tbl-requests_td {
  border-top-color: rgba(223, 186, 27, 0.2);
  box-shadow: inset 0 -1px rgba(223, 186, 27, 0.2);
  background: rgba(223, 186, 27, 0.05); }

.wot .tbl-requests_tr__state-banned .tbl-requests_td {
  border-top-color: rgba(255, 0, 0, 0.1);
  box-shadow: inset 0 -1px rgba(255, 0, 0, 0.1);
  background: rgba(255, 0, 0, 0.08); }

.wowp .tbl-requests_tr__clickable:hover {
  background: rgba(0, 180, 255, 0.03); }

.wowp .tbl-requests_tr__hoverable:hover {
  background: rgba(0, 180, 255, 0.03); }

.wowp .tbl-requests_tr__state-active {
  background: rgba(0, 180, 255, 0.03); }

.wowp .tbl-requests_tr__state-checked {
  background: rgba(0, 180, 255, 0.03); }

.wowp .tbl-requests_tr__state-declined {
  background: rgba(255, 255, 255, 0.03); }

.wowp .tbl-requests_tr__state-autorecruiting .tbl-requests_td {
  border-top-color: rgba(223, 186, 27, 0.2);
  box-shadow: inset 0 -1px rgba(223, 186, 27, 0.2);
  background: rgba(223, 186, 27, 0.05); }

.wowp .tbl-requests_tr__state-banned .tbl-requests_td {
  border-top-color: rgba(255, 0, 0, 0.1);
  box-shadow: inset 0 -1px rgba(255, 0, 0, 0.1);
  background: rgba(255, 0, 0, 0.08); }

.tbl-search {
  position: relative;
  margin: 0 0 -1px; }
  .tbl-search:before, .tbl-search:after {
    position: absolute;
    top: 0;
    z-index: -1;
    display: block;
    height: 46px;
    background-image: url(../images/v2/table/table-bg-header.png);
    background-repeat: repeat-x;
    content: ''; }
  .tbl-search:before {
    right: 50%;
    left: 0;
    background-position: 0 0; }
  .tbl-search:after {
    right: 0;
    left: 50%;
    background-position: 100% 0; }
  .tbl-search::before, .tbl-search::after {
    top: 2px; }
  .tbl-search_th {
    height: 47px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 1px #000; }
    .tbl-search_th__rank {
      -ms-flex: 0 0 40px;
          flex: 0 0 40px; }
    .tbl-search_th__name {
      -ms-flex: 4 0 0%;
          flex: 4 0 0%; }
  .tbl-search_tr {
    position: relative; }
    .tbl-search_tr__clickable::after {
      position: absolute;
      right: 0;
      bottom: -2px;
      left: 0;
      z-index: 10;
      height: 6px;
      opacity: 0;
      content: '';
      transition: opacity .5s; }
    .tbl-search_tr__state-active.tbl-search_tr__clickable::after {
      opacity: 1; }
  .tbl-search_td__rank {
    -ms-flex: 0 0 40px;
        flex: 0 0 40px; }
  .tbl-search_td__name {
    -ms-flex: 4 0 0%;
        flex: 4 0 0%; }
  .tbl-search_tr__banned-permanently .tbl-search_td {
    cursor: help; }
  .tbl-search_tr__banned-temporarily .tbl-search_td {
    cursor: pointer; }
  .tbl-search_tr__state-active .tbl-search_td {
    border-bottom-color: transparent;
    box-shadow: none; }
  .tbl-search__type-players .tbl-search_td {
    height: 58px; }
  .tbl-search__type-clans .tbl-search_td {
    height: 120px; }
  .tbl-search_epaulettes {
    margin: -6px; }
  .tbl-search_tr__banned-permanently .tbl-search_epaulettes,
  .tbl-search_tr__banned-temporarily .tbl-search_epaulettes, .tbl-search_tr__banned-permanently .tbl-search_value,
  .tbl-search_tr__banned-temporarily .tbl-search_value, .tbl-search_tr__banned-permanently .tbl-search_arrow,
  .tbl-search_tr__banned-temporarily .tbl-search_arrow {
    opacity: .45; }

.wot .tbl-search_tr__clickable::after {
  background: url(../images/v2/common/common-card-pointer.wot.png) center no-repeat; }

.wot .tbl-search_tr__clickable:hover {
  background: rgba(255, 120, 0, 0.03); }

.wot .tbl-search_tr__hoverable:hover {
  background: rgba(255, 120, 0, 0.03); }

.wot .tbl-search_tr__state-active {
  background: rgba(255, 120, 0, 0.03); }

.wot .tbl-search_tr__banned-permanently .tbl-search_td {
  border-top-color: rgba(255, 0, 0, 0.1);
  box-shadow: inset 0 -1px rgba(255, 0, 0, 0.1);
  background: rgba(255, 0, 0, 0.08); }

.wot .tbl-search_tr__banned-temporarily .tbl-search_td {
  border-top-color: rgba(255, 0, 0, 0.1);
  box-shadow: inset 0 -1px rgba(255, 0, 0, 0.1);
  background: rgba(255, 0, 0, 0.08); }

.wot .tbl-search_tr__own .tbl-search_td {
  border-top-color: rgba(255, 120, 0, 0.2);
  box-shadow: inset 0 -1px rgba(255, 120, 0, 0.2);
  background: rgba(255, 120, 0, 0.08); }

.wowp .tbl-search_tr__clickable::after {
  background: url(../images/v2/common/common-card-pointer.wowp.png) center no-repeat; }

.wowp .tbl-search_tr__clickable:hover {
  background: rgba(0, 180, 255, 0.03); }

.wowp .tbl-search_tr__hoverable:hover {
  background: rgba(0, 180, 255, 0.03); }

.wowp .tbl-search_tr__state-active {
  background: rgba(0, 180, 255, 0.03); }

.wowp .tbl-search_tr__banned-permanently .tbl-search_td {
  border-top-color: rgba(255, 0, 0, 0.1);
  box-shadow: inset 0 -1px rgba(255, 0, 0, 0.1);
  background: rgba(255, 0, 0, 0.08); }

.wowp .tbl-search_tr__banned-temporarily .tbl-search_td {
  border-top-color: rgba(255, 0, 0, 0.1);
  box-shadow: inset 0 -1px rgba(255, 0, 0, 0.1);
  background: rgba(255, 0, 0, 0.08); }

.wowp .tbl-search_tr__own .tbl-search_td {
  border-top-color: rgba(0, 180, 255, 0.2);
  box-shadow: inset 0 -1px rgba(0, 180, 255, 0.2);
  background: rgba(0, 180, 255, 0.08); }

.tbl-top-clans {
  counter-reset: place;
  width: 100%; }
  .tbl-top-clans_caption {
    margin: 0 0 22px;
    color: #fff; }
  .tbl-top-clans_tr {
    counter-increment: place;
    transform: translateY(-10px);
    opacity: 0;
    transition: all 0s .3s; }
    .fp-viewed-ratings .tbl-top-clans_tr,
    .fp-viewing-ratings-0 .tbl-top-clans_tr {
      transform: translateY(0);
      opacity: 1; }
    .fp-viewing-ratings-0 .tbl-top-clans_tr:nth-child(1) {
      transition: all 0.15s ease 1.35s; }
    .fp-viewed-ratings .tbl-top-clans_tr:nth-child(1) {
      transition: none; }
    .fp-viewing-ratings-0 .tbl-top-clans_tr:nth-child(2) {
      transition: all 0.15s ease 1.45s; }
    .fp-viewed-ratings .tbl-top-clans_tr:nth-child(2) {
      transition: none; }
    .fp-viewing-ratings-0 .tbl-top-clans_tr:nth-child(3) {
      transition: all 0.15s ease 1.6s; }
    .fp-viewed-ratings .tbl-top-clans_tr:nth-child(3) {
      transition: none; }
    .fp-viewing-ratings-0 .tbl-top-clans_tr:nth-child(4) {
      transition: all 0.15s ease 1.75s; }
    .fp-viewed-ratings .tbl-top-clans_tr:nth-child(4) {
      transition: none; }
    .fp-viewing-ratings-0 .tbl-top-clans_tr:nth-child(5) {
      transition: all 0.15s ease 1.9s; }
    .fp-viewed-ratings .tbl-top-clans_tr:nth-child(5) {
      transition: none; }
  .tbl-top-clans_td {
    padding: 9px 0 10px;
    background: url(../images/v2/tbl-top-clans/tbl-top-clans-dot.png) bottom repeat-x;
    line-height: 32px; }
    .tbl-top-clans_td__counter {
      padding-right: 12px;
      color: #808080; }
      .tbl-top-clans_td__counter::before {
        content: "" counter(place); }
    .tbl-top-clans_td__name {
      max-width: 0;
      width: 100%; }
    .tbl-top-clans_td__value {
      padding-left: 12px;
      color: #dcdcdc;
      white-space: nowrap; }
  .tbl-top-clans_icon {
    cursor: help; }
  @media all and (min-width: 1378px) and (min-height: 800px) {
    .tbl-top-clans_clan-preview {
      font-size: 18px; } }

.tbl-treasury {
  margin-bottom: -1px; }
  .tbl-treasury_body__dotted {
    border-bottom: 1px solid #000;
    background-color: rgba(0, 0, 0, 0.1); }
  .tbl-treasury_body__dotted .tbl-treasury_tr {
    background: url(../images/v2/table/table-dotted.png) left top repeat-x; }
    .tbl-treasury_body__dotted .tbl-treasury_tr:first-child {
      background: none; }
  .tbl-treasury_td {
    min-height: 58px;
    padding-top: 10px;
    padding-bottom: 10px; }
    .tbl-treasury_body__dotted .tbl-treasury_td {
      min-height: 40px;
      padding-top: 9px;
      padding-bottom: 8px;
      border: none;
      box-shadow: none; }
    .tbl-treasury_td__basis {
      white-space: normal; }
    .tbl-treasury_td__clear {
      position: relative;
      overflow: visible; }
  .tbl-treasury_tr__state-active .tbl-treasury_value {
    color: #fff; }
  .tbl-treasury_td__clear .tbl-treasury_value {
    position: absolute; }
  .tbl-treasury_value .item {
    padding: 0 0 0 15px; }
  .tbl-treasury_value-hidden {
    display: none;
    color: #808080; }
    .tbl-treasury_tr__state-active .tbl-treasury_value-hidden {
      display: inline-block; }

.wot .tbl-treasury_tr__clickable:hover {
  background: rgba(255, 120, 0, 0.03); }

.wot .tbl-treasury_tr__state-active {
  background: rgba(255, 120, 0, 0.03); }

.wowp .tbl-treasury_tr__clickable:hover {
  background: rgba(0, 180, 255, 0.03); }

.wowp .tbl-treasury_tr__state-active {
  background: rgba(0, 180, 255, 0.03); }

.tbl-vehicles {
  position: relative; }
  .tbl-vehicles__state-loading {
    opacity: .5;
    pointer-events: none; }
  .tbl-vehicles::before, .tbl-vehicles::after {
    position: absolute;
    top: -5px;
    z-index: -1;
    height: 101px;
    background-image: url(../images/v2/table/table-shadow-top.png);
    background-repeat: no-repeat;
    content: ''; }
  .tbl-vehicles::before {
    right: 50%;
    left: 0;
    background-position: 0 0; }
  .tbl-vehicles::after {
    right: 0;
    left: 50%;
    background-position: 100% 0; }
  .tbl-vehicles_th {
    height: 49px;
    border-bottom: 1px solid transparent; }
    .tbl-vehicles_th__basis {
      -ms-flex: 4 0 0%;
          flex: 4 0 0%; }
  .tbl-vehicles_td {
    height: 46px; }
    .tbl-vehicles_td__basis {
      -ms-flex: 4 0 0%;
          flex: 4 0 0%; }
    .tbl-vehicles_tr:last-child .tbl-vehicles_td {
      box-shadow: none; }
    .tbl-vehicles_tr__empty .tbl-vehicles_td {
      -ms-flex-align: start;
          align-items: flex-start;
      height: 322px;
      padding-top: 15px;
      border-bottom: none; }
  .tbl-vehicles_spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    display: none;
    width: 24px;
    height: 24px;
    margin: 14px 0 0 -12px; }
    .tbl-vehicles__state-loading .tbl-vehicles_spinner {
      display: block; }

.upload-zone {
  position: relative;
  z-index: 100;
  display: table;
  box-sizing: border-box;
  width: 100%;
  padding: 5px;
  cursor: pointer;
  transition: border-color .1s, background-color .1s; }
  .upload-zone__large {
    min-height: 350px;
    margin: 25px 0 40px; }
  .upload-zone__small {
    min-height: 90px;
    margin: 25px 0; }
    .upload-zone__small.upload-zone__state-drag {
      min-height: 350px;
      margin-bottom: -235px; }
  .upload-zone__state-default {
    border: 1px dashed rgba(255, 255, 255, 0.15);
    background-color: rgba(255, 255, 255, 0.04); }
    .upload-zone__state-default:hover {
      border: 1px dashed rgba(255, 255, 255, 0.2);
      background-color: rgba(255, 255, 255, 0.08); }
  .upload-zone__state-error {
    border: 1px dashed rgba(204, 6, 6, 0.4);
    background-color: rgba(255, 255, 255, 0.04); }
    .upload-zone__state-error:hover {
      border: 1px dashed rgba(204, 6, 6, 0.5);
      background-color: rgba(255, 255, 255, 0.08); }
  .upload-zone__state-drag {
    border: 1px solid rgba(114, 115, 103, 0.6);
    box-shadow: inset 0 0 20px 0 rgba(0, 0, 0, 0.2);
    background-color: rgba(255, 255, 255, 0.08);
    cursor: default; }
    .upload-zone__state-drag::before {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 10;
      content: ''; }
  .upload-zone__state-loading {
    border: 1px dashed rgba(255, 255, 255, 0.15);
    background-color: rgba(255, 255, 255, 0.04);
    cursor: default; }
  .upload-zone_inner {
    display: table-cell;
    text-align: center;
    vertical-align: middle; }
    .upload-zone__state-drag .upload-zone_inner {
      opacity: .4; }
  .upload-zone_img {
    display: inline-block;
    width: 130px;
    height: 96px;
    margin: 0 0 25px; }
  .upload-zone_anchor {
    padding: 0 0 1px;
    border-bottom: 1px dashed;
    color: #fff; }
  .upload-zone_spinner {
    position: relative;
    display: inline-block;
    width: 24px;
    height: 24px; }
  .upload-zone_error {
    margin: 10px 0 0; }

.wot .upload-zone_img {
  background: url(../images/v2/upload-zone/upload-zone-img.wot.png) center no-repeat; }

.wowp .upload-zone_img {
  background: url(../images/v2/upload-zone/upload-zone-img.wot.png) center no-repeat; }

.fp-nav {
  position: fixed;
  right: 25px;
  top: 50%;
  transform: translateY(-50%); }
  @media all and (min-width: 1378px) and (min-height: 800px) {
    .fp-nav {
      right: 38px; } }
  @media all and (min-width: 1920px) and (min-height: 900px) {
    .fp-nav {
      right: 4%; } }
  .fp-nav_items {
    margin: -12px 0;
    padding: 0; }
  .fp-nav_item {
    position: relative;
    display: block;
    width: 36px;
    height: 36px;
    margin: -15px -18px; }
    @media all and (min-width: 1378px) and (min-height: 800px) {
      .fp-nav_item {
        width: 48px;
        height: 48px;
        margin: 15px -24px; }
        .fp-nav_item::before {
          position: absolute;
          bottom: 100%;
          right: 50%;
          height: 25px;
          width: 1px;
          margin-bottom: -6px;
          background: #808080;
          opacity: .3;
          content: ''; }
        .fp-nav_item:first-child::before {
          content: normal; } }
  .fp-nav_link {
    display: inline-block; }
  .fp-nav_bullet {
    display: block;
    width: 36px;
    height: 36px;
    background-repeat: no-repeat;
    opacity: .6;
    transition: opacity .2s; }
    .fp-nav_item:hover .fp-nav_bullet {
      opacity: 1; }
    .fp-nav_item.active .fp-nav_bullet {
      background-position: 0 -36px; }
    @media all and (min-width: 1378px) and (min-height: 800px) {
      .fp-nav_bullet {
        display: none; } }
  .fp-nav_icon {
    display: none;
    width: 48px;
    height: 48px;
    opacity: .6;
    transition: opacity .2s; }
    .fp-nav_item:hover .fp-nav_icon,
    .fp-nav_item.active .fp-nav_icon {
      opacity: 1; }
    @media all and (min-width: 1378px) and (min-height: 800px) {
      .fp-nav_icon {
        display: block; } }
  .fp-nav_arrow {
    display: block;
    width: 40px;
    height: 28px;
    margin: 2px -20px;
    background-repeat: no-repeat;
    opacity: .3;
    transition: opacity .2s; }
    @media all and (min-width: 1378px) and (min-height: 800px) {
      .fp-nav_arrow {
        width: 54px;
        height: 30px;
        margin: 15px -27px; } }
    .fp-nav_arrow:hover {
      opacity: 1; }
    .fp-nav_arrow__prev {
      background-position: 0 0; }
      .fp-viewing-intro-0 .fp-nav_arrow__prev,
      .fp-viewing-intro-0 .fp-nav_arrow__prev:hover {
        cursor: default;
        opacity: .3; }
    .fp-nav_arrow__next {
      background-position: 0 -28px; }
      .fp-viewing-outro-0 .fp-nav_arrow__next,
      .fp-viewing-outro-0 .fp-nav_arrow__next:hover {
        cursor: default;
        opacity: .3; }
      @media all and (min-width: 1378px) and (min-height: 800px) {
        .fp-nav_arrow__next {
          background-position: 0 -30px; } }

.wot .fp-nav_bullet {
  background-image: url(../images/v2/fp-nav/fp-nav-bullet.wot.png); }

.wot .fp-nav_arrow {
  background-image: url(../images/v2/fp-nav/fp-nav-arrows-s.wot.png); }
  @media all and (min-width: 1378px) and (min-height: 800px) {
    .wot .fp-nav_arrow {
      background-image: url(../images/v2/fp-nav/fp-nav-arrows.wot.png); } }

.wowp .fp-nav_bullet {
  background-image: url(../images/v2/fp-nav/fp-nav-bullet.wowp.png); }

.wowp .fp-nav_arrow {
  background-image: url(../images/v2/fp-nav/fp-nav-arrows-s.wowp.png); }
  @media all and (min-width: 1378px) and (min-height: 800px) {
    .wowp .fp-nav_arrow {
      background-image: url(../images/v2/fp-nav/fp-nav-arrows.wowp.png); } }

.slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 1536px 864px; }
  @media all and (min-width: 1378px) and (min-height: 800px) {
    .slide {
      background-size: 1792px 1008px; } }
  @media all and (min-width: 1920px) and (min-height: 900px) {
    .slide {
      background-size: 2048px 1152px; } }
  @media all and (min-width: 2560px) and (min-height: 1100px) {
    .slide {
      background-size: 2560px 1440px; } }
  .slide_holder {
    box-sizing: border-box;
    padding-top: 100px;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center; }
    .realm-CN .slide__outro .slide_holder {
      padding-bottom: 200px; }
  .slide_content {
    position: relative;
    -ms-flex: 0 0 auto;
        flex: 0 0 auto; }

.wot .slide__intro {
  background-image: url(../images/v2/slide/slide-intro.wot.jpg); }

.wot .slide__features {
  background-image: url(../images/v2/slide/slide-features.wot.jpg); }

.wot .slide__modes {
  background-image: url(../images/v2/slide/slide-modes.wot.jpg); }

.wot .slide__ratings {
  background-image: url(../images/v2/slide/slide-ratings.wot.jpg); }

.wot .slide__outro {
  background-image: url(../images/v2/slide/slide-outro.wot.jpg); }

.wot .realm-CN .slide__features {
  background-image: url(../images/v2/slide/slide-features.wot-cn.jpg); }

.wowp .slide__intro {
  background-image: url(../images/v2/slide/slide-intro.wowp.jpg); }

.wowp .slide__ratings {
  background-image: url(../images/v2/slide/slide-ratings.wowp.jpg); }

.wowp .slide__outro {
  background-image: url(../images/v2/slide/slide-outro.wowp.jpg); }

.wowp .realm-CN .slide__intro {
  background-image: url(../images/v2/slide/slide-intro.wowp-cn.jpg); }

.intro_title {
  opacity: 0;
  transform: scale(1) translateY(-40px);
  transition: all 0s .3s; }
  .fp-viewing-intro-0 .intro_title {
    opacity: 1;
    transform: scale(1) translateY(0);
    transition: all 0.2s ease 0.6s; }
  .fp-viewed-intro .intro_title {
    opacity: 1;
    transform: scale(1) translateY(0);
    transition: none; }

.intro_description {
  opacity: 0;
  transform: scale(1) translateY(-40px);
  transition: all 0s .3s; }
  .fp-viewing-intro-0 .intro_description {
    opacity: 1;
    transform: scale(1) translateY(0);
    transition: all 0.2s ease 0.75s; }
  .fp-viewed-intro .intro_description {
    opacity: 1;
    transform: scale(1) translateY(0);
    transition: none; }

.intro_footer {
  opacity: 0;
  transform: scale(1) translateY(-40px);
  transition: all 0s .3s; }
  .fp-viewing-intro-0 .intro_footer {
    opacity: 1;
    transform: scale(1) translateY(0);
    transition: all 0.2s ease 0.9s; }
  .fp-viewed-intro .intro_footer {
    opacity: 1;
    transform: scale(1) translateY(0);
    transition: none; }

.outro {
  margin-right: auto;
  margin-left: auto;
  text-align: center; }
  .outro_title {
    opacity: 0;
    transform: scale(1) translateY(-40px);
    transition: all 0s .3s; }
    .fp-viewing-outro-0 .outro_title {
      opacity: 1;
      transform: scale(1) translateY(0);
      transition: all 0.2s ease 0.6s; }
    .fp-viewed-outro .outro_title {
      opacity: 1;
      transform: scale(1) translateY(0);
      transition: none; }
  .outro_description {
    opacity: 0;
    transform: scale(1) translateY(-40px);
    transition: all 0s .3s;
    max-width: 620px;
    margin: auto; }
    .fp-viewing-outro-0 .outro_description {
      opacity: 1;
      transform: scale(1) translateY(0);
      transition: all 0.2s ease 0.75s; }
    .fp-viewed-outro .outro_description {
      opacity: 1;
      transform: scale(1) translateY(0);
      transition: none; }
  .outro_footer {
    opacity: 0;
    transform: scale(1) translateY(-40px);
    transition: all 0s .3s; }
    .fp-viewing-outro-0 .outro_footer {
      opacity: 1;
      transform: scale(1) translateY(0);
      transition: all 0.2s ease 0.9s; }
    .fp-viewed-outro .outro_footer {
      opacity: 1;
      transform: scale(1) translateY(0);
      transition: none; }

.wot .outro {
  margin: auto; }
  @media all and (min-height: 680px) {
    .wot .outro {
      margin-top: 6%; } }
  @media all and (min-width: 1378px) and (min-height: 800px) {
    .wot .outro {
      margin-top: 12%; } }

.wot .realm-RUBY .outro {
  margin-bottom: 10%; }
  @media all and (min-height: 680px) {
    .wot .realm-RUBY .outro {
      margin-top: 3%;
      margin-bottom: auto; } }
  @media all and (min-width: 1378px) and (min-height: 800px) {
    .wot .realm-RUBY .outro {
      margin-top: 10%; } }

@keyframes scroll-prompt-blinking-0 {
  0%, 60%, to {
    opacity: 0; }
  10% {
    opacity: .3; }
  40% {
    opacity: .1; }
  60%, to {
    opacity: 0; } }

@keyframes scroll-prompt-blinking-1 {
  0%, 20%, 80%, to {
    opacity: 0; }
  40% {
    opacity: .6; }
  60% {
    opacity: .3; }
  80%, to {
    opacity: 0; } }

@keyframes scroll-prompt-blinking-2 {
  0%, 20%, 40%, to {
    opacity: .6; }
  60%, 80% {
    opacity: 1; } }

.scroll-prompt {
  position: absolute;
  bottom: 18px;
  left: 50%;
  width: 62px;
  height: 76px;
  transform: translateX(-50%);
  cursor: pointer; }
  .scroll-prompt_arrow {
    position: absolute;
    left: 50%;
    margin-left: -1px;
    width: 20px;
    height: 12px;
    animation-duration: 1.5s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    transform: translateX(-50%); }
    .scroll-prompt_arrow__0 {
      top: 33px;
      animation-name: scroll-prompt-blinking-0; }
    .scroll-prompt_arrow__1 {
      top: 39px;
      animation-name: scroll-prompt-blinking-1; }
    .scroll-prompt_arrow__2 {
      top: 45px;
      animation-name: scroll-prompt-blinking-2; }

.wot .scroll-prompt {
  background-image: url(../images/v2/scroll-prompt/scroll-prompt.wot.png); }
  .wot .scroll-prompt_arrow {
    background-image: url(../images/v2/scroll-prompt/scroll-prompt-arrow.wot.png); }

.wowp .scroll-prompt {
  background-image: url(../images/v2/scroll-prompt/scroll-prompt.wowp.png); }
  .wowp .scroll-prompt_arrow {
    background-image: url(../images/v2/scroll-prompt/scroll-prompt-arrow.wowp.png); }

.accept {
  position: relative;
  margin: 25px 0; }
  .accept__dialog {
    margin-top: 0; }
  .accept_checkbox {
    position: absolute;
    top: 0;
    left: 0; }
  .accept_label {
    padding: 0 0 0 25px; }

.action-pane__position-static {
  margin: 0 0 -25px;
  padding: 11px 0 25px; }

.action-pane__position-fixed {
  position: fixed;
  top: 100%;
  right: 0;
  left: 0;
  z-index: 21000;
  padding: 21px 0 20px;
  margin: 0;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 0 30px #000;
  background: #212121 url(../images/components/noise.png);
  transition: transform .4s; }
  .action-pane__position-fixed.action-pane__state-closed {
    transform: translateY(0); }
  .action-pane__position-fixed.action-pane__state-opened {
    transform: translateY(-100%); }
  .action-pane__position-fixed::before {
    position: absolute;
    top: -2px;
    right: 0;
    left: 0;
    height: 1px;
    background: #fff;
    opacity: .07;
    content: ''; }

.action-pane_buttons {
  margin: -14px 0 0 -14px; }
  .action-pane__type-inline .action-pane_buttons {
    display: inline-block;
    vertical-align: middle; }

.action-pane_button {
  margin: 14px 0 0 14px; }

.action-pane_label {
  margin: 0 0 23px;
  color: #808080; }
  .action-pane__type-inline .action-pane_label {
    display: inline-block;
    margin-bottom: 0;
    margin-left: 28px;
    vertical-align: middle; }

.action-pane_counter {
  color: #b1b2b3;
  font-weight: 700; }

.action-pane_deselect {
  position: relative;
  display: inline-block;
  margin: 0 0 0 20px;
  padding: 0 0 0 22px; }
  .action-pane_deselect::before {
    position: absolute;
    top: 50%;
    left: 0;
    height: 28px;
    margin-top: -14px;
    border-right: 1px solid #000;
    border-left: 1px solid rgba(255, 255, 255, 0.1);
    content: ''; }

.action-pane .action-pane_message {
  margin: 15px 0 0; }

.action {
  position: relative;
  display: inline-block;
  width: 35px;
  height: 35px;
  cursor: pointer; }
  .action__state-disabled, .action__state-disabled:hover {
    cursor: default; }
  .action_icon {
    margin: -7px;
    opacity: .7;
    transition: opacity .2s; }
    .action_icon:hover {
      opacity: 1; }
    .action__state-disabled .action_icon:hover {
      opacity: .7; }
    .action_icon__autorecruiting {
      position: absolute;
      right: -17px;
      bottom: -15px;
      opacity: 1; }

.add {
  display: inline-block;
  width: 36px;
  height: 36px;
  margin: 0 0 0 5px;
  background: url(../images/v2/add/add.png) -36px 0 no-repeat;
  vertical-align: middle; }
  .add:not(.add__state-disabled):hover {
    background-position: -72px 0; }
  .add__state-disabled {
    background-position: 0 0;
    cursor: help; }

.alignment:before, .alignment:after {
  display: table;
  content: ''; }

.alignment:after {
  clear: both; }

.alignment_left {
  float: left; }

.alignment_right {
  float: right;
  text-align: right; }

.application-form__grid {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap; }

.application-form_cell {
  -ms-flex: 1 0 0%;
      flex: 1 0 0%;
  white-space: normal;
  max-width: 50%; }
  .application-form_cell:not(:last-child) {
    margin-right: 7%; }

.application-form_table {
  z-index: 1;
  margin: 20px 0 25px; }
  .application-form_table:first-child {
    margin-top: 0; }

.application-form_textblock {
  z-index: 2; }
  .application-form_textblock:not(:last-child) {
    margin-bottom: 25px; }

.application-form_textarea {
  height: 80px; }

.application-form_controls {
  margin: 30px 0 0; }

.application-form_control {
  display: inline-block; }
  .application-form_control:not(:last-child) {
    margin: 0 20px 0 0; }

.application-form_toggle {
  z-index: 20;
  display: inline-block;
  margin: 0 0 25px; }

.application-info_to {
  margin: 0 0 5px;
  color: #dcdcdc;
  line-height: 28px; }

.application-info_message {
  color: #808080;
  word-wrap: break-word; }

.application-info_divider {
  height: 1px;
  margin: 15px 0 28px;
  background-color: rgba(255, 255, 255, 0.07); }

.application-info_status {
  position: relative;
  margin: 0 0 37px;
  padding: 0 0 0 50px;
  color: #dcdcdc; }
  .application-info_status-icon {
    position: absolute;
    top: 50%;
    left: -13px;
    transform: translateY(-50%); }

.application-info_controls {
  white-space: nowrap; }

.application-info_control {
  display: inline-block; }
  .application-info_control:not(:last-child) {
    margin: 0 20px 0 0; }

.autorecruiting {
  position: relative;
  color: #dcdcdc; }
  .autorecruiting_icon {
    position: absolute;
    top: -10px;
    left: -40px; }

.block-header {
  margin-bottom: 30px;
  color: #fff; }
  .block-header_counter {
    font-size: 18px;
    font-weight: 700; }
  .block-header .item {
    display: inline-block;
    padding: 2px 20px 3px;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    border-left: 1px solid #000;
    vertical-align: top; }
    .block-header .item:first-child {
      padding: 2px 20px 3px 0;
      border-left: none; }
    .block-header .item:last-child {
      padding: 2px 0 3px 20px;
      border-right: none; }

.chart rect {
  cursor: pointer; }

.chart .bar-box {
  fill-opacity: 0; }

.chart .bar-inactive {
  opacity: .3; }

.chart .axis line,
.chart .axis path {
  fill: none;
  stroke: #808080; }

.chart .dateaxis line,
.chart .dateaxis path {
  fill: none;
  stroke: none; }

.chart .tick {
  font-size: 14px;
  fill: #808080; }

.chart .brush .extent {
  stroke: none;
  shape-rendering: crispEdges;
  fill: rgba(229, 177, 46, 0.1); }

.chart .x_grid {
  pointer-events: none;
  fill: none;
  stroke: #e1e1e1;
  stroke-width: 1px;
  stroke-dasharray: 1, 3; }

.chart .chart-grid .tick {
  opacity: .8;
  fill: none;
  stroke: #595959;
  stroke-width: 1px;
  stroke-dasharray: 1, 3; }

.d3-tip {
  z-index: 10000;
  color: #fff;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
  pointer-events: none; }

.clan-create_title {
  margin: 62px 0 29px; }

.clan-create_subtitle {
  margin-bottom: 22px; }

.clan-create_table {
  margin: 20px 0 30px; }

.clan-create_reserve {
  margin: 42px 0 21px; }

.clan-create_invite {
  margin: 50px 0 21px; }

.clan-create_rules {
  margin: 25px 0; }

.clan-create_cost {
  margin: 0 0 0 10px; }

.clan-create_hint {
  margin: 0 0 0 3px;
  opacity: .7; }
  .clan-create_hint:hover {
    opacity: 1; }

.clan-create_hr {
  margin: 40px 0 30px; }

.clan-create_refresh {
  margin: 20px 0 0; }

.clan-edit_clan-preview {
  margin: 0 0 15px; }

.clan-edit_color {
  margin: 0 0 15px; }
  .clan-edit_color-preview {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: -1px 7px 0;
    vertical-align: middle; }

.clan-edit_btn {
  margin: 25px 0 0; }

.clan-edit_hr {
  height: 1px;
  margin: 30px 0;
  background-color: rgba(255, 255, 255, 0.2); }

.clan-emblems {
  margin: -15px 0 0; }
  .clan-emblems_title {
    margin: 0 0 20px; }
  .clan-emblems_clan-disclaimer {
    margin: 0 0 20px; }
  .clan-emblems__message {
    margin: 30px 0 25px; }
  .clan-emblems__info {
    margin: 0 0 25px; }

.clan-info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row nowrap;
      flex-flow: row nowrap;
  -ms-flex-align: stretch;
      align-items: stretch;
  -ms-flex-pack: justify;
      justify-content: space-between; }
  .clan-info_content {
    -ms-flex: 1 1 75%;
        flex: 1 1 75%;
    min-width: 0;
    word-wrap: break-word; }
  .clan-info_sidebar {
    -ms-flex: 1 1 20%;
        flex: 1 1 20%;
    margin: 0 0 0 5%; }
  .clan-info_additional {
    margin: 15px 0 0;
    font-size: 14px;
    line-height: 18px; }
    .clan-info_additional__mark::after {
      margin: 0 0 0 3px;
      color: #c42a30;
      vertical-align: top;
      content: '*'; }
  .clan-info_elastic {
    overflow: hidden;
    will-change: transition;
    height: auto;
    transition: height .5s;
    -webkit-mask: none;
    mask: none; }
    .clan-info__state-minimal .clan-info_elastic {
      height: 115px;
      -webkit-mask: -webkit-gradient(linear, 0% 100%, 0 70%, from(rgba(255, 255, 255, 0)), to(white));
      mask: url(../images/v2/common/common-gradients-vertical.svg#gradient-bottom-large-mask); }
  .clan-info_toggle {
    display: inline-block;
    margin: 15px 0 0; }

.clan-options {
  margin: 0 0 25px; }
  .clan-options_item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
        flex-flow: row nowrap; }
    .clan-options_item:not(:last-child) {
      margin-bottom: 7px; }
  .clan-options_key {
    -ms-flex: 0 0 20%;
        flex: 0 0 20%;
    margin: 0 5% 0 0; }
  .clan-options_value {
    -ms-flex: 0 0 75%;
        flex: 0 0 75%; }

.clan-preview {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  max-width: 100%;
  font-weight: 700; }
  .clan-preview__small {
    padding-left: 32px;
    font-size: 14px; }
  .clan-preview__middle {
    padding-left: 38px;
    font-size: 14px; }
  .clan-preview__large {
    padding-left: 42px; }
  .clan-preview__extra {
    padding-left: 79px; }
  .clan-preview__state-disbanded {
    opacity: .4; }
  .clan-preview_emblem {
    position: relative;
    display: inline-block;
    vertical-align: middle; }
    .clan-preview__small .clan-preview_emblem {
      width: 22px;
      height: 22px;
      margin-right: 10px;
      margin-left: -32px; }
    .clan-preview__middle .clan-preview_emblem {
      width: 28px;
      height: 28px;
      margin-right: 10px;
      margin-left: -38px; }
    .clan-preview__large .clan-preview_emblem {
      width: 32px;
      height: 32px;
      margin-right: 10px;
      margin-left: -42px; }
    .clan-preview__extra .clan-preview_emblem {
      width: 64px;
      height: 64px;
      margin-right: 15px;
      margin-left: -79px; }
  .clan-preview_logo {
    width: 100%;
    height: 100%; }
  .clan-preview_inner {
    display: inline-block;
    width: 100%;
    vertical-align: middle; }
  .clan-preview_name {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    color: #fff;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap; }
    .clan-preview__large .clan-preview_name {
      line-height: 22px; }
    .clan-preview__clickable .clan-preview_name {
      border-bottom: 1px solid rgba(255, 255, 255, 0.3);
      transition: all .2s; }
    .clan-preview__clickable:hover .clan-preview_name {
      border-bottom-color: transparent;
      color: #fff; }
    .clan-preview__state-disbanded .clan-preview_name {
      text-decoration: line-through; }
    .clan-preview__type-search .clan-preview_name {
      color: #dcdcdc; }
  .clan-preview_players {
    display: block;
    margin: 3px 0 0;
    font-size: 14px;
    font-weight: 400; }
    .clan-preview_players-icon {
      margin: -7px; }
  .clan-preview_info {
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px; }
  .clan-preview_own {
    position: absolute;
    top: 0;
    right: 0;
    margin: -24px -24px 0; }

.clan-recruitstation_players {
  display: inline-block;
  vertical-align: middle; }

.clan-recruitstation .clan-recruitstation_member {
  display: inline; }
  .clan-recruitstation .clan-recruitstation_member-name {
    display: inline; }

.clan-recruitstation .clan-recruitstation_content-separator {
  top: 4px;
  height: 16px;
  margin-right: 10px;
  margin-left: 10px; }

.clan-reserve:first-of-type {
  margin: 30px 0 0; }

.clan-reserve_row {
  position: relative;
  display: table-row; }

.clan-reserve_cell {
  display: table-cell;
  padding: 34px 0 0;
  vertical-align: top; }
  .clan-reserve_cell__image {
    display: table-cell;
    width: 174px;
    padding-top: 0;
    text-align: center; }
  .clan-reserve_cell__disabled {
    opacity: .6; }

#common_menu {
  z-index: 22000 !important; }
  .viewport-min #common_menu .cm-layout .cm-singletons__logo {
    margin-left: 0; }

.color-picker {
  padding: 5px 0 30px; }
  .color-picker_box {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap; }
  .color-picker_preview {
    -ms-flex-positive: 0;
        flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    box-sizing: border-box;
    width: 90px;
    height: 90px;
    margin: 0 20px 0 0; }
  .color-picker_sliders {
    -ms-flex-positive: 0;
        flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    box-sizing: border-box;
    width: 270px;
    height: 90px;
    margin: 0 50px 0 0; }
  .color-picker_input {
    width: 90px;
    margin: 0 20px 0 0;
    text-align: center; }
  .color-picker_clan {
    margin: 5px 0 0; }
  .color-picker_error {
    margin: 5px 0 0; }

.congratulation {
  position: relative; }
  .congratulation_section {
    position: relative;
    text-align: center; }
    .congratulation_section__emblem-wrapper {
      min-height: 268px;
      margin-top: 48px; }
  .congratulation_title {
    margin: 54px 0 0; }
  .congratulation_notice {
    position: relative;
    top: -1px;
    font-size: 20px; }
  .congratulation_emblem-standart {
    position: relative;
    display: inline-block;
    width: 241px;
    height: 262px;
    background: url(../images/v2/congratulation/clan_emblem_finish.png) no-repeat; }
    .realm-RUBY .congratulation_emblem-standart {
      background-image: url(../images/v2/congratulation/clan_emblem_finish-ruby.png); }
  .congratulation_emblem-background {
    position: absolute;
    top: 2px;
    left: 50%;
    z-index: -1;
    width: 154px;
    height: 145px;
    margin: 0 0 0 -76px;
    color: transparent; }
    .congratulation_emblem-background::after {
      position: absolute;
      top: 100%;
      left: 0;
      border-top: 31px solid;
      border-right: 76px solid transparent;
      border-left: 76px solid transparent;
      content: ''; }
  .congratulation_clan-name {
    position: relative;
    margin: -55px 0 0;
    color: #fff;
    font-size: 25px;
    word-wrap: break-word; }
  .congratulation_message {
    display: inline-block;
    margin: 0 0 26px; }

.content-separator {
  position: relative;
  top: 8px;
  display: inline-block;
  height: 24px;
  margin: -8px 15px 0;
  border-right: 1px solid black;
  border-left: 1px solid rgba(255, 255, 255, 0.1); }

.delta {
  position: absolute;
  top: 15px;
  right: 0;
  font-size: 11px;
  white-space: nowrap; }
  .delta__positive {
    color: #39b54a; }
  .delta__negative {
    color: #c42a30; }

.ellipsis {
  display: inline-block;
  max-width: 100%;
  vertical-align: middle;
  white-space: nowrap; }
  .ellipsis_hidden {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis; }
  .ellipsis_visible {
    display: block;
    margin: 0 0 0 5px;
    float: right; }
    .ellipsis__link-external .ellipsis_visible {
      margin-left: 0; }

.epaulettes {
  display: inline-block;
  margin: -16px -14px -16px -16px;
  vertical-align: middle; }
  .epaulettes__players {
    margin-left: -16px; }

.feature {
  max-width: 366px;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  box-shadow: 0 1px 20px rgba(0, 0, 0, 0.85); }
  .feature_art {
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    height: 265px;
    background-repeat: no-repeat;
    background-position: center; }
    .feature_art__gold {
      background-image: url(../images/v2/feature/feature-art-gold.jpg); }
    .feature_art__vehicles {
      background-image: url(../images/v2/feature/feature-art-vehicles.jpg); }
    .feature_art__bonus {
      background-image: url(../images/v2/feature/feature-art-bonus.jpg); }
    .realm-RUBY .feature_art__gold {
      background-image: url(../images/v2/feature/feature-art-gold-ruby.png); }
  .feature_content {
    position: relative;
    -ms-flex: 1 0 auto;
        flex: 1 0 auto;
    border-top: 1px solid #000;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12);
    background-image: url(../images/v2/feature/feature-texture.jpg);
    background-position: center bottom;
    background-repeat: no-repeat;
    padding: 20px; }
    .feature_content::before, .feature_content::after {
      position: absolute;
      width: 100%;
      left: 0;
      background-position: center;
      background-repeat: no-repeat;
      content: ''; }
    .feature_content::before {
      top: 0;
      height: 1px;
      background-image: url(../images/v2/feature/feature-shine.png); }
    .feature_content::after {
      bottom: 0;
      height: 139px;
      background-image: url(../images/v2/feature/feature-glow.png); }
  .feature_title {
    margin: 0 0 15px;
    color: #fff;
    font-size: 24px;
    line-height: 1; }
  .feature_description {
    color: #b1b2b3;
    font-size: 17px;
    line-height: 25px; }

.features {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: stretch;
      align-items: stretch;
  -ms-flex-pack: justify;
      justify-content: space-between; }
  .features_item {
    padding: 0 0 0 36px;
    -ms-flex: 1 0 0%;
        flex: 1 0 0%;
    opacity: 0;
    transform: translateY(-6%) scale(1.1);
    transition: all 0s .3s; }
    @media all and (min-width: 1378px) and (min-height: 800px) {
      .features_item {
        padding-left: 50px; } }
    .features_item:first-child {
      padding-left: 0; }
    .fp-viewed-features .features_item,
    .fp-viewing-features-0 .features_item {
      opacity: 1;
      transform: translateY(0) scale(1); }
    .fp-viewing-features-0 .features_item:nth-child(1) {
      transition: transform .2s ease-out .8s, opacity .2s linear .8s, scale .2s linear .7s; }
    .fp-viewing-features-0 .features_item:nth-child(2) {
      transition: transform .2s ease-out .9s, opacity .2s linear .9s, scale .2s linear .8s; }
    .fp-viewing-features-0 .features_item:nth-child(3) {
      transition: transform .2s ease-out 1s, opacity .2s linear 1s, scale .2s linear .9s; }
    .fp-viewed-features .features_item:nth-child(1), .fp-viewed-features .features_item:nth-child(2), .fp-viewed-features .features_item:nth-child(3) {
      transition: none; }
    @media all and (min-width: 1378px) and (min-height: 800px) {
      .features_item:nth-child(1) {
        transform: translateY(-38%) scale(1.05); }
        .fp-viewed-features .features_item:nth-child(1),
        .fp-viewing-features-0 .features_item:nth-child(1) {
          transform: translateY(-25%) scale(1); }
      .features_item:nth-child(2) {
        transform: translateY(-13%) scale(1.05); }
        .fp-viewed-features .features_item:nth-child(2),
        .fp-viewing-features-0 .features_item:nth-child(2) {
          transform: translateY(0) scale(1); }
      .features_item:nth-child(3) {
        transform: translateY(12%) scale(1.05); }
        .fp-viewed-features .features_item:nth-child(3),
        .fp-viewing-features-0 .features_item:nth-child(3) {
          transform: translateY(25%) scale(1); }
      .fp-viewed-features .features_item:nth-child(1), .fp-viewed-features .features_item:nth-child(2), .fp-viewed-features .features_item:nth-child(3) {
        transition: none; } }

.filter {
  position: relative;
  margin: 0 0 -44px;
  padding: 0 0 44px; }
  .filter__in-widget {
    margin-bottom: -40px; }
  .filter__place-points {
    margin-bottom: -14px; }
  .filter__vehicles::after {
    display: none; }
  .filter::after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    height: 44px;
    background: url(../images/v2/filter/filter-glow.png) center no-repeat;
    content: ''; }
  .filter_holder {
    position: relative;
    border-width: 1px 0;
    border-style: solid;
    border-color: rgba(255, 255, 255, 0.07);
    box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.7), inset 0 -1px 0 rgba(0, 0, 0, 0.7); }
    .filter_holder:before, .filter_holder:after {
      position: absolute;
      top: 0;
      z-index: -1;
      display: block;
      height: 100%;
      background-image: url(../images/v2/filter/filter-bg.png);
      background-repeat: repeat-x;
      content: ''; }
    .filter_holder:before {
      right: 50%;
      left: 0;
      background-position: 0 0; }
    .filter_holder:after {
      right: 0;
      left: 50%;
      background-position: 100% 0; }
    .filter__single .filter_holder {
      padding-top: 23px;
      padding-bottom: 23px; }
    .filter__multiple .filter_holder {
      padding-top: 15px;
      padding-bottom: 15px; }
    .filter__vehicles .filter_holder {
      margin-top: -10px;
      padding: 0;
      border: none;
      box-shadow: none; }
      .filter__vehicles .filter_holder::before, .filter__vehicles .filter_holder::after {
        content: normal; }
    .filter__treasury .filter_holder {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      height: 62px; }
    .filter_holder + .filter_holder {
      border-top: none; }
  .filter_title {
    display: table-cell;
    width: 1%;
    padding: 0 30px 0 0;
    color: #dcdcdc;
    line-height: 34px;
    vertical-align: top;
    white-space: nowrap; }
    .filter__treasury .filter_title {
      display: inline-block;
      width: auto; }
  .filter_list {
    display: table-cell;
    vertical-align: top; }
    .filter_list:before, .filter_list:after {
      display: table;
      content: ''; }
    .filter_list:after {
      clear: both; }
  .filter_item {
    margin: 0 30px 0 0;
    float: left;
    line-height: 34px; }

.footer {
  position: relative;
  z-index: auto;
  min-height: 133px;
  margin: -133px 0 0;
  border-top: 1px solid #1a1a1a;
  background-color: rgba(0, 0, 0, 0.2);
  color: #808080;
  transition: margin-top 0.5s; }
  .realm-RUBY .footer {
    min-height: 180px;
    margin-top: -180px; }
  .fp-enabled .footer__state-opened,
  .start-landing .footer__state-opened {
    background-color: rgba(0, 0, 0, 0.92); }
  .footer__state-disabled {
    pointer-events: none; }
  .fp-enabled .footer,
  .start-landing .footer {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10000; }
  .start-landing .footer {
    transition: background-color 0.5s; }
  .fp-enabled .footer {
    transition: transform .3s;
    transform: translateY(100%); }
  .fp-viewing-outro-0 .footer {
    transition: transform 0.3s linear 0.6s, background-color 0.5s;
    transform: translateY(0%); }
  .footer_holder {
    padding-top: 30px;
    padding-bottom: 30px; }
  .footer_grid {
    display: table;
    width: 100%; }
    .realm-RUBY .footer_grid {
      width: unset; }
  .footer_cell {
    display: table-cell;
    vertical-align: top; }
    .footer_cell__content {
      width: 70%; }
      .realm-RUBY .footer_cell__content {
        width: 850px; }
    .footer_cell__language {
      width: 30%;
      text-align: right; }
      .realm-RUBY .footer_cell__language {
        width: unset;
        min-width: 150px; }
  .footer_row {
    margin: 6px 0 0;
    font-size: 14px;
    line-height: 20px;
    white-space: nowrap; }
    .realm-RUBY .footer_row {
      white-space: normal;
      font-size: 12px;
      margin-top: 4px;
      line-height: 16px; }
    .footer_row:first-child {
      margin-top: 0; }
  .footer_item {
    display: inline-block;
    padding: 0 10px 0 9px;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    border-left: 1px solid #000; }
    .footer_item:first-child {
      padding-left: 0;
      border-left: none; }
    .footer_item:last-child {
      border-right: none; }
  .footer_link {
    border-bottom: 1px solid transparent;
    color: #b1b2b3;
    line-height: 19px;
    transition: all .2s; }
    .footer_link:hover {
      border-color: #fff;
      color: #fff; }
    .footer_link__external {
      margin-right: 14px; }
    .footer_link-icon {
      margin: -1px -14px 0 4px;
      vertical-align: middle;
      opacity: .7; }
  .footer_logo {
    display: inline-block;
    margin: 0 20px 20px 0; }
  .footer_logo-image {
    vertical-align: middle; }

.form {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap; }
  .form_column {
    -ms-flex: 1 0 0%;
        flex: 1 0 0%;
    overflow: hidden;
    white-space: normal; }
    .form_column:not(:last-child) {
      margin: 0 10% 0 0; }
  .form_row__nested {
    margin: 5px 0 0 26px; }
  .form_description {
    color: #808080;
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 25px; }
  .form_clan-disclaimer {
    margin: 30px 0 -10px; }

.form-groups__columns {
  width: 767px;
  margin-bottom: -7px;
  columns: 245px auto; }

.form-groups_item:not(:last-child) {
  margin-bottom: 7px; }

.form-groups__columns .form-groups_item {
  display: inline-block;
  width: 245px; }

.form-textblock {
  position: relative; }
  .form-textblock_example, .form-textblock_counter {
    display: inline-block;
    margin: 5px 0 0;
    font-size: 14px;
    line-height: 20px;
    vertical-align: top; }
  .form-textblock_example {
    width: 75%; }
    .form-textblock_example-text {
      color: #808080; }
  .form-textblock_counter {
    width: 25%;
    text-align: right; }
    .form-textblock_counter-total {
      color: #808080; }

.game {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 0 30px;
  text-align: center;
  vertical-align: top; }
  .game_logo {
    display: inline-block;
    width: 156px;
    height: 92px;
    background-position: center;
    background-repeat: no-repeat; }
    .game__wot .game_logo {
      background-image: url(../images/v2/game/game-logo.wot.png); }
    .game__wowp .game_logo {
      background-image: url(../images/v2/game/game-logo.wowp.png); }
  .game_title {
    margin: 22px 0 10px;
    font-weight: 700;
    font-size: 30px;
    text-transform: uppercase; }
  .game_subtitle {
    text-align: left; }
  .game_emblem {
    position: relative;
    display: inline-block;
    width: 80px;
    height: 80px; }
    .game_emblem-image {
      width: 100%;
      height: 100%; }
    .game_emblem-modifier {
      position: absolute;
      right: 1px;
      bottom: 7px;
      background-position: center;
      background-repeat: no-repeat;
      transform: translate(50%, 50%); }
      .game__wot .game_emblem-modifier {
        width: 94px;
        height: 100px;
        background-image: url(../images/v2/game/game-modifier.wot.png); }
      .game__wowp .game_emblem-modifier {
        width: 114px;
        height: 96px;
        background-image: url(../images/v2/game/game-modifier.wowp.png); }
  .game_clan {
    margin: 16px 0 3px;
    font-size: 20px;
    line-height: 30px; }
  .game_epaulette {
    margin: 0 0 30px;
    white-space: nowrap; }
  .game_link {
    position: relative;
    margin: 40px 0 0; }
    .game_link::after {
      position: absolute;
      top: 50%;
      right: -12px;
      width: 6px;
      height: 10px;
      margin-top: -5px;
      background: url(../images/v2/game/game-link-arrow.png) center no-repeat;
      content: ''; }

.geowidget {
  position: absolute;
  top: 50px;
  z-index: 23000;
  width: 100%;
  height: 0;
  text-align: center; }
  .geowidget_content {
    position: relative;
    display: inline-block;
    max-width: 800px;
    margin: auto;
    padding: 20px 49px 22px 29px;
    border: 1px solid #2f2f2f;
    box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.41), 0 0 40px 0 rgba(0, 0, 0, 0.18);
    background: #212121;
    text-align: left; }
  .geowidget_close {
    position: absolute;
    top: -6px;
    right: -6px;
    opacity: .7;
    transition: opacity .2s; }
    .geowidget_close:hover {
      opacity: 1; }

.globalmap-button {
  position: absolute;
  top: 57px;
  right: 48px; }

.guide-links {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  padding: 21px 0;
  overflow: hidden; }
  .guide-links_list {
    position: relative;
    -ms-flex: 2 0 0%;
        flex: 2 0 0%;
    padding: 0 0 0 30px;
    overflow: hidden;
    white-space: nowrap; }
    .guide-links_list::before {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      width: 0;
      border-right: 1px solid #000;
      border-left: 1px solid rgba(255, 255, 255, 0.1);
      content: ''; }
    .guide-links_list:first-child {
      padding-left: 0; }
      .guide-links_list:first-child::before {
        content: normal; }
  .guide-links_title {
    margin: 0 0 5px;
    color: #fff;
    font-size: 20px; }
  .guide-links_icon__game-wot {
    margin: -12px -12px 0 -20px; }
  .guide-links_icon__game-wowp {
    margin: -12px -2px 0 -11px; }
  .guide-links_icon__game-wows {
    margin: -12px -12px 0 -20px; }
  .guide-links_item {
    margin: 0 0 7px; }
  .guide-links_link__state-current, .guide-links_link__state-current:hover {
    border-bottom: none;
    color: #fff; }

.header {
  position: relative;
  z-index: 20;
  height: 63px;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.16);
  background: rgba(0, 0, 0, 0.6); }
  .header_holder {
    position: relative;
    height: 63px; }
    .header_holder:before, .header_holder:after {
      display: table;
      content: ''; }
    .header_holder:after {
      clear: both; }

.hr__main-top, .hr__main-bottom {
  position: relative;
  z-index: -1; }
  .hr__main-top::before, .hr__main-top::after, .hr__main-bottom::before, .hr__main-bottom::after {
    position: absolute;
    height: 160px;
    background-image: url(../images/v2/hr/hr-main.png);
    background-repeat: no-repeat;
    content: ''; }

.hr__main-top::before {
  right: 50%;
  bottom: 50%;
  left: 0;
  background-position: 0 0;
  transform: translateY(50%); }

.hr__main-top::after {
  right: 0;
  bottom: 50%;
  left: 50%;
  background-position: 100% 0;
  transform: translateY(50%); }

.hr__main-bottom::before {
  right: 0;
  top: 50%;
  left: 50%;
  background-position: 0 100%;
  transform: translateY(-50%) rotate(180deg); }

.hr__main-bottom::after {
  right: 50%;
  top: 50%;
  left: 0;
  background-position: 100% 100%;
  transform: translateY(-50%) rotate(180deg); }

.hr__simple {
  height: 1px;
  background: rgba(255, 255, 255, 0.06); }

.hr__dashed {
  height: 1px;
  background: url(../images/v2/hr/hr-dashed.png); }

.landing {
  position: absolute;
  top: 0;
  left: 0; }
  .landing_section {
    position: relative;
    overflow: hidden;
    background: #000 url(../images/v2/landing/landing-pattern.png); }

.language {
  height: 0;
  overflow: hidden;
  transition: height 0.5s; }
  .language_inner {
    padding-bottom: 45px;
    background: url(../images/v2/language/language-lighting.png) 50% 0 no-repeat;
    color: #808080;
    font-size: 14px; }
  .language_header {
    padding: 53px 0 0;
    border-top: 1px solid #262626;
    text-align: center; }
  .language_title {
    margin: 0 0 12px;
    color: #fff;
    font-size: 22px;
    text-transform: uppercase; }
  .language_body {
    padding: 36px 0 0; }
    .language_body:before, .language_body:after {
      display: table;
      content: ''; }
    .language_body:after {
      clear: both; }
  .language_realm {
    position: relative;
    width: 25%;
    float: left; }
    .language_realm::before {
      position: absolute;
      top: -35px;
      z-index: 0;
      display: none;
      height: 254px;
      content: ''; }
    .language_realm__ru::before {
      left: -90px;
      width: 273px;
      background-position: 0 0; }
    .language_realm__us::before {
      left: -60px;
      width: 190px;
      background-position: -485px 0; }
    .language_realm__eu::before {
      left: -75px;
      width: 212px;
      background-position: -273px 0; }
    .language_realm__sg::before {
      left: -105px;
      width: 312px;
      background-position: -675px 0; }
    .language_realm__kr::before {
      left: -50px;
      width: 174px;
      background-position: -987px 0; }
    .language_realm__state-current::before {
      display: block; }
  .language_realm-name {
    display: inline-block;
    margin: 0 0 21px;
    color: #7c7c7c;
    font-size: 20px;
    line-height: 1;
    transition: all .2s; }
    .language_realm__state-current .language_realm-name {
      color: #fff; }
    .language_realm__kr .language_realm-name {
      font-size: 18px; }
  .language_item {
    position: relative;
    margin: 0 0 3px; }
    .language_item__state-current {
      margin-left: 14px;
      color: #fff; }
      .language_item__state-current::before {
        position: absolute;
        top: 6px;
        left: -14px;
        width: 6px;
        height: 9px;
        background: url(../images/v2/language/language-chevron-right.png) 0 0 no-repeat;
        content: ''; }
  .language_link {
    position: relative;
    display: inline-block;
    padding: 0 0 1px;
    border-bottom: 1px solid transparent;
    color: inherit;
    font-size: inherit;
    line-height: 15px;
    transition: all .2s; }
    .language_link:hover {
      border-color: #fff;
      color: #fff; }

.language-list {
  display: inline-block; }
  .language-list__column {
    vertical-align: top; }
  .language-list_item {
    display: inline-block; }
    .language-list_item:not(:last-child) {
      margin: 0 10px 0 0; }
    .language-list__column .language-list_item {
      display: block;
      margin: 0 30px 0 0; }
      .language-list__column .language-list_item::after {
        content: normal; }
      .language-list__column .language-list_item:last-child {
        margin: 0 30px 0 0; }
  .language-list_name::after {
    content: ','; }
  .language-list__column .language-list_name::after,
  .language-list_item:last-child .language-list_name::after {
    content: normal; }
  .language-list_flag {
    vertical-align: middle; }
    .language-list_flag:not(:last-child) {
      margin: 0 8px 0 0; }

.language-toggle {
  position: relative;
  top: -3px;
  display: inline-block;
  padding-left: 45px;
  color: #fff;
  font-size: 14px;
  line-height: 25px;
  opacity: .7;
  transition: all .2s; }
  .language-toggle.multiple-languages {
    padding-right: 13px; }
  .language-toggle__open.multiple-languages, .language-toggle.multiple-languages:hover {
    color: #fff;
    opacity: 1; }
  .language-toggle::before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 34px;
    height: 17px;
    margin: -8px 0 0;
    background: url(../images/v2/language-toggle/language-toggle-map-icon.png) 0 0 no-repeat;
    content: ''; }
  .language-toggle.multiple-languages::after {
    position: absolute;
    top: 50%;
    right: 0;
    width: 6px;
    height: 9px;
    margin: -4px 0 0;
    background: url(../images/v2/language-toggle/language-toggle-chevron-right.png) 0 0 no-repeat;
    content: ''; }
  .language-toggle__open.multiple-languages::after {
    width: 9px;
    height: 6px;
    background: url(../images/v2/language-toggle/language-toggle-chevron-down.png) 0 0 no-repeat; }

.legal-notice {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 11000;
  box-sizing: border-box;
  width: 100%;
  padding: 17px 100px;
  border-top: 1px solid rgba(255, 255, 255, 0.07);
  box-shadow: 0 1px 0 0 #000;
  background: #212121 url(../images/components/noise.png);
  text-align: center; }
  .legal-notice_row {
    margin: 6px 0 0;
    font-size: 14px;
    line-height: 20px; }
  .legal-notice_link {
    border-color: transparent;
    color: #b1b2b3; }
    .legal-notice_link:hover {
      border-color: #fff;
      color: #fff; }
  .legal-notice_close {
    position: absolute;
    top: 50%;
    right: 60px;
    width: 44px;
    height: 44px;
    margin-top: -22px;
    opacity: .3;
    transition: opacity .2s;
    background: url(../images/v2/legal-notice/legal-notice-close.png); }
    .legal-notice_close:hover {
      opacity: 1; }

.loader {
  position: relative; }
  .loader > *:not(.loader_spinner) {
    opacity: .15;
    pointer-events: none; }
  .loader > .loader_spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 9999;
    width: 24px;
    height: 24px;
    transform: translate(-50%, -50%); }

.location {
  position: relative;
  box-sizing: border-box;
  max-width: 100%;
  padding: 0 0 0 35px; }
  .location_province {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -25px;
    margin-left: -12px;
    cursor: help; }
  .location_name {
    padding-right: 14px; }
  .location_map {
    color: #808080;
    font-size: 11px;
    white-space: normal;
    word-wrap: break-word;
    cursor: help; }

.member {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  max-width: 100%;
  height: 20px;
  font-weight: 700;
  white-space: nowrap; }
  .member__epaulettes {
    padding-left: 20px; }
  .member__tag {
    padding-right: 75px; }
  .member__state-banned, .member__state-banned-temporary {
    opacity: .6; }
  .member_epaulettes {
    position: absolute;
    top: -11px;
    left: -14px; }
  .member_name, .member_tag {
    color: #658c4c;
    line-height: 19px; }
    .member[href] .member_name, .member[href] .member_tag {
      border-bottom: 1px solid rgba(101, 140, 76, 0.3); }
    .member[href]:hover .member_name, .member[href]:hover .member_tag {
      border-bottom: 1px solid transparent; }
    .member__state-banned .member_name, .member__state-banned .member_tag {
      text-decoration: line-through; }
    .member__type-search .member_name, .member__type-search .member_tag {
      color: #dcdcdc; }
  .member_name {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    border-bottom: 1px solid transparent;
    text-overflow: ellipsis;
    vertical-align: middle;
    transition: border-bottom-color .2s; }
  .member_tag {
    position: absolute;
    top: 2px;
    right: -5px;
    width: 75px; }

.menu {
  position: relative;
  display: inline-block;
  width: 100%;
  margin: 7px 0 0;
  text-align: left;
  white-space: nowrap; }
  .menu_wrapper {
    position: absolute;
    top: 35px;
    display: none;
    width: 100%;
    height: 0;
    text-align: left; }
  .menu_toggle {
    position: relative;
    display: inline-block;
    border-bottom: 1px dashed rgba(255, 255, 255, 0.3);
    color: #fff;
    font-size: 20px;
    line-height: 1;
    transition: border-bottom-color .2s; }
    .menu_toggle:hover {
      border-bottom-color: transparent;
      color: #fff; }
    .menu_toggle::after {
      position: absolute;
      top: 50%;
      right: -20px;
      width: 11px;
      height: 7px;
      margin: -3px 0 0;
      background-position: 0 0;
      background-image: url(../images/v2/menu/menu-toggle.png);
      background-repeat: no-repeat;
      content: ''; }
    .menu__state-open .menu_toggle::after {
      background-position: 0 -7px; }
  .menu_list {
    position: relative;
    z-index: 100;
    display: inline-block;
    min-width: 150px;
    padding: 4px 15px;
    border: 1px solid rgba(255, 255, 255, 0.07);
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.18), 10px 0 25px rgba(0, 0, 0, 0.41);
    background: #2f3233 url(../images/v2/common/common-noise.png);
    color: #dcdcdc;
    text-align: left; }
    .menu_list::after {
      position: absolute;
      top: -3px;
      right: -1px;
      left: -1px;
      width: auto;
      height: 3px;
      border-bottom: 1px solid rgba(0, 0, 0, 0.3);
      background: #5b5c53;
      content: ''; }
    .menu_list::before {
      position: absolute;
      top: -8px;
      left: 50%;
      border-right: 5px solid transparent;
      border-bottom: 5px solid #5b5c53;
      border-left: 5px solid transparent;
      opacity: 0;
      content: '';
      transition: all .2s;
      transform: translateX(-50%); }
      .menu__state-open .menu_list::before {
        opacity: 1; }
  .menu_item {
    border-top: 1px solid rgba(255, 255, 255, 0.05); }
    .menu_item:first-child {
      border-top: none; }
  .menu_link {
    position: relative;
    display: block;
    color: inherit;
    line-height: 34px; }
    .menu_link::before {
      position: absolute;
      top: 4px;
      left: -16px;
      width: 3px;
      height: 26px;
      background-color: #fff;
      opacity: 0;
      content: '';
      transition: opacity .2s; }
    .menu_link:hover {
      color: inherit; }
    .menu_link:hover::before {
      opacity: 1; }
    .menu_link__state-current::before {
      background-color: #ffc233;
      opacity: 1; }

.message {
  position: relative;
  margin: 30px 0;
  padding: 2px 0 0 15px;
  border-width: 0 0 0 3px;
  border-style: solid;
  color: #dcdcdc;
  font-size: 16px;
  line-height: 23px;
  text-align: left; }
  .message__no-gutter {
    margin: 0; }
  .message__error {
    border-color: #c50202; }
  .message__info {
    border-color: #3490ec; }
  .message__gold {
    border-color: #ffc364; }
  .message__credits {
    border-color: #ced9d9; }
  .message__premod {
    border-color: #3490ec; }
  .message_alignment {
    display: inline-block; }
    .message_alignment__left {
      width: 80%; }
    .message_alignment__right {
      width: 20%;
      text-align: right; }
  .message_amount {
    color: #dcdcdc;
    font-size: 20px;
    font-weight: 700;
    text-shadow: 0 0 10px rgba(255, 255, 255, 0.18); }
  .message_link {
    display: inline-block;
    margin-top: 10px; }
  .message_epaulettes {
    position: relative;
    margin: -12px -18px; }

.modes {
  opacity: 0;
  transform: scale(0.7);
  transition: all 0s .3s; }
  .fp-viewing-modes-0 .modes {
    opacity: 1;
    transform: scale(1);
    transition: opacity .3s .5s, transform .5s .5s; }
  .fp-viewed-modes .modes {
    opacity: 1;
    transform: scale(1);
    transition: none; }
  .modes_item {
    position: absolute;
    width: 50%;
    top: 50%;
    transform: translateY(-50%); }
    .modes_item__gm {
      right: 0; }
  .modes_content {
    position: absolute;
    box-sizing: border-box;
    padding: 0 53px;
    width: 100%;
    transform: translateY(0); }
    @media all and (min-width: 1378px) and (min-height: 800px) {
      .modes_content {
        padding-right: 70px;
        padding-left: 70px; } }
    .modes_item__gm .modes_content {
      right: 100%;
      bottom: 0;
      text-align: right;
      transform: translateY(66px); }
    .modes_item__sh .modes_content {
      left: 100%;
      transform: translateY(-66px); }
  .modes_title {
    margin: 0 0 14px;
    font-size: 30px;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    opacity: 0;
    transition: all 0s .3s;
    transform: translateY(-10px); }
    .fp-viewing-modes-0 .modes_title {
      transform: translateY(0);
      opacity: 1; }
    .fp-viewing-modes-0 .modes_item__sh .modes_title {
      transition: all .2s 1.4s; }
    .fp-viewing-modes-0 .modes_item__gm .modes_title {
      transition: all .2s 1.75s; }
    .fp-viewing-modes-0.fp-viewed-modes .modes_title {
      transform: translateY(0);
      opacity: 1;
      transition: none; }
    @media all and (min-width: 1378px) and (min-height: 800px) {
      .modes_title {
        margin-bottom: 16px;
        font-size: 38px; } }
  .modes_description {
    color: #dcdcdc;
    font-size: 15px;
    line-height: 23px;
    opacity: 0;
    transition: all 0s .3s;
    transform: translateY(-10px); }
    .fp-viewing-modes-0 .modes_description {
      transform: translateY(0);
      opacity: 1; }
    .fp-viewing-modes-0 .modes_item__sh .modes_description {
      transition: all .2s 1.55s; }
    .fp-viewing-modes-0 .modes_item__gm .modes_description {
      transition: all .2s 1.90s; }
    .fp-viewing-modes-0.fp-viewed-modes .modes_description {
      transform: translateY(0);
      opacity: 1;
      transition: none; }
    @media all and (min-width: 1378px) and (min-height: 800px) {
      .modes_description {
        font-size: 17px;
        line-height: 25px; } }
  .modes_image {
    position: relative;
    max-width: 720px;
    transform: translateY(0);
    transition: transform 0s .3s; }
    .modes_image:before {
      display: block;
      width: 100%;
      padding-top: 83.05556%;
      content: " "; }
    .modes_image .modes_art {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0; }
    .fp-viewing-modes-0 .modes_image {
      transition: transform 0.6s cubic-bezier(0, 0, 0, 0.97) 1.2s; }
    .modes_item__gm .modes_image {
      right: 60px; }
    .fp-viewing-modes-0 .modes_item__gm .modes_image {
      transform: translateY(114px); }
    .modes_item__sh .modes_image {
      left: 60px; }
    .fp-viewing-modes-0 .modes_item__sh .modes_image {
      transform: translateY(-78px); }
    .fp-viewed-modes .modes_item__gm .modes_image {
      transform: translateY(114px);
      transition: none; }
    .fp-viewed-modes .modes_item__sh .modes_image {
      transform: translateY(-78px);
      transition: none; }
  .modes_art {
    background-size: contain;
    background-repeat: no-repeat; }
    .modes_item__gm .modes_art {
      background-image: url(../images/v2/modes/modes-art-gm.png);
      background-position: 0 10px; }
      .realm-RUBY .modes_item__gm .modes_art {
        background-image: url(../images/v2/modes/modes-art-gm-ruby.png); }
    .realm-CN .modes_item__gm .modes_art {
      background-image: url(../images/v2/modes/modes-art-gm-cn.png);
      background-position: 0 10px; }
    .modes_item__sh .modes_art {
      background-image: url(../images/v2/modes/modes-art-sh.png); }

.more {
  height: 24px;
  line-height: 24px;
  text-align: center; }
  .more__state-hidden {
    visibility: hidden; }
  .more_spinner {
    position: relative;
    display: inline-block;
    width: 24px;
    height: 24px; }

.notification {
  position: relative; }
  .notification:not(:last-child) {
    margin: 0 0 30px; }
  .notification__iconed {
    padding: 0 0 0 40px; }
  .notification_icon {
    position: absolute;
    top: -10px;
    left: -10px; }
  .notification_footnote {
    margin: 20px 0 0;
    font-size: 14px;
    line-height: 20px; }

.overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  background-color: rgba(0, 0, 0, 0.8); }
  .overlay__sidebar {
    z-index: 24000; }
  .sidebar-state-opened.viewport-min .overlay {
    display: block; }

.page-header {
  position: relative;
  padding: 60px 0 45px;
  text-align: center; }
  .page-header_inner {
    position: relative;
    display: inline-block;
    max-width: 60%; }
  .page-header_title {
    position: relative;
    margin: 0;
    line-height: 35px; }
  .page-header_superscript {
    position: absolute;
    top: -10px;
    left: 100%;
    margin: 0 0 0 5px;
    color: #b1b2b3;
    font-size: 20px; }
    .page-header_superscript::before {
      content: '('; }
    .page-header_superscript::after {
      content: ')'; }
  .page-header_emblem {
    position: absolute;
    top: 0;
    left: -75px;
    opacity: .8;
    transition: all .2s; }
    .page-header_link:hover .page-header_emblem {
      opacity: 1; }
  .page-header_link {
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    color: inherit;
    text-align: left;
    text-overflow: ellipsis;
    vertical-align: bottom;
    white-space: nowrap;
    transition: all .2s; }
    .page-header_link:hover {
      border-color: transparent;
      color: inherit; }
  .page-header_text {
    margin-bottom: 15px; }
  .page-header_back {
    position: absolute;
    top: 75px;
    right: 0; }
  .page-header_add {
    position: absolute;
    top: 1px;
    left: 100%;
    margin: 0 0 0 70px; }

.page-service {
  padding: 150px 0 0;
  text-align: center; }
  .page-service_content {
    margin: 0 0 55px; }
  .page-service_title {
    margin: 0; }
  .page-service_premod {
    margin: 10px 0 0; }
  .page-service_message {
    margin: 35px 0 0; }
    .page-service_message__important {
      color: #dcdcdc;
      font-weight: 700; }
  .page-service_clan-name {
    color: #dcdcdc; }

.paging {
  margin: 30px 0; }
  .paging:before, .paging:after {
    display: table;
    content: ''; }
  .paging:after {
    clear: both; }
  .paging__no-gutter {
    margin: 0; }
  .paging_general {
    float: left; }
  .paging_per-page {
    float: right; }
  .paging_list {
    display: inline-block; }
  .paging_item {
    position: relative;
    display: inline-block;
    width: 34px;
    margin: 0 5px;
    line-height: 36px;
    text-align: center; }
    .paging_item:first-child {
      margin-left: 0; }
    .paging_item:last-child {
      margin-right: 0; }
    .paging_item::after {
      position: absolute;
      right: 0;
      bottom: 0;
      left: 0;
      height: 3px;
      opacity: 0;
      content: '';
      transition: opacity .2s; }
    .paging_item:hover::after {
      background-color: #fff;
      opacity: 1; }
    .paging_item__current::after, .paging_item__current:hover::after {
      background-color: #e5b12e;
      opacity: 1; }
    .paging_item__three-dots {
      margin: 0; }
      .paging_item__three-dots::after, .paging_item__three-dots:hover::after {
        display: none; }
  .paging_link {
    display: inline-block;
    width: 100%;
    color: #dcdcdc; }
    .paging_link:hover {
      color: #dcdcdc; }
  .paging_arrow {
    position: relative;
    top: -2px;
    display: inline-block;
    color: #b1b2b3;
    font-size: 22px;
    line-height: 36px;
    vertical-align: bottom; }
    .paging_arrow:hover {
      color: #b1b2b3; }
    .paging_arrow__state-disabled, .paging_arrow__state-disabled:hover {
      color: #3f4040;
      cursor: default; }
    .paging_arrow__prev {
      margin-right: 15px; }
    .paging_arrow__next {
      margin-left: 15px; }
  .paging_text {
    display: inline-block;
    margin: 0 15px 0 0; }

.player-history {
  position: relative;
  display: table;
  box-sizing: border-box;
  width: 100%;
  height: 70px;
  table-layout: fixed; }
  .player-history__state-loading {
    height: 30px; }
  .player-history_cell {
    display: table-cell;
    vertical-align: middle; }
    .player-history_cell__clan {
      width: 50%;
      padding-right: 20px; }
      @media all and (max-width: 1100px) {
        .player-history_cell__clan {
          width: 60%; } }
    .player-history_cell__params {
      width: 25%;
      background: url(../images/v2/player-history/player-history-dot.png) left top repeat-y;
      text-align: center; }
      @media all and (max-width: 1100px) {
        .player-history_cell__params {
          display: none; } }
    .player-history_cell__combo {
      display: none;
      width: 40%;
      padding: 0 20px;
      background: url(../images/v2/player-history/player-history-dot.png) left top repeat-y; }
      @media all and (max-width: 1100px) {
        .player-history_cell__combo {
          display: table-cell; } }
  .player-history_value {
    margin-left: 10px;
    font-weight: 700; }
  .player-history_icon {
    margin: -2px -5px 0 0;
    vertical-align: middle; }
  .player-history_spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 24px;
    height: 24px;
    margin: -12px 0 0 -12px; }

.points-total {
  position: relative;
  margin: 0 0 30px;
  color: #dcdcdc;
  font-weight: 700; }
  .points-total_lable {
    display: inline-block;
    margin: 0 5px 0 0; }
  .points-total_value__positive {
    color: #39b54a; }
  .points-total_value__negative {
    color: #c42a30; }

.profit {
  display: inline-block;
  text-align: right;
  vertical-align: middle; }
  .profit_value {
    display: inline-block;
    color: #ffc364;
    font-size: 13px;
    font-weight: 700;
    line-height: 23px;
    white-space: nowrap; }
    .profit__line-through .profit_value {
      text-decoration: line-through;
      opacity: .4; }
    .profit__robbed .profit_value {
      color: #808080;
      text-decoration: line-through; }
  .profit_fire {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 9px;
    height: 14px;
    margin: 0 5px 0 0;
    background: url(../images/v2/profit/fire.png) center no-repeat;
    vertical-align: middle; }
  .profit_level {
    display: block;
    margin: -3px 4px 0 0;
    color: #808080;
    font-size: 11px;
    line-height: 11px; }
    .profit__line-through .profit_level,
    .profit__robbed .profit_level {
      opacity: .8; }
  .profit__robbed .profit_currency {
    opacity: .4; }

.province-preview {
  display: inline-block;
  box-sizing: border-box;
  max-width: 100%;
  padding: 0 15px 0 38px; }
  .province-preview_icon {
    position: relative;
    display: inline-block;
    margin: 0 0 0 -48px;
    vertical-align: middle;
    cursor: default; }
  .province-preview_external {
    margin: -1px -14px 0 4px;
    vertical-align: middle;
    opacity: .3; }
  .province-preview_inner {
    display: inline-block;
    width: 100%;
    vertical-align: middle; }
  .province-preview_name {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    color: #fff;
    font-size: 14px;
    line-height: 19px;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
    transition: all .2s; }
    .province-preview_name:hover {
      border-bottom: 1px solid transparent; }

.rating-elo {
  margin: 0 auto;
  font-size: 14px; }
  .rating-elo_td {
    vertical-align: middle; }
  .rating-elo_icon {
    position: absolute;
    top: 50%;
    left: 0;
    margin: -25px 0 0; }
  .rating-elo_title {
    position: relative;
    display: inline-block;
    padding: 0 0 0 45px;
    line-height: 18px;
    text-align: left; }
  .rating-elo_index {
    margin: 0 0 0 20px;
    color: #fff;
    white-space: nowrap; }
    .rating-elo_index__state-notranked {
      opacity: .4; }
  .rating-elo_value, .rating-elo_key {
    display: block; }
  .rating-elo_value {
    color: #d9d9d9;
    font-size: 19px;
    font-weight: 700; }
  .rating-elo_key {
    color: #b1b2b3; }

.rating {
  position: relative; }
  .rating_message {
    position: relative;
    z-index: 20;
    width: 75%;
    margin: 25px 0; }
  .rating_scroll-to {
    position: relative;
    z-index: 15;
    display: inline-block;
    margin: 0 0 15px; }

.scroll-top {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  display: block;
  width: 35px;
  height: 35px;
  margin: -6px 0 0;
  background: url(../images/v2/scroll-top/scroll-top.png);
  cursor: pointer; }

.sidebar_body::before, .sidebar_footer::before {
  position: absolute;
  left: 50%;
  width: 280px;
  height: 20px;
  background-repeat: no-repeat;
  background-image: url(../images/v2/sidebar/sidebar-inner-shadows.png);
  transform: translateX(-50%);
  content: ''; }

.sidebar {
  background-image: url(../images/v2/sidebar/sidebar-bg.jpg);
  background-repeat: no-repeat;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 25000;
  overflow: hidden;
  box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.5);
  background-position: right top;
  background-color: #101010; }
  @media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 1.5dppx) {
    .sidebar {
      background-image: url(../images/v2/sidebar/sidebar-bg@2x.jpg);
      background-size: cover; } }
  .sidebar::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 1px;
    background-color: rgba(255, 255, 255, 0.05);
    content: ''; }
  .sidebar_toggle {
    position: relative;
    display: block;
    height: 45px;
    padding: 0 0 0 42px;
    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.08), 0 1px 0 #000;
    opacity: .6;
    transition: opacity .2s; }
    .sidebar_toggle:hover {
      opacity: 1; }
  .sidebar_toggle-label {
    color: #b1b2b3;
    font-size: 14px;
    line-height: 45px;
    text-transform: uppercase; }
    .sidebar__state-closed .sidebar_toggle-label {
      display: none; }
  .sidebar_toggle-icon {
    position: absolute;
    top: -3px;
    left: 2px;
    z-index: 5;
    transition: transform .2s; }
    .sidebar__state-closed .mCS_no_scrollbar .sidebar_toggle-icon {
      left: 5px; }
    .sidebar__state-closed .sidebar_toggle-icon {
      transform: rotate(180deg); }
    .sidebar__state-opened .sidebar_toggle-icon {
      transform: rotate(0); }
  .sidebar_holder {
    box-sizing: border-box;
    height: 100%; }
    .sidebar__state-closed .mCS_no_scrollbar .sidebar_holder {
      width: 60px;
      padding-right: 10px;
      padding-left: 10px; }
    .sidebar__state-closed .sidebar_holder {
      width: 60px;
      padding-right: 15px;
      padding-left: 5px; }
    .sidebar__state-opened .sidebar_holder {
      width: 280px;
      padding-right: 30px;
      padding-left: 30px; }
  .sidebar_body {
    position: relative;
    margin: 10px 0 15px; }
    .sidebar_body::before {
      top: -10px;
      background-position: 0 -20px; }
  .sidebar_footer {
    box-sizing: border-box;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0; }
    .sidebar__state-closed .mCS_no_scrollbar .sidebar_footer {
      width: 60px;
      padding-right: 10px;
      padding-left: 10px; }
    .sidebar__state-closed .sidebar_footer {
      width: 60px;
      padding-right: 15px;
      padding-left: 5px; }
    .sidebar__state-opened .sidebar_footer {
      width: 280px;
      padding-right: 30px;
      padding-left: 30px; }
    .sidebar_footer::before {
      top: -20px; }

.sidebar-clan {
  position: relative;
  z-index: 10;
  display: block;
  height: 40px;
  margin: 0 -10px;
  padding: 0 10px;
  color: #808080;
  font-size: 16px;
  line-height: 20px; }
  .sidebar-clan:hover {
    color: #808080; }
  .sidebar-clan__pending, .sidebar-clan__pending:hover {
    color: #808080; }
  .sidebar__state-opened .sidebar-clan {
    display: table-cell;
    padding-left: 50px;
    vertical-align: middle; }
  .sidebar-clan_epaulette {
    position: absolute;
    position: absolute;
    z-index: 20;
    width: 48px;
    height: 48px;
    background: url(../images/v2/sidebar/sidebar-epaulette-bg.png) no-repeat;
    content: ''; }
    .sidebar__state-opened .sidebar-clan_epaulette {
      bottom: -18px;
      left: -21px; }
    .sidebar__state-closed .sidebar-clan_epaulette {
      bottom: -15px;
      left: -6px; }
  .sidebar-clan_emblem {
    position: absolute;
    z-index: 10; }
    .sidebar-clan__pending .sidebar-clan_emblem {
      background: url(../images/v2/sidebar/sidebar-emblem-pending.png) no-repeat 0 0/cover; }
    .sidebar__state-closed .sidebar-clan_emblem {
      top: 50%;
      left: 50%;
      width: 32px;
      height: 32px;
      margin: -16px 0 0 -16px; }
    .sidebar__state-opened .sidebar-clan_emblem {
      top: 0;
      left: 0;
      width: 40px;
      height: 40px; }
  .sidebar-clan_tag {
    display: inline-block;
    vertical-align: top; }
    .sidebar__state-closed .sidebar-clan_tag {
      display: none; }
    .sidebar-clan__pending .sidebar-clan_tag {
      opacity: .5; }
  .sidebar-clan_name {
    display: inline-block;
    max-width: 170px;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
    white-space: nowrap; }
    .sidebar__state-closed .sidebar-clan_name {
      display: none; }
    .sidebar-clan__pending .sidebar-clan_name {
      opacity: .5; }

.sidebar-footer_leave {
  display: inline-block;
  margin: 0 0 10px;
  border-bottom: 1px solid transparent;
  color: #808080;
  font-size: 14px;
  line-height: 16px;
  transition: border .2s; }
  .sidebar-footer_leave:hover {
    border-color: #808080;
    color: #808080; }
  .sidebar__state-closed .sidebar-footer_leave {
    visibility: hidden; }

.sidebar-footer_guide {
  font-size: 14px;
  line-height: 20px;
  white-space: nowrap; }
  .sidebar__state-closed .sidebar-footer_guide {
    visibility: hidden; }

.sidebar-game {
  position: relative;
  box-sizing: border-box;
  height: 70px;
  margin: 0 -30px;
  padding: 15px 30px 15px 20px;
  border-top: 1px solid #000;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), inset 0 -1px 0 rgba(255, 255, 255, 0.08), 0 1px 0 #000; }
  .sidebar-game__has-clan {
    display: block;
    background-image: url(../images/v2/sidebar/sidebar-header.png);
    background-repeat: no-repeat; }
  .sidebar__state-closed .sidebar-game {
    margin-right: -10px;
    margin-left: -10px;
    padding-right: 10px;
    padding-left: 10px; }
  .sidebar-game::before, .sidebar-game::after {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    width: 100%;
    height: 100%;
    background-image: url(../images/v2/sidebar/sidebar-header.png);
    background-repeat: no-repeat; }
  .sidebar-game::before {
    content: ''; }
  .sidebar-game__state-current::after {
    content: ''; }
  .sidebar-game__wot {
    background-position: 0px 0; }
    .sidebar-game__wot::before {
      background-position: 0px -69px; }
    .sidebar-game__wot::after {
      background-position: 0px -138px; }
    .sidebar__state-closed .sidebar-game__wot::after {
      background-position: 0px -207px; }
  .sidebar-game__wowp {
    background-position: -280px 0; }
    .sidebar-game__wowp::before {
      background-position: -280px -69px; }
    .sidebar-game__wowp::after {
      background-position: -280px -138px; }
    .sidebar__state-closed .sidebar-game__wowp::after {
      background-position: -280px -207px; }
  .sidebar-game__wows {
    background-position: -560px 0; }
    .sidebar-game__wows::before {
      background-position: -560px -69px; }
    .sidebar-game__wows::after {
      background-position: -560px -138px; }
    .sidebar__state-closed .sidebar-game__wows::after {
      background-position: -560px -207px; }
  .sidebar-game_link {
    position: relative;
    z-index: 10;
    display: block;
    height: 70px;
    margin: -15px 0;
    padding: 0 0 0 50px;
    color: #808080;
    font-size: 16px;
    line-height: 69px;
    text-decoration: none;
    text-transform: uppercase; }
    .sidebar-game_link:hover {
      color: #808080;
      text-decoration: none;
      text-transform: uppercase; }
  .sidebar-game_title {
    text-transform: uppercase;
    white-space: nowrap; }
    .sidebar__state-closed .sidebar-game_title {
      display: none; }
  .sidebar-game_icon {
    position: absolute;
    top: 50%;
    left: -10px;
    opacity: .6;
    transform: translateY(-50%); }

.sidebar-navigation {
  position: relative; }
  .sidebar-navigation_link {
    position: relative;
    display: block;
    margin: 0 -10px;
    padding: 2px 10px 0 50px;
    color: #b1b2b3;
    font-size: 14px;
    transition: all .2s; }
    @media (max-height: 730px) {
      .sidebar-navigation_link {
        height: 40px;
        line-height: 40px; } }
    @media (min-height: 729px) {
      .sidebar-navigation_link {
        height: 50px;
        line-height: 50px; } }
    .sidebar-navigation_link:hover {
      color: #b1b2b3; }
    .sidebar-navigation_link__game {
      padding-left: 10px; }
    .sidebar-navigation__type-game .sidebar-navigation_link,
    .sidebar-navigation__type-footer .sidebar-navigation_link {
      height: 70px;
      padding-top: 0;
      background: none;
      line-height: 70px; }
    .sidebar-navigation__type-general .sidebar-navigation_link:nth-child(1):hover ~ .sidebar-navigation_decor__hover,
    .sidebar-navigation__type-general .sidebar-navigation_link:nth-child(1).sidebar-navigation_link__state-current ~ .sidebar-navigation_decor__current {
      display: block; }
      @media (max-height: 730px) {
        .sidebar-navigation__type-general .sidebar-navigation_link:nth-child(1):hover ~ .sidebar-navigation_decor__hover,
        .sidebar-navigation__type-general .sidebar-navigation_link:nth-child(1).sidebar-navigation_link__state-current ~ .sidebar-navigation_decor__current {
          transform: translateY(42px); } }
      @media (min-height: 729px) {
        .sidebar-navigation__type-general .sidebar-navigation_link:nth-child(1):hover ~ .sidebar-navigation_decor__hover,
        .sidebar-navigation__type-general .sidebar-navigation_link:nth-child(1).sidebar-navigation_link__state-current ~ .sidebar-navigation_decor__current {
          transform: translateY(52px); } }
    .sidebar-navigation__type-general .sidebar-navigation_link:nth-child(2):hover ~ .sidebar-navigation_decor__hover,
    .sidebar-navigation__type-general .sidebar-navigation_link:nth-child(2).sidebar-navigation_link__state-current ~ .sidebar-navigation_decor__current {
      display: block; }
      @media (max-height: 730px) {
        .sidebar-navigation__type-general .sidebar-navigation_link:nth-child(2):hover ~ .sidebar-navigation_decor__hover,
        .sidebar-navigation__type-general .sidebar-navigation_link:nth-child(2).sidebar-navigation_link__state-current ~ .sidebar-navigation_decor__current {
          transform: translateY(84px); } }
      @media (min-height: 729px) {
        .sidebar-navigation__type-general .sidebar-navigation_link:nth-child(2):hover ~ .sidebar-navigation_decor__hover,
        .sidebar-navigation__type-general .sidebar-navigation_link:nth-child(2).sidebar-navigation_link__state-current ~ .sidebar-navigation_decor__current {
          transform: translateY(104px); } }
    .sidebar-navigation__type-general .sidebar-navigation_link:nth-child(3):hover ~ .sidebar-navigation_decor__hover,
    .sidebar-navigation__type-general .sidebar-navigation_link:nth-child(3).sidebar-navigation_link__state-current ~ .sidebar-navigation_decor__current {
      display: block; }
      @media (max-height: 730px) {
        .sidebar-navigation__type-general .sidebar-navigation_link:nth-child(3):hover ~ .sidebar-navigation_decor__hover,
        .sidebar-navigation__type-general .sidebar-navigation_link:nth-child(3).sidebar-navigation_link__state-current ~ .sidebar-navigation_decor__current {
          transform: translateY(126px); } }
      @media (min-height: 729px) {
        .sidebar-navigation__type-general .sidebar-navigation_link:nth-child(3):hover ~ .sidebar-navigation_decor__hover,
        .sidebar-navigation__type-general .sidebar-navigation_link:nth-child(3).sidebar-navigation_link__state-current ~ .sidebar-navigation_decor__current {
          transform: translateY(156px); } }
    .sidebar-navigation__type-general .sidebar-navigation_link:nth-child(4):hover ~ .sidebar-navigation_decor__hover,
    .sidebar-navigation__type-general .sidebar-navigation_link:nth-child(4).sidebar-navigation_link__state-current ~ .sidebar-navigation_decor__current {
      display: block; }
      @media (max-height: 730px) {
        .sidebar-navigation__type-general .sidebar-navigation_link:nth-child(4):hover ~ .sidebar-navigation_decor__hover,
        .sidebar-navigation__type-general .sidebar-navigation_link:nth-child(4).sidebar-navigation_link__state-current ~ .sidebar-navigation_decor__current {
          transform: translateY(168px); } }
      @media (min-height: 729px) {
        .sidebar-navigation__type-general .sidebar-navigation_link:nth-child(4):hover ~ .sidebar-navigation_decor__hover,
        .sidebar-navigation__type-general .sidebar-navigation_link:nth-child(4).sidebar-navigation_link__state-current ~ .sidebar-navigation_decor__current {
          transform: translateY(208px); } }
    .sidebar-navigation__type-general .sidebar-navigation_link:nth-child(5):hover ~ .sidebar-navigation_decor__hover,
    .sidebar-navigation__type-general .sidebar-navigation_link:nth-child(5).sidebar-navigation_link__state-current ~ .sidebar-navigation_decor__current {
      display: block; }
      @media (max-height: 730px) {
        .sidebar-navigation__type-general .sidebar-navigation_link:nth-child(5):hover ~ .sidebar-navigation_decor__hover,
        .sidebar-navigation__type-general .sidebar-navigation_link:nth-child(5).sidebar-navigation_link__state-current ~ .sidebar-navigation_decor__current {
          transform: translateY(210px); } }
      @media (min-height: 729px) {
        .sidebar-navigation__type-general .sidebar-navigation_link:nth-child(5):hover ~ .sidebar-navigation_decor__hover,
        .sidebar-navigation__type-general .sidebar-navigation_link:nth-child(5).sidebar-navigation_link__state-current ~ .sidebar-navigation_decor__current {
          transform: translateY(260px); } }
    .sidebar-navigation__type-general .sidebar-navigation_link:nth-child(6):hover ~ .sidebar-navigation_decor__hover,
    .sidebar-navigation__type-general .sidebar-navigation_link:nth-child(6).sidebar-navigation_link__state-current ~ .sidebar-navigation_decor__current {
      display: block; }
      @media (max-height: 730px) {
        .sidebar-navigation__type-general .sidebar-navigation_link:nth-child(6):hover ~ .sidebar-navigation_decor__hover,
        .sidebar-navigation__type-general .sidebar-navigation_link:nth-child(6).sidebar-navigation_link__state-current ~ .sidebar-navigation_decor__current {
          transform: translateY(252px); } }
      @media (min-height: 729px) {
        .sidebar-navigation__type-general .sidebar-navigation_link:nth-child(6):hover ~ .sidebar-navigation_decor__hover,
        .sidebar-navigation__type-general .sidebar-navigation_link:nth-child(6).sidebar-navigation_link__state-current ~ .sidebar-navigation_decor__current {
          transform: translateY(312px); } }
    .sidebar-navigation__type-general .sidebar-navigation_link:nth-child(7):hover ~ .sidebar-navigation_decor__hover,
    .sidebar-navigation__type-general .sidebar-navigation_link:nth-child(7).sidebar-navigation_link__state-current ~ .sidebar-navigation_decor__current {
      display: block; }
      @media (max-height: 730px) {
        .sidebar-navigation__type-general .sidebar-navigation_link:nth-child(7):hover ~ .sidebar-navigation_decor__hover,
        .sidebar-navigation__type-general .sidebar-navigation_link:nth-child(7).sidebar-navigation_link__state-current ~ .sidebar-navigation_decor__current {
          transform: translateY(294px); } }
      @media (min-height: 729px) {
        .sidebar-navigation__type-general .sidebar-navigation_link:nth-child(7):hover ~ .sidebar-navigation_decor__hover,
        .sidebar-navigation__type-general .sidebar-navigation_link:nth-child(7).sidebar-navigation_link__state-current ~ .sidebar-navigation_decor__current {
          transform: translateY(364px); } }
    .sidebar-navigation__type-general .sidebar-navigation_link:nth-child(8):hover ~ .sidebar-navigation_decor__hover,
    .sidebar-navigation__type-general .sidebar-navigation_link:nth-child(8).sidebar-navigation_link__state-current ~ .sidebar-navigation_decor__current {
      display: block; }
      @media (max-height: 730px) {
        .sidebar-navigation__type-general .sidebar-navigation_link:nth-child(8):hover ~ .sidebar-navigation_decor__hover,
        .sidebar-navigation__type-general .sidebar-navigation_link:nth-child(8).sidebar-navigation_link__state-current ~ .sidebar-navigation_decor__current {
          transform: translateY(336px); } }
      @media (min-height: 729px) {
        .sidebar-navigation__type-general .sidebar-navigation_link:nth-child(8):hover ~ .sidebar-navigation_decor__hover,
        .sidebar-navigation__type-general .sidebar-navigation_link:nth-child(8).sidebar-navigation_link__state-current ~ .sidebar-navigation_decor__current {
          transform: translateY(416px); } }
    .sidebar-navigation__type-general .sidebar-navigation_link:nth-child(9):hover ~ .sidebar-navigation_decor__hover,
    .sidebar-navigation__type-general .sidebar-navigation_link:nth-child(9).sidebar-navigation_link__state-current ~ .sidebar-navigation_decor__current {
      display: block; }
      @media (max-height: 730px) {
        .sidebar-navigation__type-general .sidebar-navigation_link:nth-child(9):hover ~ .sidebar-navigation_decor__hover,
        .sidebar-navigation__type-general .sidebar-navigation_link:nth-child(9).sidebar-navigation_link__state-current ~ .sidebar-navigation_decor__current {
          transform: translateY(378px); } }
      @media (min-height: 729px) {
        .sidebar-navigation__type-general .sidebar-navigation_link:nth-child(9):hover ~ .sidebar-navigation_decor__hover,
        .sidebar-navigation__type-general .sidebar-navigation_link:nth-child(9).sidebar-navigation_link__state-current ~ .sidebar-navigation_decor__current {
          transform: translateY(468px); } }
    .sidebar-navigation__type-general .sidebar-navigation_link:nth-child(10):hover ~ .sidebar-navigation_decor__hover,
    .sidebar-navigation__type-general .sidebar-navigation_link:nth-child(10).sidebar-navigation_link__state-current ~ .sidebar-navigation_decor__current {
      display: block; }
      @media (max-height: 730px) {
        .sidebar-navigation__type-general .sidebar-navigation_link:nth-child(10):hover ~ .sidebar-navigation_decor__hover,
        .sidebar-navigation__type-general .sidebar-navigation_link:nth-child(10).sidebar-navigation_link__state-current ~ .sidebar-navigation_decor__current {
          transform: translateY(420px); } }
      @media (min-height: 729px) {
        .sidebar-navigation__type-general .sidebar-navigation_link:nth-child(10):hover ~ .sidebar-navigation_decor__hover,
        .sidebar-navigation__type-general .sidebar-navigation_link:nth-child(10).sidebar-navigation_link__state-current ~ .sidebar-navigation_decor__current {
          transform: translateY(520px); } }
    .sidebar-navigation__type-general .sidebar-navigation_link:nth-child(11):hover ~ .sidebar-navigation_decor__hover,
    .sidebar-navigation__type-general .sidebar-navigation_link:nth-child(11).sidebar-navigation_link__state-current ~ .sidebar-navigation_decor__current {
      display: block; }
      @media (max-height: 730px) {
        .sidebar-navigation__type-general .sidebar-navigation_link:nth-child(11):hover ~ .sidebar-navigation_decor__hover,
        .sidebar-navigation__type-general .sidebar-navigation_link:nth-child(11).sidebar-navigation_link__state-current ~ .sidebar-navigation_decor__current {
          transform: translateY(462px); } }
      @media (min-height: 729px) {
        .sidebar-navigation__type-general .sidebar-navigation_link:nth-child(11):hover ~ .sidebar-navigation_decor__hover,
        .sidebar-navigation__type-general .sidebar-navigation_link:nth-child(11).sidebar-navigation_link__state-current ~ .sidebar-navigation_decor__current {
          transform: translateY(572px); } }
    .sidebar-navigation__type-general .sidebar-navigation_link:nth-child(12):hover ~ .sidebar-navigation_decor__hover,
    .sidebar-navigation__type-general .sidebar-navigation_link:nth-child(12).sidebar-navigation_link__state-current ~ .sidebar-navigation_decor__current {
      display: block; }
      @media (max-height: 730px) {
        .sidebar-navigation__type-general .sidebar-navigation_link:nth-child(12):hover ~ .sidebar-navigation_decor__hover,
        .sidebar-navigation__type-general .sidebar-navigation_link:nth-child(12).sidebar-navigation_link__state-current ~ .sidebar-navigation_decor__current {
          transform: translateY(504px); } }
      @media (min-height: 729px) {
        .sidebar-navigation__type-general .sidebar-navigation_link:nth-child(12):hover ~ .sidebar-navigation_decor__hover,
        .sidebar-navigation__type-general .sidebar-navigation_link:nth-child(12).sidebar-navigation_link__state-current ~ .sidebar-navigation_decor__current {
          transform: translateY(624px); } }
    .sidebar-navigation__type-general .sidebar-navigation_link:nth-child(13):hover ~ .sidebar-navigation_decor__hover,
    .sidebar-navigation__type-general .sidebar-navigation_link:nth-child(13).sidebar-navigation_link__state-current ~ .sidebar-navigation_decor__current {
      display: block; }
      @media (max-height: 730px) {
        .sidebar-navigation__type-general .sidebar-navigation_link:nth-child(13):hover ~ .sidebar-navigation_decor__hover,
        .sidebar-navigation__type-general .sidebar-navigation_link:nth-child(13).sidebar-navigation_link__state-current ~ .sidebar-navigation_decor__current {
          transform: translateY(546px); } }
      @media (min-height: 729px) {
        .sidebar-navigation__type-general .sidebar-navigation_link:nth-child(13):hover ~ .sidebar-navigation_decor__hover,
        .sidebar-navigation__type-general .sidebar-navigation_link:nth-child(13).sidebar-navigation_link__state-current ~ .sidebar-navigation_decor__current {
          transform: translateY(676px); } }
    .sidebar-navigation__type-general .sidebar-navigation_link:nth-child(14):hover ~ .sidebar-navigation_decor__hover,
    .sidebar-navigation__type-general .sidebar-navigation_link:nth-child(14).sidebar-navigation_link__state-current ~ .sidebar-navigation_decor__current {
      display: block; }
      @media (max-height: 730px) {
        .sidebar-navigation__type-general .sidebar-navigation_link:nth-child(14):hover ~ .sidebar-navigation_decor__hover,
        .sidebar-navigation__type-general .sidebar-navigation_link:nth-child(14).sidebar-navigation_link__state-current ~ .sidebar-navigation_decor__current {
          transform: translateY(588px); } }
      @media (min-height: 729px) {
        .sidebar-navigation__type-general .sidebar-navigation_link:nth-child(14):hover ~ .sidebar-navigation_decor__hover,
        .sidebar-navigation__type-general .sidebar-navigation_link:nth-child(14).sidebar-navigation_link__state-current ~ .sidebar-navigation_decor__current {
          transform: translateY(728px); } }
    .sidebar-navigation__type-general .sidebar-navigation_link:nth-child(15):hover ~ .sidebar-navigation_decor__hover,
    .sidebar-navigation__type-general .sidebar-navigation_link:nth-child(15).sidebar-navigation_link__state-current ~ .sidebar-navigation_decor__current {
      display: block; }
      @media (max-height: 730px) {
        .sidebar-navigation__type-general .sidebar-navigation_link:nth-child(15):hover ~ .sidebar-navigation_decor__hover,
        .sidebar-navigation__type-general .sidebar-navigation_link:nth-child(15).sidebar-navigation_link__state-current ~ .sidebar-navigation_decor__current {
          transform: translateY(630px); } }
      @media (min-height: 729px) {
        .sidebar-navigation__type-general .sidebar-navigation_link:nth-child(15):hover ~ .sidebar-navigation_decor__hover,
        .sidebar-navigation__type-general .sidebar-navigation_link:nth-child(15).sidebar-navigation_link__state-current ~ .sidebar-navigation_decor__current {
          transform: translateY(780px); } }
    .sidebar-navigation__type-footer .sidebar-navigation_link:nth-child(1):hover ~ .sidebar-navigation_decor__hover,
    .sidebar-navigation__type-footer .sidebar-navigation_link:nth-child(1).sidebar-navigation_link__state-current ~ .sidebar-navigation_decor__current {
      display: block;
      transform: translateY(70px); }
    .sidebar-navigation__type-footer .sidebar-navigation_link:nth-child(2):hover ~ .sidebar-navigation_decor__hover,
    .sidebar-navigation__type-footer .sidebar-navigation_link:nth-child(2).sidebar-navigation_link__state-current ~ .sidebar-navigation_decor__current {
      display: block;
      transform: translateY(140px); }
    .sidebar-navigation__type-footer .sidebar-navigation_link:nth-child(3):hover ~ .sidebar-navigation_decor__hover,
    .sidebar-navigation__type-footer .sidebar-navigation_link:nth-child(3).sidebar-navigation_link__state-current ~ .sidebar-navigation_decor__current {
      display: block;
      transform: translateY(210px); }
    .sidebar-navigation__type-footer .sidebar-navigation_link:nth-child(4):hover ~ .sidebar-navigation_decor__hover,
    .sidebar-navigation__type-footer .sidebar-navigation_link:nth-child(4).sidebar-navigation_link__state-current ~ .sidebar-navigation_decor__current {
      display: block;
      transform: translateY(280px); }
    .sidebar-navigation__type-footer .sidebar-navigation_link:nth-child(5):hover ~ .sidebar-navigation_decor__hover,
    .sidebar-navigation__type-footer .sidebar-navigation_link:nth-child(5).sidebar-navigation_link__state-current ~ .sidebar-navigation_decor__current {
      display: block;
      transform: translateY(350px); }
    .sidebar-navigation__type-game .sidebar-navigation_link.sidebar-navigation_link__has-clan:hover ~ .sidebar-navigation_decor__hover {
      display: block;
      transform: translateY(70px); }
    .sidebar-navigation_link::before {
      position: absolute;
      top: 0;
      right: 10px;
      left: 10px;
      height: 2px;
      background: url(../images/v2/sidebar/sidebar-border.png) repeat-x;
      content: ''; }
      .sidebar__state-opened .sidebar-navigation_link::before {
        right: 0;
        left: 0; }
      .sidebar-navigation__type-footer .sidebar-navigation_link::before {
        right: 0;
        left: 0; }
      .sidebar__state-opened .sidebar-navigation__type-footer .sidebar-navigation_link::before {
        right: -20px;
        left: -20px; }
    .sidebar-navigation_link__game:first-child::before,
    .sidebar-navigation__type-general .sidebar-navigation_link:first-child::before {
      content: normal; }
  .sidebar-navigation_icon {
    position: absolute;
    top: 50%;
    left: -3px;
    margin-top: -24px; }
    .sidebar__state-closed .sidebar-navigation_icon {
      left: 50%;
      margin-left: -25px; }
    .sidebar__state-opened .sidebar-navigation_icon {
      left: -3px; }
  .sidebar-navigation_link-inner {
    text-transform: uppercase; }
    .sidebar__state-closed .sidebar-navigation_link-inner {
      display: none; }
  .sidebar-navigation_counter {
    position: absolute;
    box-sizing: border-box;
    color: #000;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -.1pt; }
    .sidebar-navigation_counter::before, .sidebar-navigation_counter::after {
      position: absolute;
      top: 0;
      bottom: 0;
      content: ''; }
    .sidebar__state-closed .sidebar-navigation_counter {
      top: 50%;
      right: 10px;
      height: 17px;
      margin: -15px 5px 0;
      padding-top: 2px;
      background: url(../images/v2/sidebar/sidebar-counter-small.png) 0 -17px repeat;
      font-size: 11px; }
      .sidebar__state-closed .sidebar-navigation_counter::before, .sidebar__state-closed .sidebar-navigation_counter::after {
        width: 4px;
        background-image: url(../images/v2/sidebar/sidebar-counter-small.png);
        background-repeat: no-repeat; }
      .sidebar__state-closed .sidebar-navigation_counter::before {
        left: -4px;
        background-position: 0 0; }
      .sidebar__state-closed .sidebar-navigation_counter::after {
        right: -4px;
        background-position: 0 -34px; }
    .sidebar__state-opened .sidebar-navigation_counter {
      top: 50%;
      right: 0;
      height: 24px;
      margin: -10px 5px 0;
      padding: 4px 2px 0;
      background: url(../images/v2/sidebar/sidebar-counter-large.png) 0 -24px repeat;
      font-size: 14px; }
      .sidebar__state-opened .sidebar-navigation_counter::before, .sidebar__state-opened .sidebar-navigation_counter::after {
        width: 5px;
        background-image: url(../images/v2/sidebar/sidebar-counter-large.png);
        background-repeat: no-repeat; }
      .sidebar__state-opened .sidebar-navigation_counter::before {
        left: -5px;
        background-position: 0 0; }
      .sidebar__state-opened .sidebar-navigation_counter::after {
        right: -5px;
        background-position: 0 -48px; }
  .sidebar-navigation_decor {
    position: absolute;
    z-index: 20;
    display: none;
    width: 3px;
    height: 30px;
    padding-top: 0;
    transition: transform .2s; }
    @media (max-height: 730px) {
      .sidebar-navigation__type-general .sidebar-navigation_decor {
        top: -35px; } }
    @media (min-height: 729px) {
      .sidebar-navigation__type-general .sidebar-navigation_decor {
        top: -50px;
        margin: 10px 0; } }
    .sidebar-navigation__type-footer .sidebar-navigation_decor {
      top: -49px; }
    .sidebar-navigation__type-game .sidebar-navigation_decor {
      top: -49px; }
    .sidebar__state-closed .sidebar-navigation_decor {
      left: -5px; }
    .sidebar__state-closed .mCS_no_scrollbar .sidebar-navigation_decor {
      left: -10px; }
    .sidebar__state-opened .sidebar-navigation_decor {
      left: -30px; }
    .sidebar-navigation_decor__hover {
      background: #fff; }
    .sidebar-navigation_decor__current {
      background: #ffc233; }

.sidebar-notice {
  position: relative;
  margin: 30px 0 0;
  padding: 0 0 0 34px;
  font-size: 14px; }
  .sidebar-notice_text {
    margin: 0 0 15px;
    line-height: 20px; }
    .sidebar-notice_text__secondary {
      color: #808080; }
    .sidebar__state-closed .sidebar-notice_text {
      display: none; }
  .sidebar-notice_alert {
    position: absolute;
    top: -10px; }
    .sidebar__state-opened .sidebar-notice_alert {
      left: -14px; }
    .sidebar__state-closed .sidebar-notice_alert {
      left: 50%;
      margin-left: -24px; }

.start {
  position: absolute;
  width: 100%;
  height: 100%; }
  .start_arts {
    position: absolute;
    z-index: 5;
    width: 100%;
    height: 100%;
    background: url(../images/v2/start/start-art.jpg) no-repeat center top/cover; }
  .start_trigger {
    position: absolute;
    z-index: -1;
    opacity: 0; }
  .start_art {
    position: absolute;
    width: 100%;
    height: 100%;
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat; }
    .start_trigger + .start_art {
      opacity: 0;
      transition: opacity .3s; }
    .start_trigger:hover + .start_art {
      opacity: 1; }
    .start_art__wot {
      background-image: url(../images/v2/start/start-art.wot.jpg); }
    .start_art__wowp {
      background-image: url(../images/v2/start/start-art.wowp.jpg); }
  .start_games {
    position: absolute;
    bottom: 214px;
    z-index: 25;
    width: 100%; }
    .realm-CN .start_games {
      bottom: 313px; }
  .start_game {
    width: 50%;
    float: left;
    background: url(../images/v2/start/start-game-divider.png) left center no-repeat, url(../images/v2/start/start-game-divider.png) right center no-repeat;
    text-align: center; }
    .start_game:first-child {
      background: url(../images/v2/start/start-game-divider.png) left center no-repeat; }

.strips {
  margin: 0 0 33px; }
  .strips_item {
    display: inline-block;
    padding: 0 21px;
    position: relative; }
    .strips_item:first-child {
      padding-left: 0; }
    .strips_item::before {
      height: 28px;
      position: absolute;
      top: 0;
      left: -1px;
      border-left: 1px solid rgba(255, 255, 255, 0.1);
      border-right: 1px solid #000;
      content: ''; }
    .strips_item:first-child::before {
      content: normal; }
  .strips_input {
    display: none; }
  .strips_link {
    display: inline-block;
    position: relative;
    color: #dcdcdc;
    line-height: 28px;
    cursor: pointer; }
    .strips_link::after {
      height: 3px;
      width: 100%;
      position: absolute;
      top: 100%;
      left: 0;
      content: '';
      transition: background-color .2s; }
    .strips_link:hover::after {
      background-color: #fff; }
    .strips_input:checked + .strips_link::after {
      background-color: #e5b12e; }
    .strips_item__state-disabled .strips_link {
      cursor: default;
      color: #595959; }
      .strips_item__state-disabled .strips_link::after {
        background-color: transparent; }

.stronghold-prototype {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  margin: -63px 0 0;
  padding: 63px 0 0; }
  @media all and (max-width: 1659px) {
    .stronghold-prototype {
      height: 1080px; } }
  @media all and (min-width: 1660px) and (max-width: 2259px) {
    .stronghold-prototype {
      height: 1450px; } }
  @media all and (min-width: 2260px) {
    .stronghold-prototype {
      height: 1780px; } }
  .stronghold-prototype_header {
    position: relative;
    z-index: 2; }
  .stronghold-prototype_frame {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1; }

.table-profile {
  width: 100%;
  margin: 20px 0 0;
  color: #dcdcdc;
  font-size: 14px;
  line-height: 18px; }
  .table-profile__gold {
    position: relative;
    margin: 48px 0 20px; }
    .table-profile__gold::before {
      position: absolute;
      top: -15px;
      left: 0;
      width: 100%;
      height: 1px;
      box-shadow: 0 -1px 0 #000;
      background-color: rgba(255, 255, 255, 0.12);
      opacity: .7;
      content: ''; }
  .table-profile__lot {
    margin: 0; }
  .table-profile__season {
    margin: 0; }
  .table-profile_notice {
    color: #808080;
    font-weight: normal; }
  .table-profile_memo {
    color: #b1b2b3;
    font-weight: normal; }
  .table-profile_void {
    color: #808080; }
  .table-profile_caption {
    position: relative;
    padding: 0 0 19px;
    font-size: 16px;
    font-weight: 700;
    text-align: left; }
    .table-profile_caption::after {
      position: absolute;
      bottom: 14px;
      left: 0;
      width: 100%;
      height: 1px;
      box-shadow: 0 -1px 0 #000;
      background-color: rgba(255, 255, 255, 0.12);
      opacity: .7;
      content: ''; }
  .table-profile_th, .table-profile_td {
    padding: 3px 0 2px; }
    .table-profile_th__sign, .table-profile_td__sign {
      padding-bottom: 4px; }
    .table-profile__lot .table-profile_th, .table-profile__lot .table-profile_td {
      text-align: center; }
    .table-profile__season .table-profile_th, .table-profile__season .table-profile_td {
      text-align: right; }
      .table-profile__season .table-profile_th:first-child, .table-profile__season .table-profile_td:first-child {
        text-align: left; }
  .table-profile_th {
    padding-right: 20px;
    font-weight: 400;
    text-align: left; }
    .table-profile_th_income {
      line-height: 23px; }
  .table-profile_td {
    text-align: right;
    vertical-align: bottom;
    white-space: nowrap; }
  .table-profile_hint {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 4px;
    vertical-align: text-bottom;
    opacity: .5;
    cursor: help;
    transition: opacity .2s; }
    .table-profile_hint:hover {
      opacity: .8; }

.tabs-group {
  display: inline-block;
  margin: 0 0 23px;
  border: 1px solid rgba(0, 0, 0, 0.8);
  border-radius: 1px; }
  .tabs-group:before, .tabs-group:after {
    display: table;
    content: ''; }
  .tabs-group:after {
    clear: both; }
  .tabs-group__state-disabled {
    opacity: .5;
    pointer-events: none; }
  .tabs-group_item {
    float: left;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-left: none;
    border-radius: 1px; }
    .tabs-group_item:first-child {
      border-left: 1px solid rgba(255, 255, 255, 0.2);
      border-radius: 1px 0 0 1px; }
    .tabs-group_item:last-child {
      border-radius: 0 1px 1px 0; }
  .tabs-group_input {
    display: none; }
  .tabs-group_link {
    display: block;
    margin: -1px;
    padding: 0 15px;
    border: 1px solid transparent;
    border-radius: 1px;
    line-height: 45px;
    cursor: pointer;
    transition: all .2s; }
    .tabs-group_link:hover {
      color: #fff; }
    .tabs-group_input:checked + .tabs-group_link {
      border-color: rgba(255, 255, 255, 0.2);
      box-shadow: 0 0 1px rgba(0, 0, 0, 0.33), 0 0 18px rgba(0, 0, 0, 0.19), 0 1px 5px rgba(0, 0, 0, 0.31);
      background: url(../images/v2/tabs-group/tabs-group-noise.png);
      color: #fff; }
  .tabs-group_icon {
    opacity: .7;
    transition: opacity .2s; }
    .tabs-group_input:checked + .tabs-group_link .tabs-group_icon,
    .tabs-group_link:hover .tabs-group_icon {
      opacity: 1; }
    .tabs-group_icon__wot {
      margin: 0 -15px 0 -20px; }
    .tabs-group_icon__wowp {
      margin: 0 -10px; }

.toggle {
  position: relative;
  margin-right: 20px; }
  .toggle::after {
    position: absolute;
    top: 2px;
    right: -20px;
    width: 19px;
    height: 18px;
    background: url(../images/v2/common/common-toggle.png) no-repeat;
    content: ''; }
  .toggle::after {
    background-position: 0 0; }
  .toggle__state-opened::after {
    background-position: 0 -18px; }
  .toggle__invert::after {
    background-position: 0 -18px; }
  .toggle__invert.toggle__state-opened::after {
    background-position: 0 0; }

.treasury-balance {
  margin-bottom: 30px; }
  .treasury-balance .item {
    padding: 0 0 0 18px; }

.treasury-filter {
  display: inline-block;
  vertical-align: middle; }
  .treasury-filter_text {
    display: inline-block;
    margin-right: 8px; }

.top-clans_header {
  margin: 0 0 24px;
  text-align: center;
  text-transform: uppercase; }
  @media all and (min-width: 1378px) and (min-height: 800px) {
    .top-clans_header {
      margin-bottom: 82px; } }

.top-clans_logo {
  opacity: 0;
  transform: scale(1) translateY(-24px);
  transition: all 0s .3s;
  display: none;
  width: 194px;
  height: 96px;
  background-image: url(../images/v2/top-clans/top-clans-logo.png); }
  .fp-viewing-ratings-0 .top-clans_logo {
    opacity: 1;
    transform: scale(1) translateY(0);
    transition: all 0.15s ease 0.6s; }
  .fp-viewed-ratings .top-clans_logo {
    opacity: 1;
    transform: scale(1) translateY(0);
    transition: none; }
  @media all and (min-width: 1378px) and (min-height: 800px) {
    .top-clans_logo {
      display: inline-block; } }

.top-clans_title {
  opacity: 0;
  transform: scale(1) translateY(-20px);
  transition: all 0s .3s;
  margin: 0;
  font-size: 30px;
  font-weight: 700;
  text-transform: #fff;
  text-shadow: 0 0 7px #000; }
  .fp-viewing-ratings-0 .top-clans_title {
    opacity: 1;
    transform: scale(1) translateY(0);
    transition: all 0.15s ease 0.75s; }
  .fp-viewed-ratings .top-clans_title {
    opacity: 1;
    transform: scale(1) translateY(0);
    transition: none; }

.top-clans_table:nth-of-type(1) {
  opacity: 0;
  transform: scale(1) translateY(-22px);
  transition: all 0s .3s; }
  .fp-viewing-ratings-0 .top-clans_table:nth-of-type(1) {
    opacity: 1;
    transform: scale(1) translateY(0);
    transition: all 0.25s ease 0.9s; }
  .fp-viewed-ratings .top-clans_table:nth-of-type(1) {
    opacity: 1;
    transform: scale(1) translateY(0);
    transition: none; }

.top-clans_table:nth-of-type(2) {
  opacity: 0;
  transform: scale(1) translateY(-22px);
  transition: all 0s .3s; }
  .fp-viewing-ratings-0 .top-clans_table:nth-of-type(2) {
    opacity: 1;
    transform: scale(1) translateY(0);
    transition: all 0.25s ease 1.05s; }
  .fp-viewed-ratings .top-clans_table:nth-of-type(2) {
    opacity: 1;
    transform: scale(1) translateY(0);
    transition: none; }

.top-clans_table:nth-of-type(3) {
  opacity: 0;
  transform: scale(1) translateY(-22px);
  transition: all 0s .3s; }
  .fp-viewing-ratings-0 .top-clans_table:nth-of-type(3) {
    opacity: 1;
    transform: scale(1) translateY(0);
    transition: all 0.25s ease 1.2s; }
  .fp-viewed-ratings .top-clans_table:nth-of-type(3) {
    opacity: 1;
    transform: scale(1) translateY(0);
    transition: none; }

.top-clans_link {
  display: inline-block;
  margin: 23px 0 0;
  opacity: 0;
  transition: all 0s .3s; }
  .fp-viewing-ratings-0 .top-clans_link {
    opacity: 1; }
  .fp-viewing-ratings-0 .top-clans_link:nth-of-type(1) {
    transition: opacity .15s linear 2.1s, border-color .2s; }
  .fp-viewing-ratings-0 .top-clans_link:nth-of-type(2) {
    transition: opacity .15s linear 2.1s, border-color .2s; }
  .fp-viewing-ratings-0 .top-clans_link:nth-of-type(3) {
    transition: opacity .15s linear 2.1s, border-color .2s; }
  .fp-viewed-ratings .top-clans_link:nth-of-type(1),
  .fp-viewed-ratings .top-clans_link:nth-of-type(2),
  .fp-viewed-ratings .top-clans_link:nth-of-type(3) {
    transition: none; }

.upload-previews {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin: 0 0 40px; }
  .upload-previews__show {
    margin-bottom: 0; }
  .upload-previews__state-drag {
    opacity: .04; }
  .upload-previews_item {
    -ms-flex-positive: 0;
        flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    overflow: hidden;
    white-space: nowrap; }
    .upload-previews_item:not(:last-child) {
      margin-right: 20px; }
    .upload-previews__show .upload-previews_item {
      margin-right: 10%; }
  .upload-previews_title {
    margin: 0 0 15px;
    color: #808080;
    font-weight: 700; }
    .upload-previews__show .upload-previews_title {
      color: #dcdcdc; }
  .upload-previews_container-image {
    position: relative;
    display: inline-block;
    margin: 0 20px 0 0;
    border: 1px solid rgba(255, 255, 255, 0.1);
    vertical-align: top; }
  .upload-previews_container-file {
    display: inline-block;
    vertical-align: top; }
  .upload-previews_image {
    vertical-align: top; }
    .upload-previews_item__state-loading .upload-previews_image {
      opacity: .1; }
  .upload-previews_file-size {
    font-weight: 700; }
  .upload-previews_file-remove {
    position: relative;
    margin: -10px;
    opacity: .6;
    cursor: pointer;
    transition: opacity .2s; }
    .upload-previews_file-remove:hover {
      opacity: 1; }
  .upload-previews_file-name {
    width: 140px;
    color: #808080;
    font-size: 14px;
    font-weight: 700;
    line-height: 14px; }
    .upload-previews_file-name__state-hidden {
      visibility: hidden; }
  .upload-previews_spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 24px;
    height: 24px;
    transform: translate(-50%, -50%); }
  .upload-previews_error {
    max-width: 150px;
    margin: 10px 0 0;
    white-space: normal; }

.user {
  color: #dcdcdc;
  font-weight: 700;
  word-wrap: break-word; }
  .user__with-icon {
    display: inline-block;
    padding-left: 20px; }
  .user__inline {
    display: inline; }
  .user__banned-temporarily {
    opacity: .45; }
  .user__banned-permanently {
    text-decoration: line-through;
    opacity: .45; }
  .user_role {
    font-weight: 400; }
  .user_icon {
    display: inline-block;
    margin: -16px -16px -16px -36px;
    vertical-align: text-bottom; }

.validation {
  position: relative;
  display: inline-block;
  line-height: 18px; }
  .validation__error {
    color: #c42a30; }
  .validation_caption {
    display: inline-block;
    margin: 0 0 0 20px; }
  .validation_icon {
    position: absolute;
    top: 0;
    left: 0;
    margin: -15px 0 0 -16px; }
    .validation_icon__inline {
      top: auto;
      left: auto;
      margin: -15px 0 0 -40px; }

.vehicle {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row nowrap;
      flex-flow: row nowrap;
  -ms-flex-line-pack: center;
      align-content: center;
  -ms-flex-align: stretch;
      align-items: stretch;
  -ms-flex-pack: justify;
      justify-content: space-between;
  min-width: 100%;
  max-width: 100%; }
  .vehicle__elite {
    color: #ffc364; }
  .vehicle_nation, .vehicle_level, .vehicle_picture, .vehicle_caption {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
        align-content: center;
    -ms-flex-align: center;
        align-items: center; }
  .vehicle_nation {
    -ms-flex: 0 0 21px;
        flex: 0 0 21px; }
  .vehicle_level {
    -ms-flex: 0 0 25px;
        flex: 0 0 25px; }
  .vehicle_picture {
    -ms-flex: 0 0 95px;
        flex: 0 0 95px;
    overflow: hidden; }
  .vehicle_caption {
    -ms-flex: 1 0 0%;
        flex: 1 0 0%;
    overflow: hidden; }
  .vehicle_name {
    overflow: hidden;
    text-overflow: ellipsis; }

.vehicles {
  margin: -13px 0 -36px; }
  .vehicles_terminator {
    margin: 17px 0 25px; }
  .vehicles_search {
    position: relative;
    height: 37px;
    margin: 0 0 10px; }
  .vehicles_strips {
    position: relative;
    top: 6px;
    height: 37px;
    margin: 0; }
  .vehicles_more {
    margin: 12px 0 0; }
  .vehicles_message-empty {
    box-sizing: border-box;
    height: 423px;
    padding: 5px 0 0; }

.vehicle-nation {
  display: inline-block;
  width: 21px;
  height: 14px;
  background-image: url(../images/v2/vehicle-nation/vehicle-nation.png);
  background-repeat: no-repeat;
  vertical-align: top; }
  .realm-CN .vehicle-nation {
    background-image: url(../images/v2/vehicle-nation/vehicle-nation-cn.png); }
  .vehicle-nation__ussr {
    background-position: 0px 0; }
  .vehicle-nation__germany {
    background-position: -21px 0; }
  .vehicle-nation__usa {
    background-position: -42px 0; }
  .vehicle-nation__france {
    background-position: -63px 0; }
  .vehicle-nation__uk {
    background-position: -84px 0; }
  .vehicle-nation__gb {
    background-position: -105px 0; }
  .vehicle-nation__china {
    background-position: -126px 0; }
  .vehicle-nation__japan {
    background-position: -147px 0; }
  .vehicle-nation__czech {
    background-position: -168px 0; }
  .vehicle-nation__sweden {
    background-position: -189px 0; }
  .vehicle-nation__poland {
    background-position: -210px 0; }
  .vehicle-nation__italy {
    background-position: -231px 0; }

.vehicle-preview {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: relative;
  height: 36px;
  box-sizing: border-box;
  max-width: 100%;
  white-space: nowrap; }
  .vehicle-preview:hover {
    color: #fff; }
  .vehicle-preview_icon {
    display: inline-block;
    vertical-align: middle;
    margin: -3px 0 0; }
    .vehicle-preview_icon__vehicle-level {
      margin: -1px 0 0; }
  .vehicle-preview_description {
    box-sizing: border-box;
    padding: 0 0 0 20px; }

.widget-title {
  margin: 0; }
  .widget-title_counter {
    color: #b1b2b3;
    font-size: 20px;
    line-height: 1;
    vertical-align: top; }
  .widget-title_division {
    display: inline-block;
    width: 46px;
    height: 36px;
    background-image: url(../images/widget/widget-division.png);
    background-repeat: no-repeat;
    vertical-align: bottom; }
    .widget-title_division__lvl-6 {
      background-position: 0 0; }
    .widget-title_division__lvl-8 {
      background-position: -46px 0; }
    .widget-title_division__lvl-10 {
      background-position: -92px 0; }
  .widget-title__linked {
    display: inline-block;
    margin-right: 30px; }

.grid {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between; }
  .grid_cell {
    -ms-flex: 1 1 0%;
        flex: 1 1 0%; }
    .grid_cell:not(:last-child) {
      margin-right: 5%; }

.style-guide-heading {
  margin: 30px 0 20px; }
  .style-guide-heading:first-child {
    margin-top: 0; }

.tx-color-major {
  color: #b1b2b3; }

.tx-color-minor {
  color: #808080; }

.tx-color-important {
  color: #dcdcdc; }

.tx-color-positive {
  color: #39b54a; }

.tx-color-negative {
  color: #c42a30; }

.tx-color-member {
  color: #658c4c; }

.cp-container {
  position: relative;
  box-sizing: border-box;
  width: auto; }
  .wot .cp-container,
  .wowp .cp-container {
    margin: 5px 0 0; }

.cp-container .cp-slider,
.cp-container .cp-preview {
  position: relative;
  width: auto;
  font-size: 0; }
  .cp-container .cp-slider:last-child,
  .cp-container .cp-preview:last-child {
    margin-bottom: 0; }
  .wot .cp-container .cp-slider,
  .wowp .cp-container .cp-slider, .wot
  .cp-container .cp-preview,
  .wowp
  .cp-container .cp-preview {
    height: 8px;
    margin: 0 0 25px;
    border: 1px solid #000; }

.cp-container .cp-slider {
  cursor: ew-resize;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

.cp-container .cp-preview {
  height: 39px; }

.cp-container .cp-slider span,
.cp-container .cp-preview input {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center; }

.cp-container .cp-preview input {
  padding: 0;
  border: none;
  border-radius: 0;
  outline: none;
  box-shadow: none;
  background: none;
  line-height: 39px; }

.cp-container .cp-marker {
  position: absolute; }
  .wot .cp-container .cp-marker,
  .wowp .cp-container .cp-marker {
    top: 0;
    width: 25px;
    height: 15px;
    margin-left: -13px;
    background: url(../images/v2/colorpickersliders/colorpickersliders-marker.wot.png); }

.cp-container.cp-unconvertible-cie-color .cp-slider.cp-cielightness .cp-marker,
.cp-container.cp-unconvertible-cie-color .cp-slider.cp-ciechroma .cp-marker,
.cp-container.cp-unconvertible-cie-color .cp-slider.cp-ciehue .cp-marker {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAKCAMAAABVLlSxAAAAvVBMVEUAAADLy8u8vLzZ2dlgYGDe3t5sbGxoaGjr6+vb29tqamrCwsJmZmZkZGTW1tbExMTw8PDj4+Pa2tpfX1/z8/PU1NTp6enX19fg4OBwcHDc3NzJycn4+Pj7+/v6+vrd3d3h4eH+/v6lpaWmpqaampqgoKBlZWWzs7Orq6tra2uxsbGBgYF1dXVnZ2d/f3/T09PMzMxhYWFjY2P19fXv7+9vb2/l5eVzc3P////n5+eysrKDg4OCgoJ5eXnoAACu7h75AAAAAXRSTlMAQObYZgAAAG1JREFUeNo1ytsaQkAAReGdkpRKRUTofEANBoOY93+sfMp/tS4WNqM4mSvSdJztEJPFkETyJNUYEmMtzvhApfsQN89cCXxJ3WOD1yXfRlx3Cv8NPK+pZedFFaCVnQ+8rGp02Kl8fPDX3Nvs/YYvAnQLhiGwga0AAAAASUVORK5CYII="); }

.cp-container.cp-popup {
  position: absolute;
  z-index: 2147483647;
  display: none;
  width: 370px;
  margin-top: 0px;
  padding: 10px 5px 5px 5px;
  border: 1px solid #dadada;
  box-shadow: 0 3px 5px -2px rgba(0, 0, 0, 0.47);
  background-color: #fff; }

.cp-container .cp-swatches ul {
  box-sizing: border-box;
  width: auto;
  margin: 0;
  padding: 0;
  list-style-type: none; }

.cp-container .cp-swatches li {
  display: block;
  box-sizing: border-box;
  width: 23px;
  height: 23px;
  margin: 5px;
  float: left;
  border: 1px solid #888;
  cursor: pointer; }

.cp-container .cp-swatches li.actual {
  border-color: #000;
  box-shadow: 0 0 3px 1px #fa8000; }

.cp-container .cp-swatches li span {
  display: block;
  width: 100%;
  height: 100%; }

.cp-container .cp-swatches button {
  display: block;
  box-sizing: border-box;
  width: 23px;
  height: 23px;
  margin: 5px;
  float: left;
  border: 1px solid #c9c9c9;
  border-radius: 5px;
  background-position: center;
  background-color: #eee;
  background-repeat: no-repeat;
  cursor: default; }

.cp-container .cp-swatches button:enabled {
  cursor: pointer; }

.cp-container .cp-swatches button:active:enabled {
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); }

.cp-container .cp-swatches button.add {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAACVBMVEUAAAAAAAAAAACDY+nAAAAAAnRSTlP7AIHb9U4AAAAkSURBVHjavc4hDgAADMLAwf8fPYKcJGEnqzowCqwTeATh53QBxJABcUm2nCEAAAAASUVORK5CYII="); }

.cp-container .cp-swatches button.remove {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAApVBMVEUDAwMCAgICAgILCwsNDQ0REREGBgYHBwcICAgLCwsODg4JCQkLCwsgICAGBgYVFRUBAQEGBgYICAgkJCQJCQkFBQU+Pj4SEhICAgICAgIBAQECAgIREREFBQUICAgaGhoFBQUBAQEUFBQMDAwODg4WFhYTExMQEBAaGhoUFBRHR0chISEUFBQBAQEDAwNEREQKCgpAQEAHBwcFBQUFBQUAAAAAAAAxiR9QAAAANnRSTlP//f48aHCls7s0MHROCp1A+4WTBnqsAiDg3enbOqqBDMnzGlQyFBooDhwCCBjx0wJ4EmZOzgDzkDEIAAAAeklEQVR42o3L2RLBQBRF0VbGIIgYQgyJmCVBOOf/P81Fq+682Y+rait82kdbfNOQMN7sDhZgxXCepRZMxiTziwG4ucjybABpJrKwAG1yJEv1+avV5WAK9aCqNcl6gxV0GBzfcL2R90IAvdmpDP4aJZD+BGdI9j0DOg0vUhMssT3aBI8AAAAASUVORK5CYII="); }

.cp-container .cp-swatches button.reset {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAA2FBMVEUCAgIBAQEFBQUGBgYPDw8CAgIqKioKCgobGxsGBgYFBQUKCgoHBwcdHR0mJiZFRUUMDAwQEBADAwMaGhoMDAwDAwMEBAQDAwMFBQUODg4FBQUPDw8NDQ0DAwMaGhoPDw8FBQUFBQUmJiYNDQ0CAgIBAQEGBgYGBgYREREODg4SEhI7OzsODg4RERE/Pz8REREODg4DAwMFBQUzMzM3NzcFBQUNDQ0dHR0GBgYODg4BAQEZGRkGBgYEBAQQEBAVFRUEBAQNDQ0EBAQGBgYAAAACAgIBAQEAAAAT9YvKAAAARXRSTlP9/afbOOwMSg52g2yPDAwCRjDYGEjsqumPMqU2ZtYONKyuDkDk7pWTNkAyBkI0BjBS25MICJ1CGJk2+A6LuyoUs0isnQDapSJ+AAAAqUlEQVR42kXI11bCUBQA0SMoIEhTigWkKBbEgpgAKYSQczP//0feJUjmbbZUVbW56hrTdu7UJpWL2opDt/cWzkmh07paugn0fZUy0NO/1h5DlWvg5GEvA3iVBObfX7rviZ0UG2M99oKIFuoZLFIkzzKDNwtnuBlMMeKQZBCwlVNY//8GYtEc3s3hJ4QqWrqE5/efj88AHiML6o+ANAXCSC3YZjsDZhur7RdGhjsGc+eEZwAAAABJRU5ErkJggg=="); }

.cp-container button:disabled {
  opacity: .27; }

.ui-datepicker {
  display: none;
  margin: 12px 0 0;
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 0;
  background: url(../images/v2/ui-datepicker/ui-datepicker-bg-body.jpg);
  background: url(../images/v2/ui-datepicker/ui-datepicker-bg-body.jpg), linear-gradient(to bottom, rgba(44, 44, 44, 0.03) 0%, rgba(71, 71, 71, 0.03) 25%, rgba(102, 102, 102, 0.03) 50%, rgba(89, 89, 89, 0.03) 75%, rgba(255, 255, 255, 0.03) 100%); }
  .ui-datepicker-header {
    position: relative;
    padding: 8px 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.13);
    box-shadow: inset 0 -49px 30px 0 rgba(255, 255, 255, 0.03), 0 30px 30px 0 rgba(0, 0, 0, 0.1);
    background: url(../images/v2/ui-datepicker/ui-datepicker-bg-header.jpg); }
    .ui-datepicker-header::before {
      position: absolute;
      top: -3px;
      left: -1px;
      width: 100%;
      height: 3px;
      background: #5b5c53;
      border-right: 2px solid #5b5c53;
      box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.3);
      content: ''; }
    .ui-datepicker-header::after {
      position: absolute;
      bottom: -2px;
      left: -1px;
      width: 100%;
      height: 1px;
      padding: 0;
      border-right: 3px solid #000;
      background: #000;
      content: ''; }
  .ui-datepicker-title {
    margin: 0 25px;
    color: #fff;
    font-size: 20px;
    line-height: 32px;
    text-align: center; }
  .ui-datepicker-prev, .ui-datepicker-next {
    position: absolute;
    top: 17px;
    width: 8px;
    height: 13px;
    background: url(../images/v2/ui-datepicker/ui-datepicker-arrow.png);
    opacity: .8;
    cursor: pointer; }
    .ui-datepicker-prev:hover, .ui-datepicker-next:hover {
      opacity: 1; }
    .ui-datepicker-prev.ui-state-disabled, .ui-datepicker-next.ui-state-disabled {
      opacity: .3; }
    .ui-datepicker-prev > .ui-icon, .ui-datepicker-next > .ui-icon {
      display: none; }
  .ui-datepicker-next {
    right: 22px;
    background-position: -8px 0; }
  .ui-datepicker-prev {
    left: 20px; }
  .ui-datepicker th {
    padding: 10px 10px 0;
    color: #808080;
    font-size: 14px;
    font-weight: 400; }
  .ui-datepicker td {
    padding: 4px;
    text-align: center;
    vertical-align: middle; }
  .ui-datepicker-calendar {
    margin: 4px 20px 0; }

.ui-datepicker .ui-state-default {
  display: inline-block;
  width: 20px;
  height: 26px;
  margin: 0 0 4px;
  padding: 0 5px;
  border-bottom: 3px solid transparent;
  color: #dcdcdc;
  font-size: 14px;
  line-height: 30px; }

.ui-datepicker .ui-state-default:hover {
  border-bottom: 3px solid #fff;
  color: #dcdcdc; }

.ui-datepicker-attacks-and-defense .ui-state-default {
  color: #f22; }

.ui-datepicker-attacks-only .ui-state-default {
  color: #b3d418; }

.ui-datepicker-vacation .ui-state-default {
  color: #5b5b5c; }

.ui-state-disabled .ui-state-default,
.ui-state-disabled .ui-state-default:hover {
  background: none;
  color: #454545; }

.ui-datepicker .ui-state-active, .ui-datepicker
.ui-state-active:hover {
  border-bottom: 3px solid #e5b12e;
  color: #fff; }

.ui-datepicker-trigger {
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  position: absolute;
  top: 2px;
  right: 2px;
  width: 26px;
  height: 43px;
  border: none;
  background: url(../images/v2/ui-datepicker/ui-datepicker-button.png) no-repeat;
  opacity: .8;
  cursor: pointer;
  transition: opacity .2s; }
  .datepicker:hover .ui-datepicker-trigger, .ui-datepicker-trigger:hover {
    opacity: 1; }

.arcticmodal-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 27000;
  background: url(../images/v2/common/common-overlay-pattern.png); }

.arcticmodal-container {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 28000;
  margin: 0;
  padding: 0;
  overflow: auto;
  border-collapse: collapse;
  border: 0; }

*:first-child + html .arcticmodal-container {
  height: 100%; }

.arcticmodal-container_i {
  height: 100%;
  margin: 0 auto; }

.arcticmodal-container_i2 {
  margin: 0;
  padding: 20px;
  border: 0;
  vertical-align: middle; }

.mCustomScrollbar {
  -ms-touch-action: none;
      touch-action: none; }
  .mCustomScrollbar.mCS_no_scrollbar {
    -ms-touch-action: auto;
        touch-action: auto; }

.mCSB_container {
  box-sizing: border-box;
  min-height: 100%; }

.mCSB_scrollTools {
  position: absolute;
  top: 5px;
  right: 0;
  bottom: 5px;
  z-index: 20;
  margin: 8px 0 10px; }

.mCSB_draggerContainer {
  width: 11px;
  height: 100%; }

.mCSB_dragger {
  position: absolute;
  left: 0;
  z-index: 5;
  width: 11px;
  border-radius: 1px;
  box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.27);
  background: #333 url(../images/v2/mcustomscrollbar/mcustomscrollbar-dragger.png) center no-repeat;
  opacity: .7;
  transition: opacity .2s; }
  .mCSB_draggerContainer:hover .mCSB_dragger {
    opacity: 1; }

.mCSB_draggerRail {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 5px;
  z-index: 0;
  width: 1px;
  background-color: #595959;
  opacity: .7;
  transition: opacity .2s; }
  .mCSB_draggerContainer:hover .mCSB_draggerRail {
    opacity: 1; }

.mCSB_buttonUp, .mCSB_buttonDown {
  position: absolute;
  left: 1px;
  z-index: 5;
  width: 9px;
  height: 5px;
  background-image: url(../images/v2/mcustomscrollbar/mcustomscrollbar-arrows.png);
  background-repeat: no-repeat;
  opacity: .7;
  cursor: pointer;
  transition: opacity .2s; }
  .mCSB_buttonUp:hover, .mCSB_buttonDown:hover {
    opacity: 1; }

.mCSB_buttonUp {
  top: -8px;
  background-position: 0 0; }

.mCSB_buttonDown {
  bottom: -10px;
  background-position: 0 -5px; }
/**
 *
 * Core doesn't generate any styles itself, it includes utilities and configuration that can be used in any stylesheet.
 * It should be imported at the beginning of any separate stylesheet.
 *
 */
/**
 *
 * Autoprefixer doesn't support 'appearance' property.
 * The 'appearance' property is not a part of any specification.
 * So there is no 'appearance', only '-moz-appearance' and '-webkit-appearance'.
 *
 */
/**
 *
 *  Justify inline blocks
 *
 */
.b-combobox-label {
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
  vertical-align: baseline; }

.b-combobox-label__disabled {
  cursor: default; }

.b-selectbox {
  cursor: pointer;
  position: relative;
  overflow: hidden; }

.b-selectbox__disabled {
  cursor: default; }

.b-selectbox_text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.b-selectbox_arrow-bar {
  position: absolute;
  bottom: 0;
  top: 0;
  right: 0; }

.b-selectbox_arrow {
  display: block;
  text-decoration: none; }
  .b-selectbox_arrow:hover {
    text-decoration: none; }
  .b-selectbox_arrow:focus, .b-selectbox_arrow:active {
    outline: none; }

.b-selectbox-dropdown {
  position: absolute;
  cursor: default; }

.b-selectbox-dropdown_content {
  list-style: none;
  margin: 0;
  padding: 0; }
  .b-selectbox-dropdown_content li {
    margin: 0;
    padding: 0; }

.b-selectbox-dropdown_item {
  display: block;
  cursor: pointer; }

.b-selectbox-dropdown_item__selected, .b-selectbox-dropdown_item__selected:hover {
  cursor: default; }

.b-selectbox-dropdown_item__heading, .b-selectbox-dropdown_item__heading:hover {
  cursor: default;
  font-weight: bold; }

.b-selectbox-dropdown_item__line {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.b-selectbox-dropdown__measuring {
  position: absolute;
  top: -9999px;
  left: -9999px;
  visibility: hidden; }

.b-selectbox-choices {
  font-size: 0;
  letter-spacing: -3px;
  line-height: 0;
  word-spacing: 0;
  list-style: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative; }

.b-selectbox-choices_choice {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  letter-spacing: normal;
  line-height: normal;
  word-spacing: normal;
  position: relative;
  cursor: default;
  vertical-align: top; }

.highlight {
  background-color: rgba(233, 230, 143, 0.3); }

/*
 *  Core Owl Carousel CSS File
 *  v1.3.3
 */
/* clearfix */
.owl-carousel .owl-wrapper:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

/* display none until init */
.owl-carousel {
  display: none;
  position: relative;
  width: 100%;
  -ms-touch-action: pan-y; }

.owl-carousel .owl-wrapper {
  display: none;
  position: relative;
  -webkit-transform: translate3d(0px, 0px, 0px); }

.owl-carousel .owl-wrapper-outer {
  overflow: hidden;
  position: relative;
  width: 100%; }

.owl-carousel .owl-wrapper-outer.autoHeight {
  transition: height 500ms ease-in-out; }

.owl-carousel .owl-item {
  float: left; }

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
  cursor: pointer; }

.owl-controls {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent; }

/* mouse grab icon */
/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0); }

.owl-carousel {
  width: auto; }

/*
 *  Owl Carousel CSS3 Transitions
 *  v1.3.2
 */
.owl-origin {
  -webkit-perspective: 1200px;
  -webkit-perspective-origin-x: 50%;
  -webkit-perspective-origin-y: 50%;
  -moz-perspective: 1200px;
  -moz-perspective-origin-x: 50%;
  -moz-perspective-origin-y: 50%;
  perspective: 1200px; }

/* fade */
.owl-fade-out {
  z-index: 10;
  animation: fadeOut .7s both ease; }

.owl-fade-in {
  animation: fadeIn .7s both ease; }

/* backSlide */
.owl-backSlide-out {
  animation: backSlideOut 1s both ease; }

.owl-backSlide-in {
  animation: backSlideIn 1s both ease; }

/* goDown */
.owl-goDown-out {
  animation: scaleToFade .7s ease both; }

.owl-goDown-in {
  animation: goDown .6s ease both; }

/* scaleUp */
.owl-fadeUp-in {
  animation: scaleUpFrom .5s ease both; }

.owl-fadeUp-out {
  animation: scaleUpTo .5s ease both; }

/* Keyframes */
/*empty*/

@keyframes empty {
  0% {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes backSlideOut {
  25% {
    opacity: .5;
    transform: translateZ(-500px); }
  75% {
    opacity: .5;
    transform: translateZ(-500px) translateX(-200%); }
  100% {
    opacity: .5;
    transform: translateZ(-500px) translateX(-200%); } }

@keyframes backSlideIn {
  0%, 25% {
    opacity: .5;
    transform: translateZ(-500px) translateX(200%); }
  75% {
    opacity: .5;
    transform: translateZ(-500px); }
  100% {
    opacity: 1;
    transform: translateZ(0) translateX(0); } }

@keyframes scaleToFade {
  to {
    opacity: 0;
    transform: scale(0.8); } }

@keyframes goDown {
  from {
    transform: translateY(-100%); } }

@keyframes scaleUpFrom {
  from {
    opacity: 0;
    transform: scale(1.5); } }

@keyframes scaleUpTo {
  to {
    opacity: 0;
    transform: scale(1.5); } }

.b-combobox-label {
  color: #b1b2b3;
  background: none;
  font-size: 16px;
  line-height: 23px;
  vertical-align: middle; }
  .b-combobox-label__hover, .b-combobox-label:hover {
    color: #dcdcdc; }
  .b-combobox-label__checked {
    color: #dcdcdc; }
  .b-combobox-label__disabled, .b-combobox-label__disabled:hover {
    color: #979899;
    opacity: .3; }
  .recruit-form_header .b-combobox-label {
    font-size: 20px;
    padding: 2px 0 0 6px; }
  .rating-filter_item .b-combobox-label {
    line-height: inherit;
    padding-left: 0;
    vertical-align: top; }

.b-selectbox_arrow-bar, .b-selectbox_arrow {
  height: 43px;
  width: 28px;
  position: absolute;
  right: 0;
  top: 0;
  background-image: url(../images/components/form/form-select_arrow.png);
  background-repeat: no-repeat; }

.b-selectbox {
  border-radius: 1px;
  border: 1px solid #404040;
  box-sizing: border-box;
  cursor: pointer;
  position: relative;
  margin: 0;
  width: 100%;
  overflow: hidden;
  color: #b1b2b3;
  font-size: 16px;
  background: rgba(19, 19, 19, 0.8);
  line-height: 23px;
  transition: border .3s, background-color .3s; }
  .form-row__state-error .b-selectbox {
    border-color: rgba(214, 42, 48, 0.65); }
    .form-row__state-error .b-selectbox:hover, .form-row__state-error .b-selectbox:focus {
      border-color: rgba(214, 42, 48, 0.65); }
  .b-selectbox__hover {
    border-color: #525252;
    background-color: rgba(19, 19, 19, 0.8); }
  .b-selectbox__active {
    border-color: #808080;
    background-color: rgba(14, 14, 14, 0.9);
    outline: 0; }
  .b-selectbox__disabled {
    cursor: default; }
  .b-selectbox_text {
    margin: 9px 38px 11px 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .b-selectbox_result {
    line-height: 30px;
    display: block;
    overflow: hidden;
    height: 30px;
    text-overflow: ellipsis; }
  .b-selectbox_arrow-bar {
    z-index: 5; }
  .b-selectbox_arrow {
    opacity: 0;
    transition: opacity .3s;
    z-index: 10; }
    .b-selectbox__hover .b-selectbox_arrow {
      opacity: 1;
      background-position: 100% -45px; }
    .b-selectbox__active .b-selectbox_arrow {
      opacity: 1;
      background-position: 100% -90px; }
      .b-selectbox__active .b-selectbox_arrow__focus {
        background-position: 100% -45px; }

.b-selectbox-dropdown {
  position: absolute;
  z-index: 29000;
  box-sizing: border-box;
  margin: 0;
  padding: 0 6px 0 0;
  border-top: 1px solid #808080;
  border-radius: 0 0 1px 1px;
  box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.25), 1px 1px 8px rgba(0, 0, 0, 0.5), 0 0 1px rgba(0, 0, 0, 0.33);
  background: #2e3435 url(../images/components/noise.png);
  cursor: default; }

.b-selectbox-dropdown_content {
  box-sizing: border-box; }
  .b-selectbox-dropdown_content li {
    display: block; }

.b-selectbox-dropdown_item {
  position: relative;
  display: block;
  padding: 1px 16px 0;
  overflow: hidden;
  color: #dcdcdc;
  font-size: 16px;
  font-weight: normal;
  line-height: 32px;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: color .3s; }
  .b-selectbox-dropdown_item::before {
    position: absolute;
    top: 4px;
    bottom: 3px;
    left: 0px;
    width: 3px;
    content: ''; }
  .b-selectbox-dropdown_item:hover::before {
    background-color: #fff; }
  .b-selectbox-dropdown_item__selected::before, .b-selectbox-dropdown_item__selected:hover::before {
    background-color: #e5b12e; }
  .b-selectbox-dropdown_item__role {
    margin-top: 5px;
    margin-bottom: 5px; }
  .b-selectbox-dropdown_item::after {
    position: absolute;
    top: 0;
    right: 16px;
    left: 16px;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    content: ''; }
    li:first-child .b-selectbox-dropdown_item::after {
      border-top: none; }

.b-selectbox-icon {
  margin: 0 7px;
  display: inline-block;
  line-height: 19px;
  vertical-align: middle; }
  .b-selectbox_icons__smaller .b-selectbox-icon {
    margin: 0; }

/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3NzL2Jhc2UuY3NzIiwic291cmNlcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OyIsInNvdXJjZVJvb3QiOiIifQ==*/