MediaWiki:Common.css: различия между версиями

Текущая версия на 12:51, 30 ноября 2023

@import "/wiki/index.php?title=mediawiki:mod/common/styles/normalize.css&ctype=text%2Fcss&action=raw";
@import "//use.fontawesome.com/releases/v5.13.0/css/all.css";
@import "/wiki/index.php?title=mediawiki:legacy.css&ctype=text%2Fcss&action=raw";

@font-face {
  font-family: "Cormorant SC";
  font-weight: 400;
  src: url(//la-static.prod-my.games/static/fonts/Cormorant/CormorantSC-Regular.woff2) format("woff2"), url(//la-static.prod-my.games/static/fonts/Cormorant/CormorantSC-Regular.woff) format("woff");
}
@font-face {
  font-family: "Cormorant SC";
  font-weight: 700;
  src: url(//la-static.prod-my.games/static/fonts/Cormorant/CormorantSC-Bold.woff2) format("woff2"), url(//la-static.prod-my.games/static/fonts/Cormorant/CormorantSC-Bold.woff) format("woff");
}
@font-face {
  font-family: "Futura PT";
  font-weight: 400;
  src: url(//la-static.prod-my.games/static/fonts/FuturaPT/FuturaPT-Book.woff2) format("woff2"), url(//la-static.prod-my.games/static/fonts/FuturaPT/FuturaPT-Book.woff) format("woff");
}
@font-face {
  font-family: "Futura PT";
  font-weight: 500;
  src: url(//la-static.prod-my.games/static/fonts/FuturaPT/FuturaPT-Demi.woff2) format("woff2"), url(//la-static.prod-my.games/static/fonts/FuturaPT/FuturaPT-Demi.woff) format("woff");
}
@font-face {
  font-family: "Futura PT";
  font-weight: 600;
  src: url(//la-static.prod-my.games/static/fonts/FuturaPT/FuturaPT-Demi.woff2) format("woff2"), url(//la-static.prod-my.games/static/fonts/FuturaPT/FuturaPT-Demi.woff) format("woff");
}
@font-face {
  font-family: FrizQuadrataC;
  font-weight: 400;
  src: url(//la-static.prod-my.games/static/fonts/FrizQuadrataC/game.woff) format("woff"), url(//la-static.prod-my.games/static/fonts/FrizQuadrataC/game.woff2) format("woff2");
}
@font-face {
  font-family: la-icons;
  src: url(//la-static.prod-my.games/fonts/la-icons.eot?dfbece2e58de10845e00dadfa6430f9a%3F=#iefix) format("embedded-opentype"), 
    url(//la-static.prod-my.games/fonts/la-icons.woff2?539d49c1924c92b0c94b3ece6223fa00=) format("woff2"), 
    url(//la-static.prod-my.games/fonts/la-icons.woff?8778dd0a52205142f6f00bc47f5b20c9=) format("woff"), 
    url(//la-static.prod-my.games/fonts/la-icons.ttf?b2ca30a48839347af9f0acebf7323c0d=) format("truetype"), 
    url(//la-static.prod-my.games/fonts/la-icons.svg?b073e5af28f651114bfe3a7b3fe74172=#la-icons) format("svg")
}

*,
*::before,
*::after {
  border: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  outline: none;
  padding: 0;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
@media (width: 1012px) and (height: 682px) {
  *,
  *::before,
  *::after {
    -webkit-transition: none !important;
            transition: none !important;
  }
}
html,
body {
  cursor: default;
  height: 100%;
  min-height: 100%;
  width: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
html {
  -ms-touch-action: manipulation;
      touch-action: manipulation;
}
body {
  background: #1c1c1c;
  color: #fff;
  display: none;
  overflow-y: scroll;
  overflow-x: auto;
  -webkit-text-decoration-skip: objects;
          text-decoration-skip: objects;
  text-rendering: optimizeSpeed;
}
a {
  color: inherit;
  cursor: pointer;
  display: inline-block;
  -webkit-transition: all .1s linear;
          transition: all .1s linear;
}
a,
a:active,
a:hover {
 text-decoration: none;
}
a[href^="tel"] {
  color: inherit;
  text-decoration: none;
}
a.new {
  cursor: default;
  pointer-events: none;
}
button {
  border-radius: 0;
  cursor: pointer;
  overflow: visible;
  text-transform: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
fieldset {
  border: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  margin: 0;
  -webkit-appearance: none;
}
input[type="number"] {
  -moz-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}
img {
  display: inline-block;
  max-width: 100%;
  vertical-align: top;
}
li,
ul {
  list-style-type: none;
}
table {
  border: 0;
  border-collapse: collapse;
}
td {
  padding: 0;
  vertical-align: top;
}
:focus {
  outline: none;
}
::-webkit-input-placeholder,
::-moz-placeholder,
:-moz-placeholder,
:-ms-input-placeholder {
  color: inherit;
  opacity: 1;
  -webkit-transition: opacity .3s;
     -moz-transition: opacity .3s;
      -ms-transition: opacity .3s;
          transition: opacity .3s;
}
:focus::-webkit-input-placeholder,
:focus::-moz-placeholder,
:focus:-moz-placeholder,
:focus:-ms-input-placeholder {
  opacity: 0;
}
::-ms-clear {
  display: none;
}
::selection {
  background: #666;
  color: #fff;
  text-shadow: none;
}
::-moz-selection {
  background: #666;
  color: #fff;
  text-shadow: none;
}
@media (prefers-reduced-motion: reduce) {
  * {
    -webkit-animation-duration: 0.01ms !important;
            animation-duration: 0.01ms !important;
    -webkit-animation-iteration-count: 1 !important;
            animation-iteration-count: 1 !important;
    -webkit-transition-duration: 0.01ms !important;
            transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

.add_html,
.add_css,
.add_js {
  display: none;
}

.layout-scrollbar {
  -ms-scroll-chaining: none;
  scroll-snap-type: y mandatory;
  scrollbar-color: #575757 #303030;
  scrollbar-width: thin;
  overflow-y: auto;
  overscroll-behavior: contain;
}
.layout-scrollbar::-webkit-scrollbar {
  height: .375rem;
  width: .375rem;
}
.layout-scrollbar::-webkit-scrollbar-thumb {
  background-color: #575757;
}
.layout-scrollbar::-webkit-scrollbar-thumb:hover {
  background-color: #6d6d6d;
}
.layout-scrollbar::-webkit-scrollbar-thumb:active {
  background-color: #bbb;
}
.layout-scrollbar::-webkit-scrollbar-thumb:horizontal,
.layout-scrollbar::-webkit-scrollbar-thumb:vertical {
  min-width: 1.5rem;
}
.layout-scrollbar::-webkit-scrollbar-track {
  background-color: #303030;
}

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.flex--center {
  -webkit-box-align: center;
     -ms-flex-align: center;
        align-items: center;
  -webkit-box-pack: center;
     -ms-flex-pack: center;
   justify-content: center;
}
.align-c--start {
  -ms-flex-line-pack: start;
       align-content: flex-start;
}
.align-c--center {
  -ms-flex-line-pack: center;
       align-content: center;
}
.align-c--end {
  -ms-flex-line-pack: end;
       align-content: flex-end;
}
.align-c--between {
  -ms-flex-line-pack: justify;
       align-content: space-between;
}
.align-c--around {
  -ms-flex-line-pack: distribute;
       align-content: space-around;
}
.align-c--evenly {
  -ms-flex-line-pack: space-evenly;
       align-content: space-evenly;
}
.align-i--start {
  -webkit-box-align: start;
     -ms-flex-align: start;
        align-items: flex-start;
}
.align-i--center {
  -webkit-box-align: center;
     -ms-flex-align: center;
        align-items: center;
}
.align-i--end {
  -webkit-box-align: end;
     -ms-flex-align: end;
        align-items: flex-end;
}
.flex-dir--row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
     -ms-flex-direction: row;
         flex-direction: row;
}
.flex-dir--row-r {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
     -ms-flex-direction: row-reverse;
         flex-direction: row-reverse;
}
.flex-dir--col {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -ms-flex-direction: column;
         flex-direction: column;
}
.flex-dir--col-r {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
     -ms-flex-direction: column-reverse;
         flex-direction: column-reverse;
}
.flex-wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.flex-wrap--r {
  -ms-flex-wrap: wrap-reverse;
      flex-wrap: wrap-reverse;
}
.flex-wrap--no {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.justify-c--start {
  -webkit-box-pack: start;
     -ms-flex-pack: start;
   justify-content: flex-start;
}
.justify-c--center {
  -webkit-box-pack: center;
     -ms-flex-pack: center;
   justify-content: center;
}
.justify-c--end {
  -webkit-box-pack: end;
     -ms-flex-pack: end;
   justify-content: flex-end;
}
.justify-c--between {
  -webkit-box-pack: justify;
     -ms-flex-pack: justify;
   justify-content: space-between;
}
.justify-c--around {
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
.justify-c--evenly {
  -webkit-box-pack: space-evenly;
     -ms-flex-pack: space-evenly;
   justify-content: space-evenly;
}

.text--center {
  text-align: center;
}
.center {
  text-align: center;
  width: 100%;
}
.center * {
  margin-left: auto;
  margin-right: auto;
}

#mw-indicator-mw-helplink {
  display: none !important;
}

.body--web-iframe {
  background-color: transparent;
  overflow-y: auto;
}
.body--web-iframe .header,
.body--web-iframe .navigation-section,
.body--web-iframe .mw-indicators,
.body--web-iframe #siteSub,
.body--web-iframe #contentSub2,
.body--web-iframe .mw-jump-link,
.body--web-iframe #jump-to-nav,
.body--web-iframe #mw-navigation,
.body--web-iframe #siteNotice,
.body--web-iframe #firstHeading,
.body--web-iframe #top,
.body--web-iframe .footer {
  display: none !important;
}
.body--web-iframe #content {
  background-color: transparent;
  margin: 0;
  max-width: none;
  min-height: auto;
  padding: 0;
}
.body--web-iframe #bodyContent {
  margin: 0;
  max-width: none;
  padding: 0;
}

.body--preloader_active {
  background: #000;
  overflow: hidden;
}
.preloader {
  background: #000;
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1000;
}
.preloader__img {
  height: 335px;
  left: 50%;
  opacity: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 300px;
}
.preloader__img--0,
.preloader__img--1 {
  -webkit-animation: glow .25s linear forwards;
          animation: glow .25s linear forwards;
}
.preloader__img--2 {
  -webkit-animation: glow .25s linear .5s forwards;
          animation: glow .25s linear .5s forwards;
}
.preloader__img--3 {
  -webkit-animation: glow .25s linear .75s forwards;
          animation: glow .25s linear .75s forwards;
}
.preloader__img--4 {
  -webkit-animation: glow .75s ease-in 1s alternate infinite;
          animation: glow .75s ease-in 1s alternate infinite;
}
@-webkit-keyframes glow {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes glow {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

#mw-navigation {
  display: none;
}
.navigation-section {
  font-family: "Futura PT", Arial, Tahoma, Verdana, sans-serif;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
}
html {
  scroll-padding-top: 95px;
}
@media (max-width: 719px) {
  html {
    scroll-padding-top: 80px;
  }
}
@media (width: 1012px) and (height: 682px) {
  .navigation-section {
    display: none;
  }
  html {
    scroll-padding-top: 0;
  }
}
.user-header {
  background: #000;
  height: 30px;
  -webkit-box-pack: justify;
     -ms-flex-pack: justify;
   justify-content: space-between;
  padding: 0 40px;
  text-transform: uppercase;
}
.user-header__link {
  color: #888;
  display: block;
  font: 500 11px/14px "Futura PT";
  letter-spacing: .06em;
  margin: 0 19px 0 0;
  -webkit-transition: color .35s ease-out;
          transition: color .35s ease-out;
}
.user-header__link:hover {
  color: #fff;
  text-decoration: none;
}
.user-header__link--site {
  margin: 0;
}
@media (max-width: 1279px) {
  .user-header {
    padding: 0 20px;
  }
}
@media (max-width: 719px) {
  .user-header {
    -webkit-box-pack: end;
       -ms-flex-pack: end;
     justify-content: flex-end;
  }
  .user-header__left-side {
    display: none;
  }
}
.navigation {
  background-color: rgba(0,0,0,.8);
  height: 65px;
  position: relative;
  width: 100%; 
}
.navigation__button,
.navigation__logo {
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 100;
}
.navigation__logo {
  background: url(//la-static.prod-my.games/static/images/common/header-logo.png) center/160px auto no-repeat;
  display: block;
  left: 40px;
  margin: auto;
  width: 160px;
}
.navigation__button {
  right: 40px;
}
.navigation__hamburger {
  display: none;
}
.navigation__menu {
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font: 500 13px/24px "Futura PT";
  -webkit-box-pack: center;
     -ms-flex-pack: center;
   justify-content: center;
  letter-spacing: .08em;
  max-height: 65px;
  overflow: hidden;
  -webkit-transition: all .35s ease-out;
          transition: all .35s ease-out;
  width: 100%;
}
.navigation__menu:hover {
  background: #000;
  max-height: 700px;
  -webkit-transition: all 1.35s ease-out;
          transition: all 1.35s ease-out;
}
.navigation__menu:hover .navigation__menu-dropdown {
  opacity: 1;
}
.navigation__menu-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
     -ms-flex-pack: justify;
   justify-content: space-between;
  margin: 0 220px;
  max-width: 785px;
  width: 100%;
}
.navigation__menu-item {
  position: relative;
}
.navigation__menu-item .icon {
  display: none;
}
.navigation__menu-dot {
  border: 1px solid hsla(0, 0%, 100%, .4);
  height: 6px;
  margin-top: 28px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 6px;
}
.navigation__menu-dot:last-child {
  display: none;
}
.navigation__menu-link {
  -webkit-box-align: center;
     -ms-flex-align: center;
        align-items: center;
  border-bottom: 2px solid transparent;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 19px 0;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: border-color .35s ease-out;
          transition: border-color .35s ease-out;
  white-space: nowrap;
}
.navigation__menu-link:visited {
  color: #fff;
}
.navigation__menu-link:hover {
  border-color: #c00;
}
.navigation__menu-dropdown {
  margin: 0;
  opacity: 0;
  padding: 5px 0 30px;
  -webkit-transition: opacity .35s ease-out .35s;
          transition: opacity .35s ease-out .35s;
  width: 10px;
}
.navigation__menu-dropdown-link {
  background: none;
  color: #fff;
  display: block;
  max-width: 100%;
  padding: 0 0 5px;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: color .35s ease-out;
          transition: color .35s ease-out;
  white-space: nowrap;
}
.navigation__menu-dropdown-link:hover {
  color: #c00;
}
@media (max-width: 1279px) {
  .navigation__logo {
    left: 20px;
  }
  .navigation__button {
    right: 20px;
  }
  .navigation__menu {
    font-size: 10px;
  }
}
@media (max-width: 719px) {
  .navigation {
    background-color: rgba(0,0,0,.4);
    height: 50px;
  }
  .navigation__logo {
    background-size: 114px;
    left: 0;
    right: 0;
  }
  .navigation__button {
    display: none;
  }
  .navigation__mobile {
    background: url(//la-static.prod-my.games/images/navigation-mobile-bg.jpg?82696120c920981eb335433f502cdb69) no-repeat;
    background-size: cover;
    background-position: 50%;
    height: calc(100vh - 30px);
    opacity: 0;
    overflow: auto;
    -webkit-transition: opacity .35s ease-out;
            transition: opacity .35s ease-out;
    visibility: hidden;
  }
  .navigation.is-open .navigation__mobile {
    opacity: 1;
    visibility: visible;
  }
  .navigation__hamburger {
    background: none;
    cursor: pointer;
    display: block;
    height: 28px;
    left: 18px;
    outline: none;
    position: absolute;
    top: 10px;
    width: 28px;
    z-index: 95;
  }
  .navigation__hamburger::before,
  .navigation__hamburger::after {
    background: #eee;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    top: 13px;
    -webkit-transition: -webkit-transform .35s ease-out;
            transition: -webkit-transform .35s ease-out;
            transition: transform .35s ease-out;
            transition: transform .35s ease-out, -webkit-transform .35s ease-out;
    width: 28px;
  }
  .navigation__hamburger::before {
    -webkit-transform: translateY(-4px);
            transform: translateY(-4px);
  }
  .navigation__hamburger::after {
    -webkit-transform: translateY(4px);
            transform: translateY(4px);
  }
  .navigation.is-open .navigation__hamburger::before {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  .navigation.is-open .navigation__hamburger::after {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  .navigation__menu {
    font-size: 18px;
    line-height: 30px;
    overflow-y: auto;
    -webkit-transform: none;
            transform: none;
  }
  .navigation__menu,
  .navigation__menu:hover {
    background-color: transparent;
    max-height: none;
  }
  .navigation__menu-list {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 122px 0 24px;
    max-width: 100%;
  }
  .navigation__menu-item {
    margin: 0 0 35px;
    text-align: center;
    width: 100%;
  }
  .navigation__menu-item .icon {
    display: inline-block;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  .navigation__menu-item.is-open .icon {
    -webkit-transform: rotate(-90deg) translateY(5px) translateX(2px);
            transform: rotate(-90deg) translateY(5px) translateX(2px);
  }
  .navigation__menu-item.is-open .navigation__menu-dropdown {
    display: block;
  }
  .navigation__menu-dot {
    display: none;
  }
  .navigation__menu-link {
    display: inline-block;
    height: auto;
    margin: 0;
    padding: 0;
  }
  .navigation__menu-dropdown {
    display: none;
    margin: auto;
    opacity: 1;
    padding: 10px 0 0;
    width: 100%;
  }
}

.header {
  background-color: #000;
  height: 1080px;
  margin-top: 30px;
  overflow: hidden;
  position: relative;
}
.header::after {
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #1c1c1c), color-stop(40%, transparent));
  background-image: -o-linear-gradient(bottom, #1c1c1c 0, transparent 40%);
  background-image: linear-gradient(0deg, #1c1c1c 0, transparent 40%);
  bottom: 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  width: 100%;
}
.header__img {
  display: block;
  height: 100%;
  margin: auto;
  object-fit: cover;
  object-position: top;
  width: 100%;
}
@media (max-width: 1279px) {
  .header {
    height: 500px;
  }
}
@media (max-width: 719px) {
  .header {
    height: 250px;
  }
}
@media (width: 1012px) and (height: 682px) {
  .header {
    display: none;
  }
}

#content,
.mw-body {
  background-color: #1c1c1c;
  margin: -540px auto 0;
  max-width: 1260px;
  min-height: 550px;
  padding: 10px;
  position: relative;
}
#content > *,
.mw-body > * {
  max-width: 980px;
  margin: 0 auto;
}
#bodyContent {
  padding-bottom: 50px;
}
@media (max-width: 1279px) {
  #content,
  .mw-body {
    margin-top: -255px;
    max-width: 700px;
  }
  #content > *,
  .mw-body > * {
    max-width: 680px;
  }
}
@media (max-width: 719px) {
  #content,
  .mw-body {
    margin: -120px 10px 0;
    padding: 10px;
    width: calc(100% - 20px);
  }
  #content > *,
  .mw-body > * {
    max-width: 280px;
  }
}
@media (width: 1012px) and (height: 682px) {
  #content,
  .mw-body {
    margin: 0;
    max-width: 1012px;
  }
  #content > *,
  .mw-body > * {
    max-width: 980px;
  }
}

#firstHeading,
.firstHeading {
  font: 400 48px/50px "Cormorant SC";
  margin-bottom: 50px;
  text-align: center;
  word-spacing: .02em;
}
@media (max-width: 719px) {
  #firstHeading,
  .firstHeading {
    font: 26px/30px "Cormorant SC";
  }
}

#footer {
  display: none !important;
}
.footer {
  background: #000;
  font: 18px/30px "Futura PT", Arial, Tahoma, Verdana, sans-serif;
  min-height: 380px;
  padding: 60px 0 20px;
}
.footer__socials {
  margin-bottom: 50px;
}
.footer__social {
  color: #888;
  font-size: 50px;
  height: 50px;
  margin: 0 10px;
  width: 50px;
}
.footer__social:hover {
  color: #fff;
}
.footer__logos {
  margin-bottom: 19px;
}
.footer__logo {
  display: block;
  height: 50px;
  margin: 0 8px;
  max-height: 50px;
  opacity: .4;
  -webkit-transition: opacity .35s ease-out;
          transition: opacity .35s ease-out;
}
a > .footer__logo:hover {
  opacity: 1;
}
.footer__copyright {
  color: #666;
  margin: 0 auto 30px;
  max-width: 665px;
  text-align: center;
}
.footer__links {
  color: #eee;
}
.footer__link {
  display: block;
  margin: 0 15px;
  text-decoration: underline;
}
.footer__link:hover {
  text-decoration: none;
}
.footer__pegi-wrap {
  border: 1px solid #888;
  border-radius: 360px;
  height: 48px;
  margin: 0 0 0 10px;
  padding: 2px;
  width: 48px;
}
.footer__pegi {
  background: #888;
  border-radius: 360px;
  color: #000;
  font-size: 26px;
  height: 42px;
  width: 42px;
}
@media (max-width: 719px) {
  .footer {
    font-size: 14px;
    line-height: 23px;
    min-height: 300px;
    padding-top: 40px;
  }
  .footer__socials {
    margin-bottom: 40px;
  }
  .footer__social {
    font-size: 30px;
    height: 30px;
    margin: 0 6px;
    width: 30px;
  }
  .footer__logos {
    margin-bottom: 17px;
  }
  .footer__logo {
    height: 30px;
    margin: 0 5px;
    max-height: 30px;
  }
  .footer__copyright {
    margin-bottom: 20px;
  }
}
@media (width: 1012px) and (height: 682px) {
  .footer {
    display: none;
  }
}

.heading {
  font: 400 48px/50px "Cormorant SC";
  margin-bottom: 40px;
  text-align: center;
  word-spacing: .02em;
}
@media (max-width: 719px) {
  .heading {
    font: 26px/30px "Cormorant SC";
    margin-bottom: 20px;
  }
}

.body--error-page_active #content,
.body--error-page_active .mw-body,
.body--error-page_active .header {
  display: none !important;
}
.error-page {
  background: url(//la-static.prod-my.games/images/error-page-bg.jpg?cba2d134314e0960cdbe50733f95e00a) bottom / cover no-repeat;
}
.error-page__wrap {
  -webkit-box-pack: end;
     -ms-flex-pack: end;
   justify-content: flex-end;
  margin: 0 auto;
  max-width: 1012px;
  padding: 200px 0 235px;
  position: relative;
  text-align: center;
}
.error-page__wrap::after {
  background: url(//la-static.prod-my.games/images/error-page-art.png?a0866a9fcbad4620bc621fc7fdfcb700) bottom / cover no-repeat;
  bottom: 0;
  content: "";
  display: block;
  height: 526px;
  position: absolute;
  width: 100%;
  z-index: 2;
}
.error-page__num {
  background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#666));
  background: -o-linear-gradient(top, #eee, #666);
  background: linear-gradient(180deg, #eee, #666);
  -webkit-background-clip: text;
          background-clip: text;
  color: #eee;
  font: 500px/1 "Cormorant SC";
  letter-spacing: .04em;
  margin: -15px 0 0;
  pointer-events: none;
  user-select: none;
  word-spacing: .02em;
  z-index: 1;
  -webkit-text-fill-color: transparent;
}
.error-page__title {
  font: 400 24px/30px "Futura PT";
  margin-bottom: 10px;
  z-index: 2;
}
.error-page__text {
  font: 18px/30px "Futura PT";
  z-index: 2;
}
.error-page__text a {
  text-decoration: underline;
}
.error-page__text a:hover {
  text-decoration: none;
}
@media (max-width: 1279px) {
  .error-page__wrap::after {
    height: 425px;
  }
  .error-page__num {
    font-size: 400px;
  }
}
@media (max-width: 719px) {
  .error-page__wrap {
    -webkit-box-pack: center;
       -ms-flex-pack: center;
     justify-content: center;
    min-height: 70vh;
    padding: 120px 0 70px;
  }
  .error-page__wrap::after {
    display: none;
  }
  .error-page__num {
    font-size: 110px;
    margin: 0 0 25px;
    -webkit-box-ordinal-group: 2;
               -ms-flex-order: 1;
                        order: 1;
  }
  .error-page__title {
    -webkit-box-ordinal-group: 3;
               -ms-flex-order: 2;
                        order: 2;
  }
  .error-page__text {
    -webkit-box-ordinal-group: 4;
               -ms-flex-order: 3;
                        order: 3;
  }
}
@media (width: 1012px) and (height: 682px) {
  .error-page__wrap {
    padding: 50px 0 175px;
  }
}

#mw-content-text {
  color: #fff;
  font: 20px/31px "Futura PT";
}
@media (max-width: 719px) {
  #mw-content-text {
    font: 16px/20px "Futura PT";
  }
}
#mw-content-text h3,
#mw-content-text h4,
#mw-content-text h5,
#mw-content-text h6 {
  color: inherit;
}
#mw-content-text h2 {
  color: #fff;
  font: 400 36px/50px "Cormorant SC";
  margin: 80px 0 40px;
  text-align: center;
}
#mw-content-text h3,
#mw-content-text h4,
#mw-content-text h5 {
  font-family: "Futura PT";
  line-height: 30px;
}
#mw-content-text h3,
#mw-content-text h4,
#mw-content-text h5 {
  font-size: 18px;
  font-weight: 500;
}
#mw-content-text h6 {
  font: 500 16px/22px "Futura PT";
}
#mw-content-text p {
  margin: 30px 0;
}
@media (max-width: 719px) {
  #mw-content-text p {
    margin: 0 0 20px;
  }
}
#mw-content-text a:not([role*="button"]) {
  color: inherit;
  text-decoration: underline;
  -webkit-transition: all .2s;
          transition: all .2s;
}
#mw-content-text a:hover:not([role*="button"]) {
  color: #c00;
  text-decoration: none;
}
#mw-content-text table {
  font-size: 16px;
  margin: 30px 0;
  width: 100%;
}
#mw-content-text table caption {
  background: #666;
  color: #fff;
  font: 18px/30px "Futura PT";
  padding: 5px 10px;
  text-align: left;
}
#mw-content-text table tr:nth-child(2n) {
  background-color: hsla(0,0%,100%,.1);
}
#mw-content-text table td,
#mw-content-text table th {
  padding: 10px 20px;
  text-align: left;
}
#mw-content-text table th {
  border-bottom: 1px solid #fff;
}
.jquery-tablesorter th.headerSort,
.jquery-tablesorter th.headerSortUp,
.jquery-tablesorter th.headerSortDown {
  background-image: none;
}
.jquery-tablesorter th.headerSort.without-sort {
  pointer-events: none;
}
.jquery-tablesorter th.headerSort:not(.without-sort)::after {
  border: 5px solid transparent;
  border-top-color: #9e9e9e;
  content: "";
  display: inline-block;
  height: 1px;
  margin-left: 8px;
  position: relative;
  top: 3px;
  width: 1px;
}
.jquery-tablesorter th.headerSort.headerSortUp::after {
  border-top-color: #c00;
  top: -4px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}	
.jquery-tablesorter th.headerSort.headerSortDown::after {
  border-top-color: #c00;	
}
.table_middle td {
  vertical-align: middle;
}
@media (max-width: 719px) {
  #mw-content-text table caption {
    padding: 5px 15px;
  }
  #mw-content-text table tr {
    display: block;
    padding: 10px 0;
  }
  #mw-content-text table td,
  #mw-content-text table th {
    display: block;
    padding: 5px 15px;
  }
  #mw-content-text table th {
    display: none;
  }
}
#mw-content-text ol,
#mw-content-text ul {
  list-style: none;
}
#mw-content-text ol:not([class]),
#mw-content-text ul:not([class]) {
  margin: 40px 0;
}
#mw-content-text ol ol:not([class]),
#mw-content-text ol ul:not([class]),
#mw-content-text ul ul:not([class]),
#mw-content-text ul ol:not([class]) {
  margin: 10px 0;
}
#mw-content-text ol li,
#mw-content-text ul li {
  margin-bottom: 10px;
  padding: 0 0 0 30px;
  position: relative;
}
#mw-content-text ol li::before,
#mw-content-text ul li::before {
  color: #caa357;
  display: inline-block;
  left: 0;
  position: absolute;
  width: 30px;
}
#mw-content-text ul li::before {
  content: "\2022";
}
#mw-content-text ol {
  counter-reset: li;
}
#mw-content-text ol > li {
  counter-increment: li;
}
#mw-content-text ol > li::before {
  content: counter(li) ".";
}
#mw-content-text table ul {
  margin: 15px 0 !important;
}
#mw-content-text iframe,
#mw-content-text img,
#mw-content-text video {
  max-width: 100%;
}
#mw-content-text img {
  height: auto !important;
}
#mw-content-text kbd {
  background: #262422;
  border: 1px solid hsla(39.7,52%,56.7%,.5);
  border-radius: 8px;
  display: inline-block;
  font-family: inherit;
  font-size: 16px;
  font-style: normal;
  margin: 0 5px;
  min-width: 30px;
  padding: 0 8px;
  text-align: center;
  white-space: nowrap;
}

.pagedetail {
  margin-bottom: 50px;
  position: relative;
}
.pagedetail__icon {
  color: #caa357;
  font-size: 22px;
  text-align: center;
  min-width: 100px;
}
.pagedetail__back,
.pagedetail__toc {
  font: 500 13px/24px "Futura PT";
  text-transform: uppercase;
  width: 50%;
}
.pagedetail__back a {
  overflow: hidden;
  position: relative;
  text-decoration: none !important;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pagedetail__back a:hover {
  color: inherit !important;
}
.pagedetail__back-icon {
  color: #c00;
  display: inline-block;
  margin-right: 10px;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transition: all .15s linear;
          transition: all .15s linear;
}
.pagedetail__back a:hover .pagedetail__back-icon {
  margin-right: 15px;
}
.pagedetail__toc-icon {
  color: #c00;
  display: inline-block;
  margin-left: 10px;
  -webkit-transition: all .25s linear;
          transition: all .25s linear;
}
@media (max-width: 1279px) {
  .pagedetail__back,
  .pagedetail__toc,
  .toctitle h2 {
    font-size: 10px;
  }
}
@media (max-width: 719px) {
  .pagedetail__icon {
    min-width: 50px;
  }
}
@media (width: 1012px) and (height: 682px) {
  .pagedetail__back,
  .pagedetail__toc,
  .toctitle h2 {
    font-size: 13px;
  }
}

.toctogglespan,
.toclevel-1 > a,
.tocnumber {
  display: none;
}
.toctitle {
  cursor: pointer;
  padding: 0 0 10px 0;
  position: relative;
}
.toctitle h2 {
  font: 500 13px/24px "Futura PT" !important;
  margin: 0 !important;
}
#toc:not(.pagedetail__toc #toc),
.toc:not(.pagedetail__toc .toc) {
  display: none;
}
#mw-content-text #toc > ul,
#mw-content-text .toc > ul {
  background: #262422;
  border: 1px solid #caa357;
  display: none;
  left: 0;
  margin: 0 auto;
  padding: 20px;
  position: absolute;
  right: 0;
  width: 330px;
  z-index: 10;
}
#mw-content-text #toc:hover > ul,
#mw-content-text .toc:hover > ul {
  display: block;
}
#mw-content-text #toc > ul > li > ul,
#mw-content-text .toc > ul > li > ul {
  margin: 0;
}
#mw-content-text #toc li,
#mw-content-text .toc li {
  margin: 0;
  padding: 0;
}
#mw-content-text #toc li::before,
#mw-content-text .toc li::before {
  display: none;
}
#toc a,
.toc a {
  line-height: 22px;
  width: 100%;
}
#toc a:hover,
.toc a:hover {
  color: #c00;
}
#toc:hover .pagedetail__toc-icon,
.toc:hover .pagedetail__toc-icon {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.toctext {
  display: inline-block;
  line-height: 29px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.toclevel-2 {
  height: 29px;
}
@media (max-width: 719px) {
  #toc > ul,
  .toc > ul {
    width: 280px;
  }
}

.navigation-wiki {
  border-bottom: 1px solid hsla(39.7,52%,56.7%,.5);
  font: 500 13px/24px "Futura PT";
  margin: 0 0 50px;
  position: relative;
  text-transform: uppercase;
}
.navigation-wiki__left-side {
  max-height: 50px;
  max-width: 700px;
  width: 100%;
}
.navigation-wiki__right-side {
  padding-right: 15px;
}
.navigation-wiki__menu-item {
  height: 50px;
}
.navigation-wiki__menu-item:hover .navigation-wiki__menu-link {
  border-color: #c00;
}
.navigation-wiki__menu-item > ul {
  background: #262422;
  border: 1px solid #caa357;
  max-height: 700px;
  opacity: 0;
  padding: 20px;
  position: absolute;
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
  -webkit-transform-origin: left top 0;
      -ms-transform-origin: left top 0;
          transform-origin: left top 0;
  -webkit-transition: -webkit-transform .3s ease;
          transition: -webkit-transform .3s ease;
          transition: transform .3s ease;
          transition: transform .3s ease, -webkit-transform .3s ease;
  z-index: 95;
}
.navigation-wiki__menu-item:hover > ul {
  opacity: 1;
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}
.navigation-wiki__menu-item a {
  padding: 0 0 5px;
  width: 100%;
}
.navigation-wiki__menu-item a:hover {
  color: #caa357;
}
.navigation-wiki__menu-link {
  border-bottom: 2px solid transparent;
  margin: 13px 0 11px;
}
.navigation-wiki__menu-dot {
  border: 1px solid hsla(0, 0%, 100%, .4);
  height: 6px;
  margin-top: 22px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 6px;
}
.navigation-wiki__icon {
  cursor: pointer;
  display: block;
  font-size: 20px;
  margin: 0 0 0 30px;
  padding-top: 5px;
}
.navigation-wiki__icon:hover {
  color: #caa357;
}
.navigation-wiki__icon--feedback {
  padding-top: 0;
}
.navigation-wiki__icon--main {
  margin: 0 0 0 15px;
}
@media (max-width: 1279px) {
  .navigation-wiki {
    font-size: 10px;
  }
  .navigation-wiki__left-side {
    max-width: 500px;
  }
  .navigation-wiki__icon {
    font-size: 16px;
  }
}
@media (max-width: 719px) {
  .navigation-wiki {
    display: none;
  }
}
@media (width: 1012px) and (height: 682px) {
  .navigation-wiki {
    font-size: 13px;
  }
  .navigation-wiki__left-side {
    max-width: 700px;
  }
}

.navigation-wiki #searchform {
  background: #1c1c1c;
  display: none;
  height: 50px;
  position: absolute;
  width: calc(100% - 30px);
  z-index: 1;
}
.navigation-wiki #searchform.is-open {
  display: block;
}
.navigation-wiki #searchInput {
  background: none;
  border: 0;
  caret-color: #c00;
  color: #fff;
  font: 18px/1 "Futura PT";
  margin: 13px 0;
  padding: 0 15px 0 50px;
  width: 100%;
}
.navigation-wiki #searchButton {
  display: none;
}
.navigation-wiki__icon--search.is-open {
  left: 15px;
  margin: 0;
  pointer-events: none;
  position: absolute;
  z-index: 1;
}
.navigation-wiki__icon--search.is-open:hover {
  color: inherit;
  cursor: default;
}
.navigation-wiki__icon--search-cross {
  display: none;
}
.navigation-wiki__icon--search-cross.is-open {
  display: block;
  font-size: 15px;
  padding: 5px 0 0;
}

.read-also-section {
  background: #000;
  font: 16px/22px "Futura PT";
  padding: 40px 0;
}
.read-also {
  margin: 0 auto;
  width: 1012px;
}
.read-also__item {
  background-size: cover;
  background-position: center;
  height: 450px;
  width: 320px;
}
.read-also__item a {
  display: block;
  height: 100%;
  margin: 0 0 20px;
  overflow: hidden;
  padding: 200px 10px 0;
  position: relative;
  text-decoration: none;
  -webkit-transition: all .15s linear;
          transition: all .15s linear;
  width: 100%;
}
.read-also__item a::after {
  background: -webkit-gradient(linear,left bottom,left top,color-stop(45%,#1c1c1c),to(hsla(0,0%,100%,0)));
  background: linear-gradient(0deg,#1c1c1c 45%,hsla(0,0%,100%,0));
  bottom: 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  -webkit-transition: all .1s linear;
          transition: all .1s linear;
  width: 100%;
  z-index: 1;
}
.read-also__item a:hover::after {
  bottom: -50px;
}
.read-also__item-inner {
  position: relative;
  z-index: 2;
}
.read-also__item-section {
  color: #888;
  font: 12px/1 "Futura PT";
  margin-bottom: 15px;
  text-transform: uppercase;
}
.read-also__item-title {
  font: 24px/30px "Futura PT";
  margin-bottom: 15px;
}
.read-also__item-desc {
  font: 16px/22px "Futura PT";
}
@media (max-width: 1279px) {
  .read-also {
    width: 680px;
  }
  .read-also__item:last-child {
    display: none;
  }
}
@media (max-width: 719px) {
  .read-also {
    width: 280px;
  }
  .read-also__item:last-child {
    display: block;
  }
}
@media (width: 1012px) and (height: 682px) {
  .read-also {
    width: 960px;
  }
  .read-also__item {
    width: 300px;
  }
  .read-also__item:last-child {
    display: block;
  }
}

.buttons {
  margin: 20px 0 40px;
}
.buttons .button {
  margin: 20px 0 0;
}
.button {
  background-color: transparent;
  background-position: 0 0;
  background-repeat: no-repeat;
  color: #fff;
  cursor: pointer;
  outline: none;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  white-space: nowrap;
}
.button:hover {
  text-decoration: none;
}
.button--small {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='64' height='28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.45 25.013L.64 14 9.45 2.987c.743-.736 1.455-1.347 2.329-1.781.874-.435 1.94-.706 3.4-.706h33.897c1.459 0 2.525.27 3.4.706.872.433 1.584 1.044 2.326 1.779L63.367 14l-8.565 11.015c-.742.735-1.454 1.346-2.326 1.78-.875.434-1.941.705-3.4.705H15.178c-1.458 0-2.525-.27-3.4-.706-.873-.434-1.585-1.045-2.328-1.781z' fill='%23C00' stroke='%23C00'/%3E%3C/svg%3E");
  height: 28px;
  width: 64px;
}
.button--small:hover {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='64' height='28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.45 25.013L.64 14 9.45 2.987c.743-.736 1.455-1.347 2.329-1.781.874-.435 1.94-.706 3.4-.706h33.897c1.459 0 2.525.27 3.4.706.872.433 1.584 1.044 2.326 1.779L63.367 14l-8.565 11.015c-.742.735-1.454 1.346-2.326 1.78-.875.434-1.941.705-3.4.705H15.178c-1.458 0-2.525-.27-3.4-.706-.873-.434-1.585-1.045-2.328-1.781z' stroke='%23C00'/%3E%3C/svg%3E");
}
.button--small.button--disabled {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='64' height='28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.45 25.013L.64 14 9.45 2.987c.743-.736 1.455-1.347 2.329-1.781.874-.435 1.94-.706 3.4-.706h33.897c1.459 0 2.525.27 3.4.706.872.433 1.584 1.044 2.326 1.779L63.367 14l-8.565 11.015c-.742.735-1.454 1.346-2.326 1.78-.875.434-1.941.705-3.4.705H15.178c-1.458 0-2.525-.27-3.4-.706-.873-.434-1.585-1.045-2.328-1.781z' fill='%23888' stroke='%23888'/%3E%3C/svg%3E");
}
.button--small.button--icon .icon {
  font-size: 18px;
  height: 18px;
}
.button--small_x15 {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='96' height='40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 .5h48c2.341 0 4.069.459 5.496 1.206 1.433.75 2.593 1.808 3.786 3.057l.003.003L95.32 20 81.285 35.234l-.003.003c-1.193 1.25-2.353 2.306-3.786 3.057C76.069 39.04 74.34 39.5 72 39.5H24c-2.341 0-4.069-.459-5.496-1.206-1.433-.75-2.593-1.808-3.786-3.057L.68 20 14.718 4.763c1.193-1.25 2.353-2.306 3.786-3.057C19.931.96 21.66.5 24 .5z' fill='%23C00' stroke='%23C00'/%3E%3C/svg%3E");
  height: 40px;
  width: 96px;
}
.button--small_x15:hover {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='96' height='40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 .5h48c2.341 0 4.069.459 5.496 1.206 1.433.75 2.593 1.808 3.786 3.057l.003.003L95.32 20 81.285 35.234l-.003.003c-1.193 1.25-2.353 2.306-3.786 3.057C76.069 39.04 74.34 39.5 72 39.5H24c-2.341 0-4.069-.459-5.496-1.206-1.433-.75-2.593-1.808-3.786-3.057L.68 20 14.718 4.763c1.193-1.25 2.353-2.306 3.786-3.057C19.931.96 21.66.5 24 .5z' stroke='%23C00'/%3E%3C/svg%3E");
}
.button--small_x15.button--disabled {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='96' height='40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 .5h48c2.341 0 4.069.459 5.496 1.206 1.433.75 2.593 1.808 3.786 3.057l.003.003L95.32 20 81.285 35.234l-.003.003c-1.193 1.25-2.353 2.306-3.786 3.057C76.069 39.04 74.34 39.5 72 39.5H24c-2.341 0-4.069-.459-5.496-1.206-1.433-.75-2.593-1.808-3.786-3.057L.68 20 14.718 4.763c1.193-1.25 2.353-2.306 3.786-3.057C19.931.96 21.66.5 24 .5z' fill='%23888' stroke='%23888'/%3E%3C/svg%3E");
}
.button--small_x15.button--icon .icon {
  font-size: 24px;
  height: 24px;
}
.button--small_x20 {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='128' height='56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.5.5h71c2.793 0 4.859.553 6.568 1.458 1.709.904 3.091 2.176 4.505 3.67L127.375 28l-16.802 22.372c-1.414 1.495-2.796 2.766-4.505 3.67-1.709.905-3.775 1.458-6.568 1.458h-71c-2.793 0-4.859-.553-6.568-1.458-1.709-.904-3.091-2.175-4.505-3.67L.625 28 17.427 5.628c1.414-1.495 2.796-2.766 4.505-3.67C23.642 1.053 25.707.5 28.5.5z' fill='%23C00' stroke='%23C00'/%3E%3C/svg%3E");
  height: 56px;
  width: 128px;
}
.button--small_x20:hover {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='128' height='56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.5.5h71c2.793 0 4.859.553 6.568 1.458 1.709.904 3.091 2.176 4.505 3.67L127.375 28l-16.802 22.372c-1.414 1.495-2.796 2.766-4.505 3.67-1.709.905-3.775 1.458-6.568 1.458h-71c-2.793 0-4.859-.553-6.568-1.458-1.709-.904-3.091-2.175-4.505-3.67L.625 28 17.427 5.628c1.414-1.495 2.796-2.766 4.505-3.67C23.642 1.053 25.707.5 28.5.5z' stroke='%23C00'/%3E%3C/svg%3E");
}
.button--small_x20.button--disabled {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='128' height='56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.5.5h71c2.793 0 4.859.553 6.568 1.458 1.709.904 3.091 2.176 4.505 3.67L127.375 28l-16.802 22.372c-1.414 1.495-2.796 2.766-4.505 3.67-1.709.905-3.775 1.458-6.568 1.458h-71c-2.793 0-4.859-.553-6.568-1.458-1.709-.904-3.091-2.175-4.505-3.67L.625 28 17.427 5.628c1.414-1.495 2.796-2.766 4.505-3.67C23.642 1.053 25.707.5 28.5.5z' fill='%23888' stroke='%23888'/%3E%3C/svg%3E");
}
.button--small_x20.button--icon .icon {
  font-size: 32px;
  height: 32px;
}
.button--medium {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='144' height='28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.459 24.582L.65 14 9.459 3.418c.752-.871 1.47-1.592 2.348-2.101C12.677.813 13.732.5 15.178.5h113.898c1.446 0 2.502.313 3.371.817.878.508 1.595 1.228 2.346 2.099L143.357 14l-8.564 10.584c-.751.87-1.468 1.59-2.346 2.1-.869.503-1.925.816-3.371.816H15.179c-1.447 0-2.503-.313-3.372-.817-.879-.509-1.597-1.23-2.348-2.101z' fill='%23C00' stroke='%23C00'/%3E%3C/svg%3E");
  width: 144px;
}
.button--medium:hover {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='144' height='28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.459 24.582L.65 14 9.459 3.418c.752-.871 1.47-1.592 2.348-2.101C12.677.813 13.732.5 15.178.5h113.898c1.446 0 2.502.313 3.371.817.878.508 1.595 1.228 2.346 2.099L143.357 14l-8.564 10.584c-.751.87-1.468 1.59-2.346 2.1-.869.503-1.925.816-3.371.816H15.179c-1.447 0-2.503-.313-3.372-.817-.879-.509-1.597-1.23-2.348-2.101z' stroke='%23C00'/%3E%3C/svg%3E");
}
.button--medium.button--disabled {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='144' height='28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.459 24.582L.65 14 9.459 3.418c.752-.871 1.47-1.592 2.348-2.101C12.677.813 13.732.5 15.178.5h113.898c1.446 0 2.502.313 3.371.817.878.508 1.595 1.228 2.346 2.099L143.357 14l-8.564 10.584c-.751.87-1.468 1.59-2.346 2.1-.869.503-1.925.816-3.371.816H15.179c-1.447 0-2.503-.313-3.372-.817-.879-.509-1.597-1.23-2.348-2.101z' fill='%23888' stroke='%23888'/%3E%3C/svg%3E");
}
.button--medium_x15 {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='168' height='40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 .5h126c2.028 0 3.521.453 4.755 1.192 1.244.745 2.255 1.796 3.3 3.046l.002.004L167.358 20l-12.301 15.258-.002.004c-1.045 1.25-2.056 2.301-3.3 3.046-1.234.739-2.727 1.192-4.755 1.192H21c-2.028 0-3.52-.453-4.755-1.192-1.244-.745-2.255-1.796-3.3-3.046L.642 20 12.945 4.738c1.045-1.25 2.056-2.301 3.3-3.046C17.479.953 18.972.5 21 .5z' fill='%23C00' stroke='%23C00'/%3E%3C/svg%3E");
  width: 168px;
}
.button--medium_x15:hover {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='168' height='40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 .5h126c2.028 0 3.521.453 4.755 1.192 1.244.745 2.255 1.796 3.3 3.046l.002.004L167.358 20l-12.301 15.258-.002.004c-1.045 1.25-2.056 2.301-3.3 3.046-1.234.739-2.727 1.192-4.755 1.192H21c-2.028 0-3.52-.453-4.755-1.192-1.244-.745-2.255-1.796-3.3-3.046L.642 20 12.945 4.738c1.045-1.25 2.056-2.301 3.3-3.046C17.479.953 18.972.5 21 .5z' stroke='%23C00'/%3E%3C/svg%3E");
}
.button--medium_x15.button--disabled {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='168' height='40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 .5h126c2.028 0 3.521.453 4.755 1.192 1.244.745 2.255 1.796 3.3 3.046l.002.004L167.358 20l-12.301 15.258-.002.004c-1.045 1.25-2.056 2.301-3.3 3.046-1.234.739-2.727 1.192-4.755 1.192H21c-2.028 0-3.52-.453-4.755-1.192-1.244-.745-2.255-1.796-3.3-3.046L.642 20 12.945 4.738c1.045-1.25 2.056-2.301 3.3-3.046C17.479.953 18.972.5 21 .5z' fill='%23888' stroke='%23888'/%3E%3C/svg%3E");
}
.button--medium_x20 {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='224' height='56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.5.5h167c2.779 0 4.835.641 6.539 1.694 1.715 1.059 3.103 2.55 4.525 4.307l.003.003L223.365 28l-16.798 21.496-.003.003c-1.422 1.756-2.81 3.248-4.525 4.307-1.704 1.053-3.76 1.694-6.539 1.694h-167c-2.78 0-4.835-.641-6.54-1.694-1.714-1.059-3.102-2.55-4.524-4.307L.635 28l16.8-21.5c1.423-1.755 2.811-3.247 4.526-4.306C23.665 1.14 25.72.5 28.5.5z' fill='%23C00' stroke='%23C00'/%3E%3C/svg%3E");
  width: 224px;
}
.button--medium_x20:hover {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='224' height='56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.5.5h167c2.779 0 4.835.641 6.539 1.694 1.715 1.059 3.103 2.55 4.525 4.307l.003.003L223.365 28l-16.798 21.496-.003.003c-1.422 1.756-2.81 3.248-4.525 4.307-1.704 1.053-3.76 1.694-6.539 1.694h-167c-2.78 0-4.835-.641-6.54-1.694-1.714-1.059-3.102-2.55-4.524-4.307L.635 28l16.8-21.5c1.423-1.755 2.811-3.247 4.526-4.306C23.665 1.14 25.72.5 28.5.5z' stroke='%23C00'/%3E%3C/svg%3E");
}
.button--medium_x20.button--disabled {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='224' height='56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.5.5h167c2.779 0 4.835.641 6.539 1.694 1.715 1.059 3.103 2.55 4.525 4.307l.003.003L223.365 28l-16.798 21.496-.003.003c-1.422 1.756-2.81 3.248-4.525 4.307-1.704 1.053-3.76 1.694-6.539 1.694h-167c-2.78 0-4.835-.641-6.54-1.694-1.714-1.059-3.102-2.55-4.524-4.307L.635 28l16.8-21.5c1.423-1.755 2.811-3.247 4.526-4.306C23.665 1.14 25.72.5 28.5.5z' fill='%23888' stroke='%23888'/%3E%3C/svg%3E");
}
.button--large {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='240' height='28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.459 24.582L.65 14 9.459 3.418c.752-.871 1.47-1.592 2.348-2.101C12.677.813 13.732.5 15.178.5h209.898c1.446 0 2.502.313 3.371.817.878.508 1.595 1.228 2.346 2.099L239.357 14l-8.564 10.584c-.751.87-1.468 1.59-2.346 2.1-.869.503-1.925.816-3.371.816H15.179c-1.447 0-2.503-.313-3.372-.817-.879-.509-1.597-1.23-2.348-2.101z' fill='%23C00' stroke='%23C00'/%3E%3C/svg%3E");
  width: 240px;
}
.button--large:hover {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='240' height='28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.459 24.582L.65 14 9.459 3.418c.752-.871 1.47-1.592 2.348-2.101C12.677.813 13.732.5 15.178.5h209.898c1.446 0 2.502.313 3.371.817.878.508 1.595 1.228 2.346 2.099L239.357 14l-8.564 10.584c-.751.87-1.468 1.59-2.346 2.1-.869.503-1.925.816-3.371.816H15.179c-1.447 0-2.503-.313-3.372-.817-.879-.509-1.597-1.23-2.348-2.101z' stroke='%23C00'/%3E%3C/svg%3E");
}
.button--large.button--disabled {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='240' height='28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.459 24.582L.65 14 9.459 3.418c.752-.871 1.47-1.592 2.348-2.101C12.677.813 13.732.5 15.178.5h209.898c1.446 0 2.502.313 3.371.817.878.508 1.595 1.228 2.346 2.099L239.357 14l-8.564 10.584c-.751.87-1.468 1.59-2.346 2.1-.869.503-1.925.816-3.371.816H15.179c-1.447 0-2.503-.313-3.372-.817-.879-.509-1.597-1.23-2.348-2.101z' fill='%23888' stroke='%23888'/%3E%3C/svg%3E");
}
.button--large_x15 {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='294' height='40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.52.5h246.96c2.292 0 3.981.458 5.378 1.204 1.402.75 2.538 1.806 3.707 3.055l.004.004L293.326 20l-13.757 15.237-.004.004c-1.169 1.25-2.305 2.305-3.707 3.055-1.397.746-3.086 1.204-5.378 1.204H23.52c-2.291 0-3.982-.458-5.378-1.204-1.402-.75-2.538-1.806-3.708-3.055L.674 20l13.76-15.24c1.17-1.25 2.306-2.306 3.708-3.056C19.538.958 21.23.5 23.52.5z' fill='%23C00' stroke='%23C00'/%3E%3C/svg%3E");
  width: 294px;
}
.button--large_x15:hover {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='294' height='40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.52.5h246.96c2.292 0 3.981.458 5.378 1.204 1.402.75 2.538 1.806 3.707 3.055l.004.004L293.326 20l-13.757 15.237-.004.004c-1.169 1.25-2.305 2.305-3.707 3.055-1.397.746-3.086 1.204-5.378 1.204H23.52c-2.291 0-3.982-.458-5.378-1.204-1.402-.75-2.538-1.806-3.708-3.055L.674 20l13.76-15.24c1.17-1.25 2.306-2.306 3.708-3.056C19.538.958 21.23.5 23.52.5z' stroke='%23C00'/%3E%3C/svg%3E");
}
.button--large_x15.button--disabled {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='294' height='40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.52.5h246.96c2.292 0 3.981.458 5.378 1.204 1.402.75 2.538 1.806 3.707 3.055l.004.004L293.326 20l-13.757 15.237-.004.004c-1.169 1.25-2.305 2.305-3.707 3.055-1.397.746-3.086 1.204-5.378 1.204H23.52c-2.291 0-3.982-.458-5.378-1.204-1.402-.75-2.538-1.806-3.708-3.055L.674 20l13.76-15.24c1.17-1.25 2.306-2.306 3.708-3.056C19.538.958 21.23.5 23.52.5z' fill='%23888' stroke='%23888'/%3E%3C/svg%3E");
}
.button--large_x20 {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='392' height='56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.5.5h335c2.779 0 4.835.641 6.539 1.694 1.715 1.059 3.103 2.55 4.525 4.306l.003.004L391.365 28l-16.798 21.496-.003.004c-1.422 1.756-2.81 3.247-4.525 4.306-1.704 1.053-3.76 1.694-6.539 1.694h-335c-2.78 0-4.835-.641-6.54-1.694-1.714-1.059-3.102-2.55-4.524-4.307L.635 28l16.8-21.5c1.423-1.755 2.811-3.247 4.526-4.306C23.665 1.14 25.72.5 28.5.5z' fill='%23C00' stroke='%23C00'/%3E%3C/svg%3E");
  width: 392px;
}
.button--large_x20:hover {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='392' height='56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.5.5h335c2.779 0 4.835.641 6.539 1.694 1.715 1.059 3.103 2.55 4.525 4.306l.003.004L391.365 28l-16.798 21.496-.003.004c-1.422 1.756-2.81 3.247-4.525 4.306-1.704 1.053-3.76 1.694-6.539 1.694h-335c-2.78 0-4.835-.641-6.54-1.694-1.714-1.059-3.102-2.55-4.524-4.307L.635 28l16.8-21.5c1.423-1.755 2.811-3.247 4.526-4.306C23.665 1.14 25.72.5 28.5.5z' stroke='%23C00'/%3E%3C/svg%3E");
}
.button--large_x20.button--disabled {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='392' height='56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.5.5h335c2.779 0 4.835.641 6.539 1.694 1.715 1.059 3.103 2.55 4.525 4.306l.003.004L391.365 28l-16.798 21.496-.003.004c-1.422 1.756-2.81 3.247-4.525 4.306-1.704 1.053-3.76 1.694-6.539 1.694h-335c-2.78 0-4.835-.641-6.54-1.694-1.714-1.059-3.102-2.55-4.524-4.307L.635 28l16.8-21.5c1.423-1.755 2.811-3.247 4.526-4.306C23.665 1.14 25.72.5 28.5.5z' fill='%23888' stroke='%23888'/%3E%3C/svg%3E");
}
.button--medium,
.button--large {
  font: 12px/28px "Futura PT";
  height: 28px;
}
.button--medium_x15,
.button--large_x15 {
  font: 14px/40px "Futura PT";
  height: 40px;
}
.button--medium_x20,
.button--large_x20 {
  font: 18px/56px "Futura PT";
  height: 56px;
}
.button--disabled {
  cursor: not-allowed;
}
.button--disabled a {
  pointer-events: none;
}
.button--icon .icon {
  line-height: 1;
  position: absolute;
}
.button--medium.button--icon .icon,
.button--large.button--icon .icon {
  font-size: 18px;
  height: 18px;
  left: 15px;
}
.button--medium_x15.button--icon .icon,
.button--large_x15.button--icon .icon {
  font-size: 24px;
  height: 24px;
  left: 20px;
}
.button--medium_x20.button--icon .icon,
.button--large_x20.button--icon .icon {
  font-size: 32px;
  height: 32px;
  left: 25px;
}
#mw-content-text .button a {
  color: inherit;
  display: block;
  height: 100%;
  text-decoration: none;
  -webkit-transition: all 0s ease 0s;
          transition: all 0s ease 0s;
  width: 100%;
  z-index: 0;
}
#mw-content-text .button a:hover {
  color: inherit;
  text-decoration: none;
}
.button--medium.button--icon a,
.button--large.button--icon a {
  padding-left: 15px;
}
.button--medium.button--icon a,
.button--large.button--icon a {
  padding-left: 15px;
}
.button--medium_x15.button--icon a,
.button--large_x15.button--icon a {
  padding-left: 25px;
}
.button--medium_x20.button--icon a,
.button--large_x20.button--icon a {
  padding-left: 25px;
}

.icon::before {
  font-family: "la-icons" !important;
  font-style: normal;
  font-variant: normal;
  font-weight: 400 !important;
  line-height: 1;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-archetype-assassin:before {
  content:""
}
.icon-archetype-creator:before {
  content:""
}
.icon-archetype-magician:before {
  content:""
}
.icon-archetype-monk_m:before {
  content:""
}
.icon-archetype-monk:before {
  content:""
}
.icon-archetype-shooter_f:before {
  content:""
}
.icon-archetype-shooter:before {
  content:""
}
.icon-archetype-warrior:before {
  content:""
}
.icon-arrow-decor:before {
  content:""
}
.icon-arrow:before {
  content:""
}
.icon-check:before {
  content:""
}
.icon-class-aeromancer:before {
  content:""
}
.icon-class-arcana:before {
  content:""
}
.icon-class-artist:before {
  content:""
}
.icon-class-bard:before {
  content:""
}
.icon-class-battlemaster:before {
  content:""
}
.icon-class-berserker:before {
  content:""
}
.icon-class-blades:before {
  content:""
}
.icon-class-blaster:before {
  content:""
}
.icon-class-demonic:before {
  content:""
}
.icon-class-destroyer:before {
  content:""
}
.icon-class-devilhunter:before {
  content:""
}
.icon-class-fighter:before {
  content:""
}
.icon-class-gunslinger:before {
  content:""
}
.icon-class-hawkeye:before {
  content:""
}
.icon-class-hunter:before {
  content:""
}
.icon-class-infighter:before {
  content:""
}
.icon-class-lancemaster:before {
  content:""
}
.icon-class-magician:before {
  content:""
}
.icon-class-paladin:before {
  content:""
}
.icon-class-reaper:before {
  content:""
}
.icon-class-scout:before {
  content:""
}
.icon-class-slayer:before {
  content:""
}
.icon-class-sorceress:before {
  content:""
}
.icon-class-souleater:before {
  content:""
}
.icon-class-soulmaster:before {
  content:""
}
.icon-class-striker:before {
  content:""
}
.icon-class-summoner:before {
  content:""
}
.icon-class-warlord:before {
  content:""
}
.icon-class-warrior:before {
  content:""
}
.icon-copy-past:before {
  content:""
}
.icon-cross:before {
  content:""
}
.icon-crystal:before {
  content:""
}
.icon-download:before {
  content:""
}
.icon-friend:before {
  content:""
}
.icon-icon-bike:before {
  content:""
}
.icon-icon-box:before {
  content:""
}
.icon-icon-cloth:before {
  content:""
}
.icon-icon-trailer:before {
  content:""
}
.icon-icon-weapon:before {
  content:""
}
.icon-lock:before {
  content:""
}
.icon-logo:before {
  content:""
}
.icon-pending:before {
  content:""
}
.icon-refresh:before {
  content:""
}
.icon-search:before {
  content:""
}
.icon-shopping-cart:before {
  content:""
}
.icon-social-discord:before {
  content:""
}
.icon-social-facebook:before {
  content:""
}
.icon-social-forum:before {
  content:""
}
.icon-social-instagram:before {
  content:""
}
.icon-social-mail:before {
  content:""
}
.icon-social-odnoklassniki:before {
  content:""
}
.icon-social-reddit:before {
  content:""
}
.icon-social-steam-simple:before {
  content:""
}
.icon-social-steam:before {
  content:""
}
.icon-social-telegram:before {
  content:""
}
.icon-social-twitch:before {
  content:""
}
.icon-social-twitter:before {
  content:""
}
.icon-social-vkontakte-clean:before {
  content:""
}
.icon-social-vkontakte:before {
  content:""
}
.icon-social-weibo:before {
  content:""
}
.icon-social-youtube:before {
  content:""
}
.icon-stopwatch:before {
  content:""
}
.icon-triangle-full:before {
  content:""
}
.icon-triangle:before {
  content:""
}
.icon-unlock:before {
  content:""
}
.error__icon:after,
.icon-warning:before {
  content:""
}

.spoilers {
  border-bottom: 1px solid hsla(39.7,52%,56.7%,.5);
  margin: 40px 0;
}
.spoiler {
  border-top: 1px solid hsla(39.7,52%,56.7%,.5);
  position: relative;
}
.spoiler__title {
  color: #fff;
  cursor: pointer;
  font: 400 20px/1.4 "Futura PT", Arial, Tahoma, Verdana, sans-serif;
  padding: 20px 0 20px 50px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.spoiler.is-open > .spoiler__title {
  color: #caa357;
}
.spoiler__content {
  height: 0;
  opacity: 0;
  overflow: hidden;
  padding-left: 50px;
  padding-right: 50px;
  -webkit-transition: all .15s linear;
          transition: all .15s linear;
}
.spoiler.is-open > .spoiler__content {
  height: auto;
  opacity: 1;
  padding-bottom: 20px;
}
.spoiler__marker {
  border: 1px solid #c00;
  cursor: pointer;
  height: 18px;
  left: 21px;
  position: absolute;
  top: 20px;
  -webkit-transform: rotate(45deg) translateY(50%);
          transform: rotate(45deg) translateY(50%);
  -webkit-transition: all .15s ease-out;
          transition: all .15s ease-out;
  width: 18px;
}
.spoiler__marker-symbol {
  height: 100%;
  position: relative;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  width: 100%;
}
.spoiler__marker-symbol::before,
.spoiler__marker-symbol::after {
  background-color: #c00;
  content: "";
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: -webkit-transform .35s ease-out;
          transition: -webkit-transform .35s ease-out;
          transition: transform .35s ease-out;
          transition: transform .35s ease-out, -webkit-transform .35s ease-out;
  z-index: 1;
}
.spoiler__marker-symbol::before {
  height: 2px;
  width: 10px;
}
.spoiler__marker-symbol::after {
  height: 10px;
  width: 2px;
}
.spoiler:hover > .spoiler__marker,
.spoiler.is-open > .spoiler__marker {
  background: #c00;
}
.spoiler:hover > .spoiler__marker .spoiler__marker-symbol::before,
.spoiler:hover > .spoiler__marker .spoiler__marker-symbol::after,
.spoiler.is-open > .spoiler__marker .spoiler__marker-symbol::before,
.spoiler.is-open > .spoiler__marker .spoiler__marker-symbol::after {
  background-color: #fff;
  -webkit-transition: -webkit-transform .35s ease-out;
          transition: -webkit-transform .35s ease-out;
          transition: transform .35s ease-out;
          transition: transform .35s ease-out, -webkit-transform .35s ease-out;
}
.spoiler.is-open > .spoiler__marker .spoiler__marker-symbol::after {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
          transform: translate(-50%, -50%) rotate(90deg);
}

.text-em {
  color: #caa357;
}


/*--[section gold]--*/
.section-gold {
  border: 1px solid rgba(219,181,109,.3);
  margin: 55px 0 40px;
  padding: 20px 15px 5px;
  position: relative;
  width: 100%;
}
.section-gold__title {
  background: #1c1c1c;
  color: #caa357;
  height: 100%;
  line-height: 30px;
  max-height: 30px;
  max-width: 960px;
  overflow: hidden;
  padding: 0 15px;
  position: absolute;
  text-overflow: ellipsis;
  top: -19px;
  white-space: nowrap;
}
.section-gold__item {
  background: rgba(32,35,38,.4);
  border: 1px solid rgba(136,136,136,.2);
  color: #fff;
  height: 44px;
  margin: 0 0 10px 0;
  position: relative;
  width: 306px;
}
.section-gold__item:hover {
  background: rgba(219,181,109,.1);
  border: 1px solid rgba(219,181,109,.3);
}
.section-gold__item--banner {
  background: rgba(32,35,38,.1);
  height: 100px;
  max-height: 100px;
  overflow: hidden;
  position: relative;
}
.section-gold__item--disabled {
  color: #888;
}
.section-gold__item--disabled:hover {
  background: rgba(136,136,136,.1);
  border: 1px solid rgba(136,136,136,.3);
}
.section-gold__item img {
  margin: 5px 10px;
  pointer-events: none;
  position: absolute;
}
.section-gold__item--banner img {
  margin: 0;
  opacity: .5;
  pointer-events: none;
  position: absolute;
}
.section-gold__item--banner:hover img {
  opacity: .1;
}
.section-gold__item a {
  display: block;
  line-height: 32px;
  overflow: hidden;
  padding: 5px 10px 5px 52px;
  position: relative;
  text-decoration: none !important;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  z-index: 1;
}
.section-gold__item:hover a {
  color: #caa357 !important;
}
.section-gold__item--banner a {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 25px;
  padding: 0;
  position: absolute;
  text-align: center;
  white-space: normal;
  width: 100%;
}
.section-gold__item--disabled:hover a {
  color: #888 !important;
}
.section-gold__item--new a:last-of-type {
  background: currentColor;
  border: 1px solid #000;
  border-radius: 5px;
  height: 9px;
  padding: 0;
  position: absolute;
  right: 10px;
  top: 18px;
  width: 9px;
}
.section-gold__item--new a:last-of-type:link {
  color: #c00 !important;
}
.section-gold__item--new a:last-of-type:visited {
  color: #1d1f20 !important;
  border-color: currentColor;
}
.section-gold__item--new:hover a:last-of-type:visited {
  color: #302c24 !important;
  border-color: currentColor;
}
@media (max-width: 1279px) {
  .section-gold__title {
    max-width: 660px;
  }
  .section-gold__item {
    width: 316px;
  }
}
@media (max-width: 719px) {
  .section-gold {
    margin: 35px 0 20px;
  }
  .section-gold__title {
    max-width: 250px;
  }
  .section-gold__item {
    width: 248px;
  }
}
@media (width: 1012px) and (height: 682px) {
  .section-gold__title {
    max-width: 960px;
  }
  .section-gold__item {
    width: 306px;
  }
}
/*--[/section gold]--*/


/*--[search]--*/
.suggestions {
  background: #1e1f20;
  border: 1px solid rgba(219,181,109,.3);
  margin: -5px 0 0;
  padding: 10px 0;
  -webkit-transition: -webkit-transform .3s ease;
          transition: -webkit-transform .3s ease;
          transition: transform .3s ease;
          transition: transform .3s ease, -webkit-transform .3s ease;
}
.suggestions--navigation-wiki {
  width: 980px !important;
}
.suggestions--main {
  width: 627px !important;
}
.suggestions-results {
  background-color: transparent;
  border: 0;
}
.mw-searchSuggest-link {
  display: block;
}
.suggestions-result {
  color: #fff;
  font: 18px/32px "Futura PT";
  padding: 0 15px;
}
.suggestions-result:hover {
  background: #2f2c24;
  color: #caa357;
}
.suggestions-result .highlight {
  color: #caa357;
  font-weight: 400;
}
.suggestions-result-current {
  background: transparent;
}
.suggestions-result-current .special-label,
.suggestions-result-current .special-query {
  color: inherit;
}
.suggestions-special {
  background-color: transparent;
  border: 0;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  font: 18px/32px "Futura PT";
  padding: 0 15px;
}
.suggestions-special:hover {
  background: #2f2c24;
}
.suggestions-special .special-label {
  color: #fff;
  display: inline-block;
}
.suggestions-special .special-query {
  color: #caa357;
  display: inline-block;
  font-style: normal;
  quotes: '«' '»';
}
.suggestions-special .special-query::before {
  color: #fff;
  content: open-quote;
}
.suggestions-special .special-query::after {
  color: #fff;
  content: close-quote;
}
.suggestions-special:hover .special-label,
.suggestions-special:hover .special-query::before,
.suggestions-special:hover .special-query::after {
  color: #caa357;
}
.section-search #simpleSearch {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.section-search #searchInput {
  border: 1px solid rgba(136,136,136,.2);
  font-size: 18px;
  line-height: 32px;
  margin: 0 15px 10px 0;
  padding: 5px 10px 5px 45px;
  width: 627px;
}
.section-search #mw-searchButton {
  display: none;
}
.section-search #searchButton {
  background: rgba(32,35,38,.4);
  border: 1px solid rgba(136,136,136,.2);
  color: #fff;
  cursor: pointer;
  line-height: 32px;
  margin: 0 0 10px;
  padding: 5px 0;
  text-align: center;
  width: 306px;
}
.section-search #searchButton:hover {
  background: rgba(219,181,109,.1);
  border: 1px solid rgba(219,181,109,.3);
  color: #caa357;
}
.section-search__input-icon {
  font-size: 16px;
  height: 20px;
  line-height: 20px;
  margin: 14px 0 0 15px;
  pointer-events: none;
  position: absolute;
}
@media (max-width: 1279px) {
  .suggestions--main {
    width: 316px !important;
  }
  .section-search #searchInput {
    margin: 0 16px 10px 0;
  }
  .section-search #searchInput,
  .section-search #searchButton {
    width: 316px;
  }
}
@media (max-width: 719px) {
  .suggestions--main {
    width: 248px !important;
  }
  .suggestions-result,
  .suggestions-special {
    font-size: 16px;
  }
  .section-search #searchInput {
    font-size: 16px;
    width: 248px;
  }
  .section-search #searchButton {
    display: none;
  }
}
@media (width: 1012px) and (height: 682px) {
  .suggestions--main {
    width: 627px !important;
  }
  .section-search #searchInput {
    margin: 0 15px 10px 0;
    width: 627px;
  }
  .section-search #searchButton {
    width: 306px;
  }
}
/*--[/search]--*/


/*--[game]--*/
@media (width: 1012px) and (height: 682px) {
  html {
    overflow: hidden;
  }
  body {
    -ms-scroll-chaining: none;
    scroll-snap-type: y mandatory;
    scrollbar-color: #575757 #303030;
    scrollbar-width: thin;
    overflow-y: auto;
    overscroll-behavior: contain;
  }
  body::-webkit-scrollbar {
    height: .375rem;
    width: .375rem;
  }
  body::-webkit-scrollbar-thumb {
    background-color: #575757;
  }
  body::-webkit-scrollbar-thumb:hover {
    background-color: #6d6d6d;
  }
  body::-webkit-scrollbar-thumb:active {
    background-color: #bbb;
  }
  body::-webkit-scrollbar-thumb:horizontal,
  body::-webkit-scrollbar-thumb:vertical {
    min-width: 1.5rem;
  }
  body::-webkit-scrollbar-track {
    background-color: #303030;
  }
}
@media (min-width: 1013px) or (max-width: 1011px) {
  .game--visible {
    display: none !important;
  }
}
@media (min-height: 683px) or (max-height: 681px) {
  .game--visible {
    display: none !important;
  }
}
/*--[/game]--*/

.infobox-list__item {
  background: #303030;
  margin: 0 0 5px 0;
  padding: 2px 5px;
}
.infobox-list__item span {
  color: #888;
}
.infobox-list__item span::before {
  color: #fff;
  content: ":";
  padding: 0 5px 0 0;
}

.tagline {
  color: #888;
  margin: 80px 0;
  padding: 35px 70px;
  position: relative;
}

.tagline::before,
.tagline::after {
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA9AAAAAVCAYAAACuYwZyAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAKySURBVHgB7d3NTRtBGAbgsfk5wCF0EKcAJEIFSQekA0fChmM6COmA3BC/TgUkFSQVEFJBoANzQwhMvkGshAgBc4h3VnoeyTKfwcjaBe+8+82sUwIAitLv91cSAFCcdgIAihHh+eP19fVBr9c7SABAUQRoAChEDs9xtzI/P/8qQnRLiAaAsrQSAFC7KjzPzc293dzcHObHVldXB61W63pnZ+d9AgBqpwMNADW7H56rNdC7u7tdnWgAKIcADQA1eiA85/qwCs1CNACUwxRuAKjJP8LzRvX9CM6Davq26dwAUD8daACowVPhOYvA3K06z5eXlx+iXtKJBoD66EADwISNE57vqjrR3W53YXZ29nvUxzrRADB5NwF6fX29kxhbdAE6icZot9sLMdhcSDRG3l95vyUaIzqjL+LOPnvc8Orq6jT+tl/G12/GDc+Vh0J03H5NTU3l32fbP24Y2+os0Sixz04SjRHHgeFoNBomGmV6evokMZbz8/PhYDAYttbW1g7jDWopFS4PqOMf0wABgMaLY9rrCMPHvV5vKY5tP8d9XgTwd3t7e1+f+zwAKFkcF4f5JEwqXLzGH6Zw0yhmS2AGCFkcwDqpYXJnZmZm5jhC8Jt4/R8vLi7expnskwjD3ajHWdf8aXt7eyM60J3cgY76Sww4vt6eYO6khsnbowmDJf4v3S+yra2tkwQNIUADwITdhubnhOi/wnOuEwAwUVMJAJioo6Oj4+Xl5bPovh0sLi5+29/f/xH1aYTolQd+XHgGgEII0ABQgzFDtPAMAAURoAGgJk+EaOEZAAAA7sproPv9/u8clm/rm0/HyHV+PG4bCQConYuIAUAB7l9YTOcZAMojQANAIaoQPRqN3rfb7XxVbuEZAApiDTQAFKJaEx3h+TDKz8IzAAAAPKJaAw0AlOUPD2tkoXGvdFEAAAAASUVORK5CYII=') center/95% no-repeat;
  content: '';
  display: block;
  height: 21px;
  left: 0;
  overflow: visible;
  position: absolute;
  width: 100%;
}

.tagline::before {
  top: -11px;
}

.tagline::after {
  bottom: -11px;
}

.tagline--gold {
  background: -o-linear-gradient(180.03deg, rgba(202, 163, 87, 0) 0.03%, #363025 12.52%, #363025 88.01%, rgba(202, 163, 87, 0) 99.98%);
  background: linear-gradient(269.97deg, rgba(202, 163, 87, 0) 0.03%, #363025 12.52%, #363025 88.01%, rgba(202, 163, 87, 0) 99.98%);
}

.tagline--grey {
  background: -o-linear-gradient(180.03deg, rgba(202, 163, 87, 0) 0.03%, #212121 12.52%, #212121 88.01%, rgba(202, 163, 87, 0) 99.98%);
  background: linear-gradient(269.97deg, rgba(202, 163, 87, 0) 0.03%, #212121 12.52%, #212121 88.01%, rgba(202, 163, 87, 0) 99.98%);
}

@media (max-width: 719px) {
  .tagline {
    margin: 40px 0;
    padding: 17px 35px;
  }

  .tagline::before,
  .tagline::after {
    background-size: 488px;
  }
}
MediaWiki:Common.css: различия между версиями

Текущая версия на 12:51, 30 ноября 2023

Поиск
