@font-face {
  font-family: 'GraublauWeb-Regular';
  src: url('../../res/fonts/GraublauWeb.eot?') format('eot'), url('../../res/fonts/GraublauWeb.otf') format('opentype'), url('../../res/fonts/GraublauWeb.woff') format('woff'), url('../../res/fonts/GraublauWeb.ttf') format('truetype'), url('../../res/fonts/GraublauWeb.svg#GraublauWeb') format('svg');
}
@font-face {
  font-family: 'GraublauWeb-Bold';
  src: url('../../res/fonts/GraublauWebBold.eot?') format('eot'), url('../../res/fonts/GraublauWebBold.otf') format('opentype'), url('../../res/fonts/GraublauWebBold.woff') format('woff'), url('../../res/fonts/GraublauWebBold.ttf') format('truetype'), url('../../res/fonts/GraublauWebBold.svg#GraublauWebBold') format('svg');
}
html,
body {
  height: 100%;
}
body {
  padding: 0;
  margin: 0;
  min-height: 100%;
  max-height: 100%;
  font-family: "Lucida Grande", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 11pt;
  font-weight: lighter;
}
#canvas-wrapper,
#game-frame,
#game-over-layer,
#game-pop-up-layer,
#game-dialog-layer,
#game-tutorial-dialog-layer,
#game-hint-pop-up-layer,
#game-shop-pop-up-layer {
  position: fixed;
  top: 0;
  left: 0;
  display: block;
}
#canvas-wrapper {
  box-sizing: border-box;
  overflow: hidden;
  width: 100%;
  height: 100%;
  background: #000 url('../res/graphics/lordsandknights/in-progress-image.png?rev_gr38491febb6302732e69d48802d9e319a') center center no-repeat;
}
#canvas-wrapper #game-canvas {
  box-sizing: border-box;
  overflow: hidden;
  width: 100%;
  height: 100%;
  min-width: 100%;
  min-height: 100%;
  max-width: 100%;
  max-height: 100%;
}
#game-canvas2 {
  position: fixed;
  top: 0;
  right: 0;
  display: block;
  z-index: 11;
  overflow: hidden;
  width: 25%;
  height: 25%;
}
#game-canvas3 {
  position: fixed;
  bottom: 0;
  right: 0;
  display: block;
  z-index: 11;
  overflow: hidden;
  width: 25%;
  height: 25%;
}
#game-frame {
  z-index: 1000;
}
#game-over-layer {
  z-index: 9900;
}
#game-resources-loading-layer {
  z-index: 9999;
}
#game-pop-up-layer,
#game-tutorial-dialog-layer {
  z-index: 9950;
}
#game-dialog-layer {
  z-index: 9960;
}
#game-hint-pop-up-layer {
  z-index: 900;
}
#game-shop-pop-up-layer {
  z-index: 9980;
}
#game-test-display {
  z-index: 999999;
  position: fixed;
  top: 200px;
  right: 0;
  display: block;
  width: 200px;
  background: #ffffff;
}
#game-test-display2 {
  z-index: 999999;
  position: fixed;
  top: 200px;
  left: 0;
  display: block;
  width: 200px;
  background: #ffffff;
}
#game-test-center {
  z-index: 999999;
  position: fixed;
  top: 50%;
  left: 50%;
  display: block;
  width: 8px;
  height: 8px;
  background: red;
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
#over-layer--game-pending,
#over-layer--game-loading {
  background: #000;
  background-position: center center;
  background-repeat: no-repeat;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: none;
}
#over-layer--game-pending.in,
#over-layer--game-loading.in {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}
#over-layer--game-pending .over-layer--game-loading--loading-text,
#over-layer--game-loading .over-layer--game-loading--loading-text {
  color: #ffffff;
  position: fixed;
  top: 50%;
  height: 30px;
  font-size: 30px;
  line-height: 1;
  margin-top: -12px;
  left: 0;
  z-index: 1;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 0px 0px 5px #000000;
}
#over-layer--game-pending .over-layer--game-loading--description,
#over-layer--game-loading .over-layer--game-loading--description {
  background: rgba(0, 0, 0, 0.9);
  color: #ffffff;
  position: absolute;
  text-align: center;
  padding: 20pt 0;
  bottom: 20%;
  left: 15%;
  width: 70%;
  height: auto;
  border-radius: 10px;
  font-size: 15pt;
  text-transform: uppercase;
  box-shadow: 0px 0px 49px 26px rgba(0, 0, 0, 0.9);
}
#over-layer--game-pending {
  opacity: .7;
  z-index: 9910;
}
#over-layer--game-loading {
  opacity: 1;
  background-size: cover;
  z-index: 9999;
}
.game-loading--progress-bar {
  width: 70%;
  top: 50%;
  left: 15%;
  margin-top: 70px;
  height: 20px;
  position: absolute;
  background: #555;
  border-radius: 25px;
  padding: 10px;
  box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
}
.game-loading--progress-line {
  display: block;
  height: 100%;
  border-radius: 8px;
  box-shadow: inset 0 2px 9px rgba(255, 255, 255, 0.3), inset 0 -2px 6px rgba(0, 0, 0, 0.4);
  position: relative;
  overflow: hidden;
}
.loading-cover-animation {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  animation: rotating 2s linear infinite;
}
.tooltip {
  position: absolute;
  z-index: 8000;
  display: none;
  font-family: "Lucida Grande", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 10pt;
  font-weight: normal;
  line-height: 1.4;
  opacity: 0;
}
.tooltip.in {
  opacity: 0.9;
  display: block;
}
.tooltip.top {
  bottom: 100%;
  margin-top: -3px;
  padding: 5px 0;
}
.tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}
.tooltip.bottom {
  top: 100%;
  margin-top: 3px;
  padding: 5px 0;
}
.tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}
.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #CC3333;
  border-radius: 4pt;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #CC3333;
}
.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  right: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #CC3333;
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #CC3333;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #CC3333;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #CC3333;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #CC3333;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #CC3333;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #CC3333;
}
.component--input {
  display: block;
  width: 100%;
  height: 29pt;
  padding: 6pt 12pt;
  font-size: 11pt;
  line-height: 1.42857143;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4pt;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-sizing: border-box;
}
.component--input.small {
  height: 23pt;
  padding: 3pt 5pt;
  font-size: 11pt;
  line-height: 1.42857143;
  border-radius: 4pt;
}
select.component--input.small {
  height: 23pt;
  line-height: 23pt;
}
textarea.component--input.small,
select[multiple].component--input.small {
  height: auto;
}
.component--input.xs-width {
  width: 90px;
  margin-right: 10px;
}
.component--input.date-width {
  width: 190px;
  margin-right: 10px;
}
.component--input.time-width {
  width: 120px;
  margin-right: 10px;
}
.component--input[disabled],
.component--input[readonly],
fieldset[disabled] .component--input {
  background-color: #eeeeee;
  opacity: 1;
}
.component--input[disabled],
fieldset[disabled] .component--input {
  cursor: not-allowed;
}
textarea.component--input {
  height: auto;
}
.form-component-input-with-button .component--input {
  display: inline-block;
  width: auto;
}
.input--create-edit-content {
  padding: 6pt 12pt;
}
.input--create-edit-content .input-content--text-area {
  margin: 0;
  height: 300px;
  resize: vertical;
}
.input-checkbox--label {
  height: 15pt;
  display: inline-block;
  padding-top: 1px;
  line-height: 15pt;
  color: #ffffff;
}
.input-checkbox--label:hover {
  color: #eeeeee;
}
.input-checkbox--input:not(:checked),
.input-checkbox--input:checked {
  position: absolute;
  left: 0;
  top: 0;
  visibility: hidden;
}
.input-checkbox--input:not(:checked) + .input-checkbox--label,
.input-checkbox--input:checked + .input-checkbox--label {
  position: relative;
  padding-left: 30px;
  cursor: pointer;
}
.input-checkbox--input:not(:checked) + .input-checkbox--label:before,
.input-checkbox--input:checked + .input-checkbox--label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 15pt;
  height: 15pt;
  background: #4c4d4c;
  border: 1px solid #0d0d0d;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.75);
}
.input-checkbox--input:not(:checked) + .input-checkbox--label:after,
.input-checkbox--input:checked + .input-checkbox--label:after {
  content: 'X';
  position: absolute;
  top: 3px;
  left: 7px;
  transition: all .2s;
  color: #00ff36;
  font-size: 14px;
  font-family: 'Myriad Pro';
}
.input-checkbox--input:not(:checked) + .input-checkbox--label:after {
  opacity: 0;
  -ms-transform: scale(0);
      transform: scale(0);
}
.input-checkbox--input:checked + .input-checkbox--label:after {
  opacity: 1;
  -ms-transform: scale(1);
      transform: scale(1);
}
.input-checkbox--large .input-checkbox--label {
  height: 22.5pt;
  line-height: 22.5pt;
}
.input-checkbox--large .input-checkbox--input:not(:checked) + .input-checkbox--label,
.input-checkbox--large .input-checkbox--input:checked + .input-checkbox--label {
  padding-left: 50px;
}
.input-checkbox--large .input-checkbox--input:not(:checked) + .input-checkbox--label:before,
.input-checkbox--large .input-checkbox--input:checked + .input-checkbox--label:before {
  width: 22.5pt;
  height: 22.5pt;
}
.input-checkbox--large .input-checkbox--input:not(:checked) + .input-checkbox--label:after,
.input-checkbox--large .input-checkbox--input:checked + .input-checkbox--label:after {
  top: 4px;
  left: 10px;
  font-size: 22px;
}
.input-checkbox--title-block {
  font-size: 13px;
}
.input-checkbox--title-block a {
  color: #fcb129;
  text-decoration: none;
}
.input-checkbox--title-block a:hover {
  text-decoration: underline;
}
.dropdown {
  position: relative;
  background-image: none;
}
.dropdown--language-selector {
  width: 85pt;
  height: 45pt;
  line-height: 45pt;
  color: #ffffff;
}
.dropdown--language-selector:before {
  content: '';
  position: absolute;
  left: 0;
  top: 11px;
  height: 40px;
  width: 1px;
  background: #ffffff;
}
@media (max-width: 720pt) {
  .dropdown--language-selector {
    width: 100%;
  }
  .dropdown--language-selector:before {
    display: none;
  }
}
.dropdown--language-selector .dropdown--item {
  width: 85pt;
  padding: 0 5pt 0 12pt;
  margin: 0 auto;
  box-sizing: border-box;
  transition: background 0.2s;
  cursor: pointer;
}
@media (max-width: 720pt) {
  .dropdown--language-selector .dropdown--item {
    padding: 0;
    width: 100%;
  }
}
.dropdown--language-selector .dropdown--item > * {
  display: inline-block;
  vertical-align: middle;
}
.dropdown--language-selector .dropdown--item--name {
  padding: 0 2.5pt;
  font-size: 9pt;
}
@media (max-width: 720pt) {
  .dropdown--language-selector .dropdown--item--name {
    padding: 0 26pt;
    font-size: 11pt;
  }
}
.dropdown--language-selector .dropdown--item-selected {
  display: none;
}
.dropdown--language-selector.opened .dropdown--list {
  display: block;
}
.dropdown--language-selector.hidden .dropdown--list {
  display: none;
}
.dropdown--selected {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
@media (max-width: 720pt) {
  .dropdown--selected {
    border-bottom: solid 2px #242424;
  }
  .dropdown--selected:hover {
    border-bottom: solid 2px #ffffff;
  }
}
.dropdown--arrow {
  position: absolute;
  right: 5px;
  top: 28px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}
.dropdown--arrow.hidden {
  border-top: 5px solid #ffffff;
}
.dropdown--arrow.opened {
  border-bottom: 5px solid #ffffff;
}
.dropdown--list {
  position: absolute;
  top: 45pt;
  left: 0;
  height: 135pt;
  width: 100%;
  overflow-y: auto;
  z-index: 1;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 10px;
  box-shadow: 0 0 8px 0 #000;
  border-radius: 0 0 10px 10px;
}
.dropdown--list .dropdown--item:hover {
  background: #333333;
}
@media (max-width: 720pt) {
  .dropdown--list {
    background: none;
    border-radius: 0;
    box-shadow: none;
    background: #121212;
    border-bottom: solid 2px #ffffff;
    border-top: solid 2px #ffffff;
  }
}
body[dir='rtl'] .dropdown--language-selector:before {
  left: auto;
  right: 0;
}
body[dir='rtl'] .dropdown--arrow {
  left: 0;
  right: auto;
}
.dialog {
  background-image: url('../res/graphics/lordsandknights/textures/wood_light_texture.png?rev_gr2381818f2b72d3f9be607a538d5a1b75');
  position: fixed;
  display: none;
  width: 240pt;
  min-height: 145pt;
  z-index: 9995;
  top: 50%;
  left: 50%;
  margin: -72.5pt auto auto -120pt;
  box-shadow: 0px 0px 60px 26px rgba(0, 0, 0, 0.73);
}
.dialog .dialog--close-button {
  position: absolute;
  right: -12pt;
  top: -12pt;
  cursor: pointer;
}
.dialog .dialog--title-container {
  min-height: 26pt;
  font-size: 13pt;
  line-height: 25pt;
  text-align: center;
  border-bottom: 1px black solid;
  background-image: url('../res/graphics/lordsandknights/textures/wood_light_texture_hover.png?rev_gr896adc99f5bf13a23552e164f748e3b9');
}
.dialog .dialog--container {
  position: relative;
  min-height: 119pt;
  width: 100%;
  padding: 12pt 12pt;
  box-sizing: border-box;
}
.dialog .dialog--container .bordered-box {
  height: 95pt;
  padding: 6pt 12pt;
  overflow: hidden;
}
.dialog .dialog--text-section {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  min-height: 59pt;
  width: 100%;
}
.dialog .dialog--text-section .text span {
  text-align: center;
  display: inline-block;
  width: 100%;
}
.dialog .dialog--text-section .text br {
  display: block;
  height: 5px;
  width: 100%;
}
.dialog .dialog--button-section {
  padding-top: 10pt;
  width: 216pt;
  min-height: 26pt;
  text-align: right;
}
.dialog .dialog--button-section .button {
  margin-left: 10pt;
  display: inline-block;
}
.dialog .dialog--button-section .button::-moz-focus-inner {
  border: 0;
}
.dialog.in {
  display: block;
}
.dialog.higher {
  height: 217.5pt;
  margin: -108.75pt auto auto -120pt;
}
.dialog.higher .dialog--container {
  height: 191.5pt;
}
.dialog.higher .dialog--container .bordered-box {
  height: 167.5pt;
}
.dialog.higher .dialog--text-section {
  height: 124.5pt;
}
.dialog.doubled {
  height: 290pt;
  margin: -145pt auto auto -120pt;
}
.dialog.doubled .dialog--container {
  height: 264pt;
}
.dialog.doubled .dialog--container .bordered-box {
  height: 240pt;
}
.dialog.doubled .dialog--text-section {
  height: 197pt;
}
.dialog.not-enough-source .dialog--button-section {
  text-align: center;
}
.dialog.not-enough-source .dialog--button-section .button {
  position: relative;
  width: 180pt;
  min-height: 26pt;
  color: #fff;
  margin: 0;
  white-space: normal;
}
.dialog.not-enough-source .dialog--button-section .button .icon-in-button {
  width: 33pt;
  height: 24pt;
  position: absolute;
  top: 50%;
  margin-top: -12pt;
  left: 3pt;
}
.dialog.not-enough-source .dialog--button-section .button .button-title-text {
  display: block;
  margin-left: 36pt;
}
.dialog.lost-all-habitats {
  width: 358pt;
  height: 217.5pt;
  margin: -108.75pt auto auto -179pt;
}
.dialog.lost-all-habitats .dialog--title-container {
  padding-left: 184px;
}
.dialog.lost-all-habitats .icon-mentor {
  position: absolute;
  left: -46px;
  bottom: 0;
}
.dialog.lost-all-habitats .dialog--container {
  padding: 12pt 12pt 12pt 200px;
  height: 191.5pt;
  box-sizing: border-box;
}
.dialog.lost-all-habitats .dialog--container .dialog--button-section {
  padding-top: 20pt;
  width: 196pt;
  height: 26pt;
  text-align: right;
}
.dialog.lost-all-habitats .dialog--container .dialog--button-section .button {
  margin-left: 10pt;
  display: inline-block;
}
.dialog.lost-all-habitats .dialog--container .dialog--button-section .button::-moz-focus-inner {
  border: 0;
}
.button {
  outline: none !important;
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 3pt 5pt;
  font-size: 11pt;
  line-height: 1.42857143;
  border-radius: 4pt;
}
.button.disabled,
.button[disabled],
fieldset[disabled] .button {
  cursor: not-allowed;
  background: linear-gradient(to bottom, #c5b7aa, #5b524a);
  opacity: .7;
}
.button.round {
  width: 42px;
  height: 42px;
  border-radius: 21px;
  padding: 4px;
}
.button.button--default {
  color: #fff;
  background: linear-gradient(to bottom, #6f6559, #3e352d);
  border: 1px solid #454545;
  box-shadow: 0 0 8px 0 #000;
  box-sizing: border-box;
}
.button.button--default.active,
.button.button--default:hover {
  background: linear-gradient(to bottom, #c5b7aa, #5b524a);
}
.button.button--default:active {
  background: linear-gradient(to bottom, #e16c21, #883b07);
}
.button.button--action {
  color: #fff;
  background: url('../res/graphics/lordsandknights/icons/buttons.png?rev_grd32e21d875da0337d996875ac4d92b7f') 0 0 no-repeat;
  box-sizing: border-box;
  border: 0;
  box-shadow: none;
}
.button.button--action.active,
.button.button--action:hover {
  background: url('../res/graphics/lordsandknights/icons/buttons.png?rev_grd32e21d875da0337d996875ac4d92b7f') -76px 0 no-repeat;
}
.button.button--action:active {
  background: url('../res/graphics/lordsandknights/icons/buttons.png?rev_grd32e21d875da0337d996875ac4d92b7f') -38px 0 no-repeat;
}
.button.button--action.disabled,
.button.button--action[disabled],
.button.button--action fieldset[disabled] {
  background: none;
}
.button.button--action.disabled .icon-Build,
.button.button--action[disabled] .icon-Build,
.button.button--action fieldset[disabled] .icon-Build {
  background: url('../res/graphics/lordsandknights/icons/buttons.png?rev_grd32e21d875da0337d996875ac4d92b7f') -102px -38px no-repeat;
}
.button.button--action.disabled .icon-Research,
.button.button--action[disabled] .icon-Research,
.button.button--action fieldset[disabled] .icon-Research {
  background: url('../res/graphics/lordsandknights/icons/buttons.png?rev_grd32e21d875da0337d996875ac4d92b7f') 0 -38px no-repeat;
}
.button.button--action.disabled .icon-Recruit,
.button.button--action[disabled] .icon-Recruit,
.button.button--action fieldset[disabled] .icon-Recruit {
  background: url('../res/graphics/lordsandknights/icons/buttons.png?rev_grd32e21d875da0337d996875ac4d92b7f') -34px -38px no-repeat;
}
.button.button--action.disabled .icon-Mission,
.button.button--action[disabled] .icon-Mission,
.button.button--action fieldset[disabled] .icon-Mission {
  background: url('../res/graphics/lordsandknights/icons/buttons.png?rev_grd32e21d875da0337d996875ac4d92b7f') -68px -38px no-repeat;
}
.button.button--action-big {
  color: #fff;
  background: url('../res/graphics/lordsandknights/icons/buttons.png?rev_grd32e21d875da0337d996875ac4d92b7f') 0 -72px no-repeat;
  box-sizing: border-box;
  border: 0;
  box-shadow: none;
}
.button.button--action-big.active,
.button.button--action-big:hover {
  background: url('../res/graphics/lordsandknights/icons/buttons.png?rev_grd32e21d875da0337d996875ac4d92b7f') -100px -72px no-repeat;
}
.button.button--action-big:active {
  background: url('../res/graphics/lordsandknights/icons/buttons.png?rev_grd32e21d875da0337d996875ac4d92b7f') -50px -72px no-repeat;
}
.button-game-world {
  width: 33.3%;
  height: 40pt;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  padding: 5pt 10pt;
  box-sizing: border-box;
  cursor: pointer;
  color: #ffffff;
  transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.button-game-world:hover {
  background: #777777;
}
.button-game-world.disabled,
.button-game-world.disabled:hover {
  cursor: not-allowed;
  background: rgba(255, 0, 0, 0.3);
}
.button-game-world.with-icon-left .button-game-world--text {
  padding-left: 34pt;
}
.button-game-world.with-icon-right .button-game-world--text {
  padding-right: 34pt;
}
.button-game-world .icon {
  width: 24pt;
  height: 24pt;
  position: absolute;
  top: 50%;
  margin-top: -12pt;
}
.button-game-world .icon.icon-left {
  left: 10pt;
}
.button-game-world .icon.icon-right {
  right: 10pt;
}
.button-game-world--title {
  font-size: 11pt;
}
.button-game-world--description {
  font-size: 10pt;
}
@media (max-width: 720pt) {
  .button-game-world {
    width: 50%;
    margin: 0;
  }
}
@media (max-width: 400pt) {
  .button-game-world {
    width: 100%;
    margin: 0;
  }
}
.button-for-bars {
  box-sizing: border-box;
  cursor: pointer;
  white-space: nowrap;
  text-align: center;
}
.button-for-bars.disabled {
  cursor: not-allowed;
  opacity: .65;
}
.button-for-bars .button-for-bars--title {
  color: #eeeeee;
  font-size: 11pt;
}
.button-with-alert {
  position: relative;
}
.button-with-alert .buttons--alert {
  display: block;
  position: absolute;
  background: #cc3333;
  color: #eeeeee;
  font-weight: bold;
  font-size: 10pt;
  text-align: center;
  padding: 0 3pt;
  border-radius: 12pt;
  min-width: 7pt;
  line-height: 12pt;
  height: 12pt;
  border: 2pt #ffffff solid;
  top: -4pt;
}
.button-with-alert .buttons--alert.right {
  right: 0;
}
.button-with-alert .buttons--alert.left {
  left: -8pt;
}
.button--tabular--header--th {
  height: 24px;
  padding: 2px 20px;
  display: block;
}
.form-component-input-with-button .component--input {
  display: inline-block;
  width: auto;
}
.form-component-input-with-button .button {
  height: 36px;
  padding: 3pt 5pt 0 5pt;
  margin-left: 3pt;
}
.button.button-in-menu-element-base {
  height: 36px;
  padding: 3pt 5pt 0 5pt;
  margin-left: 3pt;
}
.button.menu-element--button--action {
  height: 38px;
  width: 37px;
  padding: 0 !important;
}
.button.menu-element--button--action .icon {
  margin: 2px 2px 0 1px;
}
.button-page-listing {
  margin: 5pt 0;
  width: 100%;
  min-height: 36px;
  text-align: center;
}
.button-page-listing .icon {
  display: inline-block;
}
.list--title-main {
  width: 100%;
  height: 28pt;
  color: #eeeeee;
  font-size: 11pt;
  line-height: 28pt;
  background: #222222;
  box-shadow: inset 0 0 0.5em 0 rgba(0, 0, 0, 0.85), 0 3px 2px -2px rgba(255, 255, 255, 0.075);
  text-align: center;
  border-bottom: 1px #000 solid;
}
.list--title-default {
  width: 100%;
  height: 18pt;
  color: #000;
  font-size: 11pt;
  line-height: 18pt;
  background: url('../res/graphics/lordsandknights/textures/wood_light_texture_hover.png?rev_gr896adc99f5bf13a23552e164f748e3b9') center center repeat;
  text-align: center;
  border-bottom: 1px #000 solid;
}
.pop-up--in-game-shop {
  position: fixed;
  left: 25%;
  right: 25%;
  top: 20%;
  bottom: 20%;
  color: #fff;
  background: #242424;
  overflow-x: hidden;
  overflow-y: auto;
}
.pop-up--in-game-shop--header {
  padding: 5pt 0;
  background: #373737;
  margin-bottom: 20pt;
  box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.75);
}
.pop-up--in-game-shop--header .pop-up--shop--closer {
  position: absolute;
  top: 5px;
  right: 10px;
  cursor: pointer;
}
.pop-up--in-game-shop--header .players-info--value {
  text-align: right;
  padding: 5pt 40px 5pt 0;
}
.pop-up--in-game-shop .section {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 12pt;
  box-sizing: border-box;
}
.pop-up--in-game-shop .section--title {
  padding: 3pt 0 20pt 0;
  text-transform: uppercase;
  color: #ffffff;
  font-size: 28pt;
  text-align: center;
}
.pop-up--in-game-shop .section--full-width {
  width: 100%;
}
.pop-up--in-game-shop .players-info-list--item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-line-pack: center;
      align-content: center;
  padding: 10px 0;
}
.pop-up--in-game-shop .players-info-list--property {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-order: 1;
      order: 1;
}
.pop-up--in-game-shop .players-info-list--value {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-order: 2;
      order: 2;
  font-family: "GraublauWeb-Bold";
}
.pop-up--in-game-shop .bought-package-list .bought-package-list--item {
  margin: 20pt auto;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
}
.pop-up--in-game-shop .bought-package-list .bought-package-list--item .bought-package--gold-amount {
  color: #ffffff;
  font-size: 16.8pt;
  font-weight: bold;
  padding: 0 5pt;
}
.pop-up--in-game-shop .packages-list {
  width: 100%;
  max-width: 880px;
  margin: 0 auto;
}
.pop-up--in-game-shop .packages-list--packages {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  margin: 0 auto;
}
@media (max-width: 1850px) {
  .pop-up--in-game-shop .packages-list--packages {
    max-width: 440px;
  }
}
.pop-up--in-game-shop .packages-list--item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  height: 105pt;
  margin: 0 10px 16pt 10px;
  padding: 12pt 0 0 0;
  box-sizing: border-box;
  position: relative;
  width: 200px;
  background: #373737;
  box-shadow: 0 0 2px 0 #000;
  border-radius: 2px;
  cursor: pointer;
}
.pop-up--in-game-shop .packages-list--item:hover,
.pop-up--in-game-shop .packages-list--item.active {
  box-shadow: 2px 2px 8px 2px #000;
  transition: box-shadow 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}
@media (max-width: 1850px) {
  .pop-up--in-game-shop .packages-list--item {
    width: 200px;
  }
}
@media (max-width: 980px) {
  .pop-up--in-game-shop .packages-list--item {
    max-width: 200px;
    width: 96%;
  }
}
.pop-up--in-game-shop .packages-list--item.starter-package {
  height: 226pt;
  width: 420px;
}
.pop-up--in-game-shop .packages-list--item.starter-package .packages-list--item--header {
  background: #dfdc2f;
  font-family: "GraublauWeb-Bold";
  font-size: 14pt;
  color: #42403a;
}
.pop-up--in-game-shop .packages-list--item.starter-package .packages-list--item--footer {
  -ms-flex-pack: end;
      justify-content: flex-end;
}
@media (max-width: 980px) {
  .pop-up--in-game-shop .packages-list--item.starter-package {
    max-width: 420px;
    width: 96%;
  }
}
.pop-up--in-game-shop .packages-list--item--sale-section {
  width: 55px;
  height: 52px;
  position: absolute;
  top: -15px;
  left: -15px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}
.pop-up--in-game-shop .packages-list--item--sale-section--badge {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.pop-up--in-game-shop .packages-list--item--sale-section--value {
  position: relative;
  z-index: 2;
  margin-top: 8px;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
  font-size: 17px;
  font-family: "GraublauWeb-Bold";
}
.pop-up--in-game-shop .packages-list--item--header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: end;
      justify-content: flex-end;
  font-family: "GraublauWeb-Regular";
  height: 27pt;
  padding-right: 8pt;
  box-sizing: border-box;
  background: #ebebeb;
}
.pop-up--in-game-shop .packages-list--item--header.on-sale {
  background: #87CEFA;
}
.pop-up--in-game-shop .packages-list--item--gold-amount {
  margin: 3px 0 0 4px;
  font-family: "GraublauWeb-Bold";
  font-size: 14pt;
  color: #42403a;
}
.pop-up--in-game-shop .packages-list--item--additional-rewards {
  width: 100%;
  height: 150pt;
  display: -ms-flexbox;
  display: flex;
  box-sizing: border-box;
  padding: 6pt 0;
  -ms-flex-align: end;
      align-items: flex-end;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.pop-up--in-game-shop .packages-list--item--additional-rewards--item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  width: 45%;
}
.pop-up--in-game-shop .packages-list--item--additional-rewards--value {
  margin-left: 10pt;
  font-size: 13pt;
  font-family: "GraublauWeb-Bold";
}
.pop-up--in-game-shop .packages-list--item--footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
      align-items: flex-end;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-line-pack: center;
      align-content: center;
  width: 100%;
  padding-right: 8pt;
  box-sizing: border-box;
  position: absolute;
  bottom: 6pt;
}
.pop-up--in-game-shop .packages-list--item--character-image {
  position: absolute;
  left: 0;
  bottom: -10px;
}
.pop-up--in-game-shop .packages-list--item--package-icon {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-order: 1;
      order: 1;
}
.pop-up--in-game-shop .packages-list--item--price {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-order: 2;
      order: 2;
  margin-bottom: 6pt;
  font-family: "GraublauWeb-Bold";
}
.pop-up--in-game-shop .packages-list--first-section {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 880px;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin: 0 auto;
}
@media (max-width: 1850px) {
  .pop-up--in-game-shop .packages-list--first-section {
    max-width: 440px;
  }
}
.pop-up--in-game-shop .packages-list--first-section--packages {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 440px;
}
@media (max-width: 1850px) {
  .pop-up--in-game-shop .packages-list--first-section--packages {
    width: 100%;
    max-width: 440px;
  }
}
.webshop {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  margin: 60px 0 0;
  width: 280pt;
  height: 50pt;
  position: relative;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 10px;
  box-shadow: 0 0 8px 0 #000;
  cursor: pointer;
}
.webshop:hover .webshop--title {
  text-decoration: underline;
}
@media (max-width: 720pt) {
  .webshop {
    width: 100%;
    height: auto;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    box-sizing: border-box;
    padding: 12pt 0;
    margin: 0;
    background: none;
    border-radius: 0;
    box-shadow: none;
    border-bottom: solid 2px #242424;
  }
  .webshop:hover {
    border-bottom: solid 2px #ffffff;
  }
}
.webshop--title {
  margin: 0 0 0 80pt;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 12pt;
  text-align: center;
}
@media (max-width: 720pt) {
  .webshop--title {
    margin: 0;
    font-size: 14pt;
  }
}
@media (max-width: 400pt) {
  .webshop--title {
    max-width: 100pt;
  }
}
.webshop--icon {
  position: absolute;
  left: -35px;
  top: -30px;
}
@media (max-width: 720pt) {
  .webshop--icon {
    position: relative;
    left: 0;
    top: 0;
  }
}
.header {
  max-width: 880pt;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  position: relative;
  margin: 0 auto;
  box-sizing: border-box;
}
@media (max-width: 720pt) {
  .header {
    -ms-flex-direction: column;
        flex-direction: column;
    padding-top: 54pt;
    overflow: hidden;
  }
  .header.closed {
    height: 54pt;
  }
}
.header.dmax .dropdown--language-selector {
  height: 50pt;
}
.header.dmax .dropdown--language-selector .dropdown--list {
  top: 50pt;
}
.header.hidden-navigation {
  overflow: initial;
  height: auto;
}
@media (max-width: 720pt) {
  .header.hidden-navigation {
    padding-top: 0;
  }
}
@media (max-width: 720pt) {
  .header.hidden-navigation .header--left-block {
    padding: 0;
  }
}
.header.hidden-navigation .header--navigation {
  min-width: initial;
}
@media (max-width: 720pt) {
  .header.hidden-navigation .header--button {
    display: none;
  }
}
.header.hidden-navigation .dropdown--selected {
  border-bottom: none;
}
.header.hidden-navigation .dropdown--list {
  border: none;
}
@media (max-width: 720pt) {
  .header.hidden-navigation .dropdown .dropdown--item {
    padding: 0 12pt;
  }
}
.header.hidden-navigation .dropdown:before {
  display: none;
}
.header--left-block {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  z-index: 11;
}
@media (max-width: 720pt) {
  .header--left-block {
    display: block;
    padding: 0 12pt;
  }
}
.header--right-block {
  width: 300pt;
  padding: 12pt 12pt;
  box-sizing: border-box;
  z-index: 11;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 10px;
  box-shadow: 0 0 8px 0 #000;
  border-radius: 0 0 10px 10px;
}
@media (max-width: 720pt) {
  .header--right-block {
    height: auto;
    width: 100%;
    padding-top: 20pt;
    background: none;
    border: 0;
    box-shadow: none;
  }
}
.header--button {
  display: none;
  position: absolute;
  top: 13pt;
  right: 0;
  width: 30pt;
  height: 25pt;
  box-sizing: border-box;
  margin-right: 20pt;
  padding: 7pt 9pt;
  background-color: #121212;
  box-shadow: inset 0 0 0 transparent, 0 1px 4px #000;
  cursor: pointer;
  transition: all 0.2s;
}
.header--button:hover {
  background-color: #000000;
  box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.95);
}
.header--button div {
  position: relative;
  box-sizing: border-box;
  height: 100%;
  border-top: solid 2pt #ffffff;
  border-bottom: solid 2pt #ffffff;
}
.header--button div:before {
  content: '';
  position: absolute;
  top: 3pt;
  left: 0;
  width: 100%;
  height: 2pt;
  background: #ffffff;
}
@media (max-width: 720pt) {
  .header--button {
    display: block;
  }
}
.header--navigation {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  padding: 0 12pt;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 10px;
  box-shadow: 0 0 8px 0 #000;
  border-radius: 0 0 10px 10px;
}
@media (max-width: 720pt) {
  .header--navigation {
    -ms-flex-direction: column;
        flex-direction: column;
    min-width: initial;
    padding: 0;
    background: none;
    border-radius: 0;
    box-shadow: none;
  }
}
.header--navigation--item {
  height: 45pt;
  padding: 0 10pt;
  box-sizing: border-box;
  border-top: solid 2px transparent;
  text-transform: uppercase;
  text-decoration: none;
  color: #ffffff;
  line-height: 45pt;
  outline: none;
}
.header--navigation--item:hover {
  border-top: solid 2px #ffffff;
}
@media (max-width: 720pt) {
  .header--navigation--item {
    border-bottom: solid 2px #242424;
    border-top: 0;
  }
  .header--navigation--item:hover {
    border-top: 0;
    border-bottom: solid 2px #ffffff;
  }
}
.header--dmax-logo {
  width: 120pt;
  height: 50pt;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  position: relative;
  -ms-flex-pack: center;
      justify-content: center;
  margin-right: 5pt;
}
.header--dmax-logo--image {
  width: 100%;
  max-height: 45pt;
}
.header--dmax-logo--title {
  position: absolute;
  top: 5px;
  left: 7px;
  font-size: 6pt;
  text-transform: uppercase;
  color: #ffffff;
  letter-spacing: 1px;
}
@media (max-width: 720pt) {
  .header--webshop {
    display: none;
  }
}
.footer {
  max-width: 550pt;
  margin: 20pt auto;
  padding: 6pt 12pt;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 10px;
  box-shadow: 0 0 8px 0 #000;
  text-align: center;
}
@media (min-height: 600pt) {
  .footer.sticky {
    position: absolute;
    bottom: 20pt;
    left: 0;
    right: 0;
    margin: auto;
  }
}
.footer--logo {
  display: block;
  max-width: 200pt;
  margin: 0 auto;
}
.footer--logo img {
  width: 100%;
  max-height: 100%;
}
.footer--navigation {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin: 6pt 0;
}
@media (max-width: 720pt) {
  .footer--navigation {
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.footer--navigation--item {
  color: #ffffff;
  text-transform: uppercase;
  font-size: 9pt;
  text-decoration: none;
}
@media (max-width: 720pt) {
  .footer--navigation--item {
    padding: 2pt 5pt;
  }
}
.footer--navigation--item:hover {
  text-decoration: underline;
}
.footer--copyright {
  color: #777777;
  font-size: 9pt;
}
.form--component {
  position: relative;
  padding: 6pt 0;
}
.form--component.form--inline {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -ms-flex-align: center;
      align-items: center;
}
.form--component.form--inline.inline--center {
  -ms-flex-pack: center;
      justify-content: center;
}
.form--component.form--inline input {
  -ms-flex-item-align: auto;
      align-self: auto;
}
.form--social {
  position: relative;
}
.form--social--icons-block {
  display: -ms-flexbox;
  display: flex;
}
.form--social--fb,
.form--social--gp {
  position: relative;
  cursor: pointer;
  transition: background 0.2s;
  border-radius: 3px;
  text-align: center;
}
.form--social--fb {
  background: #3b5998;
  color: #ffffff;
}
.form--social--fb:hover {
  background: #1d428f;
}
.form--social--gp {
  background: #eeeeee;
  color: #242424;
}
.form--social--gp:hover {
  background: #777777;
}
.form--checkbox-container {
  position: relative;
}
.form--extra-checkbox {
  margin-top: 12pt;
  font-size: 13px;
}
@media (max-width: 720pt) {
  .form--login {
    width: 100%;
  }
}
.form--login .form--options {
  margin-top: 5pt;
  -ms-flex-pack: end;
      justify-content: flex-end;
}
.form--login .form--component {
  padding: 0;
}
@media (max-width: 720pt) {
  .form--login .form--component {
    display: block;
  }
}
.form--login .component--input {
  height: 23pt;
  width: 100%;
  padding: 0 5pt;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.75);
  background-color: #4c4d4c;
  border: 1px solid #0d0d0d;
  border-radius: 0;
  font-size: 10pt;
  color: #ffffff;
  outline: 0;
}
@media (max-width: 720pt) {
  .form--login .component--input {
    height: 34.5pt;
    margin-bottom: 6pt;
  }
}
.form--login .button {
  height: 23pt;
  padding: 0 26pt;
  border: solid 1px #d68921;
  background: #d68921;
  transition: border, background linear 0.2s;
  color: #ffffff;
  text-shadow: 1px 1px 1px #666;
  line-height: 23pt;
  text-transform: uppercase;
}
.form--login .button:hover {
  background: #aa6d1a;
  border: solid 1px #aa6d1a;
}
@media (max-width: 720pt) {
  .form--login .button {
    min-width: 100pt;
    margin: 6pt 0 20pt;
    height: 34.5pt;
    font-size: 16pt;
  }
}
.form--login .form--restore-password {
  position: relative;
  cursor: pointer;
  color: #ffffff;
  text-decoration: underline;
}
.form--login .form--restore-password:hover {
  color: #eeeeee;
}
@media (max-width: 720pt) {
  .form--login .form--restore-password {
    margin: 6pt 0 20pt;
    width: 100%;
  }
}
@media (max-width: 720pt) {
  .form--login .form--data {
    height: auto;
    text-align: center;
  }
}
.form--login .form--data--item {
  margin-bottom: 6pt;
}
.form--login .form--connect-options {
  margin-top: 6pt;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: end;
      align-items: flex-end;
}
@media (max-width: 720pt) {
  .form--login .form--social {
    margin: 0 0 20pt 0;
  }
}
.form--login .form--social--title {
  font-size: 10px;
  padding-bottom: 3px;
  color: #ffffff;
}
@media (max-width: 720pt) {
  .form--login .form--social--title {
    width: 100%;
    padding-bottom: 0;
    margin-bottom: 20pt;
    text-align: center;
    font-size: 11pt;
  }
}
@media (max-width: 720pt) {
  .form--login .form--social--icons-block {
    -ms-flex-direction: column;
        flex-direction: column;
    width: 100%;
  }
}
.form--login .form--social--fb,
.form--login .form--social--gp {
  width: 23pt;
  height: 23pt;
  display: inline-block;
}
.form--login .form--social--fb span,
.form--login .form--social--gp span {
  display: none;
}
@media (max-width: 720pt) {
  .form--login .form--social--fb,
  .form--login .form--social--gp {
    margin-bottom: 6pt;
    width: 100%;
    height: 34.5pt;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    border-radius: 0;
  }
  .form--login .form--social--fb span,
  .form--login .form--social--gp span {
    display: block;
  }
  .form--login .form--social--fb .icon-social,
  .form--login .form--social--gp .icon-social {
    position: absolute;
    left: 10pt;
    top: 5.25pt;
  }
}
.form--login .form--social--fb {
  margin-right: 5px;
}
@media (max-width: 720pt) {
  .form--login .form--social--fb {
    margin-right: 0;
  }
  .form--login .form--social--fb .icon-social {
    left: 6pt;
  }
}
@media (max-width: 720pt) {
  .form--login .form--social--gp .icon-social {
    left: 10pt;
  }
}
.form--input-with-tooltip {
  position: relative;
}
.form--registration,
.form--direct-play,
.form--facebook {
  position: relative;
  max-width: 300pt;
  margin: 120pt auto 0;
  padding: 30pt 15pt;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 10px;
  box-shadow: 0 0 8px 0 #000;
}
.form--registration--logo,
.form--direct-play--logo,
.form--facebook--logo {
  position: absolute;
  top: -160px;
  left: -77px;
  max-width: none;
}
@media (max-width: 720pt) {
  .form--registration--logo,
  .form--direct-play--logo,
  .form--facebook--logo {
    top: -110px;
    left: 0;
    max-width: 100%;
  }
}
.form--registration .form--component,
.form--direct-play .form--component,
.form--facebook .form--component {
  margin-bottom: 6pt;
  padding: 0;
}
.form--registration .form--component--label,
.form--direct-play .form--component--label,
.form--facebook .form--component--label {
  display: block;
  margin-bottom: 1pt;
  color: #ffffff;
}
.form--registration .component--input,
.form--direct-play .component--input,
.form--facebook .component--input {
  height: 40pt;
  width: 100%;
  padding: 0 5pt;
  margin-bottom: 6pt;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.75);
  background-color: #4c4d4c;
  border: 1px solid #0d0d0d;
  border-radius: 0;
  color: #ffffff;
  outline: 0;
}
.form--registration .button,
.form--direct-play .button,
.form--facebook .button {
  height: 40pt;
  min-width: 120pt;
  margin: 12pt auto;
  border: solid 1px #d68921;
  background: #d68921;
  transition: border, background linear 0.2s;
  color: #ffffff;
  text-shadow: 1px 1px 1px #666;
  font-size: 13pt;
}
.form--registration .button:hover,
.form--direct-play .button:hover,
.form--facebook .button:hover {
  background: #aa6d1a;
  border: solid 1px #aa6d1a;
}
.form--registration .button.button-direct-play,
.form--direct-play .button.button-direct-play,
.form--facebook .button.button-direct-play {
  min-width: 180pt;
  height: 72pt;
  padding: 0 10pt;
  border-radius: 10px;
  font-size: 24pt;
}
.form--registration .button.button-facebook,
.form--direct-play .button.button-facebook,
.form--facebook .button.button-facebook {
  min-width: 180pt;
  padding: 0 10pt;
  height: 72pt;
  background: #3b5998;
  border: solid 1px #3b5998;
  border-radius: 10px;
  box-shadow: 0 0 40px #ffffff;
  font-size: 24pt;
}
.form--registration .button.button-facebook:hover,
.form--direct-play .button.button-facebook:hover,
.form--facebook .button.button-facebook:hover {
  background: #1d428f;
  border: solid 1px #1d428f;
}
.form--registration .button.button-facebook span,
.form--direct-play .button.button-facebook span,
.form--facebook .button.button-facebook span {
  display: inline-block;
  vertical-align: middle;
}
.form--registration .button.button-facebook .icon-in-button,
.form--direct-play .button.button-facebook .icon-in-button,
.form--facebook .button.button-facebook .icon-in-button {
  width: 50pt;
  height: 50pt;
  margin-right: 12pt;
}
.form--registration .button.button-facebook .icon-in-button img,
.form--direct-play .button.button-facebook .icon-in-button img,
.form--facebook .button.button-facebook .icon-in-button img {
  width: 100%;
  height: 100%;
}
.form--registration .form--options,
.form--direct-play .form--options,
.form--facebook .form--options {
  position: relative;
  margin-bottom: 12pt;
}
.form--registration .form--options .tooltip,
.form--direct-play .form--options .tooltip,
.form--facebook .form--options .tooltip {
  bottom: 25pt;
}
.form--registration .form--options--title,
.form--direct-play .form--options--title,
.form--facebook .form--options--title {
  margin-bottom: 12pt;
  font-size: 14pt;
  color: #ffffff;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
}
.form--registration .form--options--player,
.form--direct-play .form--options--player,
.form--facebook .form--options--player {
  margin-bottom: 12pt;
  color: #ffffff;
  word-wrap: break-word;
  text-align: center;
  line-height: 1.4;
  font-size: 13pt;
}
.form--registration .form--data,
.form--direct-play .form--data,
.form--facebook .form--data {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
.form--registration .form--data--logout,
.form--direct-play .form--data--logout,
.form--facebook .form--data--logout,
.form--registration .form--data--switcher,
.form--direct-play .form--data--switcher,
.form--facebook .form--data--switcher {
  margin-top: 12pt;
  cursor: pointer;
  color: #ffffff;
  text-align: center;
  text-decoration: underline;
}
.form--registration .form--data--logout:hover,
.form--direct-play .form--data--logout:hover,
.form--facebook .form--data--logout:hover,
.form--registration .form--data--switcher:hover,
.form--direct-play .form--data--switcher:hover,
.form--facebook .form--data--switcher:hover {
  color: #777777;
}
.form--registration .form--data--switcher,
.form--direct-play .form--data--switcher,
.form--facebook .form--data--switcher {
  margin: 12pt 0 20pt;
  font-size: 13pt;
}
.form--registration .form--data--title,
.form--direct-play .form--data--title,
.form--facebook .form--data--title {
  margin-top: 6pt;
  text-align: center;
  color: #ffffff;
  font-size: 10pt;
}
.form--registration .form--social--fb,
.form--direct-play .form--social--fb,
.form--facebook .form--social--fb,
.form--registration .form--social--gp,
.form--direct-play .form--social--gp,
.form--facebook .form--social--gp {
  height: 40pt;
  line-height: 40pt;
  border-radius: 0;
}
.form--registration .form--social--fb .icon-social,
.form--direct-play .form--social--fb .icon-social,
.form--facebook .form--social--fb .icon-social,
.form--registration .form--social--gp .icon-social,
.form--direct-play .form--social--gp .icon-social,
.form--facebook .form--social--gp .icon-social {
  position: absolute;
  top: 8pt;
}
.form--registration .form--social--fb,
.form--direct-play .form--social--fb,
.form--facebook .form--social--fb {
  margin-bottom: 10px;
}
.form--registration .form--social--fb .icon-social,
.form--direct-play .form--social--fb .icon-social,
.form--facebook .form--social--fb .icon-social {
  left: 6pt;
}
.form--registration .form--social--gp .icon-social,
.form--direct-play .form--social--gp .icon-social,
.form--facebook .form--social--gp .icon-social {
  left: 10pt;
}
.form--registration .form--social--title,
.form--direct-play .form--social--title,
.form--facebook .form--social--title {
  width: 100%;
  position: relative;
  padding-bottom: 0;
  margin-bottom: 12pt;
  text-align: center;
  color: #ffffff;
}
.form--registration .form--newsletter-info,
.form--direct-play .form--newsletter-info,
.form--facebook .form--newsletter-info {
  margin-top: 6pt;
  font-size: 10pt;
  color: #ffffff;
}
.form--registration.with-extra-checkbox,
.form--direct-play.with-extra-checkbox,
.form--facebook.with-extra-checkbox {
  max-width: 340pt;
}
.form--registration.with-extra-checkbox .form--direct-play--logo,
.form--direct-play.with-extra-checkbox .form--direct-play--logo,
.form--facebook.with-extra-checkbox .form--direct-play--logo {
  left: -52px;
}
body[dir='rtl'] .form--social--fb {
  margin-left: 5px;
  margin-right: 0;
}
.habitat-chooser {
  width: 540px;
}
.habitat-chooser--title-row {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}
.habitat-chooser--title {
  font-size: 13pt;
  color: #eeeeee;
  cursor: pointer;
  line-height: 22pt;
  height: 23pt;
  vertical-align: bottom;
}
.habitat-chooser--title.no-arrows-title {
  width: 100%;
  text-align: center;
}
.habitat-chooser--resources-row {
  width: 100%;
}
.resource-progress-bar--widget {
  display: inline-block;
  width: 90px;
}
.resource-progress-bar--icon {
  display: block;
  float: left;
  width: 32px;
  margin: 0 4px;
}
.resource-progress-bar--values-box {
  display: block;
  float: left;
  padding-top: 8px;
  width: 50px;
}
.resource-progress-bar--amount {
  font-size: 14px;
  line-height: 1;
  color: #eeeeee;
  text-align: center;
}
.resource-progress-bar--bar-wrapper {
  display: block;
  height: 5px;
  width: 100%;
}
.resource-progress-bar--bar-wrapper.full {
  color: #bd0100;
  background-color: #bd0100;
}
.resource-progress-bar--bar-wrapper.full .resource-progress-bar--bar {
  height: 5px;
  background-color: #bd0100;
}
.resource-progress-bar--bar-wrapper.almost-full {
  color: #f89405;
  background-color: #3f4722;
}
.resource-progress-bar--bar-wrapper.almost-full .resource-progress-bar--bar {
  height: 5px;
  background-color: #f89405;
}
.resource-progress-bar--bar-wrapper.good {
  color: #66811f;
  background-color: #424a1e;
}
.resource-progress-bar--bar-wrapper.good .resource-progress-bar--bar {
  height: 5px;
  background-color: #66811f;
}
.icon-amount--widget {
  width: 55px;
  text-align: center;
  display: inline-block;
}
.icon-amount--widget.wider {
  width: 75px;
}
.icon-amount--widget.widest {
  width: 90px;
}
.icon-amount--widget.dark .amount {
  color: #000;
}
.icon-amount--widget.not-enough .amount {
  color: red;
}
.icon-amount--widget.enough .amount {
  color: green;
}
.icon-amount--widget.horizontal {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-align: center;
      align-items: center;
}
.icon-amount--widget .amount {
  font-size: 14px;
  line-height: 1;
  color: #eeeeee;
  text-align: center;
}
.icon-amount--widget .amount.full {
  color: #bd0100;
}
.icon-amount--widget .amount.almost-full {
  color: #f89405;
}
.icon-amount--widget .amount.good {
  color: #66811f;
}
.habitat-overview--widget {
  border-bottom: 1px #000 solid;
}
.habitat-overview--widget .habitat-overview-title {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}
.habitat-overview--widget .habitat-overview-title .habitat-overview-title--habitat-name {
  font-weight: bold;
}
.habitat-overview--widget .habitat-overview-title.summary {
  text-align: center;
  font-weight: bold;
  display: block;
}
.habitat-overview--widget .habitat-overview-title.summary.left {
  text-align: left;
}
.habitat-overview--widget .habitat-overview-title.active-habitat .habitat-overview-title--habitat-name {
  color: green;
}
.habitat-overview--widget .habitat-overview-row {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -ms-flex-align: center;
      align-items: center;
}
.habitat-overview--widget .habitat-overview-row.center-positioned {
  -ms-flex-pack: center;
      justify-content: center;
}
.habitat-overview--widget .habitat-overview-row.right {
  -ms-flex-pack: end;
      justify-content: flex-end;
}
.habitat-overview--widget .habitat-overview-row.left {
  -ms-flex-pack: start;
      justify-content: flex-start;
}
.habitat-overview--widget .habitat-overview-row.sparse {
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.habitat-overview--widget .habitat-overview-row.upper-border {
  margin-top: 6pt;
  padding-top: 3pt;
  border-top: 1px solid #555555;
}
.habitat-overview--widget .habitat-overview-row .habitat-overview-extra-row-left-column {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
}
.habitat-overview--widget .habitat-overview--distance {
  padding-top: 5px;
  color: #66afe9;
}
.habitat-overview--widget.transit-summary {
  position: relative;
}
.habitat-overview--widget.transit-summary .icon.transit-type {
  position: absolute;
  top: 5px;
  left: 5px;
}
.alliance-permission--widget .menu-list-element-basic--title-desc-box {
  width: 100%;
}
.alliance-permission--widget .menu-list-element-basic--title-desc-box .menu-list-element-basic--title {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
}
.alliance-permission--widget .menu-list-element-basic--title-desc-box .menu-list-element-basic--title .icon {
  display: block;
  margin: 0 auto;
}
.element--content {
  padding: 12pt 0;
  word-wrap: break-word;
}
.widget--range-slider.divider-slider {
  padding-left: 20px;
  padding-right: 20px;
}
.widget--range-slider.divider-slider.unclickable > * {
  opacity: .5;
  pointer-events: none;
}
.widget--range-slider .widget-range-slider--values-row,
.widget--range-slider .widget-range-slider--buttons-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  width: 90%;
  margin: 0 auto;
}
.widget--range-slider .widget-range-slider--values-row.divider-row,
.widget--range-slider .widget-range-slider--buttons-row.divider-row {
  padding: 10px 0 15px;
}
.widget--range-slider .widget-range-slider--extra-buttons {
  display: -ms-flexbox;
  display: flex;
  min-width: 70pt;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.widget--range-slider .widget-range-slider--max-button {
  margin-left: 5px;
  padding: 1.3pt 3pt;
}
.widget--range-slider .widget-range-slider--values-row .widget-range-slider--current-value-input {
  width: 30%;
  text-align: center;
}
.widget--range-slider .widget-range-slider--body {
  position: relative;
  display: block;
  width: 90%;
  height: 10px;
  border: 1px black solid;
  border-radius: 5px;
  background: url('../res/graphics/lordsandknights/textures/wood_texture.png?rev_gr0d9c2712018b55e9e202e82a17057057') 0 0 repeat;
  margin: 10px auto;
  cursor: pointer;
}
.widget--range-slider .widget-range-slider--body .widget-range-slider--fill {
  background: linear-gradient(#31a0f0, #00489a);
  width: 0;
  height: 10px;
  border-radius: 5px 0 0 5px;
}
.widget--range-slider .widget-range-slider--body .widget-range-slider--handle {
  position: absolute;
  display: block;
  left: 0;
}
.widget--range-slider .widget-range-slider--body .widget-range-slider--handle.icon-unit {
  top: -22px;
  margin-left: -16px;
}
.widget--range-slider .widget-range-slider--body .widget-range-slider--handle.icon-resource {
  top: -12px;
  margin-left: -16px;
}
.widget--range-slider .widget-range-slider--body .widget-range-slider--handle.basic {
  height: 16px;
  width: 16px;
  border-radius: 8px;
  top: -3px;
  margin-left: -8px;
  background: url('../res/graphics/lordsandknights/textures/metal_texture_hover.png?rev_grccecb3384e5c201a555271a246ae2527') 0 0 repeat;
}
.widget-rename {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  width: auto;
}
.widget-rename .widget-rename-item {
  width: 200px;
  margin-right: 5px;
}
.widget-rename .widget-rename-item .text {
  overflow: hidden;
}
.widget--resources-in-habitat {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.widget--resources-in-habitat .icon-amount--widget {
  width: 96px;
  margin-top: 6px;
}
.widget--date-time-picker .widget--date-time-picker--fields {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.widget--date-time-picker .widget--date-time-picker--arrow {
  cursor: pointer;
}
.widget--date-time-picker .widget--date-time-picker--arrow.inactive {
  pointer-events: none;
}
.widget--date-time-picker .widget--date-time-picker--date,
.widget--date-time-picker .widget--date-time-picker--hour,
.widget--date-time-picker .widget--date-time-picker--minute {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
}
.widget--date-time-picker .widget--date-time-picker--date input,
.widget--date-time-picker .widget--date-time-picker--hour input,
.widget--date-time-picker .widget--date-time-picker--minute input {
  text-align: center;
}
.widget--date-time-picker .widget--date-time-picker--date {
  width: 135pt;
}
.widget--date-time-picker .widget--date-time-picker--date:after {
  content: ',';
  position: absolute;
  right: -15pt;
  top: 50%;
  font-size: 15pt;
  color: #fff;
}
.widget--date-time-picker .widget--date-time-picker--hour,
.widget--date-time-picker .widget--date-time-picker--minute {
  width: 45pt;
}
.widget--date-time-picker .widget--date-time-picker--hour:after {
  content: ':';
  position: absolute;
  right: -14pt;
  top: 50%;
  margin-top: -7.5pt;
  font-size: 15pt;
  color: #fff;
}
.widget--construct-tooltip {
  display: none;
  position: absolute;
  width: 170pt;
  z-index: 1000;
  overflow: hidden;
  border: solid 2px black;
  font-size: 10pt;
}
.widget--construct-tooltip .menu-list-element {
  background-image: url('../res/graphics/lordsandknights/textures/wood_light_texture_hover.png?rev_gr896adc99f5bf13a23552e164f748e3b9');
}
.widget--construct-tooltip .menu-list-element .icon-amount--widget .amount {
  font-size: 10pt;
}
.widget--construct-tooltip.active {
  display: block;
}
.widget--construct-tooltip.right {
  right: 50px;
}
.widget--construct-tooltip.left {
  left: 50px;
}
.widget--construct-tooltip.bottom {
  top: -100px;
}
.widget--construct-tooltip.bottom.with-knowledge {
  top: -142px;
}
.widget--construct-tooltip.bottom.right {
  border-radius: 20px 20px 0 20px;
}
.widget--construct-tooltip.bottom.left {
  border-radius: 20px 20px 20px 0;
}
.widget--construct-tooltip.top {
  top: 65px;
}
.widget--construct-tooltip.top.right {
  border-radius: 20px 0 20px 20px;
}
.widget--construct-tooltip.top.left {
  border-radius: 0 20px 20px 20px;
}
.bar-top--content,
.bar-bottom--content {
  background: #000 url('../res/graphics/lordsandknights/textures/metal_texture.png?rev_gr501a805dc59e6bdbc3ae925ccf6627d7') 0 0 repeat;
  position: fixed;
  left: 0;
  width: 100%;
}
.bar-top--content {
  top: 0;
  height: 50pt;
  z-index: 8250;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  overflow: hidden;
}
.bar-top--content .bar-top--left-column .button-for-bars {
  display: inline-block;
  padding: 5pt;
}
.bar-top--content .bar-top--left-column .button-for-bars:hover,
.bar-top--content .bar-top--left-column .button-for-bars.active {
  background: #000 url('../res/graphics/lordsandknights/textures/metal_texture_hover.png?rev_grccecb3384e5c201a555271a246ae2527') 0 0 repeat;
}
.bar-top--content .bar-top--right-column {
  width: 150px;
}
.bar-top--content .bar-top--right-column.with-rubies {
  width: 225px;
}
.bar-top--content .bar-top--right-column .icon-amount--widget {
  width: 75px;
}
.bar-top--content .bar-top--right-column .icon-amount--widget.clickable {
  cursor: pointer;
}
.bar-top--content .bar-top--right-column .resource-icon-amount--widget {
  float: left;
}
.bar-bottom--content {
  bottom: 0;
  height: 64px;
  z-index: 8500;
  text-align: center;
  display: block;
}
.bar-bottom--content .button-for-bars {
  display: inline-block;
  padding: 5pt;
}
.bar-bottom--content .button-for-bars:hover,
.bar-bottom--content .button-for-bars.active {
  background: #000 url('../res/graphics/lordsandknights/textures/metal_texture_hover.png?rev_grccecb3384e5c201a555271a246ae2527') 0 0 repeat;
}
.bar-bottom--content .button-for-bars--title {
  color: #eeeeee;
}
.toggle-buttons--content,
.toggle-buttons--zoom {
  position: fixed;
  right: 0;
  top: 50%;
  width: 52px;
  height: 300px;
  margin-top: -150px;
  z-index: 750;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  background: linear-gradient(to bottom, #6f6559, #3e352d);
  border: 1px solid #454545;
  box-shadow: 0 0 8px 0 #000;
  border-radius: 6px 0 0 6px;
  -webkit-transform: translateZ(0);
}
.toggle-buttons--content .button--default,
.toggle-buttons--zoom .button--default {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  width: 48px;
  height: 48px;
  margin: 1px;
  border-radius: 0;
}
.toggle-buttons--zoom {
  height: 100px;
  margin-top: 0;
  top: inherit;
  bottom: 65pt;
}
.toggle-buttons--zoom .button--default {
  -ms-flex-align: center;
      align-items: center;
  padding-bottom: 8pt;
  font-weight: 700;
  font-size: 30pt;
}
.toggle-buttons--center-map,
.toggle-buttons--events,
.toggle-buttons--webshop {
  position: fixed;
  right: 0;
  top: 70pt;
  display: block;
  z-index: 750;
  -webkit-transform: translateZ(0);
}
.toggle-buttons--center-map {
  margin-right: 4pt;
}
.toggle-buttons--webshop {
  margin-right: 60pt;
  cursor: pointer;
}
.toggle-buttons--events {
  margin-right: 8pt;
  cursor: pointer;
}
.toggle-buttons--events--alert {
  display: block;
  position: absolute;
  background: #cc3333;
  color: #eeeeee;
  font-weight: bold;
  font-size: 10pt;
  text-align: center;
  padding: 0 3pt;
  border-radius: 12pt;
  min-width: 7pt;
  line-height: 12pt;
  height: 12pt;
  border: 2pt #ffffff solid;
  bottom: -6pt;
  right: -2pt;
}
.icon {
  display: inline-block;
  overflow: hidden;
  width: 32px;
  height: 32px;
  margin: 0;
  padding: 0;
}
.icon-flag {
  background: url('../res/graphics/lordsandknights/icons/flags.png?rev_grf4d3ee39bdc45a6e135524bc7166844d') 32px 32px no-repeat;
}
.icon-flag.flag-AE {
  background-position: -36px -2px;
}
.icon-flag.flag-AF {
  background-position: -70px -2px;
}
.icon-flag.flag-AG {
  background-position: -104px -2px;
}
.icon-flag.flag-AI {
  background-position: -138px -2px;
}
.icon-flag.flag-AL {
  background-position: -172px -2px;
}
.icon-flag.flag-AM {
  background-position: -206px -2px;
}
.icon-flag.flag-AN {
  background-position: -240px -2px;
}
.icon-flag.flag-AO {
  background-position: -274px -2px;
}
.icon-flag.flag-AQ {
  background-position: -308px -2px;
}
.icon-flag.flag-AR {
  background-position: -342px -2px;
}
.icon-flag.flag-AS {
  background-position: -376px -2px;
}
.icon-flag.flag-AT {
  background-position: -410px -2px;
}
.icon-flag.flag-AU {
  background-position: -444px -2px;
}
.icon-flag.flag-AW {
  background-position: -478px -2px;
}
.icon-flag.flag-AX {
  background-position: -512px -2px;
}
.icon-flag.flag-AZ {
  background-position: -546px -2px;
}
.icon-flag.flag-BA {
  background-position: -580px -2px;
}
.icon-flag.flag-BB {
  background-position: -614px -2px;
}
.icon-flag.flag-BD {
  background-position: -648px -2px;
}
.icon-flag.flag-BE {
  background-position: -682px -2px;
}
.icon-flag.flag-BF {
  background-position: -716px -2px;
}
.icon-flag.flag-BG {
  background-position: -750px -2px;
}
.icon-flag.flag-BH {
  background-position: -784px -2px;
}
.icon-flag.flag-BI {
  background-position: -818px -2px;
}
.icon-flag.flag-BJ {
  background-position: -852px -2px;
}
.icon-flag.flag-BL {
  background-position: -886px -2px;
}
.icon-flag.flag-BM {
  background-position: -920px -2px;
}
.icon-flag.flag-BN {
  background-position: -954px -2px;
}
.icon-flag.flag-BO {
  background-position: -988px -2px;
}
.icon-flag.flag-BR {
  background-position: -1022px -2px;
}
.icon-flag.flag-BS {
  background-position: -1056px -2px;
}
.icon-flag.flag-BT {
  background-position: -1090px -2px;
}
.icon-flag.flag-BW {
  background-position: -1124px -2px;
}
.icon-flag.flag-BY {
  background-position: -1158px -2px;
}
.icon-flag.flag-BZ {
  background-position: -1192px -2px;
}
.icon-flag.flag-CA {
  background-position: -1226px -2px;
}
.icon-flag.flag-CD {
  background-position: -1260px -2px;
}
.icon-flag.flag-CF {
  background-position: -1294px -2px;
}
.icon-flag.flag-CG {
  background-position: -1328px -2px;
}
.icon-flag.flag-CH {
  background-position: -1362px -2px;
}
.icon-flag.flag-CI {
  background-position: -1396px -2px;
}
.icon-flag.flag-CL {
  background-position: -1430px -2px;
}
.icon-flag.flag-CM {
  background-position: -1464px -2px;
}
.icon-flag.flag-CN {
  background-position: -1498px -2px;
}
.icon-flag.flag-CO {
  background-position: -1532px -2px;
}
.icon-flag.flag-CR {
  background-position: -1566px -2px;
}
.icon-flag.flag-CU {
  background-position: -1600px -2px;
}
.icon-flag.flag-CV {
  background-position: -1634px -2px;
}
.icon-flag.flag-CY {
  background-position: -1668px -2px;
}
.icon-flag.flag-CZ {
  background-position: -1702px -2px;
}
.icon-flag.flag-DE {
  background-position: -1756px -2px;
}
.icon-flag.flag-DJ {
  background-position: -1790px -2px;
}
.icon-flag.flag-DK {
  background-position: -1824px -2px;
}
.icon-flag.flag-DM {
  background-position: -1858px -2px;
}
.icon-flag.flag-DO {
  background-position: -1892px -2px;
}
.icon-flag.flag-DZ {
  background-position: -2px -36px;
}
.icon-flag.flag-EC {
  background-position: -36px -36px;
}
.icon-flag.flag-EE {
  background-position: -70px -36px;
}
.icon-flag.flag-EG {
  background-position: -104px -36px;
}
.icon-flag.flag-EH {
  background-position: -138px -36px;
}
.icon-flag.flag-EL {
  background-position: -172px -36px;
}
.icon-flag.flag-ER {
  background-position: -192px -36px;
}
.icon-flag.flag-ES {
  background-position: -226px -36px;
}
.icon-flag.flag-ET {
  background-position: -260px -36px;
}
.icon-flag.flag-EU {
  background-position: -294px -36px;
}
.icon-flag.flag-FI {
  background-position: -314px -36px;
}
.icon-flag.flag-FJ {
  background-position: -348px -36px;
}
.icon-flag.flag-FK {
  background-position: -382px -36px;
}
.icon-flag.flag-FM {
  background-position: -416px -36px;
}
.icon-flag.flag-FO {
  background-position: -450px -36px;
}
.icon-flag.flag-FR {
  background-position: -484px -36px;
}
.icon-flag.flag-GA {
  background-position: -518px -36px;
}
.icon-flag.flag-GB {
  background-position: -552px -36px;
}
.icon-flag.flag-GD {
  background-position: -586px -36px;
}
.icon-flag.flag-GE {
  background-position: -620px -36px;
}
.icon-flag.flag-GG {
  background-position: -654px -36px;
}
.icon-flag.flag-GH {
  background-position: -688px -36px;
}
.icon-flag.flag-GL {
  background-position: -722px -36px;
}
.icon-flag.flag-GM {
  background-position: -756px -36px;
}
.icon-flag.flag-GN {
  background-position: -790px -36px;
}
.icon-flag.flag-GQ {
  background-position: -824px -36px;
}
.icon-flag.flag-GR {
  background-position: -858px -36px;
}
.icon-flag.flag-GS {
  background-position: -892px -36px;
}
.icon-flag.flag-GT {
  background-position: -926px -36px;
}
.icon-flag.flag-GU {
  background-position: -960px -36px;
}
.icon-flag.flag-GW {
  background-position: -994px -36px;
}
.icon-flag.flag-GY {
  background-position: -1028px -36px;
}
.icon-flag.flag-HK {
  background-position: -1062px -36px;
}
.icon-flag.flag-HN {
  background-position: -1096px -36px;
}
.icon-flag.flag-HR {
  background-position: -1130px -36px;
}
.icon-flag.flag-HT {
  background-position: -1164px -36px;
}
.icon-flag.flag-HU {
  background-position: -1198px -36px;
}
.icon-flag.flag-ID {
  background-position: -1232px -36px;
}
.icon-flag.flag-IE {
  background-position: -1266px -36px;
}
.icon-flag.flag-IL {
  background-position: -1300px -36px;
}
.icon-flag.flag-IM {
  background-position: -1334px -36px;
}
.icon-flag.flag-IN {
  background-position: -1368px -36px;
}
.icon-flag.flag-IQ {
  background-position: -1402px -36px;
}
.icon-flag.flag-IR {
  background-position: -1436px -36px;
}
.icon-flag.flag-IS {
  background-position: -1470px -36px;
}
.icon-flag.flag-IT {
  background-position: -1504px -36px;
}
.icon-flag.flag-JE {
  background-position: -1538px -36px;
}
.icon-flag.flag-JM {
  background-position: -1572px -36px;
}
.icon-flag.flag-JO {
  background-position: -1606px -36px;
}
.icon-flag.flag-JP {
  background-position: -1640px -36px;
}
.icon-flag.flag-KE {
  background-position: -1674px -36px;
}
.icon-flag.flag-KG {
  background-position: -1708px -36px;
}
.icon-flag.flag-KH {
  background-position: -1742px -36px;
}
.icon-flag.flag-KI {
  background-position: -1776px -36px;
}
.icon-flag.flag-KM {
  background-position: -1810px -36px;
}
.icon-flag.flag-KN {
  background-position: -1844px -36px;
}
.icon-flag.flag-KP {
  background-position: -1878px -36px;
}
.icon-flag.flag-XB {
  background-position: -1912px -36px;
}
.icon-flag.flag-KR {
  background-position: -2px -70px;
}
.icon-flag.flag-KW {
  background-position: -36px -70px;
}
.icon-flag.flag-KY {
  background-position: -70px -70px;
}
.icon-flag.flag-KZ {
  background-position: -104px -70px;
}
.icon-flag.flag-LA {
  background-position: -138px -70px;
}
.icon-flag.flag-LB {
  background-position: -172px -70px;
}
.icon-flag.flag-LC {
  background-position: -206px -70px;
}
.icon-flag.flag-LI {
  background-position: -240px -70px;
}
.icon-flag.flag-LK {
  background-position: -274px -70px;
}
.icon-flag.flag-LR {
  background-position: -308px -70px;
}
.icon-flag.flag-LS {
  background-position: -342px -70px;
}
.icon-flag.flag-LT {
  background-position: -376px -70px;
}
.icon-flag.flag-LU {
  background-position: -410px -70px;
}
.icon-flag.flag-LV {
  background-position: -444px -70px;
}
.icon-flag.flag-LY {
  background-position: -478px -70px;
}
.icon-flag.flag-MA {
  background-position: -512px -70px;
}
.icon-flag.flag-MC {
  background-position: -546px -70px;
}
.icon-flag.flag-MD {
  background-position: -580px -70px;
}
.icon-flag.flag-ME {
  background-position: -614px -70px;
}
.icon-flag.flag-MG {
  background-position: -648px -70px;
}
.icon-flag.flag-MH {
  background-position: -682px -70px;
}
.icon-flag.flag-MK {
  background-position: -716px -70px;
}
.icon-flag.flag-ML {
  background-position: -750px -70px;
}
.icon-flag.flag-MM {
  background-position: -784px -70px;
}
.icon-flag.flag-MN {
  background-position: -818px -70px;
}
.icon-flag.flag-MO {
  background-position: -852px -70px;
}
.icon-flag.flag-MP {
  background-position: -886px -70px;
}
.icon-flag.flag-MR {
  background-position: -920px -70px;
}
.icon-flag.flag-MS {
  background-position: -954px -70px;
}
.icon-flag.flag-MT {
  background-position: -988px -70px;
}
.icon-flag.flag-MU {
  background-position: -1022px -70px;
}
.icon-flag.flag-MV {
  background-position: -1056px -70px;
}
.icon-flag.flag-MW {
  background-position: -1090px -70px;
}
.icon-flag.flag-MX {
  background-position: -1124px -70px;
}
.icon-flag.flag-MY {
  background-position: -1158px -70px;
}
.icon-flag.flag-MZ {
  background-position: -1192px -70px;
}
.icon-flag.flag-NA {
  background-position: -1226px -70px;
}
.icon-flag.flag-NE {
  background-position: -1260px -70px;
}
.icon-flag.flag-NF {
  background-position: -1294px -70px;
}
.icon-flag.flag-NG {
  background-position: -1328px -70px;
}
.icon-flag.flag-NI {
  background-position: -1362px -70px;
}
.icon-flag.flag-NL {
  background-position: -1396px -70px;
}
.icon-flag.flag-NO {
  background-position: -1430px -70px;
}
.icon-flag.flag-NP {
  background-position: -1464px -70px;
}
.icon-flag.flag-NR {
  background-position: -1498px -70px;
}
.icon-flag.flag-NZ {
  background-position: -1532px -70px;
}
.icon-flag.flag-OM {
  background-position: -1566px -70px;
}
.icon-flag.flag-PA {
  background-position: -1600px -70px;
}
.icon-flag.flag-PE {
  background-position: -1634px -70px;
}
.icon-flag.flag-PG {
  background-position: -1668px -70px;
}
.icon-flag.flag-PH {
  background-position: -1702px -70px;
}
.icon-flag.flag-PK {
  background-position: -1736px -70px;
}
.icon-flag.flag-PL {
  background-position: -1770px -70px;
}
.icon-flag.flag-PN {
  background-position: -1804px -70px;
}
.icon-flag.flag-PR {
  background-position: -1838px -70px;
}
.icon-flag.flag-PS {
  background-position: -1872px -70px;
}
.icon-flag.flag-PT {
  background-position: -1906px -70px;
}
.icon-flag.flag-PW {
  background-position: -2px -104px;
}
.icon-flag.flag-PY {
  background-position: -36px -104px;
}
.icon-flag.flag-QA {
  background-position: -70px -104px;
}
.icon-flag.flag-RO {
  background-position: -104px -104px;
}
.icon-flag.flag-RS {
  background-position: -138px -104px;
}
.icon-flag.flag-RU {
  background-position: -172px -104px;
}
.icon-flag.flag-RW {
  background-position: -206px -104px;
}
.icon-flag.flag-SA {
  background-position: -240px -104px;
}
.icon-flag.flag-SB {
  background-position: -274px -104px;
}
.icon-flag.flag-SC {
  background-position: -308px -104px;
}
.icon-flag.flag-SD {
  background-position: -342px -104px;
}
.icon-flag.flag-SE {
  background-position: -376px -104px;
}
.icon-flag.flag-SG {
  background-position: -410px -104px;
}
.icon-flag.flag-SH {
  background-position: -444px -104px;
}
.icon-flag.flag-SI {
  background-position: -478px -104px;
}
.icon-flag.flag-SK {
  background-position: -512px -104px;
}
.icon-flag.flag-SL {
  background-position: -546px -104px;
}
.icon-flag.flag-SM {
  background-position: -580px -104px;
}
.icon-flag.flag-SN {
  background-position: -614px -104px;
}
.icon-flag.flag-SO {
  background-position: -648px -104px;
}
.icon-flag.flag-SR {
  background-position: -682px -104px;
}
.icon-flag.flag-ST {
  background-position: -716px -104px;
}
.icon-flag.flag-SV {
  background-position: -750px -104px;
}
.icon-flag.flag-SY {
  background-position: -784px -104px;
}
.icon-flag.flag-SZ {
  background-position: -818px -104px;
}
.icon-flag.flag-TC {
  background-position: -852px -104px;
}
.icon-flag.flag-TD {
  background-position: -886px -104px;
}
.icon-flag.flag-TG {
  background-position: -920px -104px;
}
.icon-flag.flag-TH {
  background-position: -954px -104px;
}
.icon-flag.flag-TJ {
  background-position: -988px -104px;
}
.icon-flag.flag-TL {
  background-position: -1022px -104px;
}
.icon-flag.flag-TM {
  background-position: -1056px -104px;
}
.icon-flag.flag-TN {
  background-position: -1090px -104px;
}
.icon-flag.flag-TO {
  background-position: -1124px -104px;
}
.icon-flag.flag-TR {
  background-position: -1158px -104px;
}
.icon-flag.flag-TT {
  background-position: -1192px -104px;
}
.icon-flag.flag-TV {
  background-position: -1226px -104px;
}
.icon-flag.flag-TW {
  background-position: -1260px -104px;
}
.icon-flag.flag-TZ {
  background-position: -1294px -104px;
}
.icon-flag.flag-UA {
  background-position: -1328px -104px;
}
.icon-flag.flag-UG {
  background-position: -1362px -104px;
}
.icon-flag.flag-UK {
  background-position: -1396px -104px;
}
.icon-flag.flag-US {
  background-position: -1430px -104px;
}
.icon-flag.flag-UY {
  background-position: -1464px -104px;
}
.icon-flag.flag-UZ {
  background-position: -1498px -104px;
}
.icon-flag.flag-VA {
  background-position: -1532px -104px;
}
.icon-flag.flag-VC {
  background-position: -1566px -104px;
}
.icon-flag.flag-VE {
  background-position: -1600px -104px;
}
.icon-flag.flag-VG {
  background-position: -1634px -104px;
}
.icon-flag.flag-VI {
  background-position: -1668px -104px;
}
.icon-flag.flag-VN {
  background-position: -1702px -104px;
}
.icon-flag.flag-VU {
  background-position: -1736px -104px;
}
.icon-flag.flag-WS {
  background-position: -1770px -104px;
}
.icon-flag.flag-YE {
  background-position: -1804px -104px;
}
.icon-flag.flag-ZA {
  background-position: -1838px -104px;
}
.icon-flag.flag-ZM {
  background-position: -1872px -104px;
}
.icon-flag.flag-ZW {
  background-position: -1906px -104px;
}
.icon-flag.flag-DA {
  background-position: -2px -138px;
}
.icon-tutorial {
  background: url('../res/graphics/lordsandknights/tutorial/tutorial.png?rev_gr6fcdb99cdf1fb851dbeba52f9ee06744') 0 0 no-repeat;
}
.icon-tutorial.icon-mentor {
  display: block;
  width: 230px;
  height: 288px;
  background-position: 0 0;
}
.icon-tutorial.icon-swordsman {
  display: block;
  width: 366px;
  height: 288px;
  background-position: 0 -448px;
}
.icon-alliance-relationship {
  background: url('../res/graphics/lordsandknights/icons/alliance-relationship.png?rev_gr3d55d44f2377c4e6ec517b8c3bf78f17') 0 0 no-repeat;
}
.icon-alliance-relationship.relationship--1 {
  background-position: -2px -2px;
}
.icon-alliance-relationship.relationship--2 {
  background-position: -104px -2px;
}
.icon-alliance-relationship.relationship--1000 {
  background-position: -36px -2px;
}
.icon-alliance-relationship.relationship-4 {
  background-position: -70px -2px;
}
.icon-alliance-relationship.relationship-0 {
  background-position: -104px -2px;
}
.icon-alliance-relationship.relationship-1 {
  background-position: -138px -2px;
}
.icon-alliance-relationship.relationship-2 {
  background-position: -172px -2px;
}
.icon-alliance-relationship.relationship-3 {
  background-position: -206px -2px;
}
.icon-resource {
  background: url('../res/graphics/lordsandknights/icons/resources.png?rev_gr9d023f4de2fa2885ec30cfd81b64545b') 32px 32px no-repeat;
}
.icon-resource.icon-resource-1 {
  background-position: -206px -2px;
}
.icon-resource.icon-resource-2 {
  background-position: -172px -2px;
}
.icon-resource.icon-resource-3 {
  background-position: -138px -2px;
}
.icon-resource.icon-resource-4 {
  background-position: -104px -2px;
}
.icon-resource.icon-resource-5 {
  background-position: -2px -2px;
}
.icon-resource.icon-resource-6 {
  background-position: -70px -2px;
}
.icon-resource.icon-resource-8,
.icon-resource.icon-resource-ruby {
  background-position: -290px -2px;
}
.icon-resource.icon-resource-spy {
  background-position: -2px -2px;
}
.icon-resource.icon-resource-conquest {
  background-position: -70px -2px;
}
.icon-resource.icon-resource-premium,
.icon-resource.icon-resource-7 {
  background-position: -36px -2px;
}
.icon-resource.icon-resource-gold-pile {
  background-position: -242px -2px;
}
.event-list {
  background: url('../res/graphics/lordsandknights/event/event-list.png?rev_grdd9f744a730321082e8c58c61e634b01') 0 0 no-repeat;
}
.event-list.success {
  background-position: -70px -2px;
}
.event-list.world {
  background-position: -36px -2px;
}
.event-list.task {
  background-position: -2px -2px;
}
.controls {
  background: url('../res/graphics/lordsandknights/icons/controls.png?rev_gr71122820724bf91b934ec60c2c1862fc') 0 0 no-repeat;
  width: 20px;
  height: 20px;
}
.controls.menu-close {
  background-position: -2px -2px;
}
.controls.menu-next {
  background-position: -24px -2px;
}
.controls.sorting-units {
  background-position: -86px -2px;
}
.controls.sorting-direction {
  background-position: -105px -2px;
}
.controls.menu-info {
  background-position: -130px -2px;
}
.controls.menu-bar-delete {
  background-position: -180px -2px;
}
.controls.menu-bar-add-member {
  background-position: -160px -2px;
}
.controls.menu-bar-settings {
  background-position: -200px -2px;
}
.controls.menu-bar-write {
  background-position: -225px -2px;
}
.controls.menu-bar-edit {
  background-position: -248px -2px;
}
.controls.menu-bar-forum-thread-closed {
  background-position: -272px -2px;
}
.controls.menu-bar-forum-thread-opened {
  background-position: -292px -2px;
}
.controls.menu-accept {
  background-position: -320px -2px;
}
.controls.menu-reject {
  background-position: -340px -2px;
}
.controls.menu-search {
  background-position: -362px -2px;
}
.controls.arrow-left {
  background-position: -48px -3px;
}
.controls.arrow-right {
  background-position: -68px -3px;
}
.controls.arrow-down {
  background-position: -384px -2px;
}
.controls.arrow-up {
  background-position: -408px -2px;
}
.controls.support-bridge-logo {
  background-position: -432px -2px;
}
.controls.menu-bar-forum-thread-add {
  background-position: -456px -2px;
}
.controls.jump-to-top-button {
  background-position: -480px -2px;
}
.controls.units-mass-return {
  background-position: -504px -2px;
}
.controls.warning-sign {
  background-position: -526px -2px;
}
.controls.target-in {
  background-position: -548px -2px;
}
.controls.target-out {
  background-position: -572px -2px;
}
.controls.menu-bart-castle {
  background-position: -2px -24px;
}
.controls.menu-bart-castle-disabled {
  background-position: -68px -24px;
}
.controls.menu-bart-fortress {
  background-position: -24px -24px;
}
.controls.menu-bart-fortress-disabled {
  background-position: -90px -24px;
}
.controls.menu-bart-city {
  background-position: -46px -24px;
}
.controls.menu-bart-city-disabled {
  background-position: -112px -24px;
}
.controls.title-bookmarks-paste {
  background-position: -135px -25px;
}
.menu-selectable {
  background: url('../res/graphics/lordsandknights/icons/menu-selectable.png?rev_grfb68d030758e626602a7a4e12daa2ad6') 0 50% no-repeat;
  width: 32px;
  height: 500px;
}
.menu-selectable.checked {
  background-position: -32px 50%;
}
.icon-building {
  background: url('../res/graphics/lordsandknights/icons/buildings.png?rev_gre0279a05c5d73de77902897ff7a915ea') 0 0 no-repeat;
}
.icon-building.icon-building-arsenal {
  background-position: -2px -2px;
}
.icon-building.icon-building-barracks {
  background-position: -36px -2px;
}
.icon-building.icon-building-forge {
  background-position: -70px -2px;
}
.icon-building.icon-building-farm {
  background-position: -104px -2px;
}
.icon-building.icon-building-fortresswall {
  background-position: -138px -2px;
}
.icon-building.icon-building-keep {
  background-position: -172px -2px;
}
.icon-building.icon-building-library {
  background-position: -206px -2px;
}
.icon-building.icon-building-lumberjack {
  background-position: -240px -2px;
}
.icon-building.icon-building-market {
  background-position: -274px -2px;
}
.icon-building.icon-building-marketplace {
  background-position: -308px -2px;
}
.icon-building.icon-building-mill {
  background-position: -342px -2px;
}
.icon-building.icon-building-oremine {
  background-position: -376px -2px;
}
.icon-building.icon-building-orestore {
  background-position: -410px -2px;
}
.icon-building.icon-building-orestorage {
  background-position: -444px -2px;
}
.icon-building.icon-building-quarry {
  background-position: -478px -2px;
}
.icon-building.icon-building-sawmill {
  background-position: -512px -2px;
}
.icon-building.icon-building-stonestore {
  background-position: -546px -2px;
}
.icon-building.icon-building-stonepit {
  background-position: -580px -2px;
}
.icon-building.icon-building-stonestorage {
  background-position: -614px -2px;
}
.icon-building.icon-building-tavernarea {
  background-position: -648px -2px;
}
.icon-building.icon-building-tavern {
  background-position: -682px -2px;
}
.icon-building.icon-building-townhall {
  background-position: -716px -2px;
}
.icon-building.icon-building-university {
  background-position: -750px -2px;
}
.icon-building.icon-building-wall {
  background-position: -784px -2px;
}
.icon-building.icon-building-woodstore {
  background-position: -818px -2px;
}
.icon-building.icon-building-woodstorage {
  background-position: -852px -2px;
}
.icon-building.icon-building-embassy {
  background-position: -886px -2px;
}
.icon-building.icon-building-militaryacademy {
  background-position: -920px -2px;
}
.icon-building.icon-building-tavernquarter {
  background-position: -954px -2px;
}
.icon-building.icon-building-universityarea {
  background-position: -988px -2px;
}
.icon-building.icon-building-citywall {
  background-position: -1022px -2px;
}
.icon-building.icon-building-harbourarea {
  background-position: -1056px -2px;
}
.icon-building.icon-building-residentialquarter {
  background-position: -1090px -2px;
}
.icon-building.icon-building-woodworkshop {
  background-position: -1124px -2px;
}
.icon-building.icon-building-woodstorehouse {
  background-position: -1158px -2px;
}
.icon-building.icon-building-stoneworkshop {
  background-position: -1192px -2px;
}
.icon-building.icon-building-stonestorehouse {
  background-position: -1226px -2px;
}
.icon-building.icon-building-oreworkshop {
  background-position: -1260px -2px;
}
.icon-building.icon-building-orestorehouse {
  background-position: -1294px -2px;
}
.icon-building.icon-building-globalrubystore {
  background-position: -1330px -2px;
}
.icon-permission {
  background: url('../res/graphics/lordsandknights/icons/alliance-permission.png?rev_gr643e7ae5f197e92a1b2b151916b1529c') -2px -2px no-repeat;
}
.icon-permission.permission-0 {
  background-position: -2px -2px;
}
.icon-permission.permission-1 {
  background-position: -36px -2px;
}
.icon-permission.permission-2 {
  background-position: -70px -2px;
}
.icon-permission.permission-4 {
  background-position: -2px -36px;
}
.icon-permission.permission-8 {
  background-position: -36px -36px;
}
.icon-permission.permission-16 {
  background-position: -70px -36px;
}
.icon-permission.permission-32 {
  background-position: -2px -70px;
}
.icon-permission.permission-64,
.icon-permission.permission--1,
.icon-permission.permission-127 {
  background-position: -36px -70px;
}
.icon-permission.permission-128 {
  background-position: -70px -70px;
}
.icon-knowledge {
  background: url('../res/graphics/lordsandknights/icons/knowledges_icon_set.png?rev_gr199c62ada76dd24ae6211c11f8b2a891') 0 0 no-repeat;
}
.icon-knowledge.ArmorsmithIcon {
  background-position: 0 0;
}
.icon-knowledge.ArrowPoisonIcon {
  background-position: -32px 0;
}
.icon-knowledge.BeertestIcon {
  background-position: -64px 0;
}
.icon-knowledge.BretecheIcon {
  background-position: -96px 0;
}
.icon-knowledge.BullBreedingIcon {
  background-position: -128px 0;
}
.icon-knowledge.CastleWellIcon {
  background-position: -160px 0;
}
.icon-knowledge.CellarStoreroomIcon {
  background-position: -192px 0;
}
.icon-knowledge.ChainmailIcon {
  background-position: -224px 0;
}
.icon-knowledge.CisternIcon {
  background-position: -256px 0;
}
.icon-knowledge.CoinageIcon {
  background-position: -288px 0;
}
.icon-knowledge.CompassIcon {
  background-position: -320px 0;
}
.icon-knowledge.CropRotationIcon {
  background-position: -352px 0;
}
.icon-knowledge.CrossbowIcon {
  background-position: -384px 0;
}
.icon-knowledge.DrawbridgeIcon {
  background-position: -416px 0;
}
.icon-knowledge.FlamingArrowIcon {
  background-position: -448px 0;
}
.icon-knowledge.GuildIcon {
  background-position: -480px 0;
}
.icon-knowledge.HorseArmorIcon {
  background-position: -512px 0;
}
.icon-knowledge.HorseBreedingIcon {
  background-position: -544px 0;
}
.icon-knowledge.HorseshoerIcon {
  background-position: -576px 0;
}
.icon-knowledge.IronHardeningIcon {
  background-position: -608px 0;
}
.icon-knowledge.LongbowIcon {
  background-position: -640px 0;
}
.icon-knowledge.MapSurroundingAreaIcon {
  background-position: -672px 0;
}
.icon-knowledge.MilitaryCampIcon {
  background-position: -704px 0;
}
.icon-knowledge.MoatIcon {
  background-position: -736px 0;
}
.icon-knowledge.PaviseIcon {
  background-position: -768px 0;
}
.icon-knowledge.PlateArmorIcon {
  background-position: -800px 0;
}
.icon-knowledge.PloughIcon {
  background-position: -832px 0;
}
.icon-knowledge.StillIcon {
  background-position: -864px 0;
}
.icon-knowledge.StirrupIcon {
  background-position: -896px 0;
}
.icon-knowledge.SwordsmithIcon {
  background-position: -928px 0;
}
.icon-knowledge.TreadleLoomIcon {
  background-position: -960px 0;
}
.icon-knowledge.UpgradeToFortressIcon,
.icon-knowledge.UpgradeToCityIcon {
  background-position: -992px 0;
}
.icon-knowledge.WaterMeadowIcon {
  background-position: -1024px 0;
}
.icon-knowledge.WatermillIcon {
  background-position: -1056px 0;
}
.icon-knowledge.WeaponConstructionIcon {
  background-position: -1088px 0;
}
.icon-knowledge.WeaponsmithIcon {
  background-position: -1120px 0;
}
.icon-knowledge.WheelbarrowIcon {
  background-position: -1152px 0;
}
.icon-knowledge.WindmillIcon {
  background-position: -1184px 0;
}
.icon-knowledge.YokeIcon {
  background-position: -1216px 0;
}
.icon-knowledge.ClassesIcon {
  background-position: 0 -32px;
}
.icon-knowledge.ScoopWheelIcon {
  background-position: -32px -32px;
}
.icon-knowledge.CommunityIcon {
  background-position: -64px -32px;
}
.icon-knowledge.DockIcon {
  background-position: -96px -32px;
}
.icon-knowledge.LimingIcon {
  background-position: -128px -32px;
}
.icon-knowledge.WoodClearingIcon {
  background-position: -160px -32px;
}
.icon-knowledge.MayorIcon {
  background-position: -192px -32px;
}
.icon-knowledge.BakingOvenIcon {
  background-position: -224px -32px;
}
.icon-knowledge.TrainingGroundIcon {
  background-position: -256px -32px;
}
.icon-knowledge.EmbrasureIcon {
  background-position: -288px -32px;
}
.icon-knowledge.LetterpressIcon {
  background-position: -320px -32px;
}
.icon-knowledge.MasterIcon {
  background-position: -352px -32px;
}
.icon-knowledge.DonjonIcon {
  background-position: -384px -32px;
}
.icon-knowledge.CobblestoneIcon {
  background-position: -416px -32px;
}
.icon-knowledge.FarmCitizenIcon {
  background-position: -448px -32px;
}
.icon-knowledge.CraneIcon {
  background-position: -480px -32px;
}
.icon-knowledge.HerbsIcon {
  background-position: -512px -32px;
}
.icon-knowledge.CaulkIcon {
  background-position: -544px -32px;
}
.icon-knowledge.DefenseTacticsIcon {
  background-position: -576px -32px;
}
.icon-knowledge.AttackTacticsIcon {
  background-position: -608px -32px;
}
.icon-mission {
  background: url('../res/graphics/lordsandknights/icons/missions.png?rev_gr076e6d320e84b229c0e77fb40bd7ac07') -2px -2px no-repeat;
}
.icon-mission.BuildTradingPost {
  background-position: -2px -2px;
}
.icon-mission.CastleCelebration {
  background-position: -36px -2px;
}
.icon-mission.ChopWood {
  background-position: -70px -2px;
}
.icon-mission.CityFestival {
  background-position: -104px -2px;
}
.icon-mission.CollectTaxes {
  background-position: -138px -2px;
}
.icon-mission.CommandOvertime {
  background-position: -172px -2px;
}
.icon-mission.DisperseRobbers {
  background-position: -206px -2px;
}
.icon-mission.EstablishKnightOrder {
  background-position: -240px -2px;
}
.icon-mission.FeedMiners {
  background-position: -274px -2px;
}
.icon-mission.ForgeTools {
  background-position: -308px -2px;
}
.icon-mission.Hawking {
  background-position: -342px -2px;
}
.icon-mission.HireStonecutters {
  background-position: -376px -2px;
}
.icon-mission.Joust {
  background-position: -444px -2px;
}
.icon-mission.JugglersAndJesters {
  background-position: -478px -2px;
}
.icon-mission.Hunt {
  background-position: -512px -2px;
}
.icon-mission.MarketDay {
  background-position: -546px -2px;
}
.icon-mission.MeasureEstates {
  background-position: -580px -2px;
}
.icon-mission.NightWatch {
  background-position: -614px -2px;
}
.icon-mission.NobilityBall {
  background-position: -648px -2px;
}
.icon-mission.OvertimeLumberjack {
  background-position: -682px -2px;
}
.icon-mission.OvertimeOreMine {
  background-position: -716px -2px;
}
.icon-mission.OvertimeQuarry {
  background-position: -750px -2px;
}
.icon-mission.QuellARiot {
  background-position: -784px -2px;
}
.icon-mission.RaiseTariff {
  background-position: -818px -2px;
}
.icon-mission.SendOutAPatrol {
  background-position: -852px -2px;
}
.icon-mission.SendOutMerchantShips {
  background-position: -886px -2px;
}
.icon-mission.StageAParade {
  background-position: -920px -2px;
}
.icon-mission.SupportStonecutter {
  background-position: -954px -2px;
}
.icon-mission.ThePowerfulOfTheCountry {
  background-position: -988px -2px;
}
.icon-mission.HonorCitizens {
  background-position: -1022px -2px;
}
.icon-mission.NominateConsultant {
  background-position: -1056px -2px;
}
.icon-mission.BuildRoad {
  background-position: -1090px -2px;
}
.icon-mission.VoteGovernment {
  background-position: -1124px -2px;
}
.icon-mission.CollectTreasures {
  background-position: -1158px -2px;
}
.icon-mission.NominateNobility {
  background-position: -1192px -2px;
}
.icon-mission.ExpropriateMaverick {
  background-position: -1226px -2px;
}
.icon-mission.HarvestTime {
  background-position: -1260px -2px;
}
.icon-mission.GangOfThieves {
  background-position: -1294px -2px;
}
.icon-mission.MiningExpedition {
  background-position: -1328px -2px;
}
.icon-mission.SupportNobilityIntrigue {
  background-position: -1362px -2px;
}
.icon-mission.ImportExoticGoods {
  background-position: -1396px -2px;
}
.icon-mission.TroopVacation {
  background-position: -1430px -2px;
}
.icon-unit {
  background: url('../res/graphics/lordsandknights/units/units-icon-set.png?rev_gr261149a065a3ef9d9f32f31223348b69') 0 0 no-repeat;
  height: 46px;
}
.icon-unit.monochrome-black {
  background: url('../res/graphics/lordsandknights/units/units-icon-set-black.png?rev_gr0100116e6588a7b00db3548498d76999') 0 0 no-repeat;
}
.icon-unit.icon-unit-101 {
  background-position: 0 0;
}
.icon-unit.icon-unit-203 {
  background-position: -36px 0;
}
.icon-unit.icon-unit-104 {
  background-position: -72px 0;
}
.icon-unit.icon-unit-3 {
  background-position: 0 -48px;
}
.icon-unit.icon-unit-10003 {
  background-position: -36px -48px;
}
.icon-unit.icon-unit-102 {
  background-position: -72px -48px;
}
.icon-unit.icon-unit-202 {
  background-position: 0 -96px;
}
.icon-unit.icon-unit-103 {
  background-position: -36px -96px;
}
.icon-unit.icon-unit-10002 {
  background-position: -72px -96px;
}
.icon-unit.icon-unit-10001 {
  background-position: 0 -144px;
}
.icon-unit.icon-unit-201 {
  background-position: 0 -192px;
}
.icon-unit.icon-unit-4 {
  background-position: -36px -144px;
}
.icon-unit.icon-unit-1 {
  background-position: -36px -192px;
}
.icon-unit.icon-unit-2 {
  background-position: -72px -144px;
}
.icon-unit.icon-unit-204 {
  background-position: -72px -192px;
}
.icon-unit.full-image {
  background: url('../res/graphics/lordsandknights/units/units-set.png?rev_gr4cbc6e235fb61b866c4cd9438661a043') 0 0 no-repeat;
  height: 480px;
  width: 360px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
.icon-unit.full-image.icon-unit-101 {
  background-position: 0 0;
}
.icon-unit.full-image.icon-unit-203 {
  background-position: -360px 0;
}
.icon-unit.full-image.icon-unit-104 {
  background-position: -720px 0;
}
.icon-unit.full-image.icon-unit-3 {
  background-position: -1080px 0;
}
.icon-unit.full-image.icon-unit-10003 {
  background-position: -1440px 0;
}
.icon-unit.full-image.icon-unit-102 {
  background-position: 0 -480px;
}
.icon-unit.full-image.icon-unit-202 {
  background-position: -360px -480px;
}
.icon-unit.full-image.icon-unit-103 {
  background-position: -720px -480px;
}
.icon-unit.full-image.icon-unit-10002 {
  background-position: -1080px -480px;
}
.icon-unit.full-image.icon-unit-10001 {
  background-position: -1440px -480px;
}
.icon-unit.full-image.icon-unit-201 {
  background-position: 0 -960px;
}
.icon-unit.full-image.icon-unit-4 {
  background-position: -360px -960px;
}
.icon-unit.full-image.icon-unit-1 {
  background-position: -720px -960px;
}
.icon-unit.full-image.icon-unit-2 {
  background-position: -1080px -960px;
}
.icon-unit.full-image.icon-unit-204 {
  background-position: -1440px -960px;
}
.icon-game {
  background: url('../res/graphics/lordsandknights/icons/all_games_icons_black.png?rev_gr7d3de29e49a2c7c795194b01fe1da298') 0 0 no-repeat;
}
.icon-game.white {
  background: url('../res/graphics/lordsandknights/icons/all_games_icons_white.png?rev_gre1786ca5eaf830301af962bea3356f13') 0 0 no-repeat;
}
.icon-game.colored {
  background: url('../res/graphics/lordsandknights/icons/colored_games_icons.png?rev_gr67d83c29eff7d050928f0eec54bb7972') 0 0 no-repeat;
}
.icon-game.icon-3Castles,
.icon-game.icon-GeneralFunctions {
  background-position: -2px -2px;
}
.icon-game.icon-3Fortresses {
  background-position: -36px -2px;
}
.icon-game.icon-3Missions {
  background-position: -70px -2px;
}
.icon-game.icon-Activatesilvermerchant {
  background-position: -104px -2px;
}
.icon-game.icon-AddMemberDiscussion {
  background-position: -138px -2px;
}
.icon-game.icon-AllianceDiplomacy {
  background-position: -172px -2px;
}
.icon-game.icon-AllianceInvitation {
  background-position: -206px -2px;
}
.icon-game.icon-AllianceMembers {
  background-position: -240px -2px;
}
.icon-game.icon-AllianceProfile {
  background-position: -274px -2px;
}
.icon-game.icon-AllianceRanking {
  background-position: -308px -2px;
}
.icon-game.icon-AllianceReports {
  background-position: -342px -2px;
}
.icon-game.icon-ApplicationAcceptedIcon {
  background-position: -376px -2px;
}
.icon-game.icon-ApplicationDeclinedIcon {
  background-position: -410px -2px;
}
.icon-game.icon-ApplicationSentIcon {
  background-position: -444px -2px;
}
.icon-game.icon-Arrive_Day {
  background-position: -478px -2px;
}
.icon-game.icon-Arrive_Night {
  background-position: -512px -2px;
}
.icon-game.icon-AttackIcon {
  background-position: -546px -2px;
}
.icon-game.icon-AttackSynchronization {
  background-position: -580px -2px;
}
.icon-game.icon-AttackWarning,
.icon-game.icon-HabitatUnderAttack {
  background-position: -614px -2px;
}
.icon-game.icon-BarAlliance,
.icon-game.icon-Alliance {
  background-position: -648px -2px;
}
.icon-game.icon-BarBuildings,
.icon-game.icon-HabitatBuildings,
.icon-game.icon-Buildings {
  background-position: -682px -2px;
}
.icon-game.icon-BarBuildingsFortress {
  background-position: -716px -2px;
}
.icon-game.icon-BarCastle {
  background-position: -750px -2px;
}
.icon-game.icon-BarFortress {
  background-position: -784px -2px;
}
.icon-game.icon-BarForum,
.icon-game.icon-Forum {
  background-position: -818px -2px;
}
.icon-game.icon-BarMap {
  background-position: -852px -2px;
}
.icon-game.icon-BarMessages,
.icon-game.icon-Messages {
  background-position: -886px -2px;
}
.icon-game.icon-BarPlayer,
.icon-game.icon-Profile {
  background-position: -920px -2px;
}
.icon-game.icon-BarReports,
.icon-game.icon-Reports {
  background-position: -954px -2px;
}
.icon-game.icon-BarSetup {
  background-position: -988px -2px;
}
.icon-game.icon-BarTroops,
.icon-game.icon-Troops {
  background-position: -2px -36px;
}
.icon-game.icon-Bearbeiten {
  background-position: -36px -36px;
}
.icon-game.icon-BuffActivate {
  background-position: -70px -36px;
}
.icon-game.icon-BuffAllBuffs {
  background-position: -104px -36px;
}
.icon-game.icon-BuffAttack {
  background-position: -138px -36px;
}
.icon-game.icon-BuffDefense {
  background-position: -172px -36px;
}
.icon-game.icon-BuffResources {
  background-position: -206px -36px;
}
.icon-game.icon-BuffSpeedUp {
  background-position: -240px -36px;
}
.icon-game.icon-Build {
  background-position: -274px -36px;
}
.icon-game.icon-BuildFinish {
  background-position: -308px -36px;
}
.icon-game.icon-BuildFortressIcon {
  background-position: -342px -36px;
}
.icon-game.icon-BuildSpeedup {
  background-position: -376px -36px;
}
.icon-game.icon-ButtonAlliance {
  background-position: -410px -36px;
}
.icon-game.icon-ButtonBuildings {
  background-position: -444px -36px;
}
.icon-game.icon-ButtonBuildingsFortress {
  background-position: -478px -36px;
}
.icon-game.icon-ButtonCastle,
.icon-game.icon-habitat-0,
.icon-game.icon-habitat-1,
.icon-game.icon-CastlesRankingIcon {
  background-position: -512px -36px;
}
.icon-game.icon-ButtonFortress,
.icon-game.icon-habitat-2 {
  background-position: -546px -36px;
}
.icon-game.icon-ButtonForum {
  background-position: -580px -36px;
}
.icon-game.icon-ButtonMap {
  background-position: -614px -36px;
}
.icon-game.icon-ButtonMessages {
  background-position: -648px -36px;
}
.icon-game.icon-ButtonMultiCastle {
  background-position: -682px -36px;
}
.icon-game.icon-ButtonMultiCastleBig {
  background-position: -716px -36px;
}
.icon-game.icon-ButtonMultiFortress {
  background-position: -750px -36px;
}
.icon-game.icon-ButtonPlayer {
  background-position: -784px -36px;
}
.icon-game.icon-ButtonPoliticalMap {
  background-position: -818px -36px;
}
.icon-game.icon-ButtonReports {
  background-position: -852px -36px;
}
.icon-game.icon-ButtonStatistics {
  background-position: -886px -36px;
}
.icon-game.icon-ButtonSupport {
  background-position: -920px -36px;
}
.icon-game.icon-ButtonTroops {
  background-position: -954px -36px;
}
.icon-game.icon-Button_change {
  background-position: -988px -36px;
}
.icon-game.icon-BuyCastle {
  background-position: -2px -70px;
}
.icon-game.icon-Cancel {
  background-position: -36px -70px;
}
.icon-game.icon-CancleMission {
  background-position: -70px -70px;
}
.icon-game.icon-CancleMultiMission {
  background-position: -104px -70px;
}
.icon-game.icon-Capacity {
  background-position: -138px -70px;
}
.icon-game.icon-CapacityFull {
  background-position: -172px -70px;
}
.icon-game.icon-CapacityFullWhithe {
  background-position: -206px -70px;
}
.icon-game.icon-CastleCapturedIcon {
  background-position: -240px -70px;
}
.icon-game.icon-CastleConquest,
.icon-game.icon-CastlesRankingSimpleIcon {
  background-position: -274px -70px;
}
.icon-game.icon-CastleConquestTime,
.icon-game.icon-CastlesRankingTimeIcon {
  background-position: -308px -70px;
}
.icon-game.icon-CastleLostIcon {
  background-position: -342px -70px;
}
.icon-game.icon-CastleRelocateIcon {
  background-position: -376px -70px;
}
.icon-game.icon-CastleSorting {
  background-position: -410px -70px;
}
.icon-game.icon-CenterAlliance {
  background-position: -444px -70px;
}
.icon-game.icon-CenterHabitat,
.icon-game.icon-CenterHabitat-0,
.icon-game.icon-FullyUpgradedCastle {
  background-position: -478px -70px;
}
.icon-game.icon-CenterHabitatFortress,
.icon-game.icon-CenterHabitat-2,
.icon-game.icon-FullyUpgradedFortress {
  background-position: -512px -70px;
}
.icon-game.icon-CenterPlayer {
  background-position: -546px -70px;
}
.icon-game.icon-ChestIcon {
  background-position: -580px -70px;
}
.icon-game.icon-Copybridgelink {
  background-position: -614px -70px;
}
.icon-game.icon-CorpsArtillery {
  background-position: -648px -70px;
}
.icon-game.icon-CorpsCavalry {
  background-position: -682px -70px;
}
.icon-game.icon-CorpsInfantry {
  background-position: -716px -70px;
}
.icon-game.icon-CorpsTransport {
  background-position: -750px -70px;
}
.icon-game.icon-DailyReportIcon {
  background-position: -784px -70px;
}
.icon-game.icon-Defence {
  background-position: -818px -70px;
}
.icon-game.icon-DefenseIcon {
  background-position: -852px -70px;
}
.icon-game.icon-DefenseIncomeFortressIcon {
  background-position: -886px -70px;
}
.icon-game.icon-DefenseIncomeIcon {
  background-position: -920px -70px;
}
.icon-game.icon-DefenseReport {
  background-position: -954px -70px;
}
.icon-game.icon-DefenseSynchronisation {
  background-position: -988px -70px;
}
.icon-game.icon-Delay {
  background-position: -2px -104px;
}
.icon-game.icon-DeleteAll {
  background-position: -36px -104px;
}
.icon-game.icon-DiplomacyChangedIcon {
  background-position: -70px -104px;
}
.icon-game.icon-DisbandUnitsIcon {
  background-position: -104px -104px;
}
.icon-game.icon-Duration {
  background-position: -138px -104px;
}
.icon-game.icon-Edit {
  background-position: -172px -104px;
}
.icon-game.icon-EmailLogin {
  background-position: -206px -104px;
}
.icon-game.icon-FAQ {
  background-position: -240px -104px;
}
.icon-game.icon-Filter_Ankunft {
  background-position: -274px -104px;
}
.icon-game.icon-Filter_Troops_In {
  background-position: -308px -104px;
}
.icon-game.icon-Filter_Troops_Out {
  background-position: -342px -104px;
}
.icon-game.icon-FortressCapturedIcon {
  background-position: -376px -104px;
}
.icon-game.icon-FortressLostIcon {
  background-position: -410px -104px;
}
.icon-game.icon-Icon_accept_alliance {
  background-position: -444px -104px;
}
.icon-game.icon-Icon_applyto_alliance {
  background-position: -478px -104px;
}
.icon-game.icon-Icon_reject_alliance {
  background-position: -512px -104px;
}
.icon-game.icon-InvitationAcceptedIcon {
  background-position: -546px -104px;
}
.icon-game.icon-InvitationDeclinedIcon {
  background-position: -580px -104px;
}
.icon-game.icon-InvitationSentIcon {
  background-position: -614px -104px;
}
.icon-game.icon-JumpToTheTopIcon {
  background-position: -648px -104px;
}
.icon-game.icon-Logout {
  background-position: -682px -104px;
}
.icon-game.icon-LostCastle {
  background-position: -716px -104px;
}
.icon-game.icon-LostFortress {
  background-position: -750px -104px;
}
.icon-game.icon-MessageRead {
  background-position: -784px -104px;
}
.icon-game.icon-MessageUnread {
  background-position: -818px -104px;
}
.icon-game.icon-Mission {
  background-position: -852px -104px;
}
.icon-game.icon-MissionFinish {
  background-position: -886px -104px;
}
.icon-game.icon-MissionSpeedup {
  background-position: -920px -104px;
}
.icon-game.icon-ModifierIcon-1 {
  background-position: -954px -104px;
}
.icon-game.icon-ModifierIcon-3 {
  background-position: -988px -104px;
}
.icon-game.icon-ModifierIcon-4 {
  background-position: -2px -138px;
}
.icon-game.icon-ModifierIcon-5 {
  background-position: -36px -138px;
}
.icon-game.icon-ModifierIcon-6 {
  background-position: -70px -138px;
}
.icon-game.icon-Notepad {
  background-position: -104px -138px;
}
.icon-game.icon-PasteboardAllianceIcon {
  background-position: -138px -138px;
}
.icon-game.icon-PasteboardCastleIcon,
.icon-game.icon-copyPasteHabitatLink-0,
.icon-game.icon-copyPasteHabitatLink-1 {
  background-position: -172px -138px;
}
.icon-game.icon-PasteboardFortressIcon,
.icon-game.icon-copyPasteHabitatLink-2 {
  background-position: -206px -138px;
}
.icon-game.icon-PasteboardIcon {
  background-position: -240px -138px;
}
.icon-game.icon-PasteboardPlayerIcon {
  background-position: -274px -138px;
}
.icon-game.icon-PermissionChangedIcon {
  background-position: -308px -138px;
}
.icon-game.icon-PlayerDismissedIcon {
  background-position: -342px -138px;
}
.icon-game.icon-PlayerLeftAllianceIcon {
  background-position: -376px -138px;
}
.icon-game.icon-PointsRankingIcon {
  background-position: -410px -138px;
}
.icon-game.icon-PointsAverage,
.icon-game.icon-PointsRankingAverageIcon {
  background-position: -444px -138px;
}
.icon-game.icon-PointsTime,
.icon-game.icon-PointsRankingTimeIcon {
  background-position: -478px -138px;
}
.icon-game.icon-Preferences {
  background-position: -512px -138px;
}
.icon-game.icon-RankingsPositionDecreasedIcon {
  background-position: -546px -138px;
}
.icon-game.icon-RankingsPositionIncreasedIcon {
  background-position: -580px -138px;
}
.icon-game.icon-RecallUnits,
.icon-game.icon-MassUnitsSendBack {
  background-position: -614px -138px;
}
.icon-game.icon-Recruit {
  background-position: -648px -138px;
}
.icon-game.icon-RecruitFinish {
  background-position: -682px -138px;
}
.icon-game.icon-RecruitFinishWhite {
  background-position: -716px -138px;
}
.icon-game.icon-RecruitGroups_inactive,
.icon-game.icon-SelectAllUnits {
  background-position: -750px -138px;
}
.icon-game.icon-RecruitSpeedup {
  background-position: -784px -138px;
}
.icon-game.icon-Recruit_inactive {
  background-position: -818px -138px;
}
.icon-game.icon-Research {
  background-position: -852px -138px;
}
.icon-game.icon-ResearchFinish {
  background-position: -886px -138px;
}
.icon-game.icon-ResearchSpeedup {
  background-position: -920px -138px;
}
.icon-game.icon-ReservationAccept {
  background-position: -954px -138px;
}
.icon-game.icon-ReservationAsk {
  background-position: -988px -138px;
}
.icon-game.icon-ReservationAttention {
  background-position: -2px -172px;
}
.icon-game.icon-ReservationButton,
.icon-game.icon-ReservationHabitat-0,
.icon-game.icon-ReservationHabitat-1 {
  background-position: -36px -172px;
}
.icon-game.icon-ReservationFortressButton,
.icon-game.icon-ReservationHabitat-2 {
  background-position: -104px -172px;
}
.icon-game.icon-ReservationDecline {
  background-position: -70px -172px;
}
.icon-game.icon-ReservationTakeBack,
.icon-game.icon-ReservationTakeBackHabitat-0,
.icon-game.icon-ReservationTakeBackHabitat-1 {
  background-position: -138px -172px;
}
.icon-game.icon-ReservationTakeBackFortress,
.icon-game.icon-ReservationTakeBackHabitat-2 {
  background-position: -172px -172px;
}
.icon-game.icon-ReservationYes {
  background-position: -206px -172px;
}
.icon-game.icon-RestockResourceStorage {
  background-position: -240px -172px;
}
.icon-game.icon-ResumeTutorial {
  background-position: -274px -172px;
}
.icon-game.icon-Rights {
  background-position: -308px -172px;
}
.icon-game.icon-SearchIcon {
  background-position: -342px -172px;
}
.icon-game.icon-SelectAllBuffs {
  background-position: -376px -172px;
}
.icon-game.icon-SelectAllMissions {
  background-position: -410px -172px;
}
.icon-game.icon-SelectAsActiveCastle,
.icon-game.icon-SelectAsActiveHabitat-0,
.icon-game.icon-SelectAsActiveHabitat-1 {
  background-position: -444px -172px;
}
.icon-game.icon-SelectAsActiveFortress,
.icon-game.icon-SelectAsActiveHabitat-2 {
  background-position: -478px -172px;
}
.icon-game.icon-Setup {
  background-position: -512px -172px;
}
.icon-game.icon-ShowTransit {
  background-position: -546px -172px;
}
.icon-game.icon-SortingAlphabetical {
  background-position: -580px -172px;
}
.icon-game.icon-SortingAttacks {
  background-position: -614px -172px;
}
.icon-game.icon-SortingDistance {
  background-position: -648px -172px;
}
.icon-game.icon-SortingPoints,
.icon-game.icon-PointsRankingSimpleIcon {
  background-position: -682px -172px;
}
.icon-game.icon-SortingSilver,
.icon-game.icon-SortingConquerResource {
  background-position: -716px -172px;
}
.icon-game.icon-SortingUnits,
.icon-game.icon-BarRecruitment {
  background-position: -750px -172px;
}
.icon-game.icon-SpeedUpReturningTransits {
  background-position: -784px -172px;
}
.icon-game.icon-SpyCaptured {
  background-position: -818px -172px;
}
.icon-game.icon-SpyCapturedReturn {
  background-position: -852px -172px;
}
.icon-game.icon-StartVacation {
  background-position: -886px -172px;
}
.icon-game.icon-SupportBridgeIcon {
  background-position: -920px -172px;
}
.icon-game.icon-SupportReport {
  background-position: -954px -172px;
}
.icon-game.icon-TaskEventIcon,
.icon-game.icon-Events {
  background-position: -988px -172px;
}
.icon-game.icon-ThreadClosed {
  background-position: -2px -206px;
}
.icon-game.icon-TimeDelayIcon {
  background-position: -36px -206px;
}
.icon-game.icon-Trade {
  background-position: -70px -206px;
}
.icon-game.icon-TradeFinish {
  background-position: -104px -206px;
}
.icon-game.icon-TradeSpeedup {
  background-position: -138px -206px;
}
.icon-game.icon-TransitAttack,
.icon-game.icon-AttackButton {
  background-position: -172px -206px;
}
.icon-game.icon-TransitAttackConquestPoints {
  background-position: -206px -206px;
}
.icon-game.icon-TransitAttackReturn {
  background-position: -240px -206px;
}
.icon-game.icon-TransitDefense,
.icon-game.icon-SendSupportWithLastFormation {
  background-position: -274px -206px;
}
.icon-game.icon-TransitDefenseReturn {
  background-position: -308px -206px;
}
.icon-game.icon-TransitSpy,
.icon-game.icon-SendSpyWithLastFormation {
  background-position: -342px -206px;
}
.icon-game.icon-TransitSpyReturn {
  background-position: -376px -206px;
}
.icon-game.icon-TransitTransport,
.icon-game.icon-SendResourcesWithLastFormation {
  background-position: -410px -206px;
}
.icon-game.icon-TransitTransportFinish {
  background-position: -444px -206px;
}
.icon-game.icon-TransitTransportReturn {
  background-position: -478px -206px;
}
.icon-game.icon-TransitTransportSpeedup {
  background-position: -512px -206px;
}
.icon-game.icon-VariousIncomeFortressIcon {
  background-position: -546px -206px;
}
.icon-game.icon-VariousIncomeIcon {
  background-position: -580px -206px;
}
.icon-game.icon-VideoIcon {
  background-position: -614px -206px;
}
.icon-game.icon-WorldEventIcon {
  background-position: -648px -206px;
}
.icon-game.icon-doulbe_arrow {
  background-position: -682px -206px;
}
.icon-game.icon-finishIcon {
  background-position: -716px -206px;
}
.icon-game.icon-lastRaid,
.icon-game.icon-SendAttackWithLastFormation {
  background-position: -750px -206px;
}
.icon-game.icon-maximum {
  background-position: -784px -206px;
}
.icon-game.icon-multimission {
  background-position: -818px -206px;
}
.icon-game.icon-ButtonStatistics {
  background-position: -852px -206px;
}
.icon-game.icon-ButtonMultiCityBig,
.icon-game.icon-3Cities {
  background-position: -886px -206px;
}
.icon-game.icon-BuyCity {
  background-position: -920px -206px;
}
.icon-game.icon-SelectAsActiveCity,
.icon-game.icon-SelectAsActiveHabitat-4 {
  background-position: -954px -206px;
}
.icon-game.icon-CityLostIcon {
  background-position: -988px -206px;
}
.icon-game.icon-CenterHabitatCity,
.icon-game.icon-CenterHabitat-4 {
  background-position: -2px -240px;
}
.icon-game.icon-ButtonCity,
.icon-game.icon-habitat-4,
.icon-game.icon-BuildCityIcon {
  background-position: -36px -240px;
}
.icon-game.icon-CityCapturedIcon {
  background-position: -70px -240px;
}
.icon-game.icon-ReservationTakeBackCity {
  background-position: -104px -240px;
}
.icon-game.icon-PasteboardCityIcon,
.icon-game.icon-copyPasteHabitatLink-4 {
  background-position: -138px -240px;
}
.icon-game.icon-ReservationCityButton {
  background-position: -172px -240px;
}
.icon-game.icon-BuyFortress {
  background-position: -206px -240px;
}
.icon-game.icon-IconRight {
  background-position: -240px -240px;
}
.icon-game.icon-IconDown {
  background-position: -272px -240px;
}
.icon-game.icon-ExpandFortressRadius {
  background-position: -306px -240px;
}
.icon-game.icon-ExpandCityRadius {
  background-position: -340px -240px;
}
.icon-game.icon-VariousIncomeCityIcon {
  background-position: -988px -240px;
}
.icon-game.icon-BarCity {
  background-position: -852px -206px;
}
.icon-game.icon-DayIcon {
  background-position: -2px -2px;
}
.icon-game.icon-NightIcon {
  background-position: -36px -2px;
}
.icon-game.icon-ReservationAlliance {
  background-position: -70px -2px;
}
.icon-game.icon-ReservationForeignAlliance {
  background-position: -104px -2px;
}
.icon-game.icon-ReservationPlayer {
  background-position: -2px -36px;
}
.icon-game.icon-SupportBridgeGreen {
  background-position: -36px -36px;
}
.icon-game.icon-SupportBridgeRed {
  background-position: -70px -36px;
}
.icon-game.icon-SupportBridgeYellow {
  background-position: -104px -36px;
}
.icon-game.icon-DialogClose {
  background-position: -138px -36px;
}
.icon-game.icon-TaskEventFloatIcon {
  background-position: 0 -70px;
  width: 50px;
  height: 53px;
}
.icon-game.icon-WebShopFloatIcon {
  background-position: -52px -70px;
  width: 54px;
  height: 53px;
}
.icon-game.icon-HireArchitect {
  background-position: -376px -242px;
}
.icon-game.icon-Signup,
.icon-game.icon-Registration {
  background-position: -408px -242px;
}
.icon-game.icon--special-ability--DefenseReduction {
  background-position: -442px -240px;
}
.icon-game.icon-DefenseReportExternalBattle {
  background-position: -478px -240px;
}
.icon-game.icon-BadgeSale {
  background-position: -110px -70px;
  width: 55px;
  height: 52px;
}
.icon-buttons-disabled {
  background: url('../res/graphics/lordsandknights/icons/buttons.png?rev_grd32e21d875da0337d996875ac4d92b7f') 0 0 no-repeat;
}
.icon-buttons-disabled.icon-ResearchInactive {
  background-position: 0 -38px;
}
.icon-buttons-disabled.icon-RecruitInactive {
  background-position: -34px -38px;
}
.icon-buttons-disabled.icon-MissionInactive {
  background-position: -68px -38px;
}
.icon-buttons-disabled.icon-BuildInactive {
  background-position: -102px -38px;
}
.icon-webshop-package {
  background: url('../res/graphics/lordsandknights/icons/webshop-packages.png') 0 0 no-repeat;
}
.icon-webshop-package.icon-BigPackage {
  background-position: 0 0;
  width: 158px;
  height: 145px;
}
.icon-social {
  background: url('../res/graphics/lordsandknights/icons/social.png') 0 0 no-repeat;
  width: 32px;
  height: 32px;
}
.icon-social.icon-GooglePlus {
  background-position: 0 0;
}
.icon-social.icon-Facebook {
  background-position: -34px 0;
}
.icon-packages {
  background: url('../res/graphics/lordsandknights/shop/packages.png?rev_gr7148849dd1cadf4bba27316df4984ab0') 0 0 no-repeat;
}
.icon-packages.GoldShop_10 {
  background-position: 0 0;
  width: 110px;
  height: 110px;
}
.icon-packages.GoldShop_10 {
  background-position: 0 0;
  width: 110px;
  height: 110px;
}
.icon-packages.GoldShop_1 {
  background-position: -110px 0;
  width: 110px;
  height: 110px;
}
.icon-packages.GoldShop_2 {
  background-position: 0 -110px;
  width: 110px;
  height: 110px;
}
.icon-packages.GoldShop_3 {
  background-position: -110px -110px;
  width: 110px;
  height: 110px;
}
.icon-packages.GoldShop_4 {
  background-position: 0 -220px;
  width: 110px;
  height: 110px;
}
.icon-packages.GoldShop_5 {
  background-position: -110px -220px;
  width: 110px;
  height: 110px;
}
.icon-packages.GoldShop_6 {
  background-position: 0 -330px;
  width: 110px;
  height: 110px;
}
.icon-packages.GoldShop_7 {
  background-position: -110px -330px;
  width: 110px;
  height: 110px;
}
.icon-packages.GoldShop_8 {
  background-position: 0 -440px;
  width: 110px;
  height: 110px;
}
.icon-packages.GoldShop_9 {
  background-position: -110px -440px;
  width: 110px;
  height: 110px;
}
.icon-packages.GoldShop_LimitedTimeOffer {
  background-position: 0 -550px;
  width: 144px;
  height: 144px;
}
.icon-packages.ShopEaster_1 {
  background-position: 0 -693px;
  width: 110px;
  height: 100px;
}
.icon-packages.ShopEaster_3 {
  background-position: -112px -682px;
  width: 110px;
  height: 110px;
}
.icon-packages.ShopBirthday_1 {
  background-position: 0px -796px;
  width: 102px;
  height: 102px;
}
.icon-packages.ShopBirthday_2 {
  background-position: -112px -796px;
  width: 108px;
  height: 108px;
}
.icon-packages.ShopBirthday_3 {
  background-position: 0 -904px;
  width: 108px;
  height: 108px;
}
.menu-section {
  width: 300pt;
  position: fixed;
  height: 100%;
  top: 78.5pt;
  background: url('../res/graphics/lordsandknights/textures/wood_texture.png?rev_gr0d9c2712018b55e9e202e82a17057057');
  border-right: 5px #000 solid;
}
.menu-section.with-fixed-tap-bar {
  top: 153.66666667px;
}
.menu-section.with-fixed-top-search {
  top: 148.66666667px;
}
.menu-section.with-fixed-tap-bar.with-fixed-top-search {
  top: 197.66666667px;
}
.menu-section .menu--top-bar-section {
  position: fixed;
  top: 50pt;
  width: 300pt;
  min-height: 38px;
  border-right: 5px #000 solid;
  -webkit-transform: translateZ(0);
}
.menu-section .menu--bottom-bar-section {
  position: fixed;
  bottom: 64px;
  width: 300pt;
  height: 38px;
  border-right: 5px #000 solid;
  -webkit-transform: translateZ(0);
}
.menu-section .menu--content-section {
  box-sizing: border-box;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}
.menu-section .menu--content-section:after {
  content: '';
  position: relative;
  width: 100%;
  height: 3pt;
  display: block;
}
.menu-section .menu-applications-list {
  margin: 20pt 0;
}
.menu-section .menu-applications-list .mobile-applications--list {
  -ms-flex-direction: column;
      flex-direction: column;
}
.menu-section .menu-applications-list .mobile-applications--list--item {
  margin-bottom: 6pt;
}
.menu-section .menu-applications-list .mobile-applications--list--item:last-child {
  margin-bottom: 0;
}
#menu-section-general-container .menu-section {
  left: 0;
  z-index: 1600;
}
#menu-section-general-container .menu-section .menu--top-bar-section,
#menu-section-general-container .menu-section .menu--bottom-bar-section {
  left: 0;
  z-index: 1650;
}
#menu-section-drill-container .menu-section {
  left: 303.5pt;
  z-index: 1700;
}
#menu-section-drill-container .menu-section .menu--top-bar-section,
#menu-section-drill-container .menu-section .menu--bottom-bar-section {
  left: 303.5pt;
  z-index: 1750;
}
@media (max-width: 720pt) {
  #menu-section-drill-container .menu-section {
    left: 0;
  }
  #menu-section-drill-container .menu-section .menu--top-bar-section,
  #menu-section-drill-container .menu-section .menu--bottom-bar-section {
    left: 0;
  }
  #menu-section-drill-container .menu-section .menu--content-section,
  #menu-section-drill-container .menu-section .menu-tap-bar {
    border-left: none;
  }
}
@media (max-width: 400pt) {
  #menu-section-general-container .menu-section,
  #menu-section-drill-container .menu-section {
    left: 0;
    width: 100%;
  }
  #menu-section-general-container .menu-section .menu--top-bar-section,
  #menu-section-drill-container .menu-section .menu--top-bar-section,
  #menu-section-general-container .menu-section .menu--bottom-bar-section,
  #menu-section-drill-container .menu-section .menu--bottom-bar-section {
    left: 0;
    width: 100%;
  }
}
.menu--title-bar-main {
  width: 100%;
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-line-pack: center;
      align-content: center;
  background: #000;
  padding: 3pt 10pt;
  height: 38px;
}
.menu--title-bar-main--title,
.menu--title-bar-main--button--left,
.menu--title-bar-main--button--right {
  text-align: left;
  -ms-flex-item-align: center;
      align-self: center;
  color: #eeeeee;
}
.menu--title-bar-main--title {
  -ms-flex-order: 2;
      order: 2;
}
.menu--title-bar-main--button--left,
.menu--title-bar-main--button--right {
  border: 2px solid sandybrown;
  font-size: 14px;
  line-height: 20px;
  display: -ms-flexbox;
  display: flex;
}
.menu--title-bar-main--button--left .icon,
.menu--title-bar-main--button--right .icon,
.menu--title-bar-main--button--left .button-title-text,
.menu--title-bar-main--button--right .button-title-text {
  display: block;
  -ms-flex-item-align: center;
      align-self: center;
}
.menu--title-bar-main--button--right {
  margin-left: 3px;
}
.menu--title-bar-main--button--left,
.menu--title-bar-main--button-section-left {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-order: 1;
      order: 1;
}
.menu--title-bar-main--button-section-right {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-order: 3;
      order: 3;
}
.menu-tap-bar {
  background: url('../res/graphics/lordsandknights/textures/metal_texture_hover.png?rev_grccecb3384e5c201a555271a246ae2527') 0 0 repeat;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-line-pack: center;
      align-content: center;
}
.menu-tap-bar .menu-tap-bar-button {
  width: 100%;
  margin: 0 auto;
  display: block;
  position: relative;
  box-sizing: border-box;
  background: url('../res/graphics/lordsandknights/textures/metal_texture_hover.png?rev_grccecb3384e5c201a555271a246ae2527') 0 0 repeat;
  text-align: center;
  padding: 6px 0 8px;
}
.menu-tap-bar .menu-tap-bar-button.active {
  background: url('../res/graphics/lordsandknights/textures/metal_texture.png?rev_gr501a805dc59e6bdbc3ae925ccf6627d7') 0 0 repeat;
}
.menu-tap-bar .menu-tap-bar-button.clickable {
  cursor: pointer;
}
.menu-tap-bar .menu-tap-bar-button .menu-tap-bar-title {
  color: #ffffff;
  font-size: 10pt;
  position: absolute;
  right: 2px;
  bottom: 2px;
  text-shadow: 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000;
}
.menu-tap-bar .menu-tap-bar-button.with-icon-only {
  padding: 7px 0;
}
.menu-tap-bar .menu-tap-bar-button.with-title-only {
  padding: 16px 0;
}
.menu-tap-bar .menu-tap-bar-button.with-title-only .menu-tap-bar-title {
  color: #ffffff;
  font-size: 11pt;
  position: static;
}
.menu-tap-bar.menu-switcher-buttons .menu-report-switcher-arrow {
  margin: 6px 0;
  width: 20%;
}
.menu-tap-bar.menu-switcher-buttons .menu-report-switcher-title {
  width: 60%;
  text-align: center;
  position: static;
}
.menu-tap-bar.buttons-2 .menu-tap-bar {
  width: 50%;
}
.menu-tap-bar.buttons-3 .menu-tap-bar {
  width: 33%;
}
.menu-tap-bar.buttons-4 .menu-tap-bar {
  width: 25%;
}
.menu-tap-bar.buttons-5 .menu-tap-bar {
  width: 20%;
}
.menu-tap-bar.buttons-6 .menu-tap-bar {
  width: 16.5%;
}
.menu-tap-bar.buttons-6 .menu-tap-bar {
  width: 14.2%;
}
.menu-search-bar {
  background: #000;
  width: 100%;
  padding: 3pt 5pt;
  box-sizing: border-box;
}
.menu-search-bar .menu-search-bar--input,
.menu-search-bar .input-text-field {
  display: block;
  width: 100%;
  height: 27pt;
  padding: 3pt 5pt;
  font-size: 11pt;
  line-height: 1;
  border-radius: 6pt;
  color: #ffffff;
  background-color: #2f2f2f;
  border: solid 1px #2f2f2f;
  box-sizing: border-box;
  outline: none;
}
select.menu-search-bar .menu-search-bar--input,
select.menu-search-bar .input-text-field {
  height: 27pt;
  line-height: 27pt;
}
textarea.menu-search-bar .menu-search-bar--input,
textarea.menu-search-bar .input-text-field,
select[multiple].menu-search-bar .menu-search-bar--input,
select[multiple].menu-search-bar .input-text-field {
  height: auto;
}
.menu-search-bar.menu-search-bar--with-button {
  position: relative;
  padding-right: 45px !important;
}
.menu-search-bar.menu-search-bar--with-button .button {
  position: absolute;
  right: 5pt;
  top: 50%;
  margin-top: -18px;
}
.menu-search-bar.menu-search-bar--with-icon-search {
  position: relative;
}
.menu-search-bar.menu-search-bar--with-icon-search .icon {
  position: absolute;
  left: 10pt;
  top: 50%;
  margin-top: -10px;
}
.menu-list-element {
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: 5pt 10pt;
  background-image: url('../res/graphics/lordsandknights/textures/wood_light_texture.png?rev_gr2381818f2b72d3f9be607a538d5a1b75');
}
.menu-list-element.last-in-group {
  margin-bottom: 20pt;
}
.menu-list-element.clickable:hover,
.menu-list-element.activated {
  background-image: url('../res/graphics/lordsandknights/textures/wood_light_texture_hover.png?rev_gr896adc99f5bf13a23552e164f748e3b9');
}
.menu-list-element.clickable:hover {
  cursor: pointer;
}
.menu-list-element.disabled:hover {
  cursor: not-allowed;
  background-image: url('../res/graphics/lordsandknights/textures/wood_light_texture_disabled.png?rev_grf10f5fc2f3817114979212844964e94f');
}
.menu-list-element.disabled > * {
  opacity: .5;
}
.menu-list-element.disabled .menu-info {
  opacity: 1;
  cursor: pointer;
}
.menu-list-element.active {
  background-image: url('../res/graphics/lordsandknights/textures/wood_light_texture_hover.png?rev_gr896adc99f5bf13a23552e164f748e3b9');
}
.menu-list-element.element-with-unit {
  min-height: 48px;
}
.menu-list-element.with-icon-left,
.menu-list-element.with-icon-right {
  min-height: 32px;
  position: relative;
}
.menu-list-element.with-icon-left .icon-left,
.menu-list-element.with-icon-right .icon-left,
.menu-list-element.with-icon-left .icon-right,
.menu-list-element.with-icon-right .icon-right {
  position: absolute;
  display: block;
  top: 50%;
  margin-top: -16px;
}
.menu-list-element.with-icon-left .icon-left.controls,
.menu-list-element.with-icon-right .icon-left.controls,
.menu-list-element.with-icon-left .icon-right.controls,
.menu-list-element.with-icon-right .icon-right.controls {
  margin-top: -10px;
}
.menu-list-element.with-icon-left .icon-left.icon-unit,
.menu-list-element.with-icon-right .icon-left.icon-unit,
.menu-list-element.with-icon-left .icon-right.icon-unit,
.menu-list-element.with-icon-right .icon-right.icon-unit {
  margin-top: -25px;
}
.menu-list-element.with-icon-left .menu-element--button--action,
.menu-list-element.with-icon-right .menu-element--button--action {
  margin-top: -18px;
  position: absolute;
  display: block;
  top: 50%;
}
.menu-list-element.with-icon-left .icon-button,
.menu-list-element.with-icon-right .icon-button {
  position: absolute;
  display: block;
  top: 50%;
  margin-top: -20px;
  padding: 2px;
  height: 32px;
  width: 32px;
  border-radius: 6pt;
  border-top: 1px #a2a2a2 solid;
  border-left: 1px #888888 solid;
  border-right: 1px #888888 solid;
  border-bottom: 2px #555 solid;
}
.menu-list-element.with-icon-left .icon-button:hover,
.menu-list-element.with-icon-right .icon-button:hover {
  border: 1px #888888 solid;
}
.menu-list-element.with-icon-left .icon-button .icon-right,
.menu-list-element.with-icon-right .icon-button .icon-right {
  margin: 0;
  position: static;
}
.menu-list-element.with-icon-left {
  padding-left: 35pt;
}
.menu-list-element.with-icon-left .icon-left {
  left: 3pt;
}
.menu-list-element.with-icon-right {
  padding-right: 35pt;
}
.menu-list-element.with-icon-right .icon-right,
.menu-list-element.with-icon-right .icon-button,
.menu-list-element.with-icon-right .menu-element--button--action {
  right: 3pt;
}
.menu-list-element.mixed-icons-list-element {
  padding-right: 35pt;
  padding-left: 35pt;
}
.menu-list-element.selectable {
  position: relative;
  padding-left: 35pt;
  overflow: hidden;
}
.menu-list-element.selectable.with-icon-left {
  padding-left: 67pt;
}
.menu-list-element.selectable.with-icon-left .icon-left {
  left: 35pt;
}
.menu-list-element .menu-list-element-selectable-area {
  position: absolute;
  top: 50%;
  left: 0;
  width: 32px;
  height: 96px;
  margin-top: -250px;
}
.menu-list-element .menu-list-element-basic--content-box {
  min-height: 32px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-line-pack: center;
      align-content: center;
}
.menu-list-element .menu-list-element-basic--content-box .menu-list-element-basic--title-desc-box {
  -ms-flex-item-align: center;
      align-self: center;
  -ms-flex-order: -1;
      order: -1;
  max-width: 100%;
}
.menu-list-element .menu-list-element-basic--content-box .menu-list-element-basic--title-desc-box .menu-list-element-basic--title {
  -ms-flex-item-align: center;
      align-self: center;
  -ms-flex-order: -1;
      order: -1;
  word-wrap: break-word;
}
.menu-list-element .menu-list-element-basic--content-box .menu-list-element-basic--title-desc-box .menu-list-element-basic--description {
  -ms-flex-item-align: center;
      align-self: center;
  -ms-flex-order: 3;
      order: 3;
  width: 100%;
  color: #777777;
}
.menu-list-element .menu-list-element-basic--content-box .menu-list-element-basic--value {
  text-align: right;
  -ms-flex-item-align: center;
      align-self: center;
  -ms-flex-order: 2;
      order: 2;
}
.menu-list-element .menu-list-element-basic--content-box .menu-list-element-basic--value.with-icon {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-align: right;
      align-items: right;
}
.menu-list-element .menu-list-element-basic--content-box .menu-list-element-basic--value.with-icon .text {
  text-align: right;
  -ms-flex-item-align: center;
      align-self: center;
  -ms-flex-order: 2;
      order: 2;
}
.menu-list-element .menu-list-element-basic--content-box .menu-list-element-basic--value.with-icon .icon {
  margin-right: 4px;
}
.menu-list-element .menu-list-element-basic--content-box.with-description {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.menu-list-title-basic {
  border-bottom: 1px black solid;
  background-image: url('../res/graphics/lordsandknights/textures/wood_light_texture_hover.png?rev_gr896adc99f5bf13a23552e164f748e3b9');
}
.menu-list-title-basic.center {
  text-align: center;
}
.menu-list-text-basic {
  background: none;
  color: #fff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
}
.menu-list-text-basic.game-version {
  background: #000;
  -ms-flex-line-pack: left;
      align-content: left;
  padding-top: 5px;
  padding-bottom: 5px;
  margin: 15px 0;
}
.menu-list-text-basic.withLeftIcon .text {
  padding-left: 5pt;
}
.menu-list-text-basic * {
  -ms-flex-item-align: center;
      align-self: center;
  text-align: center;
}
.menu-list-button-basic {
  border-bottom: 1px gray solid;
  border-radius: 4pt;
  margin: 6pt 12pt;
  width: auto;
}
.menu-list-button-basic .menu-list-element-basic--title-desc-box,
.menu-list-button-basic .menu-list-element-basic--title,
.menu-list-button-basic .menu-list-element-basic--description {
  text-align: center;
  width: 100%;
}
.menu-list-element-basic {
  border-bottom: 1px black solid;
}
.menu-list-element-basic.no-borders {
  border-bottom: none;
}
.menu-list-element-basic .menu-list-element-basic--title,
.menu-list-element-basic .menu-list-element-basic--description {
  line-height: 1;
  padding: 3px 0 1px;
  text-align: left;
}
.menu-list-element-basic.player-own-rank-entry .menu-list-element-basic--title {
  color: green;
}
.menu-list-element-basic.good-description .menu-list-element-basic--title-desc-box .menu-list-element-basic--description {
  color: green;
}
.menu-list-element-basic.good-title .menu-list-element-basic--title-desc-box .menu-list-element-basic--title {
  color: green;
}
.menu-list-element-basic.simple-description .menu-list-element-basic--title-desc-box .menu-list-element-basic--description {
  color: #ff8800;
}
.menu-list-element-basic.bad-description .menu-list-element-basic--title-desc-box .menu-list-element-basic--description {
  color: red;
}
.menu-list-element-basic.bad-value .menu-list-element-basic--value {
  color: red;
}
.menu-list-element-basic.good-value .menu-list-element-basic--value {
  color: green;
}
.i-frame-loader--container {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -32px 0 0 -32px;
  height: 64px;
  width: 64px;
  display: block;
}
.menu-i-frame {
  border: none;
  width: 100%;
  display: none;
}
.menu-title-with-warning-icon {
  position: relative;
  margin-left: 24px;
}
.menu-title-with-warning-icon .warning-sign {
  position: absolute;
  top: -4px;
  left: -24px;
}
#body[dir="rtl"] .menu-list-element.with-icon-left {
  padding-left: 10pt;
  padding-right: 35pt;
}
#body[dir="rtl"] .menu-list-element.with-icon-left .icon-left {
  left: auto;
  right: 3pt;
}
#body[dir="rtl"] .menu-list-element.with-icon-right {
  padding-right: 10pt;
  padding-left: 35pt;
}
#body[dir="rtl"] .menu-list-element.with-icon-right .icon-right,
#body[dir="rtl"] .menu-list-element.with-icon-right .icon-button,
#body[dir="rtl"] .menu-list-element.with-icon-right .menu-element--button--action {
  right: auto;
  left: 3pt;
}
#body[dir="rtl"] .menu-list-element.with-icon-left.with-icon-right {
  padding-left: 35pt;
  padding-right: 35pt;
}
#body[dir="rtl"] .menu-list-element.selectable {
  padding-left: 10pt;
  padding-right: 35pt;
}
#body[dir="rtl"] .menu-list-element.selectable.with-icon-left {
  padding-right: 67pt;
  padding-left: 10pt;
}
#body[dir="rtl"] .menu-list-element.selectable.with-icon-left .icon-left {
  right: 35pt;
}
#body[dir="rtl"] .menu-list-element.selectable.with-icon-left.with-icon-right {
  padding-left: 35pt;
}
#body[dir="rtl"] .menu-list-element .menu-list-element-selectable-area {
  left: auto;
  right: 0;
}
.tabular {
  min-width: 400px;
}
.tabular .tabular-header--toggle-all-section,
.tabular .tabular-header--grouping-direction {
  max-height: 50px;
  width: auto;
  -ms-flex-item-align: center;
      align-self: center;
}
.tabular .tabular-header--habitat-types {
  width: 100%;
  height: 100%;
}
.tabular .tabular-header--habitat-types .menu-tap-bar-button {
  padding: 12pt 0;
}
.tabular.table--global-overview--buildings .tabular-row:not(.global-overview--table--header) .tabular-cell,
.tabular.table--global-overview--recruitment .tabular-row:not(.global-overview--table--header) .tabular-cell {
  -ms-flex-align: stretch;
      align-items: stretch;
}
.tabular.table--global-overview--buildings .tabular-row:not(.global-overview--table--header) .tabular-cell--recruitment,
.tabular.table--global-overview--recruitment .tabular-row:not(.global-overview--table--header) .tabular-cell--recruitment,
.tabular.table--global-overview--buildings .tabular-row:not(.global-overview--table--header) .tabular-cell--upgrade-building,
.tabular.table--global-overview--recruitment .tabular-row:not(.global-overview--table--header) .tabular-cell--upgrade-building {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: stretch;
      align-items: stretch;
}
.tabular .tabular-row {
  width: 100%;
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-line-pack: center;
      align-content: center;
  -ms-flex-align: stretch;
      align-items: stretch;
  background-image: url('../res/graphics/lordsandknights/textures/wood_light_texture.png?rev_gr2381818f2b72d3f9be607a538d5a1b75');
  border-bottom: #000 1px solid;
}
.tabular .tabular-row.extended {
  background-image: url('../res/graphics/lordsandknights/textures/wood_light_texture_hover.png?rev_gr896adc99f5bf13a23552e164f748e3b9');
}
.tabular .tabular-row .tabular-cell {
  box-sizing: border-box;
  border-left: #000 1px solid;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  position: relative;
  padding: 0;
  min-height: 50px;
}
.tabular .tabular-row .tabular-cell.full {
  color: #bd0100;
}
.tabular .tabular-row .tabular-cell.almost-full {
  color: #f89405;
}
.tabular .tabular-row .tabular-cell.good {
  color: #66811f;
}
.tabular .tabular-row .tabular-cell.with-tooltip {
  position: relative;
  cursor: help;
}
.tabular .tabular-row .tabular-cell.with-tooltip:after,
.tabular .tabular-row .tabular-cell.with-tooltip:before {
  position: absolute;
  display: none;
}
.tabular .tabular-row .tabular-cell.with-tooltip:hover:after,
.tabular .tabular-row .tabular-cell.with-tooltip:hover:before,
.tabular .tabular-row .tabular-cell.with-tooltip:focus:after,
.tabular .tabular-row .tabular-cell.with-tooltip:focus:before,
.tabular .tabular-row .tabular-cell.with-tooltip:active:after,
.tabular .tabular-row .tabular-cell.with-tooltip:active:before {
  display: block;
}
.tabular .tabular-row .tabular-cell.with-tooltip:after {
  content: attr(data-tooltip);
  width: 120px;
  margin-left: -60px;
  padding: 5px;
  top: 65px;
  left: 50%;
  z-index: 1;
  border-radius: 5px;
  border: solid 1px black;
  background-image: url('../res/graphics/lordsandknights/textures/wood_light_texture_hover.png?rev_gr896adc99f5bf13a23552e164f748e3b9');
  box-sizing: border-box;
  overflow-wrap: break-word;
  text-align: center;
}
.tabular .tabular-row .tabular-cell.with-tooltip:before {
  content: '';
  border: 5px solid transparent;
  border-bottom: 5px solid black;
  left: 50%;
  top: 55px;
  margin-left: -5px;
}
.tabular .tabular-row .tabular-cell--upgrade-building,
.tabular .tabular-row .tabular-cell--recruitment {
  -ms-flex-direction: column;
      flex-direction: column;
  text-align: center;
  height: 100%;
}
.tabular .tabular-row .tabular-cell--upgrade-building .upgrade-building--cell,
.tabular .tabular-row .tabular-cell--recruitment .upgrade-building--cell,
.tabular .tabular-row .tabular-cell--upgrade-building .recruitment--cell,
.tabular .tabular-row .tabular-cell--recruitment .recruitment--cell {
  margin: 5pt 0;
}
.tabular .tabular-row .tabular-cell--upgrade-building .upgrade-building--cell:first-child,
.tabular .tabular-row .tabular-cell--recruitment .upgrade-building--cell:first-child,
.tabular .tabular-row .tabular-cell--upgrade-building .recruitment--cell:first-child,
.tabular .tabular-row .tabular-cell--recruitment .recruitment--cell:first-child {
  margin-top: 10pt;
}
.tabular .tabular-row .tabular-cell--upgrade-building .upgrade-building--cell:last-child,
.tabular .tabular-row .tabular-cell--recruitment .upgrade-building--cell:last-child,
.tabular .tabular-row .tabular-cell--upgrade-building .recruitment--cell:last-child,
.tabular .tabular-row .tabular-cell--recruitment .recruitment--cell:last-child {
  margin-bottom: 10pt;
}
.tabular .tabular-row .tabular-cell--upgrade-building .upgrade-building--cell .complete,
.tabular .tabular-row .tabular-cell--recruitment .upgrade-building--cell .complete,
.tabular .tabular-row .tabular-cell--upgrade-building .recruitment--cell .complete,
.tabular .tabular-row .tabular-cell--recruitment .recruitment--cell .complete {
  display: inline-block;
  font-size: 8pt;
  background: #baa68d;
}
.tabular .tabular-row .tabular-cell--maxout-button {
  margin: 3pt 0;
}
.tabular .tabular-row .tabular-cell.tabular-header-th-cell {
  -ms-flex-pack: start;
      justify-content: flex-start;
}
.tabular .tabular-row.tabular-header {
  background: #31a0f0;
}
.tabular .tabular-row.size-5 .tabular-cell {
  width: 20%;
}
.tabular .tabular-row.size-6 .tabular-cell {
  width: 16%;
}
.tabular .tabular-row.size-7 .tabular-cell {
  width: 13%;
}
.tabular .tabular-row.size-8 .tabular-cell {
  width: 11%;
}
.tabular .tabular-row.size-9 .tabular-cell {
  width: 10%;
}
.tabular .tabular-row.size-10 .tabular-cell {
  width: 8%;
}
.tabular .tabular-row.size-11 .tabular-cell {
  width: 8%;
}
.tabular .tabular-row.size-12 .tabular-cell {
  width: 7%;
}
.tabular .tabular-row.size-13 .tabular-cell {
  width: 6%;
}
.tabular .tabular-row.size-14 .tabular-cell {
  width: 6%;
}
.tabular .tabular-row.size-15 .tabular-cell {
  width: 5%;
}
.tabular .tabular-row.size-16 .tabular-cell {
  width: 5%;
}
.tabular .tabular-row.size-17 .tabular-cell {
  width: 5%;
}
.tabular .tabular-row.size-18 .tabular-cell {
  width: 4%;
}
.tabular .tabular-row.size-19 .tabular-cell {
  width: 4%;
}
.tabular .tabular-row.size-20 .tabular-cell {
  width: 4%;
}
.tabular .tabular-row.size-21 .tabular-cell {
  width: 4%;
}
.tabular .tabular-row.size-22 .tabular-cell {
  width: 3%;
}
.tabular .tabular-row.size-23 .tabular-cell {
  width: 3%;
}
.tabular .tabular-row.size-24 .tabular-cell {
  width: 3%;
}
.tabular .tabular-row.size-25 .tabular-cell {
  width: 3%;
}
.tabular .tabular-row .tabular-cell:first-of-type {
  width: 20%;
  border-left: none;
}
.tabular-cell-element {
  width: 100%;
  min-height: 50px;
}
.tabular-cell--input-container {
  padding: 0 10pt;
}
.tabular-cell--input-container .component--input {
  max-width: 70px;
}
.tabular-habitat-title-cell {
  background: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-line-pack: center;
      align-content: center;
  padding-left: 50px;
  position: relative;
}
.tabular-habitat-title-cell.clickable {
  cursor: pointer;
}
.tabular-habitat-title-cell.clickable:hover {
  background-image: url('../res/graphics/lordsandknights/textures/wood_light_texture_hover.png?rev_gr896adc99f5bf13a23552e164f748e3b9');
}
.tabular-habitat-title-cell.with-right-button {
  padding-right: 38px;
}
.tabular-habitat-title-cell.with-resource-row {
  -ms-flex-direction: column;
      flex-direction: column;
  min-height: 80px;
  padding: 20px 0 5px;
  box-sizing: border-box;
}
.tabular-habitat-title-cell.with-resource-row .tabular-habitat-title-cell--habitat-title {
  padding: 0 12pt 0 36pt;
  box-sizing: border-box;
}
.tabular-habitat-title-cell.with-resource-row .tabular-habitat-title-cell--habitat-icon {
  left: 12px;
  top: 12px;
  margin-top: 0;
}
.tabular-habitat-title-cell.with-resource-row .tabular-habitat-title-cell--action-section {
  position: relative;
  -ms-flex-item-align: end;
      align-self: flex-end;
  right: 0;
  margin: 6pt 12pt 0 0;
}
.tabular-habitat-title-cell--expansion-icon {
  height: 32px;
  width: 32px;
  position: absolute;
  right: 0;
  -ms-flex-item-align: center;
      align-self: center;
}
.tabular-habitat-title-cell--resource-row {
  margin-top: 12pt;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0 5px;
}
.tabular-habitat-title-cell--resource-row .icon-amount--widget {
  width: auto;
  padding: 0 3px;
}
.tabular-habitat-title-cell--habitat-icon {
  height: 32px;
  width: 32px;
  left: 10px;
  position: absolute;
  top: 50%;
  margin-top: -16px;
}
.tabular-habitat-title-cell--current-habitat-button {
  position: absolute;
  left: 8px;
  top: 8px;
}
.tabular-habitat-title-cell.with-current-habitat-button {
  padding-left: 0;
}
.tabular-habitat-title-cell.with-current-habitat-button .tabular-habitat-title-cell--habitat-title {
  padding: 0 12pt 0 66pt;
}
.tabular-habitat-title-cell.with-current-habitat-button .tabular-habitat-title-cell--habitat-icon {
  left: 50px;
}
.tabular-habitat-title-cell--habitat-title {
  width: 100%;
  -ms-flex-item-align: center;
      align-self: center;
  word-break: break-all;
}
.tabular-habitat-title-cell--action-section {
  width: auto;
  position: absolute;
  right: 3pt;
  -ms-flex-item-align: center;
      align-self: center;
}
#body[dir="rtl"] .tabular-row .tabular-cell {
  border-left: none;
  border-right: #000 1px solid;
}
#body[dir="rtl"] .tabular-row .tabular-cell:first-of-type {
  border-right: none;
}
#body[dir="rtl"] .tabular-habitat-title-cell {
  padding-right: 50px;
  padding-left: 10pt;
  position: relative;
}
#body[dir="rtl"] .tabular-habitat-title-cell.with-right-button {
  padding-left: 38px;
}
#body[dir="rtl"] .tabular-habitat-title-cell--expansion-icon {
  right: auto;
  left: 0;
}
#body[dir="rtl"] .tabular-habitat-title-cell--habitat-icon {
  left: auto;
  right: 10px;
}
#body[dir="rtl"] .tabular-habitat-title-cell--action-section {
  right: auto;
  left: 3pt;
}
.input-value-counter {
  font-weight: normal;
  text-align: left;
  padding-bottom: 6pt;
}
.message-element--content {
  padding: 12pt 0;
}
.message-element--last-entry-date {
  font-size: 10pt;
  color: #777777;
  text-align: right;
}
.game-link {
  text-decoration: underline;
  color: #2200ff;
  cursor: pointer;
}
.pop-up {
  position: fixed;
  left: 0;
  top: 0;
  display: none;
  z-index: 9995;
  width: 100%;
  height: 100%;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  background: rgba(0, 0, 0, 0.7);
}
.pop-up.in {
  display: -ms-flexbox;
  display: flex;
}
.pop-up--screenshot--closer {
  position: absolute;
  height: 22px;
  right: -10px;
  top: -11px;
  cursor: pointer;
}
@media (max-width: 720pt) {
  .pop-up--screenshot--closer {
    right: 5px;
    top: 5px;
  }
}
.pop-up--screenshot--container {
  position: relative;
  width: 600pt;
  min-height: 335pt;
  box-shadow: 0 0 60px 26px rgba(0, 0, 0, 0.73);
}
.pop-up--screenshot--image {
  width: 100%;
}
.pop-up--screenshot--left-control,
.pop-up--screenshot--right-control {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  width: 32px;
  height: 32px;
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  background: #000;
  border-radius: 16px;
  cursor: pointer;
  transition: all 0.2s;
  border: solid 1px #ffffff;
}
.pop-up--screenshot--left-control:hover,
.pop-up--screenshot--right-control:hover {
  background: #333333;
}
.pop-up--screenshot--left-control .icon,
.pop-up--screenshot--right-control .icon {
  margin-left: 5px;
}
.pop-up--screenshot--left-control {
  left: -16px;
}
@media (max-width: 720pt) {
  .pop-up--screenshot--left-control {
    left: 0;
  }
}
.pop-up--screenshot--right-control {
  right: -16px;
}
@media (max-width: 720pt) {
  .pop-up--screenshot--right-control {
    right: 0;
  }
}
.pop-up--hint {
  position: fixed;
  min-width: 204pt;
  height: 60pt;
  bottom: 90.66666667px;
  right: 61.33333333px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
  box-sizing: border-box;
  padding: 8pt 34pt 8pt 47.5pt;
  background: rgba(0, 0, 0, 0.7);
  cursor: pointer;
  border-radius: 10px;
  transition: all .2s;
  text-align: center;
}
.pop-up--hint:hover {
  background: rgba(0, 0, 0, 0.8);
}
.pop-up--hint--info-icon {
  position: absolute;
  left: -37.5pt;
  top: -10px;
  max-height: 75pt;
  max-width: 75pt;
}
.pop-up--hint--closer {
  position: absolute;
  top: 0;
  right: 0;
}
.pop-up--hint--title {
  color: #ffffff;
  font-size: 13pt;
}
.pop-up--hint--link-title {
  color: #777777;
  font-style: italic;
  text-transform: uppercase;
}
.mobile-applications {
  box-sizing: border-box;
  color: #ffffff;
  text-align: center;
}
.mobile-applications--title {
  margin-bottom: 6pt;
  font-size: 14pt;
  font-weight: bold;
  text-transform: uppercase;
}
.mobile-applications--subtitle {
  margin-bottom: 20pt;
  font-size: 11pt;
}
.mobile-applications--list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
@media (max-width: 720pt) {
  .mobile-applications--list {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}
.mobile-applications--list--item {
  height: 45pt;
  cursor: pointer;
}
@media (max-width: 720pt) {
  .mobile-applications--list--item {
    margin-bottom: 20pt;
  }
  .mobile-applications--list--item:last-child {
    margin-bottom: 0;
  }
}
.mobile-applications--list--item img {
  height: 100%;
}
.info-image {
  position: relative;
}
.info-image--background-img {
  width: 100%;
  min-height: 550pt;
}
@media (max-width: 720pt) {
  .info-image--background-img {
    min-height: 375pt;
  }
}
@media (max-width: 400pt) {
  .info-image--background-img {
    min-height: 262pt;
  }
}
.info-image--description {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 5pt 0 82pt;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-direction: column;
      flex-direction: column;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.9);
  box-shadow: 0 0 24px 20px rgba(0, 0, 0, 0.9);
  color: #ffffff;
  text-align: center;
  line-height: 1.3333333;
}
@media (max-width: 720pt) {
  .info-image--description {
    padding: 12pt 20pt;
  }
}
.info-image--description-title {
  max-width: 600pt;
  margin-bottom: 12pt;
  font-family: "GraublauWeb-Bold";
  font-weight: bold;
  font-size: 16pt;
  letter-spacing: 1pt;
  text-transform: uppercase;
  font-size: 20pt;
}
@media (max-width: 720pt) {
  .info-image--description-title {
    font-size: 13pt;
  }
}
@media (max-width: 400pt) {
  .info-image--description-title {
    margin-bottom: 5pt;
  }
}
.info-image--description-body {
  max-width: 600pt;
  font-size: 14pt;
  line-height: 1.5;
  font-size: 16pt;
}
@media (max-width: 400pt) {
  .info-image--description-body {
    font-size: 11pt;
  }
}
@media (max-width: 720pt) {
  .info-image--description-body {
    font-size: 11pt;
  }
}
.buildings-guide {
  padding: 60pt 0 82pt;
  position: relative;
  background: #000 url('../res/graphics/lordsandknights/scene-login/buildings-background.jpg?rev_gr29bd2492ca4ce00e5a00d63b8170d898') center center no-repeat;
  background-size: cover;
}
@media (max-width: 720pt) {
  .buildings-guide {
    padding-bottom: 20pt;
  }
}
.buildings-guide--content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  max-width: 850pt;
  margin: 20pt auto;
}
@media (max-width: 720pt) {
  .buildings-guide--content {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}
@media (max-width: 400pt) {
  .buildings-guide--content {
    padding: 0 12pt;
  }
}
.buildings-guide--info {
  max-width: 315pt;
  color: #ffffff;
  line-height: 1.3333333;
}
@media (max-width: 720pt) {
  .buildings-guide--info {
    margin-bottom: 20pt;
    text-align: center;
  }
}
.buildings-guide--info-title {
  margin-bottom: 12pt;
  font-family: "GraublauWeb-Bold";
  font-weight: bold;
  font-size: 16pt;
  letter-spacing: 1pt;
  text-transform: uppercase;
}
.buildings-guide--info-body {
  font-size: 14pt;
  line-height: 1.5;
}
@media (max-width: 400pt) {
  .buildings-guide--info-body {
    font-size: 11pt;
  }
}
.buildings-guide--list {
  max-width: 380pt;
  width: 100%;
}
.buildings-guide--list-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 12pt 10pt;
  min-height: 130pt;
  margin-bottom: 20pt;
  background: #414141;
  border: solid 2px #edeaea;
  border-radius: 20px;
  box-shadow: inset 0 0 8px 0 #000;
}
.buildings-guide--list-item:last-child {
  margin-bottom: 0;
}
@media (max-width: 400pt) {
  .buildings-guide--list-item {
    -ms-flex-direction: column;
        flex-direction: column;
    margin-bottom: 12pt;
    text-align: center;
  }
}
.buildings-guide--list-item--image {
  margin-right: 10pt;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
@media (max-width: 400pt) {
  .buildings-guide--list-item--image {
    margin-bottom: 5pt;
  }
}
.buildings-guide--list-item--image img {
  width: 100pt;
}
.buildings-guide--list-item--description {
  margin-left: 10pt;
  color: #ffffff;
  line-height: 1.3333333;
}
@media (max-width: 400pt) {
  .buildings-guide--list-item--description {
    margin-left: 0;
  }
}
.buildings-guide--list-item--description-title {
  margin-bottom: 5pt;
  font-family: "GraublauWeb-Bold";
  font-weight: bold;
  font-size: 16pt;
}
@media (max-width: 400pt) {
  .buildings-guide--list-item--description-title {
    margin-bottom: 0;
  }
}
.buildings-guide--list-item--description-body {
  font-size: 14pt;
}
@media (max-width: 400pt) {
  .buildings-guide--list-item--description-body {
    font-size: 11pt;
  }
}
.alliances-guide {
  position: relative;
  padding: 60pt 0;
  min-height: 365pt;
  background: #000 url('../res/graphics/lordsandknights/scene-login/map-background.jpg?rev_gr547afd4a8ba27217931355677c3ef22b') center center no-repeat;
  background-size: cover;
}
.alliances-guide--content {
  position: relative;
  max-width: 850pt;
  min-height: 300pt;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-align: center;
      align-items: center;
  margin: 0 auto;
}
@media (max-width: 720pt) {
  .alliances-guide--content {
    padding: 0 10pt;
    -ms-flex-pack: center;
        justify-content: center;
  }
}
.alliances-guide--info {
  max-width: 350pt;
  color: #ffffff;
  line-height: 1.3333333;
  text-align: right;
}
@media (max-width: 720pt) {
  .alliances-guide--info {
    text-align: center;
  }
}
.alliances-guide--info-title {
  margin-bottom: 12pt;
  font-family: "GraublauWeb-Bold";
  font-weight: bold;
  font-size: 16pt;
  letter-spacing: 1pt;
  text-transform: uppercase;
  font-size: 20pt;
}
@media (max-width: 720pt) {
  .alliances-guide--info-title {
    font-size: 13pt;
  }
}
.alliances-guide--info-body {
  font-size: 14pt;
  line-height: 1.5;
  font-size: 16pt;
}
@media (max-width: 400pt) {
  .alliances-guide--info-body {
    font-size: 11pt;
  }
}
@media (max-width: 720pt) {
  .alliances-guide--info-body {
    font-size: 11pt;
  }
}
.alliances-guide--character {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 400pt;
  z-index: 10;
}
@media (max-width: 720pt) {
  .alliances-guide--character {
    display: none;
  }
}
.units-guide {
  position: relative;
}
@media (max-width: 720pt) {
  .units-guide {
    background: #000 url('../res/graphics/lordsandknights/scene-login/knight-background.jpg?rev_gr6a728989e79444415d08091a8e03153b') center center no-repeat;
    background-size: cover;
  }
}
.units-guide--content {
  position: absolute;
  bottom: 0;
  left: 0;
  padding-bottom: 82pt;
  width: 100%;
  background: rgba(0, 0, 0, 0.9);
  box-shadow: 0 0 48px 20px #000;
}
@media (max-width: 720pt) {
  .units-guide--content {
    position: relative;
    padding: 20pt 0;
    background: rgba(0, 0, 0, 0.8);
    box-shadow: none;
  }
}
.units-guide--background-img {
  width: 100%;
  min-height: 880pt;
}
@media (max-width: 720pt) {
  .units-guide--background-img {
    display: none;
  }
}
.units-guide--info {
  max-width: 450pt;
  margin: 0 auto;
  color: #ffffff;
  line-height: 1.3333333;
  text-align: center;
}
@media (max-width: 720pt) {
  .units-guide--info {
    padding: 0 20pt;
  }
}
.units-guide--info-title {
  max-width: 600pt;
  margin-bottom: 12pt;
  font-family: "GraublauWeb-Bold";
  font-weight: bold;
  font-size: 16pt;
  letter-spacing: 1pt;
  text-transform: uppercase;
  font-size: 20pt;
}
@media (max-width: 720pt) {
  .units-guide--info-title {
    font-size: 13pt;
  }
}
@media (max-width: 400pt) {
  .units-guide--info-title {
    margin-bottom: 5pt;
  }
}
.units-guide--info-body {
  max-width: 600pt;
  font-size: 14pt;
  line-height: 1.5;
  font-size: 16pt;
}
@media (max-width: 400pt) {
  .units-guide--info-body {
    font-size: 11pt;
  }
}
@media (max-width: 720pt) {
  .units-guide--info-body {
    font-size: 11pt;
  }
}
.units-guide--list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  max-width: 850pt;
  padding: 0 20pt;
  margin: 20pt auto 0;
}
@media (max-width: 720pt) {
  .units-guide--list {
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
  }
}
.units-guide--list-item {
  max-width: 250pt;
  min-height: 320pt;
  padding: 12pt 10pt;
  box-sizing: border-box;
  background: #414141;
  border: solid 2px #edeaea;
  border-radius: 20px;
  box-shadow: inset 0 0 8px 0 #000;
  color: #ffffff;
}
@media (max-width: 720pt) {
  .units-guide--list-item {
    width: 100%;
    max-width: 300pt;
    margin-bottom: 12pt;
    text-align: center;
  }
  .units-guide--list-item:last-child {
    margin-bottom: 0;
  }
}
.units-guide--list-item--description {
  font-size: 14pt;
  text-align: center;
}
@media (max-width: 400pt) {
  .units-guide--list-item--description {
    font-size: 11pt;
  }
}
.units-guide--list-item--title-block {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
  margin-bottom: 5pt;
}
@media (max-width: 400pt) {
  .units-guide--list-item--title-block {
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
  }
}
.units-guide--list-item--title-block--image {
  max-width: 90pt;
  height: 130pt;
  margin-right: 10pt;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.units-guide--list-item--title-block--image.image-unit-big {
  max-width: 100pt;
}
.units-guide--list-item--title-block--image img {
  width: 100%;
}
@media (max-width: 400pt) {
  .units-guide--list-item--title-block--image {
    margin-bottom: 5pt;
    margin-right: 0;
  }
}
.units-guide--list-item--title-block--title {
  margin-bottom: 5pt;
  font-family: "GraublauWeb-Bold";
  font-weight: bold;
  font-size: 16pt;
}
.units-guide--list-item--title-block--subtitle {
  font-size: 14pt;
  line-height: 1.5;
}
.mobile-statistics {
  position: relative;
  padding: 60pt 0;
}
.mobile-statistics .mobile-applications {
  max-width: 850pt;
  margin: 0 auto;
}
.mobile-statistics .mobile-applications--list {
  -ms-flex-pack: center;
      justify-content: center;
}
.mobile-statistics .mobile-applications--list--item {
  margin-right: 12pt;
  box-sizing: border-box;
  border: solid 2px #ffffff;
  border-radius: 8px;
}
.mobile-statistics .mobile-applications--list--item:last-child {
  margin-right: 0;
}
@media (max-width: 720pt) {
  .mobile-statistics .mobile-applications--list--item {
    margin-right: 0;
  }
}
.mobile-statistics .mobile-applications--title {
  margin-bottom: 12pt;
  font-family: "GraublauWeb-Bold";
  font-weight: bold;
  font-size: 16pt;
  letter-spacing: 1pt;
  text-transform: uppercase;
  font-size: 20pt;
}
.mobile-statistics .mobile-applications--subtitle {
  font-size: 14pt;
  line-height: 1.5;
  font-size: 16pt;
}
@media (max-width: 400pt) {
  .mobile-statistics .mobile-applications--subtitle {
    font-size: 11pt;
  }
}
.mobile-awards {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  max-width: 850pt;
  margin: 20pt auto;
  padding: 20pt 26pt;
}
@media (max-width: 400pt) {
  .mobile-awards {
    margin-top: 20pt;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
  }
}
@media (max-width: 400pt) {
  .mobile-awards--item {
    margin-bottom: 12pt;
  }
  .mobile-awards--item:last-child {
    margin-bottom: 0;
  }
}
.mobile-awards--item img {
  max-width: 90pt;
  height: 75pt;
  box-shadow: 0 0 30px 0 #ffffff;
}
.app-statistics {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  max-width: 850pt;
  margin: 20pt auto 0;
}
@media (max-width: 400pt) {
  .app-statistics {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}
.app-statistics--item {
  color: #ffffff;
  text-transform: uppercase;
  text-align: center;
}
@media (max-width: 400pt) {
  .app-statistics--item {
    margin-bottom: 12pt;
  }
}
.app-statistics--item-title {
  margin-bottom: 12pt;
  font-family: "GraublauWeb-Bold";
  font-weight: bold;
  font-size: 16pt;
  letter-spacing: 1pt;
  text-transform: uppercase;
  margin-bottom: 0;
  font-size: 20pt;
}
.app-statistics--item-body {
  font-size: 14pt;
  line-height: 1.5;
  font-size: 16pt;
}
@media (max-width: 400pt) {
  .app-statistics--item-body {
    font-size: 11pt;
  }
}
.news {
  min-height: 520pt;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  position: relative;
  padding: 20pt 0;
  background: #000 url('../res/graphics/lordsandknights/scene-login/news-background.jpg?rev_grefc1efea8255a8459e121d127dce519e') center center no-repeat;
  background-size: cover;
}
.news--game-logo {
  position: absolute;
  top: -112pt;
  left: -42.5pt;
  width: 400pt;
}
@media (max-width: 720pt) {
  .news--game-logo {
    width: 100%;
    left: 0;
    top: -88pt;
  }
}
.news--container {
  max-width: 850pt;
  width: 100%;
  -ms-flex-align: center;
      align-items: center;
  margin: 0 auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
@media (max-width: 720pt) {
  .news--container {
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-direction: column;
        flex-direction: column;
  }
}
.news--text-block {
  max-width: 315pt;
  margin-top: 50pt;
  position: relative;
}
@media (max-width: 720pt) {
  .news--text-block {
    margin-top: 82pt;
  }
}
@media (max-width: 400pt) {
  .news--text-block {
    width: 100%;
  }
}
.news--video-block {
  width: 420pt;
  height: 260pt;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 10px;
  box-shadow: 0 0 8px 0 #000;
  border: solid 4px #000;
}
@media (max-width: 720pt) {
  .news--video-block {
    margin-top: 20pt;
  }
}
@media (max-width: 400pt) {
  .news--video-block {
    width: 100%;
  }
}
.news--video-block--video {
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: 10px;
}
.news--info {
  padding: 30pt 10pt 12pt;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 10px;
  box-shadow: 0 0 8px 0 #000;
  color: #ffffff;
  text-align: center;
  line-height: 1.3333333;
}
.news--info-title {
  margin-bottom: 12pt;
  font-family: "GraublauWeb-Bold";
  font-weight: bold;
  font-size: 16pt;
  letter-spacing: 1pt;
  text-transform: uppercase;
}
.news--info-body {
  font-size: 14pt;
  line-height: 1.5;
}
@media (max-width: 400pt) {
  .news--info-body {
    font-size: 11pt;
  }
}
.game-info--description {
  line-height: 1.4;
}
.game-info--title {
  margin-bottom: 12pt;
  font-size: 14pt;
  font-weight: bold;
  text-transform: uppercase;
}
.login-scene--full-registration,
.login-scene--facebook,
.login-scene--organic,
.login-scene--outbrain {
  overflow-y: auto;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  opacity: 1;
}
.login-scene--full-registration,
.login-scene--facebook,
.login-scene--organic {
  background: #000 url('../res/graphics/lordsandknights/scene-login/login-background.jpg?rev_grd0effcdd344d8781c7c758e123d8e8bc') center center no-repeat;
  background-size: cover;
}
.login-scene .game-info,
.login-scene .mobile-applications {
  max-width: 600pt;
  margin: 20pt auto;
  padding: 12pt 20pt;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 10px;
  box-shadow: 0 0 8px 0 #000;
  color: #ffffff;
  text-align: center;
}
.login-scene--outbrain {
  background: #000;
  font-family: "GraublauWeb-Regular";
}
.login-scene--outbrain--button,
.login-scene--outbrain .button-direct-play,
.login-scene--outbrain .form--login .button {
  display: block;
  position: relative;
  border-radius: 10px;
  border: 0;
  background: #d68921;
  transition: border, background linear 0.2s;
  box-shadow: inset 2px 2px 1px #e6ac5d, inset -4px -4px 1px #7e5013;
  color: #ffffff;
  text-shadow: 1px 1px 1px #666;
  line-height: 40pt;
  text-transform: uppercase;
  font-size: 14pt;
  font-family: "GraublauWeb-Bold";
}
.login-scene--outbrain--button:hover,
.login-scene--outbrain .button-direct-play:hover,
.login-scene--outbrain .form--login .button:hover {
  background: #aa6d1a;
  border: 0;
}
.login-scene--outbrain .form--login .button {
  height: 25pt;
  border-radius: 5px;
  line-height: 1;
}
.login-scene--outbrain--button {
  min-width: 150pt;
  height: 40pt;
  padding: 0 10pt;
  margin: 20pt auto 0;
}
.login-scene--outbrain .webshop {
  width: 245pt;
}
@media (max-width: 720pt) {
  .login-scene--outbrain .webshop {
    width: 100%;
  }
}
.login-scene--outbrain--separator-small {
  width: 100%;
  margin-top: 20pt;
}
.login-scene--outbrain--separator,
.login-scene--outbrain--separator-shadow {
  width: 100%;
  position: absolute;
  left: 0;
  height: 130pt;
  bottom: -65pt;
}
@media (max-width: 1960px) {
  .login-scene--outbrain--separator,
  .login-scene--outbrain--separator-shadow {
    height: 100pt;
    bottom: -50pt;
  }
}
@media (max-width: 720pt) {
  .login-scene--outbrain--separator,
  .login-scene--outbrain--separator-shadow {
    display: none;
  }
}
.login-scene--outbrain--separator {
  z-index: 10;
  background: url('../res/graphics/lordsandknights/scene-login/separator.png?rev_gr5d4185a8ac93cead5c30554eea5b7bd4') center center no-repeat;
  background-size: cover;
}
.login-scene--outbrain--separator-shadow {
  z-index: 9;
  background: url('../res/graphics/lordsandknights/scene-login/separator-shadow.png?rev_grc1421b2fea8ad343435beb59b3331e00') center center no-repeat;
  background-size: cover;
}
.login-scene--outbrain--login-form {
  padding-top: 0;
  padding-bottom: 60pt;
  position: relative;
  background: #000 url('../res/graphics/lordsandknights/scene-login/login-background.jpg?rev_grd0effcdd344d8781c7c758e123d8e8bc') center center no-repeat;
  background-size: cover;
}
.login-scene--outbrain--login-form .form--direct-play {
  margin: 50pt auto;
}
.login-scene--outbrain--character {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 400pt;
}
@media (max-width: 720pt) {
  .login-scene--outbrain--character {
    display: none;
  }
}
.login-scene--outbrain--footer {
  position: relative;
  padding: 60pt 0 20pt;
  background: #000;
}
@media (max-width: 720pt) {
  .login-scene--outbrain--footer {
    padding-top: 20pt;
  }
}
.login-scene--outbrain--footer .footer {
  margin: 0 auto;
  position: relative;
  background: none;
  box-shadow: none;
}
.login-scene--outbrain--overlay {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
}
.login-scene--cover {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: #000 url('../res/graphics/lordsandknights/scene-login/login-background.jpg?rev_grd0effcdd344d8781c7c758e123d8e8bc') center center no-repeat;
  background-size: cover;
}
.login-scene--cover-character {
  height: 400pt;
  position: absolute;
  right: 0;
  bottom: 0;
}
@media (min-height: 600pt) {
  .login-scene--cover-character {
    height: 500pt;
  }
}
@media (max-width: 720pt) {
  .login-scene--cover-character {
    display: none;
  }
}
@media (max-width: 720pt) {
  .login-scene--header {
    background-color: #121212;
    border-top: solid 2px #ffffff;
  }
}
.login-scene--webshop-mobile {
  display: none;
}
@media (max-width: 720pt) {
  .login-scene--webshop-mobile {
    display: -ms-flexbox;
    display: flex;
    border-top: solid 2px #ffffff;
    border-bottom: solid 2px #ffffff;
  }
}
.login-scene--content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
@media (max-width: 720pt) {
  .login-scene--content .login-scene--registration,
  .login-scene--content .login-scene--screenshots,
  .login-scene--content .game-info {
    -ms-flex-order: 2;
        order: 2;
  }
  .login-scene--content .login-scene--registration .form {
    margin-top: 90pt;
  }
  .login-scene--content .mobile-applications {
    -ms-flex-order: 1;
        order: 1;
  }
}
.login-scene--screenshots {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin: 20pt auto;
  max-width: 760pt;
}
@media (max-width: 720pt) {
  .login-scene--screenshots {
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
  }
}
.login-scene--screenshots--item {
  cursor: pointer;
}
@media (max-width: 720pt) {
  .login-scene--screenshots--item {
    max-width: 200pt;
  }
}
.login-scene--screenshots--item img {
  width: 100%;
}
#choose-world-scene {
  overflow-y: auto;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  opacity: 1;
  background: #000 url('../res/graphics/lordsandknights/scene-login/login-background.jpg?rev_grd0effcdd344d8781c7c758e123d8e8bc') center center no-repeat;
  background-size: cover;
}
#choose-world-scene .list--title-main {
  margin-bottom: 26pt;
}
.choose-world-scene--section {
  padding: 12pt 0;
  background: #222222;
  box-shadow: inset 0 0 0.5em 0 rgba(0, 0, 0, 0.85), 0 3px 2px -2px rgba(255, 255, 255, 0.075);
  margin-bottom: 26pt;
}
.choose-world-scene--buttons-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: start;
      align-items: flex-start;
  width: 100%;
}
.choose-world-scene--title {
  margin-bottom: 6pt;
  text-align: center;
  color: #ffffff;
  font-size: 13pt;
}
#scene-new-player-in-world {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  opacity: 1;
  background: #000 url('../res/graphics/lordsandknights/scene-login/login-background.jpg?rev_grd0effcdd344d8781c7c758e123d8e8bc') center center no-repeat;
  background-size: cover;
}
#scene-new-player-in-world .list--title-main {
  margin-bottom: 26pt;
}
#scene-new-player-in-world .nick-name-label {
  margin-bottom: 12pt;
  font-size: 13pt;
  font-weight: 700;
}
#scene-new-player-in-world .form--new-player-in-world {
  width: 420pt;
  height: 165pt;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background: #cccccc url('../res/graphics/lordsandknights/textures/wood_light_texture.png?rev_gr2381818f2b72d3f9be607a538d5a1b75') center center repeat;
  padding-bottom: 26pt;
}
#scene-new-player-in-world .icon-swordsman {
  position: absolute;
  left: -5px;
  bottom: 0;
  z-index: 1;
}
#scene-new-player-in-world .form--component {
  width: 100%;
  padding: 26pt 26pt 0;
  -ms-flex-align: end;
      align-items: flex-end;
  -ms-flex-pack: end;
      justify-content: flex-end;
  box-sizing: border-box;
}
#scene-new-player-in-world .form--component.buttons-new-player-name-section {
  position: absolute;
  bottom: 25px;
}
#scene-new-player-in-world .form--component.input-new-player-name-section {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column wrap;
      flex-flow: column wrap;
}
#scene-new-player-in-world .form--component.input-new-player-name-section .component--input {
  width: 100%;
  z-index: 2;
  max-width: 300px;
}
#scene-new-player-in-world .form--component .button:first-of-type {
  margin-right: 12pt;
}
.event-pop-up {
  position: fixed;
  width: 480px;
  min-height: 350px;
  left: 50%;
  top: 50%;
  margin-left: -240px;
  margin-top: -175px;
}
.event-pop-up-top-border,
.event-pop-up-bottom-border {
  position: absolute;
  background: url('../res/graphics/lordsandknights/event/event-pop-up.png?rev_gra15e2fc17fd39a9846a61b6c48574a8f') 0 0 no-repeat;
  width: 480px;
  overflow: hidden;
  left: 0;
}
.event-pop-up-top-border {
  top: -100px;
  height: 102px;
  background-position: -441px 0;
}
.event-pop-up-bottom-border {
  bottom: -39px;
  height: 50px;
  background-position: -12px -140px;
}
.event-pop-up-title {
  position: absolute;
  left: 15px;
  top: -28px;
  height: 37px;
  width: 450px;
  display: block;
  overflow: hidden;
  box-sizing: border-box;
  padding: 0 10pt;
  text-align: center;
  background: url('../res/graphics/lordsandknights/event/event-pop-up-repeated-horizontally.png?rev_gr3f021568ec245639b9117df587854902') 0 0 repeat-x;
  line-height: 37px;
  font-weight: bold;
  color: #fff;
  text-transform: capitalize;
  text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.6);
}
.event-pop-up-title.success {
  background-position: 0 0;
}
.event-pop-up-title.info {
  background-position: 0 -41px;
}
.event-pop-up-title.world {
  background-position: 0 -82px;
}
.event-pop-up-title.task {
  background-position: 0 -123px;
}
.event-pop-up-deadline {
  font-size: 11pt;
  margin: 3px 0;
}
.event-pop-up-content--container {
  padding: 20px 25px 20px 26px;
  background: url('../res/graphics/lordsandknights/event/event-pop-up-repeated-vertically.png?rev_gr8ca78ad9b2c1f0056caf09a5cf0a1d29') 0 0 repeat-y;
  width: 480px;
  overflow: hidden;
  box-sizing: border-box;
  text-align: center;
}
.event-pop-up-content--container .event-pop-up-content--title {
  text-align: center;
  font-size: 13pt;
  line-height: 1;
  font-weight: bold;
  color: #222222;
  padding: 5px 0 15px;
}
.event-pop-up-content--container .event-pop-up-content--title .underline {
  background: url('../res/graphics/lordsandknights/event/event-pop-up.png?rev_gra15e2fc17fd39a9846a61b6c48574a8f') 0 -250px no-repeat;
  width: 390px;
  height: 20px;
  margin: 0 auto;
}
.event-pop-up-content--container .event-description {
  max-height: 130px;
  overflow-y: auto;
  padding: 0 5pt;
}
.event-pop-up-content--container .event-image-block {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  text-align: center;
  background: url('../res/graphics/lordsandknights/event/event-pop-up.png?rev_gra15e2fc17fd39a9846a61b6c48574a8f') 0 0 no-repeat;
  width: 396px;
  min-height: 120px;
  overflow: hidden;
  margin: 0 auto;
}
.event-pop-up-content--container .event-image-block--container {
  width: 100%;
}
.event-pop-up-content--container .event-image-block .image-success--background {
  background: url('../res/graphics/lordsandknights/event/event-pop-up.png?rev_gra15e2fc17fd39a9846a61b6c48574a8f') -514px -120px no-repeat;
  height: 140px;
}
.event-pop-up-content--container .event-rewards-section {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -ms-flex-align: center;
      align-items: center;
  background: url('../res/graphics/lordsandknights/event/event-pop-up-repeated-vertically.png?rev_gr8ca78ad9b2c1f0056caf09a5cf0a1d29') -514px 0 no-repeat;
  max-height: 86px;
  overflow-y: auto;
  overflow-x: hidden;
  margin: 20px auto;
}
.event-pop-up-content--container .event-rewards-section .reward-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -ms-flex-align: center;
      align-items: center;
}
.event-pop-up-content--container .event-rewards-section .reward-column {
  width: auto;
  margin: 0 5px;
}
.event-pop-up-content--container .event-rewards-section .reward-column .icon-resource,
.event-pop-up-content--container .event-rewards-section .reward-column .event-reward-icon,
.event-pop-up-content--container .event-rewards-section .reward-column .icon-building {
  margin: 6px 0 5px;
}
.event-pop-up-content--container .event-rewards-section .columns-5 .reward-list,
.event-pop-up-content--container .event-rewards-section .columns-6 .reward-list,
.event-pop-up-content--container .event-rewards-section .columns-7 .reward-list,
.event-pop-up-content--container .event-rewards-section .columns-8 .reward-list {
  font-size: 10pt;
}
.event-pop-up-content--container .event-list-buttons {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -ms-flex-align: center;
      align-items: center;
}
.event-pop-up-main-image {
  height: 52px;
  width: 52px;
  overflow: hidden;
  background: url('../res/graphics/lordsandknights/event/event-pop-up-images.png?rev_gr249bfc41f2fccabb1b8671906530820b') -8px -8px repeat-y;
  display: inline-block;
}
.event-pop-up-main-image.alliance {
  background-size: 899px auto;
  background-position: -408px -388px;
  width: 202px;
  height: 76px;
}
.event-pop-up-main-image.archer {
  background-size: 899px auto;
  background-position: -526px -233px;
  width: 202px;
  height: 76px;
}
.event-pop-up-main-image.arsenal {
  background-position: -118px -118px;
  width: 114px;
  height: 114px;
}
.event-pop-up-main-image.castle {
  background-position: -810px -234px;
  width: 228px;
  height: 114px;
}
.event-pop-up-main-image.crossbowman {
  background-size: 899px auto;
  background-position: -611px -310px;
  width: 202px;
  height: 76px;
}
.event-pop-up-main-image.event_castles_icon {
  background-position: -2px -2px;
  width: 64px;
  height: 64px;
}
.event-pop-up-main-image.farm {
  background-position: -234px -118px;
  width: 114px;
  height: 114px;
}
.event-pop-up-main-image.freecastle {
  background-position: -1040px -234px;
  width: 228px;
  height: 114px;
}
.event-pop-up-main-image.info {
  background-position: -698px -118px;
  width: 114px;
  height: 114px;
}
.event-pop-up-main-image.keep {
  background-position: -466px -118px;
  width: 114px;
  height: 114px;
}
.event-pop-up-main-image.lancer {
  background-size: 899px auto;
  background-position: -1px -388px;
  width: 202px;
  height: 76px;
}
.event-pop-up-main-image.library {
  background-position: -582px -118px;
  width: 114px;
  height: 114px;
}
.event-pop-up-main-image.lumberjack {
  background-position: -830px -2px;
  width: 114px;
  height: 114px;
}
.event-pop-up-main-image.market {
  background-position: -482px -2px;
  width: 114px;
  height: 114px;
}
.event-pop-up-main-image.ore-mine {
  background-position: -366px -2px;
  width: 114px;
  height: 114px;
}
.event-pop-up-main-image.ore-store {
  background-position: -250px -2px;
  width: 114px;
  height: 114px;
}
.event-pop-up-main-image.oxcart {
  background-size: 899px auto;
  background-position: -204px -310px;
  width: 202px;
  height: 76px;
}
.event-pop-up-main-image.production {
  background-size: 674px auto;
  background-position: -1px -407px;
  width: 186px;
  height: 57px;
}
.event-pop-up-main-image.pushcart {
  background-size: 899px auto;
  background-position: -408px -310px;
  width: 202px;
  height: 76px;
}
.event-pop-up-main-image.quarry {
  background-position: -134px -2px;
  width: 114px;
  height: 114px;
}
.event-pop-up-main-image.scorpion-rider,
.event-pop-up-main-image.event_horsearmor {
  background-size: 899px auto;
  background-position: -1px -310px;
  width: 202px;
  height: 76px;
}
.event-pop-up-main-image.spearman {
  background-size: 899px auto;
  background-position: -611px -388px;
  width: 202px;
  height: 76px;
}
.event-pop-up-main-image.stone-store {
  background-position: -598px -2px;
  width: 114px;
  height: 114px;
}
.event-pop-up-main-image.store {
  background-size: 674px auto;
  background-position: -188px -407px;
  width: 186px;
  height: 57px;
}
.event-pop-up-main-image.swordsman {
  background-size: 899px auto;
  background-position: -204px -388px;
  width: 202px;
  height: 76px;
}
.event-pop-up-main-image.tavern {
  background-position: -2px -118px;
  width: 114px;
  height: 114px;
}
.event-pop-up-main-image.units {
  background-size: 674px auto;
  background-position: -375px -407px;
  width: 227px;
  height: 57px;
}
.event-pop-up-main-image.wall {
  background-position: -1062px -2px;
  width: 114px;
  height: 114px;
}
.event-pop-up-main-image.wood-store {
  background-position: -1178px -2px;
  width: 114px;
  height: 114px;
}
.event-pop-up-main-image.copper {
  background-position: -262px -350px;
  width: 234px;
  height: 114px;
}
.event-pop-up-main-image.crossbow {
  background-position: -244px -234px;
  width: 119px;
  height: 114px;
}
.event-pop-up-main-image.ct {
  background-position: -486px -234px;
  width: 119px;
  height: 114px;
}
.event-pop-up-main-image.cw {
  background-position: -935px -118px;
  width: 119px;
  height: 114px;
}
.event-pop-up-main-image.event_free_castles_icon {
  background-position: -68px -2px;
  width: 64px;
  height: 64px;
}
.event-pop-up-main-image.fortress {
  background-position: -607px -234px;
  width: 201px;
  height: 114px;
}
.event-pop-up-main-image.goldchance {
  background-size: 899px auto;
  background-position: -1px -465px;
  width: 202px;
  height: 76px;
}
.event-pop-up-main-image.gt {
  background-position: -814px -118px;
  width: 119px;
  height: 114px;
}
.event-pop-up-main-image.horsearmor {
  background-position: -2px -234px;
  width: 119px;
  height: 114px;
}
.event-pop-up-main-image.knoledges {
  background-size: 899px auto;
  background-position: -337px -233px;
  width: 188px;
  height: 76px;
}
.event-pop-up-main-image.missions {
  background-size: 899px auto;
  background-position: -204px -465px;
  width: 219px;
  height: 76px;
}
.event-pop-up-main-image.ore {
  background-position: -946px -2px;
  width: 114px;
  height: 114px;
}
.event-pop-up-main-image.points {
  background-position: -1056px -118px;
  width: 119px;
  height: 114px;
}
.event-pop-up-main-image.resources {
  background-size: 674px auto;
  background-position: -492px -349px;
  width: 181px;
  height: 57px;
}
.event-pop-up-main-image.silver {
  background-position: -2px -350px;
  width: 250px;
  height: 114px;
}
.event-pop-up-main-image.sns {
  background-position: -365px -234px;
  width: 119px;
  height: 114px;
}
.event-pop-up-main-image.spezial {
  background-size: 899px auto;
  background-position: -424px -465px;
  width: 230px;
  height: 76px;
}
.event-pop-up-main-image.stirrup {
  background-position: -123px -234px;
  width: 119px;
  height: 114px;
}
.event-pop-up-main-image.stone {
  background-position: -714px -2px;
  width: 114px;
  height: 114px;
}
.event-pop-up-main-image.swordsmith {
  background-position: -1177px -118px;
  width: 119px;
  height: 114px;
}
.event-pop-up-main-image.wood {
  background-position: -350px -118px;
  width: 114px;
  height: 114px;
}
.event-pop-up-main-image.event_axerider {
  background-size: 899px auto;
  background-position: 0 -620px;
  width: 202px;
  height: 76px;
}
.event-pop-up-main-image.event_berserker {
  background-size: 899px auto;
  background-position: -202px -620px;
  width: 202px;
  height: 76px;
}
.event-pop-up-main-image.event_nordicarcher {
  background-size: 899px auto;
  background-position: -404px -620px;
  width: 202px;
  height: 76px;
}
.event-pop-up-main-image.cog {
  background-size: 899px auto;
  background-position: -606px -620px;
  width: 202px;
  height: 76px;
}
.event-pop-up-main-image.attack_tactics {
  background-position: -1212px -930px;
  width: 114px;
  height: 114px;
}
.event-pop-up-main-image.baking_oven {
  background-position: -2px -1044px;
  width: 114px;
  height: 114px;
}
.event-pop-up-main-image.caulk {
  background-position: -118px -1044px;
  width: 114px;
  height: 114px;
}
.event-pop-up-main-image.city_wall {
  background-position: -230px -1044px;
  width: 114px;
  height: 114px;
}
.event-pop-up-main-image.city {
  background-position: -346px -1046px;
  width: 169px;
  height: 114px;
}
.event-pop-up-main-image.classes {
  background-position: -517px -1044px;
  width: 114px;
  height: 114px;
}
.event-pop-up-main-image.cobblestone {
  background-position: -633px -1044px;
  width: 114px;
  height: 114px;
}
.event-pop-up-main-image.community {
  background-position: -749px -1044px;
  width: 114px;
  height: 114px;
}
.event-pop-up-main-image.crane {
  background-position: -865px -1044px;
  width: 114px;
  height: 114px;
}
.event-pop-up-main-image.defense_tactics {
  background-position: -981px -1044px;
  width: 114px;
  height: 114px;
}
.event-pop-up-main-image.dock {
  background-position: -1095px -1044px;
  width: 114px;
  height: 114px;
}
.event-pop-up-main-image.donjon {
  background-position: -1209px -1044px;
  width: 114px;
  height: 114px;
}
.event-pop-up-main-image.embassy {
  background-position: -2px -1160px;
  width: 114px;
  height: 114px;
}
.event-pop-up-main-image.embrasure {
  background-position: -118px -1160px;
  width: 114px;
  height: 114px;
}
.event-pop-up-main-image.farm_citizen {
  background-position: -234px -1160px;
  width: 114px;
  height: 114px;
}
.event-pop-up-main-image.harbour_area {
  background-position: -350px -1160px;
  width: 114px;
  height: 114px;
}
.event-pop-up-main-image.herbs {
  background-position: -466px -1160px;
  width: 114px;
  height: 114px;
}
.event-pop-up-main-image.letterpress {
  background-position: -586px -1160px;
  width: 114px;
  height: 114px;
}
.event-pop-up-main-image.liming {
  background-position: -704px -1160px;
  width: 114px;
  height: 114px;
}
.event-pop-up-main-image.master {
  background-position: -824px -1160px;
  width: 114px;
  height: 114px;
}
.event-pop-up-main-image.mayor {
  background-position: -938px -1160px;
  width: 114px;
  height: 114px;
}
.event-pop-up-main-image.military_academy {
  background-position: -1058px -1160px;
  width: 114px;
  height: 114px;
}
.event-pop-up-main-image.notification {
  background-position: -1170px -1160px;
  width: 114px;
  height: 114px;
}
.event-pop-up-main-image.ore_workshop {
  background-position: -2px -1276px;
  width: 114px;
  height: 114px;
}
.event-pop-up-main-image.player_points {
  background-position: -118px -1276px;
  width: 119px;
  height: 114px;
}
.event-pop-up-main-image.residential_quarter {
  background-position: -234px -1276px;
  width: 114px;
  height: 114px;
}
.event-pop-up-main-image.scoop_wheel {
  background-position: -352px -1276px;
  width: 114px;
  height: 114px;
}
.event-pop-up-main-image.stone_workshop {
  background-position: -470px -1276px;
  width: 114px;
  height: 114px;
}
.event-pop-up-main-image.tavern_quarter {
  background-position: -586px -1276px;
  width: 114px;
  height: 114px;
}
.event-pop-up-main-image.training_ground {
  background-position: -706px -1276px;
  width: 114px;
  height: 114px;
}
.event-pop-up-main-image.university_area {
  background-position: -822px -1276px;
  width: 114px;
  height: 114px;
}
.event-pop-up-main-image.upgrade_to_fortress {
  background-position: -940px -1276px;
  width: 114px;
  height: 114px;
}
.event-pop-up-main-image.wood_clearing {
  background-position: -1056px -1276px;
  width: 114px;
  height: 114px;
}
.event-pop-up-main-image.wood_workshop {
  background-position: -1172px -1276px;
  width: 114px;
  height: 114px;
}
.event-pop-up-main-image.vikings {
  background-size: 899px auto;
  background-position: -1px -928px;
  width: 202px;
  height: 76px;
}
.event-pop-up-main-image.info_hotkeys {
  background-size: 899px auto;
  background-position: -186px -928px;
  width: 202px;
  height: 76px;
}
.event-pop-up-main-image.registration {
  background-position: -584px -1392px;
  width: 114px;
  height: 114px;
}
.event-pop-up-main-image.mobile-conversion {
  background-position: -700px -1392px;
  width: 143px;
  height: 114px;
}
.event-pop-up-main-image.trebuchet {
  background-position: 0 -1507px;
  width: 202px;
  height: 76px;
}
.event-pop-up-main-image.siegeweapons {
  background-position: -202px -1507px;
  width: 202px;
  height: 76px;
}
.event-pop-up-main-image.siegetower {
  background-position: -404px -1507px;
  width: 202px;
  height: 76px;
}
.event-pop-up-main-image.ballista {
  background-position: -606px -1507px;
  width: 202px;
  height: 76px;
}
.event-pop-up-main-image.eastereggs {
  background-size: 899px auto;
  background-position: -566px -928px;
  width: 170px;
  height: 76px;
}
.event-pop-up-main-image.easteroffer {
  background-size: 899px auto;
  background-position: -734px -928px;
  width: 168px;
  height: 76px;
}
.event-pop-up-main-image.easterunits {
  background-size: 899px auto;
  background-position: -554px -1004px;
  width: 202px;
  height: 76px;
}
.event-pop-up-main-image.ruby {
  background-size: 899px auto;
  background-position: -1px -1084px;
  width: 170px;
  height: 76px;
}
.event-pop-up-main-image.event_6anniversary {
  background-position: -274px -1634px;
  width: 88px;
  height: 104px;
}
.event-pop-up-main-image.event_6anniversaryshop {
  background-position: -380px -1632px;
  width: 114px;
  height: 106px;
}
.event-rewards-section .icon.icon-knowledge {
  margin: 6px 0 5px;
}
.event-rewards-section .icon.resources {
  background: url('../res/graphics/lordsandknights/event/event-pop-up-specific-icons.png?rev_grbe348856ff4c064815a383d39d5e0821') 0 0 no-repeat;
  background-position: -2px -136px;
  width: 102px;
  margin: 6px 0 5px;
}
.event-rewards-section .icon.spezial {
  background: url('../res/graphics/lordsandknights/event/event-pop-up-specific-icons.png?rev_grbe348856ff4c064815a383d39d5e0821') 0 0 no-repeat;
  background-position: -36px -104px;
  width: 97px;
  margin: 6px 0 5px;
}
.event-rewards-section .icon.siegeweaponsIcon {
  background: url('../res/graphics/lordsandknights/event/event-pop-up-specific-icons.png?rev_grbe348856ff4c064815a383d39d5e0821') 0 0 no-repeat;
  background-position: 0 -172px;
  width: 97px;
  margin: 6px 0 5px;
}
.event-rewards-section .icon.fortress {
  background: url('../res/graphics/lordsandknights/event/event-pop-up-images.png?rev_gr249bfc41f2fccabb1b8671906530820b') 0 0 no-repeat;
  background-size: 270px auto;
  background-position: -121px -46px;
  width: 41px;
  height: 23px;
}
.event-reward-icon {
  background: url('../res/graphics/lordsandknights/event/event-pop-up-specific-icons.png?rev_grbe348856ff4c064815a383d39d5e0821') 0 0 no-repeat;
}
.event-reward-icon.event_castles_icon {
  background-position: -2px -2px;
}
.event-reward-icon.event_free_castles_icon {
  background-position: -36px -2px;
}
.event-reward-icon.event_knowledges_icon {
  background-position: -70px -2px;
}
.event-reward-icon.event_missions_icon {
  background-position: -2px -36px;
}
.event-reward-icon.event_player_points_icon {
  background-position: -36px -36px;
}
.event-reward-icon.event_production_buildings_icon {
  background-position: -70px -36px;
}
.event-reward-icon.event_store_buildings_icon {
  background-position: -2px -70px;
}
.event-reward-icon.event_units_icon {
  background-position: -36px -70px;
}
.event-reward-icon.event_notification_icon {
  background-position: -70px -70px;
}
.event-reward-icon.event_city_icon {
  background-position: -2px -104px;
}
.event-reward-icon.spezial {
  background-position: -36px -104px;
  width: 97px;
}
.event-reward-icon.lk_game_icon {
  background-position: -102px -2px;
}
.event-reward-icon.event_ruby_icon {
  background-position: -103px -35px;
}
.event-reward-icon.event_eastereggs_icon {
  background-position: 0 -210px;
  width: 84px;
  height: 34px;
}
.event-reward-icon.event_easterunits_icon {
  background-position: 0 -248px;
  width: 84px;
}
.event-reward-icon.event_easteroffer_icon {
  background-position: 0 -281px;
  width: 78px;
  height: 36px;
}
.event-reward-icon.event_6anniversary_icon {
  background-position: -102px -72px;
}
.event-reward-icon.event_6anniversaryshop_icon {
  background-position: -105px -138px;
}
.event-pop-up-button {
  height: 50px;
  width: 50px;
  overflow: hidden;
  background: url('../res/graphics/lordsandknights/event/event-pop-up-buttons.png?rev_gr40801e46c1c694efd28a3c43da871bd1') 0 0 repeat-y;
  cursor: pointer;
  display: inline-block;
}
.event-pop-up-button.Back {
  background-position: -2px -2px;
}
.event-pop-up-button.ButtonRedAccept {
  background-position: -54px -2px;
}
.event-pop-up-button.ButtonRedDownload {
  background-position: -106px -2px;
}
.event-pop-up-button.ButtonRedFacebook {
  background-position: -158px -2px;
}
.event-pop-up-button.ButtonRedShop {
  background-position: -210px -2px;
}
.event-pop-up-button.ButtonRedStar {
  background-position: -262px -2px;
}
#game-layer--tutorial-cover {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  z-index: 9915;
  display: none;
}
#game-layer--tutorial-cover.in {
  display: block;
}
.dialog.dialog--tutorial {
  width: 358pt;
  height: 195pt;
  margin: -98pt auto auto -179pt;
}
.dialog.dialog--tutorial.top.center {
  top: 0;
  margin: 50pt auto auto -179pt;
}
.dialog.dialog--tutorial.bottom.center {
  top: 100%;
  margin: -195pt auto auto -179pt;
}
.dialog.dialog--tutorial.center.right {
  left: 100%;
  margin: -98pt auto auto -402.5pt;
}
.dialog.dialog--tutorial .icon-mentor {
  position: absolute;
  left: -46px;
  bottom: 0;
}
.dialog.dialog--tutorial .dialog--title-container {
  padding-left: 184px;
}
.dialog.dialog--tutorial .dialog--container {
  height: 169pt;
  padding: 12pt 12pt 12pt 200px;
  box-sizing: border-box;
}
.dialog.dialog--tutorial .dialog--container .dialog--text-section {
  height: 109pt;
  display: block;
  overflow-y: auto;
}
.dialog.dialog--tutorial .dialog--container .dialog--text-section .reward-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -ms-flex-align: center;
      align-items: center;
}
.dialog.dialog--tutorial .dialog--container .dialog--text-section .text {
  height: 109pt;
}
.dialog.dialog--tutorial .dialog--container.with-no-button-section .dialog--text-section {
  height: 135pt;
}
.dialog.dialog--tutorial .dialog--container.with-no-button-section .dialog--text-section .text {
  height: 135pt;
}
.dialog.dialog--tutorial .dialog--container .dialog--button-section {
  padding-top: 10pt;
  width: 196pt;
  height: 26pt;
  text-align: right;
}
.dialog.dialog--tutorial .dialog--container .dialog--button-section .button {
  margin-left: 10pt;
  display: inline-block;
}
.dialog.dialog--tutorial .dialog--container .dialog--button-section .button::-moz-focus-inner {
  border: 0;
}
#game-global-overview .menu-section {
  border: none;
  z-index: 540;
}
#game-global-overview .menu-section,
#game-global-overview .menu--top-bar-section,
#game-global-overview .menu--bottom-bar-section {
  left: 0;
  right: 0;
  width: 100%;
}
#game-global-overview .menu-section {
  overflow-x: auto;
}
#game-global-overview .table--global-overview {
  min-width: 400px;
  padding: 0 62px;
}
#game-global-overview .global-overview--table--header {
  position: fixed;
  left: 62px;
  right: 62px;
  width: auto;
  min-width: 400px;
  height: 76px;
  border-image: url('../res/graphics/lordsandknights/textures/wood_texture.png?rev_gr0d9c2712018b55e9e202e82a17057057') 30 30 repeat;
  border-top: 6pt solid;
  border-bottom: 6pt solid;
  -webkit-transform: translateZ(0);
  border-left: 0;
  border-right: 0;
}
#game-global-overview .menu--content-section.global-unit-overview {
  padding-top: 76px;
}
#game-global-overview .menu--content-section.global-unit-overview .global-overview--table--header {
  top: 148.25pt;
}
#game-global-overview .menu--content-section.global-building-overview,
#game-global-overview .menu--content-section.global-recruitment-overview {
  padding-top: 76px;
}
#game-global-overview .menu--content-section.global-building-overview .global-overview--table--header,
#game-global-overview .menu--content-section.global-recruitment-overview .global-overview--table--header {
  top: 111.5pt;
}
#game-global-overview .menu--top-bar-section,
#game-global-overview .menu--bottom-bar-section,
#game-global-overview .global-overview--table--header {
  z-index: 550;
}
#game-global-overview .finish-all-button {
  display: block;
  min-width: 280px;
  max-width: 400px;
  margin: 0 0 6pt 61.33333333px;
}
#game-global-overview .finish-all-button .menu-list-element-basic--value {
  margin-left: 5px;
  font-style: oblique;
}
.color-white {
  color: #fff;
}
.color-black {
  color: #000;
}
.color-red {
  color: red;
}
.color-green {
  color: forestgreen;
}
.small-font {
  font-size: 10pt;
}
.smaller-font {
  font-size: 9pt;
}
.smallest-font {
  font-size: 6pt;
}
.super-smallest-font {
  font-size: 4pt;
}
.font-oblique {
  font-style: oblique;
}
.first {
  margin-top: 5pt;
}
.last {
  margin-bottom: 5pt;
}
.centered {
  text-align: center;
}
.inactive {
  opacity: .5;
}
.alert-styles {
  display: block;
  position: absolute;
  background: #cc3333;
  color: #eeeeee;
  font-weight: bold;
  font-size: 10pt;
  text-align: center;
  padding: 0 3pt;
  border-radius: 12pt;
  min-width: 7pt;
  line-height: 12pt;
  height: 12pt;
  border: 2pt #ffffff solid;
}
.background-common-black {
  background: rgba(0, 0, 0, 0.8);
  border-radius: 10px;
  box-shadow: 0 0 8px 0 #000;
}
.background-common-black--reset {
  background: none;
  border-radius: 0;
  box-shadow: none;
}
.landing-page-common-title {
  margin-bottom: 12pt;
  font-family: "GraublauWeb-Bold";
  font-weight: bold;
  font-size: 16pt;
  letter-spacing: 1pt;
  text-transform: uppercase;
}
.landing-page-common-text {
  font-size: 14pt;
  line-height: 1.5;
}
@media (max-width: 400pt) {
  .landing-page-common-text {
    font-size: 11pt;
  }
}
/*
  The issue described here - https://bugs.chromium.org/p/chromium/issues/detail?id=288747
  To avoid mentioned bug please import this class to all elements which have "position: fixed"
*/
.fixed-element-chrome-fix {
  -webkit-transform: translateZ(0);
}