@charset "utf-8";
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body,
html {
  font-family: "Onest", sans-serif;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
body {
  margin: 0;
  height: 100vh;
  overflow-x: hidden;
  background-image: url('../img/background.png?v={{ time() }}');
  background-position: top center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}
#bg-video {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
  transform: translate(-50%, -50%);
}
button {
  background: none;
  color: inherit;
  border: 0;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
}
a {
  color: #a43e2c;
  text-decoration: none;
}
button:focus,
a:focus {
  outline: none;
}
input[type="text"]:focus,
input[type="password"]:focus {
  outline: none;
  border-color: #69533d;
}
input[type="submit"],
input[type="file"] {
  outline: none;
  border: 0;
  background-color: #4caf50;
  color: white;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  margin: 4px 2px;
  cursor: pointer;
}
input[type="checkbox"]:focus,
.form-control:focus {
  outline: none;
}
h1 {
  font-size: 22px;
}

.logo-img {
  height: 300px;
  position: absolute;
  top: 100px;
  left: 34%;
}

@media only screen and (max-width: 768px) {
  .logo-img {
      width: 100%;
      height: 0;
      position: absolute;
      top: 5%;
      left: -11%;
      padding-top: 10.5%;
      transform: none;
  }
}
.navbar {
  background: url(/assets/img/download.png)
    repeat-x;
  height: 88px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 30;
}
.navbar::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 404px;
  height: 73px;
  z-index: -1;
}
.navbar::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 448px;
  height: 73px;
  z-index: -1;
}
.nav-logo img {
  height: 38px;
  width: 38px;
  margin-top: -10px;
  margin-right: 80px;
}
.nav-menu {
  display: flex;
  align-items: center;
  justify-content: center;
}
.fix-nav {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1000;
}
.hidden {
  display: none !important;
}
.hamburger {
  display: none;
}
.bar {
  display: block;
  width: 25px;
  height: 3px;
  margin: 5px auto;
  border-radius: 5px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: #fbe8d4;
}
.nav-links {
  list-style: none;
  display: flex;
  align-items: center;
  margin-top: -15px;
}
.nav-links li {
  padding: 0 15px;
  position: relative;
}
.nav-links li.active::after {
  content: "";
  position: absolute;
  top: 26px;
  left: 50%;
  transform: translateX(-50%);
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAAAVCAYAAADmSqZGAAAACXBIWXMAAAsTAAALEwEAmpwYAAAGMWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgOS4xLWMwMDEgNzkuMTQ2Mjg5OSwgMjAyMy8wNi8yNS0yMDowMTo1NSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI1LjMgKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAyNC0wMS0yOVQwMDowNTozNyswMTowMCIgeG1wOk1vZGlmeURhdGU9IjIwMjQtMDEtMzBUMTY6MzM6MzMrMDE6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMjQtMDEtMzBUMTY6MzM6MzMrMDE6MDAiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOmRjMTI5NTljLWQ2YzItM2I0NS1iZjU5LTAwYThhMGUyMzYxOSIgeG1wTU06RG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjUxNGY2NzNiLTFjMTctZmQ0Yy04ODZmLTkzMDM4MjYyOTBmZSIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjM1ZTUzOWFiLTM4NDAtMmM0Ni04NzAzLTYzNmY4ZDBjMjdkYiI+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNyZWF0ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6MzVlNTM5YWItMzg0MC0yYzQ2LTg3MDMtNjM2ZjhkMGMyN2RiIiBzdEV2dDp3aGVuPSIyMDI0LTAxLTI5VDAwOjA1OjM3KzAxOjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjUuMyAoV2luZG93cykiLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNvbnZlcnRlZCIgc3RFdnQ6cGFyYW1ldGVycz0iZnJvbSBhcHBsaWNhdGlvbi92bmQuYWRvYmUucGhvdG9zaG9wIHRvIGltYWdlL3BuZyIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6ZGMxMjk1OWMtZDZjMi0zYjQ1LWJmNTktMDBhOGEwZTIzNjE5IiBzdEV2dDp3aGVuPSIyMDI0LTAxLTMwVDE2OjMzOjMzKzAxOjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjUuMyAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+o15sFgAAAuVJREFUWIW92E+IVXUUB/DPzOiY+QeNwTFIXBSCirvSsKZEEHNhNOnCUdKBUCxbjEVERoMLMYhCCCuCpmgRBApBSIqGqCgiVLgJUdoU6EImorCoNG1xfo/uu97ru/Pmjt/N/d3z+91zzvede/7c17FjYJUJwCx8godxBNsmwkgZOidA5ypcRD9+dJcJwaSa9T2Go2n9C7bXrL8S6o7UO5l1N7pq1l8JdZN6NLOegZdq1l8JdZKaXiB7EVNrtFEJdZJ6IXd/K13X5OQdJc/3Yi2WYtp4HKmL1Aq8kpMdTNdGXnXiCVHiT2AEyzATn+N7fIVT+AF97Toz3uq3RLxi+Sp3Gn/gBg4k2WZ8mjnzJDaIKjkvI5+C+fhQEPt1rE6NJ1KDOK6Z0E1Boh/PYFOSL9dMqIF7NRPKYrE2e1w7pKbhY+FkT25vLd7Gl3jf/6/g/nacw+52HmqH1CY8XyD/AldwBqMYFpHrxf0luk5iCwZwqGD/njb8GxOpblGZdpTsj4gk/0i8fjeTfHp6tghdWI/VeLfkzCNj8BHVC8UavCFITS45c1003JECeX6y+FeU9sczsvtE1D7LyG6JCPbhUkVfK0VqDr4Wc10ZIViQrsM5/TtF2W7gvMjJYVH5Gng62cmiI9l/vYKfTUZb4eUKZ0bxT1r/nZHPwZDmhjuMjWKE+ianpyyHBkVPq4RWpFa6vanm8SeexS6Rb89l9jaX6LyO2fhd9DI4J16/MhzCQy18QTmpbryWFLXKu1fFN9QoPhD50sD5gvNDIn86Ra41ongYe+5gp0cUoiGRu6XoWrrkwbysT5AZcOccamAdjmEvvs3tXRZfv0W/8FXxg81P91PxQAtbM/CUmDPn4rdkownZSC0SveZkWlfBPlEI4GzB/l8iJ3/GtSS7Iirkm1iYOVs5Z8TfBUPJ5k9iEBiUppNJafGWiMxYm/FpEaEGgSJcEHm0Fd+J2a4X74kxabyYJwgNivzu/w+qrnp3HC9WWAAAAABJRU5ErkJggg==)
    no-repeat;
  width: 53px;
  height: 21px;
}
.nav-links li.active a {
  color: #ffdeb9 !important;
}
.nav-links a {
  text-decoration: none;
  color: #dac0a3;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
  font-size: 14px;
  text-transform: uppercase;
  transition: all 0.3s ease;
}
.nav-links a:hover,
.nav-links a.active {
  color: #ffdeb9;
  text-shadow: 0 0 10px #502015;
}
.language-dropdown {
  position: relative;
}
.language-select {
  width: 73px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  align-self: center;
  margin-top: -15px;
  margin-left: 90px;
  color: #c5ac90;
  text-transform: uppercase;
  font-size: 14px;
}
.languages {
  position: absolute;
  top: 100%;
  left: 0;
  width: 73px;
  background-color: #4e1212;
  border-radius: 4px;
  margin-left: 90px;
  display: none;
}
.languages a {
  margin: 0 auto;
  line-height: 40px;
  float: left;
  color: #c5ac90;
  width: 100%;
  height: 40px;
  padding-left: 12px;
}
.languages a:hover {
  background-color: #270202;
}
.languages a i {
  margin-top: 9px;
}
.flags {
  display: block;
  float: left;
  width: 20px;
  height: 20px;
  margin-right: 5px;
}
.flag-en {
  background: url(../img/languages/en.png) no-repeat;
}
.flag-de {
  background: url(../img/languages/de.png) no-repeat;
}
.flag-tr {
  background: url(../img/languages/tr.png) no-repeat;
}
.flag-ro {
  background: url(../img/languages/ro.png) no-repeat;
}
.flag-es {
  background: url(../img/languages/es.png) no-repeat;
}
.flag-cz {
  background: url(../img/languages/cz.png) no-repeat;
}
.flag-fr {
  background: url(../img/languages/fr.png) no-repeat;
}
.flag-gr {
  background: url(../img/languages/gr.png) no-repeat;
}
.flag-hu {
  background: url(../img/languages/hu.png) no-repeat;
}
.flag-it {
  background: url(../img/languages/it.png) no-repeat;
}
.flag-pl {
  background: url(../img/languages/pl.png) no-repeat;
}
.flag-pt {
  background: url(../img/languages/pt.png) no-repeat;
}
.main-bg {
  background: url(../img/bg.jpg) no-repeat center center;
  background-size: cover;
  width: 100%;
  height: 672px;
  position: absolute;
  top: 0;
  z-index: 1;
}
.main-deco {
  content: "";
  background-image: url(data:image/png;base64,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);
  position: relative;
  top: 589px;
  width: 100%;
  height: 88px;
  display: block;
}
.logo {
  background-image: url('/assets/img/logo.png?v={{ time() }}');
  width: 573px;
  height: 350px;
  position: absolute;
  top: 105px;
  left: 50%;
  transform: translateX(-50%);
  background-size: contain;
}
.container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0;
  position: relative;
  z-index: 30;
}
.top-content {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 0 30px 0;
  margin-top: 240px;
}
.download {
  background: url(/assets/img/download.jpg) no-repeat center center;
  height: 61px;
  font-size: 24px;
  color: #dac0a3;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
  transition: 0.3s;
}
.download:hover {
  -webkit-filter: brightness(130%);
  filter: brightness(130%);
}
.icon {
  left: 16px !important;
  top: 4px !important;
}
.statistics {
  width: 359px;
  height: 264px;
  background-color: #280c0c;
  padding: 10px;
  position: relative;
  overflow: hidden;
  background: url(/assets/img/bg_stats.jpg) no-repeat;
  background-size: 100%;
}
.statistics .online-now {
  height: 60px;
  background-color: #3c2718;
  background-image: url(/assets/img/bg_online.jpg);
  margin-top: 8px;
  margin-bottom: 6px;
  font-size: 14px;
  color: #dac0a3;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.statistics .online-now span {
  font-size: 24px;
  color: #b4503c;
}
.statistics-list {
  list-style: none;
  padding-left: 0;
}
.statistics-list li {
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #b4503c;
  background: rgba(0, 0, 0, 0.2);
  padding: 7px 10px;
  position: relative;
}
.statistics-list li::before {
  content: "";
  background-image: url(/assets/img/icon_news.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 16px;
  height: 20px;
  margin-right: 10px;
}
.statistics-list li .sub-text {
  font-size: 14px;
  color: #dac0a3;
  padding-left: 5px;
}
.statistics-list li:nth-child(2) {
  background: none;
}
.mid-content {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
  margin-top: 415px;
}
.slider {
  width: 820px;
  height: 264px;
  background-color: #280c0c;
  display: flex;
  overflow: hidden;
}
.slider-wrapper {
  position: relative;
}
.slide {
  min-width: 100%;
  transition: transform 0.5s ease;
}
.slider-control {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  z-index: 10;
  opacity: 0.5;
  transition: 0.3s;
}
.slider-control:hover {
  opacity: 1;
}
.slider-control.left {
  left: 35px;
}
.slider-control.right {
  right: 35px;
}
.slider-control i {
  color: #fbe8d4;
  font-size: 24px;
}
.info-boxes {
  display: flex;
  flex-direction: column;
}
.info-boxes .box {
  width: 168px;
  height: 88px;
  background-color: #50392f;
  cursor: pointer;
  transition: 0.3s;
}
.info-boxes .box:hover {
  -webkit-filter: brightness(130%);
  filter: brightness(130%);
}
.info-boxes .box.discord {
  background: url(/assets/img/discord.png)
    no-repeat center center;
}
.info-boxes .box.forum {
  background: url(/assets/img/news_button.png)
    no-repeat center center;
}
.info-boxes .box.support {
  background: url(data:image/jpg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAoKCgoKCgsMDAsPEA4QDxYUExMUFiIYGhgaGCIzICUgICUgMy03LCksNy1RQDg4QFFeT0pPXnFlZXGPiI+7u/sBCgoKCgoKCwwMCw8QDhAPFhQTExQWIhgaGBoYIjMgJSAgJSAzLTcsKSw3LVFAODhAUV5PSk9ecWVlcY+Ij7u7+//CABEIAFgAqAMBIgACEQEDEQH/xAAvAAADAQEBAQAAAAAAAAAAAAAAAgMBBAUGAQEBAQEAAAAAAAAAAAAAAAAAAQID/9oADAMBAAIQAxAAAAD4A05djTQN2F3dFNUBdGzHpcfApMHV3jnHKm2tGbuqpRiOPQnnV6MvhHtung72c9S0YVKAjZg5oYzaYxq6PsQ7J+orcHb6eXN5f0SHj8L+hXzzVSppediY+CgHUtVlx8oa+UlSklXu7POjL9T5iyTOTp88mVKjOyWQHkaYJ11neakzgMrStKw1Gg8vX59ZC5SpDLRueed52TSiCDCdbhK4CtoTT0CV3Bo0IxAJyDWYyBFmFigJ/8QALhAAAQMDAwIFBAEFAAAAAAAAAQACEQMhMQQSQQUQEyJRYXEVIIGRYiMwM0Kh/9oACAEBAAE/AO8fcbKQfuYwPJl0WRojO+y8MSco07kAyns2/wBmDgLa4G7kblEEXlXmYV+VChQhIxlM826TfKDSHAn1j0iVUB2tMy3hQoW1bVCARQCAgfCgOAnm623/ACnCXWvCDRBn1RCGSCoRCIWCg8yBtsTwqosPbsLDtC2nhbRy4KJumsTNNU1D9lLnJ4ARboNBZw8Wr6RK+rgGBpWx7uTavT9Z5XM8J5wcLU6V+lq+e7P9CrYhREe0qCRMduAQJVisEEKqZDQgEAoQAQBNk9pDIAuVcftaTTu1NTYLAXLlX29O0xFIy95gExK0egdqiX1CdgP5cV9O0rWx4AWu6aKbDVpmGDLcwtI+nrtO7TVSSWgEO5harQu0j2lrtzHcnMpzLxIiZQAjCIRChYTnEwLWQ7BAIBFuLWlOpzcBdIaQ+taLNXVTFSiCODC0ha3TUgMbAiZKqNBY8OFiCCulkjVADlhldW/w0x/NQ0D0TGwER3IHwiCExgcSC6LISgoQChGGCYMfKoVnU6sszH7C1VQ6lommA4Lpz6pp7HizcOW5a7VsFN1Km8Oe6x9gunUhSbU1D42hsNK1dd+oIJERgBVGktMJrSGiURMohExnscKlZxThDv8AqAQCCARp+axvm+CqLgH3taAi8QU2puG0gr6bNPaa79x/IVLpob5tQ9oaMgHK1eqDw2lSH9MKMknN0SZARCNkQnhCyJkKmCVtaSZW2EO98jIT9z3AOgBBrnNInnKFMim6IDvlN6m4Uxupy6Mp7n1XTUc4knCs0C3JN7YVydozgoNi59EQniXfhEFuCjuMBQIRCZO5AQZkItkCFsI4QB7DhOaHCCE2m8EtyEHSb5FvlGjclsYwthaQC04n8oMeRG2LIMDfnkpwKcnjB7OsR29ECQVvvMLxP4rxCeJ+USXQgDdAH2W39ILYDci68McBbSi1EIhObMJ4KiJRFlChf//EABoRAAICAwAAAAAAAAAAAAAAAAARATAQQVD/2gAIAQIBAT8AvY6ZwzfG/8QAGREBAQEBAQEAAAAAAAAAAAAAEQAQMCAS/9oACAEDAQE/AOxhwPJ7Iw0iMIi+YiI6/wD/2Q==)
    no-repeat center center;
}
.info-boxes .box:last-child {
  margin-bottom: 0;
}
.toplist {
  position: relative;
}
.toplist .title,
.mid-dark .title {
  position: relative;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #b4946e;
  color: #dac0a3;
  font-size: 14px;
  padding-bottom: 0;
  padding-left: 27px;
  flex-wrap: wrap;
  position: relative;
  z-index: 10;
}
.mid-dark .title i {
  margin: 0 5px 0 5px;
}
.mid-dark .title .btn {
  margin-left: auto;
}
.kr.top5 {
  padding-right: 35px;
}
.toplist .icons {
  position: absolute;
  right: 10px;
  top: 8px;
  z-index: 30;
  display: flex;
  float: right;
  cursor: pointer;
}
.toplist .icons .icon-player {
  width: 54px;
  height: 42px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAAqCAMAAADPj1gPAAABklBMVEUAAABpSDVpSDVpSDVpSDVpSDVpSDVpSDVpSDVpSDVpSDVpSDVpSDVpSDVpSDVpSDVpSDVpSDVpSDVpSDVpSDVpSDVpSDVpSDVpSDVpSDVpSDVpSDVpSDVpSDVpSDVpSDVpSDVpSDVpSDVpSDVpSDVpSDVpSDVpSDVpSDVpSDVpSDVpSDWwkGtqSTWRcVNpSDVqSTZpSDWvj2qsjGijg2GaelppSDWdfVxpSDVpSDVpSDVpSDVpSDWmhmSjg2GVdFZtTDimhmNpSDV7WkKdfFyRcVShgWBpSDWjg2FrSjdpSDWlhWKmhmOpiGWGZUubeluLak54V0CsjGhzUjyjg2GqimaLak6lhWKEY0qefV1pSDVuTTmpiWVpSDWrimenh2SWdVeFZEpxUDt8W0NpSDWBYUiOblGcfFxtTDivj2qaeVpvTzqYeFmYeFlwTzuObVGXdlhxUDt3V0CVdFaEZEp6WUKTclWJaE1pSDWWdldtTDh1VT6ObVGNbFCgf19tTDilhWOigmB+XUVpSDW0lG5pSDUCir7BAAAAhHRSTlMABgkNFxIPJEMxKyEZQB0oc0s3Feo7MFpVH271vah3YFLSmomCalDxwpBeNPz8+52OV/fv7ubYyrSvpGhj/v7++/j47Orq6eXi4tza1dD+/fz7+vX08vHw69rZ0MzJyMLAv5SQhP789vXy8vHt7Ovq4+Le09PT0MvLvr28tLOysaSXiINkofdkAAAC5klEQVRIx9WVV3PaUBCFA+oCNSSEkCiim24MGDC4l7j33lt6771f/+9cyWQmHkegvCX7Ai/fnN27q3Nu/NflaNffIc5fBUH7EIIguFHw12lP0oQwTETNwjAcsSNpQqibZV0EQbj8rBs1QEd3ChPdLoKjZYqiZJoj/BA0Ou1GoSxBUx4vQ5Ik4/VQNMGiIuS6UG4XJ3tIIan4fD5FF0gvxbncBtdZy0VnGUHJNFWe59VEuCQwHrozZ1JclkxmEqF471ytdvojpIZ10uAwxApzILjIQkpv8fF0dOA1OBkops/5lgI5FsWhnOVghMwkW3wsGqy/r1YnAvVgNBZq6QxFQDmnFYaytFfI8LFiI/Dq0eT25MO9QKMYC4UFL+23kIMYhhIUqSTi0UbP3uiMJEnjo5GeRvRcLZGm3J8xBGM5j5AJnQYDkWdgLaVphdxMJBBMQzkPx7a7vN6j6Ke9yWZt58PB7GOwNJYfGVqVZt/Wi/GEDrts7+AahqMumVHU8nQ1cvNBYSR/cZEfSt2MBAZiqsLILhS3wuBoPv5TGfRLd2/nL2ANaVJ/T7CX98HhumDpja0nkjZsUCsFTdq1ifXubK1L2uItiC2N2FKDs5XU2MnU6nhqbHAlvzg81n028yUZPREv9k3cH08NLheGl1PS7EE9Gm8mO7zk5d7CofR0ZXJ0e1DT1gqbl3vLWO7NXLcbDldSz6bfTOTAJrySO2D95ZdoPKEYo1ldCRwO7lsIn90DoFLJ9e8+B9UNUK59z8CbZFGrL85pyjH6EQCgbwo87amAqT74/3OSkdsnaSnHecgFYHC53AtQBkYdkVmOFXGnFeYwPcHz9XB/YX7++Hju47u5+YX9w29ZDr4+4nB0ciDIMUIpnDC9pBlWBCZreEJnD8JF6CaUlxR007mS0IBkqGVS1th1n5ShT7apbpzbf8WVRXtujv+WAW7UVgaYHATbiSNiGAITx2ZSXck3+8lolab2o/tfqJ+xXXgv+g2YgQAAAABJRU5ErkJggg==)
    no-repeat center center;
  transition: 0.3s;
}
.toplist .icons .icon-player:hover,
.toplist .icons .icon-player.active {
  background: url(data:image/png;base64,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)
    no-repeat center center;
}
.toplist .icons .icon-guild {
  width: 54px;
  height: 42px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAAqCAMAAADPj1gPAAABPlBMVEUAAABpSDVpSDVpSDVpSDVpSDVpSDVpSDVpSDVpSDVpSDVpSDVpSDVpSDVpSDVpSDVpSDVpSDVpSDVpSDVpSDVpSDVpSDVpSDVpSDVpSDVpSDVqSTZpSDVpSDVpSDVpSDVpSDVpSDVpSDVpSDVpSDVqSTVpSDVpSDVpSDVpSDVpSDWzkm1pSDVpSDVpSDVpSDWxkWyqiWajgmBrSTZpSDVqSDVpSDWnh2SScVRqSTVpSDVpSDVpSDVpSDVuTDivjmqhgWBpSDV2VT+vjmpqSTVzUTxpSDVpSDWsjGecfFuTclSMa096WUGAXkaaeFp0Uz2ZeFlzUj2EY0puTTlzUz2piWaDYkh+XUV3VT6igmBpSDWri2eHZkyBYUekhGKqimaPb1KhgWCnh2SEY0qIaE1+XUWDYkl5WEG0lG5pSDUwis7TAAAAaHRSTlMABgkNFxIPJDErIUEZRB0oFTcw+6mbjz0f9FVbS3NqYFI6/fjx6oJjUMBu+Yh4WDT99/TUvbB2+unDtKSKSvTy5+Ti4djLy4T79vT08fDt7d7c29vW08/Ovax56Ojj4NjUwb+1oXFlUPkB8dAAAALLSURBVEjH1ZXnkqJQEIXXESRJFEQQAyoK5hxmdeJOzjlszvj+L7DtHWdqtqYA599u/6TuV+d2X/qcN/91heb1OmTpsQB8BRQOR2YVDgO4EIkgHBcwVDgeCS8iiSAsynE0QRB0gotiMzAURAEkRGmCpySSJCWKJxIAAhcKojCOoEhRZViWZVSTpAgOE4ALoKI0L4nMxNaTybqeNViT5Oko4ny1aKqhGnomXU6lUuV0pm4wIuXPIYpvMHYyXStW4/H4uHhfzmTZGYeHQ55iEYEDKltKFePKW1mW3yrxnX5JB47DIiDn2RghqXapX1Xk5a4zGnWXZWVcK2UZkgC5JS8M4yjTSKaqSq+73Rm2zzrbTk8Z9zOGSSU85ADDMYJk9HRR6TmXHwb7R4P9jc6op+yU6+xMzgML4xwvTjK1uHzabu0datrKwWBw7MjxWsYQeW5+y5d3FBKUaqd/fFp2P1qFfCwWyxdO3O2178V0VqUS8zd4OUeMlphvmxW3664X8rncdJrLF9yOW3n/VWckGot4YQTJulBO09JiuSlUTHPfuVBJaC4QG+2eaLHpM6yyELbVPnzAcrGVJsLqvhj0VoFTN8cH0BtQufxKszPD/HpDk9yEU1/O9yztYZJH7S34sGr7TBK92x2cWnNaG1ZB07SCtXt5DR/uJp7vBhz8kuTvmdztVmtj3bKs9eHQWXXdz0kGWvP6S6C5BGX+uoJL9W5a5xcXZ+1h99R1r34aJqyA18ahDSBhb2pjRb5dazZb17AB1X7JViXCe+GQHC+yeqm/87RvxRTsTYPnBJijl0MiTxDZbKZ8j7a7WqylkzZQaPohPwcCjjHqT16iG2oDeQIS87YFcBPSZI0sci57wpgSaPlRgD35pDn3SVECn5xTQVw08ZcrC4u5eeRZBkQxyIAlRAVxAD4mjoDjKKsWS6pn+fa6ZPRP0+Do/hfqD/48cinZPtaJAAAAAElFTkSuQmCC)
    no-repeat center center;
  transition: 0.3s;
}
.toplist .icons .icon-guild:hover,
.toplist .icons .icon-guild.active {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAAqCAMAAADPj1gPAAABklBMVEUAAACCMiKCMiKCMiKCMiKCMiKCMiKDMiKCMiKCMiKCMiKCMiKCMiKCMiKCMiKCMiKCMiKDMiKCMiKCMiKCMiKCMiKCMiKCMiKCMiKCMiKCMiKCMiKCMiKCMiKCMiKDMyOCMiKCMiKCMiKCMiKCMiKCMiKCMiKCMiKCMiKzkmyCMiKCMiKykGuthmOCMiKDNCOCMiKCMiKrg2Cpfl2cPCmCMiKCMiKCMiKCMiKCMiKCMiKCMiKaOyiaOyiQTTedZkqCMiKKQi+VVz6KQS6CMyOIPiuCMiKviWacY0iwjGemeVmGOCefak6icVKHOiinelqCMiKpfl2xjWiGOSeeak2XOiithmKTUzyRTjeDNCOqf16XOiiePSmaOymdPCmdPSmaOymWOieROCadPCmjclSMRjGZXkSyj2qLRDCuiGWwjGeQTjiicFKJPyyth2SOSTSIPSuUVT2ENSWqgV+ld1iXW0KQTTeTVDyNRzK0lG6CMiKiPyqgPiqkQCuaOyidPSmPNyWXOieUOSeSOCaNNiWMNiTc5m3kAAAAeXRSTlMACQQGDxIxFyQNQxkeKyFAKBX8G0s58qmPVoN3YVL5WvXBaj2aUHRuNvmKNP336tS9Xvr04rSvpJ2IcmQ1H+/n5OPi2NjLy/v29PTz8e3r6ebi39vX1NPPzsTAv6ikkIp7aFZI9/Pw7+7o5OTi3Ni+u7Wyr6mhcWVQBngiEgAAAzZJREFUSMfVlddW20AQhmMJFas7lmVbtsFyx7hRQ6+B0EvovaX3nogQbNp7Z3YFHHJiGeUyc7m735myM//c+5+NIEhsBPFPjOvagHQIkQC56yxzY5BwBtVRlIdheJ5hKAqTxF0UhhjeK0gsy0qCl2cABO4uyk15vBKriDQyUWEFL4DA1abAlcCKtC8ucxwnx320yAq8B3G1KV5SaB+nJoMNDQ3BiMr5aEWqzREuN1Bik6wGm2Pp7lR3OhYOqnJGxBxRg2IkpYlLNsdCejYQCGT1UDoc4XzAUW6SsA3RIwAVCXfrgcQDv9//oDOgp3oiXEYUGBSmbYgsLSfDqa6Ev71krBuldn8iG+qJyDTrpdwuG6yOEUSf2pzq6uwojRUHJt8Wx4yOzmworPosd9Uw0oWcccGYnugwRoZbxvtbpoeKRkdCTwc55K5qlATpprwKOAsF/G9a80+eatGp8ZaWGcMfQO4UoXqUBCqIGE/Gvi60m69ntWj9/fv12gtzbO6jHovERaH6H5CQmkTLG68azZI5qAF0dAScWTQbX24EZVpCyVXHIDUTzMjNR+uBAk4zH6KTBkiOt8P4K2z90WwUKIRFMdboCBtt7UcYDjJ3g9kHCbk1wqu1mWcaChJqMpUrIszKrUYlH8OrpeHJgoYKGdX6W0fh4HkSVdLmA/C/fYZXC0Z+qKBFo5pWeDSyCgdf1Ixi012E1SU/kLv3o/mhwUJhfnB6wJgwzXe4IpRdc+Ge/L5imhOf1vLDi4sjrQOlJdNc+XbVk6BgNlHCBER6QtmE/8NcLpdfhQnoCoWTMAG2A0dgd0qGA04PdOJ5S8C8wZw2KTatZXFYE4ALp63p7tJDseYkUBJTQ0xIFCZwoCXhWDp1rSVNWBMwZi8LSLninBrBypVUZVAuRN2teLd1MoN0kgHKgb56hduqzHucqTkC/9gBTnYHAVsKb5yDA4bxONw4YCTaidT+8ubm8j60L4IIZ8vUs9e23ety9W637THAONunfTttu30EeXhIkn27bTt9jqDerePj45+WHSMrb/X+/eriolI5Pz87Oz09OTkply3i141ZbLkMl6enZ2fn55VK5eLy8jdUl6VAI8C15wAAAABJRU5ErkJggg==)
    no-repeat center center;
}
.toplist .responsive-table {
  width: 100%;
  border-collapse: collapse;
  color: #341d15;
  font-size: 12px;
}
.empire-flag {
  display: block;
  width: 29px;
  height: 16px;
  margin: 0 auto;
}
.empire-flag.jinno {
  background: url(data:image/jpg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAoKCgoKCgsMDAsPEA4QDxYUExMUFiIYGhgaGCIzICUgICUgMy03LCksNy1RQDg4QFFeT0pPXnFlZXGPiI+7u/sBCgoKCgoKCwwMCw8QDhAPFhQTExQWIhgaGBoYIjMgJSAgJSAzLTcsKSw3LVFAODhAUV5PSk9ecWVlcY+Ij7u7+//CABEIABAAHQMBIgACEQEDEQH/xAAtAAADAQEAAAAAAAAAAAAAAAACAwQFBgEAAwEAAAAAAAAAAAAAAAAAAAIDBf/aAAwDAQACEAMQAAAA4EnXaSY5Woof/8QAJBAAAgIBAwIHAAAAAAAAAAAAAQIDEQASITFBYQQTIiNDUnH/2gAIAQEAAT8A8uZj6La2ql3IPfDDOqLI5Ko3DXeFX5Dtp+xFDIrOq2PTnEWdXZkVwb6ft4kvi0+IsdtJIqq7DJVmkbVJCzHI0ZS/tsBe15//xAAdEQACAgEFAAAAAAAAAAAAAAABAwARAgQTITFB/9oACAECAQE/AGL1YN4URfXvMXg6xuCf/8QAFREBAQAAAAAAAAAAAAAAAAAAABH/2gAIAQMBAT8Aqv/Z)
    no-repeat;
}
.empire-flag.shinsoo {
  background: url(data:image/jpg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAoKCgoKCgsMDAsPEA4QDxYUExMUFiIYGhgaGCIzICUgICUgMy03LCksNy1RQDg4QFFeT0pPXnFlZXGPiI+7u/sBCgoKCgoKCwwMCw8QDhAPFhQTExQWIhgaGBoYIjMgJSAgJSAzLTcsKSw3LVFAODhAUV5PSk9ecWVlcY+Ij7u7+//CABEIABAAHQMBIgACEQEDEQH/xAAsAAACAwAAAAAAAAAAAAAAAAAEBQIDBgEBAQEAAAAAAAAAAAAAAAAAAgUG/9oADAMBAAIQAxAAAADDFRaTtCrqaAF//8QAIRAAAgICAgIDAQAAAAAAAAAAAQIDEQASITEEIhRBUnH/2gAIAQEAAT8AtjIRsR7V3g8TyigYHu65vYDixXY4x/GnjUOzepW9tuL/ACD9nIWb2snFicSE6tW2fICrIieJtG+lpL7AleOgBxQ6yeYzbl4ZNyoUc2BX9GRRMC1qR1n/xAAYEQADAQEAAAAAAAAAAAAAAAAAAQISIf/aAAgBAgEBPwBOSnOeH//EABwRAAEEAwEAAAAAAAAAAAAAAAEAAgQSAxETI//aAAgBAwEBPwDM2TYc9qO2Rb0BX//Z)
    no-repeat;
}
.empire-flag.chunjo {
  background: url(data:image/jpg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAoKCgoKCgsMDAsPEA4QDxYUExMUFiIYGhgaGCIzICUgICUgMy03LCksNy1RQDg4QFFeT0pPXnFlZXGPiI+7u/sBCgoKCgoKCwwMCw8QDhAPFhQTExQWIhgaGBoYIjMgJSAgJSAzLTcsKSw3LVFAODhAUV5PSk9ecWVlcY+Ij7u7+//CABEIABAAHQMBIgACEQEDEQH/xAArAAADAQEAAAAAAAAAAAAAAAADBAUCBgEBAQAAAAAAAAAAAAAAAAAAAQX/2gAMAwEAAhADEAAAAFtGFGorXYPRh//EACMQAAICAgICAQUAAAAAAAAAAAECAwQAEgURBiFREzFBQqH/2gAIAQEAAT8Av86a092JWO8Mqqqs5G5b4yLnqxQGa0Yjsw+7EHU/qct+RCIA15DKCoOxYqOiSOx8gZw3ILfluor7iFkAbbYMGzmPHJOWsqUQRgMS8mntsq+Ihg8FqKf6QPaex0cs+Iz2ZZARMiAEI79N/FzgaD0KpikhCOOgxUen6/Of/8QAHBEAAQMFAAAAAAAAAAAAAAAAAQADERITIjJB/9oACAECAQE/AAGaBMz1OBq3jsv/xAAXEQEBAQEAAAAAAAAAAAAAAAARAAIx/9oACAEDAQE/AHJ20F//2Q==)
    no-repeat;
}
.toplist .responsive-table thead tr {
  background: transparent !important;
  height: auto;
}
.toplist .responsive-table th,
.toplist .responsive-table td {
  text-align: left;
  padding: 8px;
}
.toplist .responsive-table tbody td {
  font-size: 13px;
  color: #dac0a3;
}
.toplist .responsive-table tr:nth-child(odd) {
  background-color: rgba(0, 0, 0, 0.25);
}
.toplist .responsive-table tr {
  height: 50px;
}
.toplist .responsive-table th,
.toplist .responsive-table td {
  text-align: center;
  padding: 8px;
}
.first {
  color: #e2c76a;
}
.second {
  color: #c9c9c9;
}
.third {
  color: #d6a26a;
}
.jinno {
  color: #a3c6da !important;
}
.chunjo {
  color: #cebe80 !important;
}
.shinsoo {
  color: #cd6969 !important;
}
.level {
  color: #98ff33;
}
.align1 {
  color: #0cf;
}
.align2 {
  color: #5c6eff;
}
.align3 {
  color: #7373ff;
}
.align4 {
  color: #9b9bff;
}
.align5 {
  color: #fff;
}
.align6 {
  color: #cf7500;
}
.align7 {
  color: #eb5300;
}
.align8 {
  color: #e30000;
}
.align9 {
  color: #f00;
}
.toplist .title::after,
.mid-dark .title::after {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  bottom: -2.5px;
  width: 83px;
  height: 18px;
  background-repeat: no-repeat, repeat-x;
  background-size: auto 100%, calc(100% - widthOfYourImage) 100%;
  background-position: left bottom, right bottom;
}
.main-content {
  display: flex;
  align-items: flex-start;
  width: 100%;
}
.side-wrapper {
  display: flex;
  flex-direction: column;
  margin-right: 27px;
}
.mid-wrapper {
  display: flex;
  background-color: #280c0c;
  min-width: 0;
  overflow: hidden;
  flex-flow: wrap;
}
.side-light,
.side-dark {
  width: 333px;
  overflow: hidden;
  margin-bottom: 33px;
}
.side-light .content-separator,
.side-dark .content-separator {
  width: 100%;
  overflow: hidden;
  margin: 0;
  height: 1px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAXkAAAABCAMAAAAM2y4XAAAAeFBMVEUAAAA8Khw8Khw8Khw8Khw8Khw8Khw8Khw8Khw8Khw8Khw8Khw8Khw8Khw8Khw8Khw8Khw8Khw8Khw8Khw8Khw8Khw8Khw8Khw8Khw8Khw8Khw8Khw8Khw8Khw8Khw8Khw8Khw8Khw8Khw8Khw8Khw8Khw8Khw8Khw/Uvx0AAAAJ3RSTlMABxEL9g5cSy8nGfDgwp2FcmYkHxX62Mi4slE21qymlox+eG5CO+cBWSyCAAAAuElEQVQY05WPRxKDQAwEV9ocYMkYcDZY//+hCUUVPtIHXaSpaTHGAFuiV8yJ6k7RKdISGDiT0i0QNS8H0qIDtgGcY4VVAewAAK/ctpSARUsrz8syr6FNM12AHady9SqjD5njgKafD+7qRkSCmk+ukmt90XauGxG50SqPj0HOGakfotntntT1yWIpaEnn2b6IBTL5pyV3OzeZof+8ExGy+J7Da2Mt/PFpT+dI9CLgyavwHazRnbElr356EyEjZfyeZAAAAABJRU5ErkJggg==);
}
.side-light {
  background-color: #280c0c;
}
.side-light .content,
.side-dark .content {
  padding: 15px 10px 15px 10px;
  background-size: auto;
}
.side-dark .content {
  padding: 20px 18px 15px 18px;
  background: none;
}
.side-dark .current-event {
  width: 297px;
  height: 80px;
  background: no-repeat center center;
  margin: 0 auto;
  position: relative;
  margin-bottom: 25px;
}
.side-dark .current-event .event-name {
  position: absolute;
  top: -7px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  min-width: 105px;
  min-height: 20px;
  margin: auto;
  border-radius: 5px;
  font-size: 11px;
  color: #bf9b7f;
  line-height: 20px;
  text-align: center;
  padding: 0 7px;
  background-image: linear-gradient(to right, #402f21, #503a29);
  white-space: normal;
}
.side-dark .current-event .event-date {
  position: absolute;
  bottom: -7px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  min-width: 105px;
  height: 20px;
  margin: auto;
  border-radius: 5px;
  font-size: 11px;
  color: #bf9b7f;
  line-height: 20px;
  text-align: center;
  padding: 0 7px 0 7px;
  background-image: linear-gradient(to right, #57402d, #6d4f38);
}
.side-dark .event-list {
  list-style: none;
  padding: 0;
  font-size: 11px;
}
.side-dark .event-list li {
  display: flex;
  align-items: center;
  padding: 10px;
}
.side-dark .event-list li.alternate-background {
  background-color: rgba(0, 0, 0, 0.15);
}
.side-dark .event-name {
  flex-basis: 40%;
  text-align: left;
  color: #b4946e;
  margin-right: 10px;
}
.side-dark .event-date {
  flex-basis: 30%;
  color: #b95741;
  margin-right: 10px;
}
.side-dark .event-button {
  flex-basis: 30%;
  display: inline-block;
  background-color: #752d20;
  color: #cca97e;
  font-size: 11px;
  border-radius: 4px;
  width: 52px;
  height: 19px;
  text-align: center;
  line-height: 19px;
  text-decoration: none;
  padding: 0 5px;
}
.kr.login {
  padding-right: 35px;
}
.kr.event {
  width: 43px;
  height: 37px;
  padding-right: 35px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAAAlCAMAAADsieCCAAAAn1BMVEUAAACVOSeVOSeVOSeVOSeVOSeVOSeVOSeVOSeVOSeVOSeVOSeVOSeVOSeVOSeVOSeVOSeVOSeVOSeWOimVOSeVOSeWOSeVOSeYPCqVOSeWOiiVOSeVOSedQzOcQjGaQC+ZPi2VOSeXOyqcQjGbQC+aPy6aPi6XOymVOSeWOiiVOSecQjKcQTGZPSydQzOcQTGZPSyVOSeVOSebQTCdQzPApadEAAAANHRSTlMABQkPFgwSIhsnHj8zKi9cO043h0hEY6Otm3hqS/npwqWTjeLRu7WDV3xS8NaX99ydblTLQMZSLAAAAj9JREFUOMut1NlyokAYhuGQCIJAsyMYWUQBcV/++7+2+bpBGJXJwVTeg1Ssevyrhe7++N+k135yn8+N+xbKsvw1hE/wb1pIOEVRJo8UBD/ogULCqao668K/+ALGP2NOIeGmU61vOp1xLfAbBTQZM7qYaWrQL7ils6kGZ9t6l+2CQ7d4GCuoyVxbD/ylI1r6ATgzBcbgh5W/sADTsHXfuW2tru3O8XXbEBiD+yUogjr5pfaKY1Vfr9fqGHq5FwYcqxjcW4zVmKsv78Q7FE3THIh3d4A1PliSejvTDN3fWUVF59rjVXS4HCndLnUXg/tFSLIymZoYuw29E+0P0QpFFNUNbaxdYDNtWITEl8vsYGfVp1NeJlTGcYy5WUb7EIP5Ijordda/hZsyX1dRms3n84g2KaX3b8vR8euerCbstfGSJIbkeJ6U9QI2cEfsN23KbL/foOoezeNkze1OWEWGRf0aSmpLz1GCv0myPtMh5FZ9tm7gWM3xkl1WMYrSNTqX1cJp534OzxevjT+z6yLdF8UKxVmeX46eeA5m+xyGd8FsDA4zon3hoSIhdLIc/nx72+8HvLgFnTPKFzwvLwpa73zdeHpvkiwGu7rfUJRR/S0KQ4tyX3dZvx+6RfDBHJeUHh978uacLFCMnXzJoP0iJur7Xg+wfdvN/nowVJw2w/3rDI0cItSdzRk0Mx4xxkYPZ4snr2ce8on2WOjhKgEbu0zQ+B01XFIjNxr4kIy6y3L0pkQAff+8haXRfr7aP36jP/PNQ0rL90PoAAAAAElFTkSuQmCC)
    no-repeat center center;
}
.side-wrapper .title {
  background-color: #461010;
  display: flex;
  align-items: center;
  height: 50px;
  font-size: 16px;
  color: #dac0a3;
  padding: 0 14px 0 0;
}
.side-wrapper .side-dark .title {
  background: url(data:image/png;base64,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)
      no-repeat center center,
    #4a3626;
}
.side-wrapper .title span {
  margin-left: auto;
  font-size: 12px;
  color: #dac0a3;
}
.side-wrapper .title span a {
  color: #dac0a3;
  font-weight: 700;
}
.login-form {
  color: #dac0a3;
}
.login-form button {
  padding: 0;
}
button.language-select {
  border: 0;
}
.form-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.login-form .form-label {
  font-size: 14px;
  display: block;
  margin-bottom: 5px;
}
.login-form input[type="text"],
.login-form input[type="password"] {
  width: 100%;
  height: 44px;
  background-color: #280c0c;
  color: #dac0a3;
  padding: 8px;
  margin-bottom: 15px;
  border: 1px solid #493b2c;
}
.checkbox-container {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.login-form input[type="checkbox"] {
  accent-color: #774431;
}
.checkbox-label {
  font-size: 14px;
  margin-left: 5px;
}
.styled-checkbox,
.mid-dark input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: #dec2a5;
  width: 17px;
  height: 17px;
  border-radius: 5px;
  cursor: pointer;
  position: relative;
  outline: none;
  transition: background-color 0.3s ease;
}
.styled-checkbox:checked,
.mid-dark input[type="checkbox"]:checked {
  background-color: #774431;
}
.styled-checkbox::after,
.mid-dark input[type="checkbox"]::after {
  content: "\f00c";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  top: 52%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  color: #d5bb9f;
  font-size: 11px;
  transition: transform 0.2s ease;
  opacity: 0;
}
.styled-checkbox:checked::after,
.mid-dark input[type="checkbox"]:checked::after {
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
}
.side-wrapper .ucp {
  list-style: none;
  padding: 0;
  font-size: 14px;
}
.side-wrapper .ucp li {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
  width: 100%;
}
.side-wrapper .ucp li a {
  display: block;
  width: 100%;
}
.side-wrapper .btn-ucp {
  border-radius: 7px;
  display: flex;
  align-items: center;
  text-align: left;
  color: #dac0a3;
  height: 42px;
  background: #562217;
  background: linear-gradient(
    90deg,
    rgba(86, 34, 23, 1) 0,
    rgba(102, 39, 27, 1) 100%
  );
  border: 1px solid #722c1e;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.side-wrapper .btn-ucp:hover,
.side-wrapper .btn-ucp.active {
  -webkit-filter: brightness(130%);
  filter: brightness(130%);
}
.side-wrapper .btn-ucp .icon {
  min-width: 42px;
  text-align: center;
  margin-right: 10px;
  line-height: 42px;
  border-right: 1px solid #722c1e;
}
.side-wrapper .btn-ucp .icon i {
  font-size: 16px;
  color: #923b29;
}
.form-links {
  font-size: 12px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.form-link {
  color: #592f20;
  text-decoration: none;
  font-weight: 700;
}
.side-dark {
  background-color: #573f2c;
}
.mid-dark {
  width: 840px;
  background-color: #280c0c;
  color: #dac0a3;
  flex-grow: 1;
}
.mid-dark .content {
  padding: 25px;
  color: #dac0a3;
  font-size: 14px;
}
.mid-dark .basic {
  padding: 7px 19px;
}
.mid-dark {
  position: relative;
}
.mid-dark.news:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
}
.card {
  border: 1px solid #754d35;
  border-radius: 4px;
  background-color: #300b0c;
  margin-bottom: 1rem;
}
.card-header {
  background-color: rgba(0, 0, 0, 0.2);
  padding: 0.5rem 1rem;
  border-bottom: 1px solid #754d35;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  font-weight: bold;
}
.card-footer {
  background-color: rgba(0, 0, 0, 0.2);
  padding: 0.5rem 1rem;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  font-weight: bold;
}
.card-body {
  padding: 1rem;
}
.mid-dark .form-group {
  margin-bottom: 15px;
}
.mid-dark .form-group label {
  display: block;
  margin-bottom: 5px;
}
.form-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: -5px;
  margin-left: -5px;
}
.form-row input[type="text"],
.form-row input[type="email"],
.form-row input[type="password"],
.form-row input[type="date"],
.form-row input[type="number"],
.form-row input[type="tel"],
.form-row input[type="url"],
.form-row input[type="search"],
.form-row select,
.form-row .btn,
.form-row button {
  margin: 0;
}
.form-row .btn,
.form-row button {
  margin-left: 5px;
}
input[type="text"],
input[type="email"],
input[type="password"],
input[type="date"],
input[type="number"],
input[type="tel"],
input[type="url"],
input[type="search"],
.form-group .form-control,
select {
  width: 100%;
  background-color: #300c0f;
  border: 1px solid #745740;
  box-shadow: inset 0 0 15px rgba(62, 42, 30, 0.6);
  padding: 8px 12px;
  border-radius: 4px;
  color: #dac0a3;
  transition: border-color 0.3s ease;
  margin-top: 5px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
.form-group .form-control:focus,
select:focus {
  border-color: #906d50;
}
.form-group .form-text.text-muted {
  font-size: 11px;
  color: #8d6145;
  display: block;
  margin-top: 5px;
}
.mid-dark table {
  width: 100%;
  border-collapse: collapse;
  margin: 10px 0;
  margin-bottom: 1rem;
  overflow-x: auto;
}
.mid-dark table.ranking td,
.mid-dark table.ranking th {
  text-align: left;
}
table.ranking .empire-flag {
  margin: 0;
}
.mid-dark th,
.mid-dark td {
  text-align: center;
  padding: 12px;
}
.mid-dark table thead th {
  background-color: #300b0c;
}
.mid-dark tr {
  border-bottom: 1px solid #513828;
}
.mid-dark tr:nth-child(even) {
  background-color: rgba(0, 0, 0, 0.2);
}
.btn,
button {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 10px;
  color: #cca97e;
  height: 36px;
  line-height: 36px;
  border-radius: 3px;
  padding: 0 12px;
  font-size: 14px;
  text-align: center;
  border: 0;
  cursor: pointer;
  background-color: #752d20;
  border: 1px solid #a24632;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  margin-right: 10px;
}
.btn-success {
  background-image: linear-gradient(to right, #31371f, #37401d);
  border: 1px solid #5b6538;
}
.btn-danger {
  background-image: linear-gradient(to right, #3b1918, #421d1c);
  border: 1px solid #612828;
}
.btn-warning {
  background-image: linear-gradient(to right, #4e3416, #553a1d);
  border: 1px solid #7d6244;
}
.btn-info {
  background-image: linear-gradient(to right, #172d33, #213c44);
  border: 1px solid #285461;
}
.btn:hover,
button:hover {
  -webkit-filter: brightness(130%);
  filter: brightness(130%);
}
.news-button {
  margin: 10px 20px 15px 0;
  float: right;
  position: relative;
  z-index: 3;
}
.btn-main,
.mid-dark input[type="submit"],
.mid-dark input[type="file"] {
  display: inline-block;
  width: 183px;
  height: 48px;
  background-image: url(data:image/jpg;base64,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);
  background-size: cover;
  background-position: center;
  color: #dac0a3;
  font-size: 14px;
  text-align: center;
  line-height: 48px;
  text-decoration: none;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.btn-main:hover,
.mid-dark input[type="submit"]:hover,
.mid-dark input[type="file"]:hover {
  -webkit-filter: brightness(130%);
  filter: brightness(130%);
}
.content-separator {
  height: 1px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAx0AAAABCAMAAACMuzPcAAAAhFBMVEUAAAAvIBYvIBYvIBYvIBYvIBYvIBYvIBYvIBYvIBYvIBYvIBYvIBYvIBYvIBYvIBYvIBYvIBYvIBYvIBYvIBYvIBYvIBYvIBYvIBYvIBYvIBYvIBYvIBYvIBYvIBYvIBYvIBYvIBYvIBYvIBYvIBYvIBYvIBYvIBYvIBYvIBYvIBYvIBYGlLefAAAAK3RSTlMABP4RFfnXygsI9asl7N+9sn1uYUI6GA6FVC2jnHVnSSAc45BbM8O3lYhQGYBIpwAAATlJREFUKM+1kdeSgzAMRXGl2EDoLXRIu///f2uWzLKZnTzsQ86DbNnS6EqyhAhtGs83lfCBZnTOGbMswmwgKjtAnBL8i/PgEpLXDVQAyCgnhWY5sQzGuI7DOOPaXA8IcfhILGI+C5dpG9/cw83KyT63vSY6zcYtlI2lH8S5Q9haXUHVogAIBHG3XCS9PrRb6JQxp+6X5H5bC5NS9DdP4smM0+OyqRTGNEkX40mpmVW4hy6Tt5+um2f1WsVtKKb2Hl2w4VHh+b+b9vAx7Dlq46DZ66rndOi3iCMoNNtLqy5SgTydjmdB8RGogO1TWfp4wbjTXjEaxurQofCOa8zrxKe+3NJERpjLcs4z70xRqvBRZaabEDLAK4cfpWPSTmEHw5pyzuu+dpysxI4HNNWQLn1qv5luI38G+pcvIn5glw741dUAAAAASUVORK5CYII=);
  margin: 10px 0 10px 0;
}
.kr.basic {
  height: 40px;
  padding-right: 5px;
  background: url(/assets/img/icon_news.png)
    no-repeat center center;
}
.toplist .title span,
.mid-dark .title span {
  margin-left: auto;
  color: #ad4a38;
  font-size: 12px;
  text-shadow: 0 0 6px rgba(0, 0, 0, 0.6);
}
.site-footer {
  background-image: url('../img/footer.png?v={{ time() }}');
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 288px;
  text-align: center;
  color: #926e5c;
  font-size: 14px;
  padding-top: 220px;
}
.footer-links {
  text-transform: uppercase;
  padding-bottom: 20px;
}
.footer-links a {
  margin: 0 42.5px;
  text-decoration: none;
  color: inherit;
}
.footer-socials {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 15px;
}
.footer-socials .icon {
  width: 35px;
  height: 35px;
  margin-right: 10px;
}
.footer-socials .icon:last-child {
  margin-right: 0;
}
.alert {
  color: #dac0a3;
  border-radius: 10px;
  font-size: 14px;
  padding: 10px;
  margin-bottom: 10px;
}
.alert-info {
  background-color: #244c58;
  border: 1px solid #518aa5;
}
.alert-danger,
.alert-error {
  background-color: #582424;
  border: 1px solid #a55151;
}
.alert-warning {
  background-color: #6a5224;
  border: 1px solid #a58251;
}
.alert-success {
  background-color: #495023;
  border: 1px solid #68722f;
}
.alert ul {
  margin-left: 15px;
}
.alert ul li {
  padding-top: 2px;
  padding-bottom: 2px;
}
.board-text-input,
.mid-dark textarea {
  width: 100%;
  border: 0;
  color: #b4946e !important;
  padding: 6px 10px 6px 10px;
  background: #281c14;
  resize: vertical;
  margin-top: 15px;
  border-radius: 10px;
  color: inherit;
}
.board-text-input:focus,
.mid-dark textarea:focus {
  outline: none !important;
  border: 1px solid #553c2b;
}
.card-body.board {
  padding: 0;
}
.title-right {
  font-size: 15px;
  color: #dac0a3;
}
.topics-nav {
  font-size: 1.3rem;
  color: #c4c4c4;
}
.topics-nav .nav {
  display: flex;
  padding: 10px;
  justify-content: space-between;
}
.pageNav {
  display: flex;
  align-items: center;
}
.pageNav a {
  font-size: 12px;
  color: #dac0a3;
}
.pageNav-main {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline-table;
  margin-left: 0 !important;
}
.pageNav-page.pageNav-page--current {
  background-color: #682417;
  cursor: pointer;
}
.pageNav-page:not(:last-child) {
  border-right: none;
}
.pageNav-page {
  display: inline-table;
  background: #280c0c;
  color: #fff;
  white-space: nowrap;
  font-size: 12px;
  width: 25px;
  height: 25px;
  line-height: 25px;
  border-radius: 7px;
  text-align: center;
  margin-right: 5px;
}
.pageNav-page > a {
  display: block;
  padding: 0 8px;
  text-decoration: none;
  color: inherit;
  color: #fff !important;
  border-radius: 7px;
  transition: 0.15s ease-in-out;
}
.pageNav-page > a:hover {
  background-color: #a89075;
  border-radius: 7px;
}
.topics-container {
  display: table;
  table-layout: fixed;
  border-collapse: collapse;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
.topics-container-group {
  display: table-row-group;
}
.topics-container-group.sticky .topic-item {
  background-color: #4f3c31;
}
.topic-item {
  display: table;
  table-layout: fixed;
  background-color: #3c291d;
  border-bottom: 1px solid #624b3d;
  color: #d7ccc1;
  font-size: 12px;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  min-width: 530px;
}
.topics-main {
  overflow-x: auto;
}
.topic-item-cell.topic-item-cell--icon {
  width: 40px;
  position: relative;
}
.topic-item-cell {
  display: table-cell;
  vertical-align: middle;
  padding: 10px 10px;
}
.topic-item-cell--icon + .topic-item-cell--main,
.topic-item-cell--icon + .topic-item-cell--newThread {
  padding-left: 0;
}
.topic-item-cell.topic-item-cell--meta {
  width: 80px;
}
.topic-item-cell.topic-item-cell--latest {
  width: 140px;
  text-align: right;
}
.topic-item-cell.topic-item-cell--icon.topic-item-cell--iconEnd {
  width: 44px;
  padding-left: 5px;
}
.topic-item-statuses,
.topic-item .topic-item-extraInfo {
  list-style: none;
  margin: 0;
  padding: 0;
  float: right;
}
.topic-item-statuses > li,
.topic-item .topic-item-extraInfo > li {
  float: left;
  margin-left: 8px;
  list-style: none;
}

.u-srOnly {
  position: absolute;
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0 0 0 0);
  overflow: hidden;
}
.topic-item-cell--main .topic-item-minor {
  display: flex;
  align-items: center;
}
.topic-item-cell--main .topic-item-minor {
  clear: both;
}
.topic-item-minor a span {
  font-size: 14px;
  color: #dac0a3 !important;
}
.topic-item-parts li span {
  color: #dac0a3 !important;
}
.topic-item-cell--main .topic-item-minor .topic-item-parts {
  flex-grow: 1;
  margin-left: 0;
}
.topic-item-parts {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline;
}
.topic-item-parts > li {
  display: inline;
  margin: 0;
  padding: 0;
}
.topic-item-parts > li {
  display: inline;
  margin: 0;
  padding: 0;
}
.topic-item .pairs {
  line-height: inherit;
}
.pairs.pairs--justified {
  justify-content: space-between;
}
.pairs {
  padding: 0;
  margin: 0;
  overflow: hidden;
  line-height: 1.7;
}
.pairs.pairs--justified > dt {
  float: left;
  max-width: 100%;
  margin-right: 10px;
  flex-shrink: 0;
}
.pairs > dt {
  padding: 0;
  margin: 0;
}
.pairs.pairs--justified > dd {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pairs > dd {
  padding: 0;
  margin: 0;
}
.topic-item-iconContainer .avatar.avatar--xxs {
  width: 37px;
  height: 37px;
  font-size: 14px;
}
.topic-item-title a {
  color: #e1e1e1 !important;
  font-size: 14px;
  transition: color 0.15s ease-in-out;
}
.topic-item-title a:hover {
  color: #b56353 !important;
}
.avatar img:not(.cropImage) {
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  word-wrap: normal;
  display: block;
  border-radius: 10px;
  width: 100%;
  height: 100%;
}
.dropdown {
  position: relative;
  display: inline-block;
}
.dropdown-menu {
  display: none;
  position: absolute;
  background-color: #533929;
  border: 1px solid #845b42;
  border-radius: 3px;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
  transform: translate3d(0px, 4px, 0px);
  z-index: 20;
  width: 100%;
  left: 0;
}
.dropdown-item {
  color: #dac0a3;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.dropdown-item:hover {
  background-color: #77523c;
}
.dropdown-toggle {
  background-color: #752d20;
  color: #cca97e;
  padding: 8px 12px;
  border-radius: 3px;
  border: 1px solid #a24632;
  cursor: pointer;
  width: auto;
}
.popover {
  display: none;
  position: absolute;
  background-color: #300c0f;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  border: 1px solid #745740;
  color: #dac0a3;
  border-radius: 4px;
  padding: 10px;
  z-index: 1000;
  transition: opacity 0.3s ease, transform 0.3s ease;
  transform: scale(0.95);
  left: 30%;
}
.mid-dark .bottom-section {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
}
.mid-dark .bottom-section div {
  display: flex;
  align-items: center;
}
.forum-container {
  background-color: #513828;
  border-radius: 8px;
  padding: 15px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.forum-topic {
  display: flex;
  align-items: center;
  padding: 10px;
  border-radius: 7px;
  border-bottom: 1px solid #754d35;
  margin-bottom: 5px;
  transition: background-color 0.3s;
}
.forum-topic:hover {
  background-color: #754d35;
}
.forum-topic:last-child {
  margin-bottom: 0;
}
.forum-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.forum-icon i {
  font-size: 24px;
  color: #cca97e;
  margin-right: 15px;
  width: 35px;
}
.thread-icon i {
  width: 40px;
  font-size: 16px;
}
.forum-details {
  flex-grow: 1;
}
.forum-details.status {
  width: 55px;
}
.forum-details.stats {
  display: grid;
}
.forum-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.forum-title .fa-lock {
  margin-right: 15px;
  margin-left: 10px;
  color: #cca97e;
}
.forum-title a {
  display: block;
  color: #cc5844;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  width: 200px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.forum-title a.thread-vote {
  width: 70px;
}
.forum-stats {
  color: #dac0a3;
  font-size: 14px;
}
.forum-latest {
  text-align: right;
  width: 110px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.forum-latest a {
  color: #da5942 !important;
}
.forum-latest .latest-post {
  display: block;
  color: #dac0a3;
  text-decoration: none;
  text-align: right;
  width: 125px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.forum-latest time {
  display: block;
  color: #cca97e;
  font-size: 12px;
}
@media (max-width: 768px) {
  .forum-topic {
    flex-direction: column;
    align-items: start;
  }
  .forum-latest {
    text-align: left;
    margin-top: 10px;
  }
}
.forum-posts {
  margin-top: 20px;
}
.forum-post {
  background-color: #754d35;
  padding: 15px;
  margin-bottom: 15px;
  border-radius: 7px;
  overflow-wrap: break-word;
}
.forum-post.first-post {
  padding: 22px;
  background-color: #402315;
  font-size: 15px;
  border: 1px solid #82492e;
}
.gm_color {
  color: #f0813e !important;
  font-weight: bold;
}
.post-footer {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
}
.post-author,
.post-date {
  color: #cca97e;
}
.forum-reply form {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 20px;
}
.forum-reply input[type="submit"] {
  background-color: #752d20;
  color: #dac0a3;
  border: 1px solid #a24632;
  padding: 8px 15px;
  border-radius: 5px;
  line-height: 0;
  cursor: pointer;
}
.react-level-option {
  display: flex;
  align-items: center;
}
.forum-post {
  background-color: #3f2b1e;
  padding: 15px;
  border-radius: 8px;
  margin-bottom: 15px;
}
.post-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.post-author {
  font-weight: bold;
  color: #cca97e;
}
.post-author i {
  margin-right: 5px;
}
.post-date {
  margin-left: 10px;
  font-size: 12px;
  color: #cca97e;
}
.post-vote {
  margin-left: auto;
}
.post-vote i {
  margin-right: 5px;
}
.post-content {
  color: #dac0a3;
  margin-bottom: 15px;
  word-wrap: normal;
  word-break: normal;
  overflow-wrap: break-word;
  white-space: pre-wrap;
}
.post-content ul,
.post-content ol,
.post-content dl {
  padding-left: 30px;
}
.post-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.post-actions {
  display: flex;
  list-style: none;
}
.post-actions li {
  margin-right: 10px;
  color: #cca97e;
}
.emoji-container {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: center;
}
.emoji-container a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  font-weight: 700;
  padding: 0 15px 0 15px;
  background-color: #754d35;
  border-radius: 20px;
  cursor: pointer;
  margin-bottom: 3px;
  transition: background-color 0.3s ease;
}
.emoji-container a:hover {
  background-color: #966344;
}
.emoji-container a {
  color: #cca97e;
  text-decoration: none;
}
.emoji-container .btn {
  margin: 0 10px 0 10px;
}
@media (max-width: 768px) {
  .post-header,
  .post-footer {
    flex-direction: column;
    align-items: flex-start;
  }
}
.action-buttons {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 10px;
}
.action-buttons button,
.action-buttons select {
  margin-top: 0;
  margin-bottom: 0;
}
::placeholder {
  color: #b49e85;
  opacity: 1;
}
:-ms-input-placeholder {
  color: #b49e85;
}
::-webkit-input-placeholder {
  color: #b49e85;
}
@media screen and (max-width: 550px) {
  .mid-content {
    margin-top: 250px;
  }
  .mid-dark .content {
    padding: 25px 0 25px 0;
  }
  .hide-m {
    display: none;
  }
}
@media screen and (max-width: 400px) {
  .side-dark .current-event {
    width: unset;
  }
}
@media screen and (max-width: 790px) {
  .language-select {
    margin-left: 7px;
  }
  .nav-logo img {
    margin-right: 7px;
  }
  .footer-links a {
    margin: 0 10px;
  }
  #bg-video {
    display: none;
  }
}
@media screen and (max-width: 1085px) {
  .slider {
    width: 400px;
  }
  .slider img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
  .mid-content {
    position: relative;
    justify-content: center;
  }
  .statistics {
    width: 100%;
  }
}
@media screen and (max-width: 930px) {
  .slider-wrapper {
    display: none;
  }
  .r-advertisement {
    display: none;
  }
  #discord {
    display: none;
  }
}
@media screen and (max-width: 840px) {
  .main-content {
    flex-direction: column;
    align-items: center;
  }
  .mid-wrapper,
  .side-wrapper {
    width: 100%;
    margin-right: 0;
  }
  .side-light,
  .side-dark {
    width: unset;
  }
}
@media screen and (max-width: 635px) {
  .nav-menu {
    position: fixed;
    left: -100%;
    top: 5rem;
    flex-direction: column;
    background-color: #342a1d;
    width: 100%;
    border-radius: 10px;
    text-align: center;
    transition: 0.3s;
    box-shadow: 0 10px 27px rgba(0, 0, 0, 0.3);
    display: none;
    padding: 10px;
    transition: opacity 0.3s ease, height 0.3s ease, visibility 0.3s ease;
    visibility: hidden;
    opacity: 0;
  }
  .nav-links {
    flex-direction: column;
    width: 100%;
    align-items: center;
    padding: 0;
  }
  .nav-links li.active::after {
    content: "";
    position: absolute;
    top: 15px;
    left: 50%;
    transform: translateX(-50%);
    background: transparent;
    border-bottom: 1px solid #a5402d;
    width: 53px;
    height: 21px;
  }
  .language-select {
    margin: 0 auto;
  }
  .language-dropdown {
    display: block;
    position: absolute;
    top: 15px;
    left: 20px;
  }
  .languages {
    top: 35px;
    right: 0;
    left: unset;
  }
  .nav-links li {
    width: 100%;
    padding: 10px 0;
  }
  .nav-menu.active {
    left: 0;
    display: block;
  }
  .nav-item {
    margin: 2.5rem 0;
  }
  .nav-links {
    margin-top: 0;
  }
  .nav-logo img {
    margin-right: 0;
  }
  .hamburger {
    display: block;
    position: absolute;
    top: 15px;
    right: 20px;
    cursor: pointer;
  }
  .hamburger.active .bar:nth-child(2) {
    opacity: 0;
  }
  .hamburger.active .bar:nth-child(1) {
    transform: translateY(8px) rotate(45deg);
  }
  .hamburger.active .bar:nth-child(3) {
    transform: translateY(-8px) rotate(-45deg);
  }
  .logo {
    width: 100%;
    padding-top: 22.5%;
    top: 48px;
    left: 0;
    transform: none;
  }
  .mid-content {
    flex-direction: column;
    align-items: center;
  }
  .slider-wrapper {
    display: flex !important;
  }
  .slider {
    width: 100%;
    height: auto;
  }
  .slider img {
    width: 100%;
    height: auto;
    object-fit: unset;
    object-position: unset;
  }
  .top-content {
    justify-content: center;
  }
  .info-boxes {
    display: flex;
    justify-content: center;
    flex-direction: row;
    width: 100%;
  }
  .navbar::after {
    background: transparent;
  }
}
.content-tabs-container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  background-color: rgba(0, 0, 0, 0.2);
  width: 90%;
  padding: 5px;
  margin: 10px auto 10px auto;
  border-radius: 6px;
}
input[name="tab"] + label {
  border-radius: 7px;
  padding: 7px;
  text-align: left;
  color: #dac0a3;
  margin: 5px;
  cursor: pointer;
  background: #562217;
  background: linear-gradient(
    90deg,
    rgba(86, 34, 23, 1) 0,
    rgba(102, 39, 27, 1) 100%
  );
  border: 1px solid #722c1e;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
input[name="tab"]:checked + label {
  border-radius: 7px;
  padding: 7px;
  text-align: left;
  color: #dac0a3;
  cursor: pointer;
  background: #763021;
  background: linear-gradient(
    90deg,
    rgba(118, 48, 33, 1) 0,
    rgba(140, 55, 37, 1) 100%
  );
  border: 1px solid #9b3e2a;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
input[type="radio"][name="tab"] {
  display: none;
}
#discord {
  position: fixed;
  top: 100px;
  right: -150px;
  z-index: 45;
  opacity: 0.5;
  transition: 0.3s;
}
#discord:hover {
  right: 0;
  opacity: 1;
}
.closed {
  background-color: rgba(173, 151, 151, 0.2);
}
.sticky {
  background-color: rgba(95, 48, 18, 0.6);
}
.thread-voted {
  color: green;
}
.reacted {
  border: 2px solid #51733b;
}
.emojimenu {
  height: 50px;
  position: relative;
  background-color: transparent;
}
div.emojis {
  display: contents;
}
.right {
  right: 0;
  position: absolute;
}
ul,
ol {
  line-height: 16px;
}
.clickable {
  cursor: pointer;
}
.text-left {
  text-align: left;
}
.r-advertisement {
  right: 0;
  width: 173px;
  height: 290px;
  position: fixed;
  top: 45%;
  z-index: 999;
  -webkit-animation: flashing infinite 3s linear;
  animation: flashing infinite 3s linear;
}
.main_pc {
  color: #ffc800;
}
@-webkit-keyframes flashing {
  0% {
    -webkit-filter: brightness(100%);
    filter: brightness(100%);
  }
  50% {
    -webkit-filter: brightness(150%);
    filter: brightness(150%);
  }
  100% {
    -webkit-filter: brightness(100%);
    filter: brightness(100%);
  }
}
@keyframes flashing {
  0% {
    -webkit-filter: brightness(100%);
    filter: brightness(100%);
  }
  50% {
    -webkit-filter: brightness(150%);
    filter: brightness(150%);
  }
  100% {
    -webkit-filter: brightness(100%);
    filter: brightness(100%);
  }
}
.modal {
  display: block;
  position: fixed;
  z-index: 1050;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.5);
  padding-top: 160px;
  transition: all 0.5s ease;
}
.modal-content {
  background-color: #300c0f;
  border: 1px solid #745740;
  margin: auto;
  padding: 0;
  border-radius: 5px;
  width: 40%;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  transition: opacity 0.2s ease, transform 0.2s ease;
  opacity: 1;
  transform: scale(1);
}
.close {
  color: #dac0a3;
  float: right;
  font-size: 20px;
  font-weight: bold;
  cursor: pointer;
}
.close:hover,
.close:focus {
  color: #f6dabb;
  text-decoration: none;
  cursor: pointer;
}
.modal-header {
  padding: 10px 16px;
  border-radius: 5px;
  background-color: #4a3626;
  color: #dac0a3;
  border-bottom: 1px solid #745740;
}
.modal-body {
  padding: 15px;
  font-size: 14px;
  color: #dac0a3;
}
.odometer.odometer-auto-theme,
.odometer.odometer-theme-default {
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  position: relative;
}
.odometer.odometer-auto-theme,
.odometer.odometer-theme-default {
  *display: inline;
}
.odometer.odometer-auto-theme .odometer-digit,
.odometer.odometer-theme-default .odometer-digit {
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  position: relative;
}
.odometer.odometer-auto-theme .odometer-digit,
.odometer.odometer-theme-default .odometer-digit {
  *display: inline;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,
.odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,
.odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
  *display: inline;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,
.odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
  text-align: left;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,
.odometer.odometer-theme-default .odometer-digit .odometer-ribbon {
  display: block;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,
.odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
  display: block;
  -webkit-backface-visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value,
.odometer.odometer-theme-default .odometer-digit .odometer-value {
  display: block;
  -webkit-transform: translateZ(0);
}
.odometer.odometer-auto-theme
  .odometer-digit
  .odometer-value.odometer-last-value,
.odometer.odometer-theme-default
  .odometer-digit
  .odometer-value.odometer-last-value {
  position: absolute;
}
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
  -webkit-transition: -webkit-transform 2s;
  -moz-transition: -moz-transform 2s;
  -ms-transition: -ms-transform 2s;
  -o-transition: -o-transform 2s;
  transition: transform 2s;
}
.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating
  .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-up.odometer-animating
  .odometer-ribbon-inner {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-down
  .odometer-ribbon-inner {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating
  .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-down.odometer-animating
  .odometer-ribbon-inner {
  -webkit-transition: -webkit-transform 2s;
  -moz-transition: -moz-transform 2s;
  -ms-transition: -ms-transform 2s;
  -o-transition: -o-transform 2s;
  transition: transform 2s;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
.odometer.odometer-auto-theme,
.odometer.odometer-theme-default {
  font-family: "Helvetica Neue", sans-serif;
  line-height: 1.1em;
}
.odometer.odometer-auto-theme .odometer-value,
.odometer.odometer-theme-default .odometer-value {
  text-align: center;
}

/* Enhanced Form Styles */
.login-form .form-group {
  margin-bottom: 15px;
}

.login-form .form-label {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #d5cb76 !important;
  font-weight: 600;
  margin-bottom: 8px;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.login-form .form-label i {
  color: #a43e2c;
  font-size: 14px;
}

.login-form .form-input {
  width: 100% !important;
  padding: 10px 15px !important;
  background: rgba(0, 0, 0, 0.3) !important;
  border: 1px solid #6b4423 !important;
  color: #d5cb76 !important;
  border-radius: 4px;
  transition: all 0.3s ease;
  font-size: 13px;
  height: 40px;
}

.login-form .form-input::placeholder {
  color: #8b7355;
}

.login-form .form-input:focus {
  background: rgba(0, 0, 0, 0.5) !important;
  border-color: #a43e2c !important;
  box-shadow: 0 0 8px rgba(164, 62, 44, 0.3) !important;
}

.btn-login {
  width: 100%;
  padding: 11px 20px !important;
  height: auto;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  background: linear-gradient(135deg, #a43e2c 0%, #c54735 100%) !important;
  transition: all 0.3s ease;
}

.btn-login:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(164, 62, 44, 0.4);
  background: linear-gradient(135deg, #c54735 0%, #a43e2c 100%) !important;
}

/* Registration Form Styles */
.register-form {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.register-form .form-group {
  margin-bottom: 0;
}

.register-form label {
  font-weight: 600;
  color: #d5cb76;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.register-form label i {
  color: #a43e2c;
}

.input-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
}

.input-wrapper i:first-child {
  position: absolute;
  left: 15px;
  color: #a43e2c;
  font-size: 16px;
  pointer-events: none;
  z-index: 1;
}

.password-confirm-wrapper {
  position: relative;
}

.delete-code-status {
  position: absolute;
  right: 15px;
  font-size: 20px;
  display: none;
  z-index: 4;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  min-width: 25px;
  height: 30px;
  display: flex !important;
  align-items: center;
  justify-content: center;
}

.delete-code-status.valid {
  color: #4caf50 !important;
}

.delete-code-status.invalid {
  color: #a43e2c;
}

.toggle-password-btn {
  position: absolute;
  right: 15px;
  background: none;
  border: none;
  color: #a43e2c;
  cursor: pointer;
  font-size: 16px;
  padding: 0;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  z-index: 5;
  top: 50%;
  transform: translateY(-50%);
}

.toggle-password-btn:hover {
  color: #d5cb76;
  transform: translateY(-50%) scale(1.1);
}

.toggle-password-btn-home {
  position: absolute;
  right: 12px;
  background: none;
  border: none;
  color: #a43e2c;
  cursor: pointer;
  font-size: 16px;
  padding: 0;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  z-index: 5;
  top: 50%;
  transform: translateY(-50%);
}

.toggle-password-btn-home:hover {
  color: #d5cb76;
  transform: translateY(-50%) scale(1.1);
}

.toggle-password-btn:active {
  transform: translateY(-50%) scale(0.95);
}

.password-wrapper .form-control {
  width: 100% !important;
  box-sizing: border-box !important;
  padding-right: 55px !important;
}

.password-match-status {
  position: absolute;
  right: 50px;
  font-size: 20px;
  display: none;
  z-index: 4;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  min-width: 25px;
  height: 30px;
  display: flex !important;
  align-items: center;
  justify-content: center;
}

.password-match-status.match {
  color: #4caf50 !important;
}

.password-match-status.mismatch {
  color: #a43e2c !important;
}

.register-form .form-control {
  padding-left: 45px !important;
  padding-right: 55px !important;
  background: rgba(0, 0, 0, 0.3) !important;
  border: 1px solid #6b4423 !important;
  color: #d5cb76 !important;
  height: 50px !important;
  border-radius: 4px;
  transition: all 0.3s ease;
  font-size: 14px;
  width: 100% !important;
  box-sizing: border-box !important;
}

.register-form .form-control::placeholder {
  color: #8b7355;
}

.register-form .form-control:focus {
  background: rgba(0, 0, 0, 0.5) !important;
  border-color: #a43e2c !important;
  box-shadow: 0 0 10px rgba(164, 62, 44, 0.3) !important;
}

.register-form .form-text {
  display: block;
  margin-top: 6px;
  font-size: 12px;
  color: #8b7355;
  margin-bottom: 0;
}

.error-text {
  color: #ff6b6b !important;
  font-weight: 600;
  display: block;
  margin-top: 4px;
}

.checkbox-container {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 10px;
  padding: 15px;
  background: rgba(164, 62, 44, 0.1);
  border: 1px solid #6b4423;
  border-radius: 4px;
}

.checkbox-label {
  margin: 0 !important;
  font-size: 13px;
  color: #d5cb76;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
}

.terms-link {
  color: #a43e2c !important;
  text-decoration: underline;
}

.terms-link:hover {
  color: #c54735 !important;
}

#terms:not(:checked) ~ .checkbox-label {
  opacity: 0.8;
}

#terms:not(:checked) + .checkbox-label {
  opacity: 0.8;
}

.btn-submit {
  margin-top: 10px;
  padding: 12px 30px !important;
  height: auto;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  transition: all 0.3s ease;
  border: none;
  background: linear-gradient(135deg, #a43e2c 0%, #c54735 100%) !important;
}

.btn-submit:hover {
  transform: translateY(-2px);
  box-shadow: 0 5px 15px rgba(164, 62, 44, 0.4);
  background: linear-gradient(135deg, #c54735 0%, #a43e2c 100%) !important;
}

.btn-submit:active {
  transform: translateY(0);
}

/* Success Modal Styles */
.modal-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 9999;
  align-items: center;
  justify-content: center;
}

.modal-overlay.active {
  display: flex;
}

.success-modal {
  background: linear-gradient(135deg, rgba(45, 20, 15, 0.98) 0%, rgba(60, 25, 18, 0.98) 100%);
  border: 2px solid #a43e2c;
  border-radius: 12px;
  padding: 40px;
  text-align: center;
  max-width: 500px;
  width: 90%;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
  animation: slideIn 0.3s ease;
}

@keyframes slideIn {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.success-icon {
  font-size: 60px;
  color: #4caf50;
  margin-bottom: 20px;
  animation: pulse 0.6s ease;
}

@keyframes pulse {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.1); }
}

.success-modal h2 {
  color: #d5cb76;
  font-size: 24px;
  margin-bottom: 15px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.success-message {
  color: #d4b896;
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: 25px;
}

.activation-notice {
  display: flex;
  gap: 15px;
  background: rgba(164, 62, 44, 0.2);
  border-left: 3px solid #a43e2c;
  padding: 20px;
  border-radius: 4px;
  margin-bottom: 25px;
  align-items: flex-start;
}

.activation-notice i {
  color: #a43e2c;
  font-size: 24px;
  flex-shrink: 0;
  margin-top: 2px;
}

.activation-notice > div {
  text-align: left;
}

.activation-notice strong {
  color: #d5cb76;
  display: block;
  margin-bottom: 8px;
  font-size: 14px;
}

.activation-notice p {
  color: #d4b896;
  font-size: 13px;
  margin: 4px 0;
  line-height: 1.5;
}

.activation-notice-small {
  font-size: 12px !important;
  color: #8b7355 !important;
  margin-top: 10px !important;
}

.modal-actions {
  display: flex;
  gap: 10px;
  justify-content: center;
}

.btn-modal {
  padding: 12px 30px;
  border-radius: 4px;
  text-decoration: none;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  transition: all 0.3s ease;
  display: inline-block;
}

.btn-home {
  background: linear-gradient(135deg, #a43e2c 0%, #c54735 100%);
  color: white !important;
}

.btn-home:hover {
  transform: translateY(-2px);
  box-shadow: 0 5px 15px rgba(164, 62, 44, 0.4);
}

@media (max-width: 768px) {
  .register-form {
    gap: 15px;
  }

  .register-form .form-control {
    font-size: 13px;
    height: 45px;
  }

  .input-wrapper i {
    left: 12px;
    font-size: 14px;
  }

  .register-form label {
    font-size: 13px;
  }

  .checkbox-container {
    flex-wrap: wrap;
    padding: 12px;
  }

  .checkbox-label {
    font-size: 12px;
  }

  .success-modal {
    padding: 25px;
  }

  .success-modal h2 {
    font-size: 20px;
  }

  .activation-notice {
    gap: 10px;
    padding: 15px;
  }

  .activation-notice i {
    font-size: 20px;
  }
}

/* Reset Password Form Styles */
.reset-form {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.reset-form .form-group {
  margin-bottom: 0;
}

.reset-form label {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
  color: #d5cb76;
  margin-bottom: 8px;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.reset-form label i {
  color: #a43e2c;
  font-size: 15px;
}

.reset-input {
  padding: 12px 15px !important;
  background: rgba(0, 0, 0, 0.3) !important;
  border: 1px solid #6b4423 !important;
  color: #d5cb76 !important;
  height: 44px;
  border-radius: 4px;
  transition: all 0.3s ease;
  font-size: 14px;
}

.reset-input::placeholder {
  color: #8b7355;
}

.reset-input:focus {
  background: rgba(0, 0, 0, 0.5) !important;
  border-color: #a43e2c !important;
  box-shadow: 0 0 10px rgba(164, 62, 44, 0.3) !important;
}

.btn-reset {
  margin-top: 10px;
  padding: 12px 30px !important;
  height: auto;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  background: linear-gradient(135deg, #a43e2c 0%, #c54735 100%) !important;
  transition: all 0.3s ease;
  border: none;
}

.btn-reset:hover {
  transform: translateY(-2px);
  box-shadow: 0 5px 15px rgba(164, 62, 44, 0.4);
  background: linear-gradient(135deg, #c54735 0%, #a43e2c 100%) !important;
}

.btn-reset:active {
  transform: translateY(0);
}

@media (max-width: 768px) {
  .reset-form {
    gap: 15px;
  }

  .reset-input {
    font-size: 13px;
    height: 40px;
  }

  .reset-form label {
    font-size: 13px;
  }
}

/* Modal Form Styles */
.modal-form {
  background: rgba(45, 20, 15, 0.95) !important;
  border: 1px solid #6b4423 !important;
  border-radius: 8px;
}

.modal-form-content {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.modal-form .form-group {
  margin-bottom: 0;
}

.modal-form h2 {
  color: #d5cb76;
  font-size: 18px;
  margin-bottom: 20px;
  text-transform: uppercase;
}

.modal-form h2 i {
  margin-right: 8px;
  color: #a43e2c;
}

.modal-form label {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #d5cb76;
  font-weight: 600;
  margin-bottom: 8px;
}

.modal-form label i {
  color: #a43e2c;
}

.modal-input {
  width: 100% !important;
  padding: 11px 15px !important;
  background: rgba(0, 0, 0, 0.4) !important;
  border: 1px solid #6b4423 !important;
  color: #d5cb76 !important;
  border-radius: 4px;
  transition: all 0.3s ease;
  font-size: 13px;
}

.modal-input::placeholder {
  color: #8b7355;
}

.modal-input:focus {
  background: rgba(0, 0, 0, 0.6) !important;
  border-color: #a43e2c !important;
  box-shadow: 0 0 8px rgba(164, 62, 44, 0.3) !important;
}

.modal-btn {
  padding: 11px 20px !important;
  height: auto;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  background: linear-gradient(135deg, #a43e2c 0%, #c54735 100%) !important;
  transition: all 0.3s ease;
  margin-top: 5px;
}

.modal-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(164, 62, 44, 0.4);
  background: linear-gradient(135deg, #c54735 0%, #a43e2c 100%) !important;
}

/* Login Form Styles */
.login-form {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.forgot-link {
  display: block;
  margin-top: 10px;
  font-size: 14px;
  text-align: right;
}

.forgot-link a {
  color: #d5cb76;
}

.forgot-link a:hover {
  text-decoration: underline;
}

/* Reset Password Form Button */
.register-form .btn-submit {
  width: 100% !important;
  padding: 15px 40px !important;
  height: auto;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  background: linear-gradient(135deg, #a43e2c 0%, #c54735 100%) !important;
  transition: all 0.3s ease;
  border: none;
  border-radius: 4px;
  margin-top: 15px;
}

.register-form .btn-submit:hover {
  transform: translateY(-2px);
  box-shadow: 0 5px 15px rgba(164, 62, 44, 0.4);
  background: linear-gradient(135deg, #c54735 0%, #a43e2c 100%) !important;
}

.register-form .btn-submit:active {
  transform: translateY(0);
}