@charset "utf-8";
@import "validation.css";
@import "notice.css?1211111";
@import "ui.css?122111";

body {
  width: 100%;
  background: #080b14 url(../images3/body-bg.jpg) center repeat-y;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #8793ac;
  margin: 0;
  padding: 0;
}

a {
  transition: all 0.3s ease;
  color: #e6e7e8;
  text-decoration: none;
}

a:hover {
  -webkit-filter: brightness(120%);
  filter: brightness(120%);
  text-decoration: none;
}

p {
  margin-bottom: 15px;
}

h1,
h2,
h3 {
  color: #e6e7e8;
  margin-bottom: 20px;
  line-height: 1.3;
  font-family: "Times New Roman", Times, serif;
}

h1 {
  font-size: 18px;
}

h2 {
  font-size: 16px;
}

h3 {
  font-size: 14px;
}

li {
  list-style: none
}

input[type="checkbox"],
input[type="radio"] {
  width: auto
}

ul {
  padding-inline-start: 0px;
}

input, textarea, select {
  background: rgba(35, 45, 75, 0.8);
  border: 1px solid #3f517c;
  color: #7891af;
  padding: 7px 3px;
  width: auto;
}

button, .button {
  transition: all 0.3s ease;
  cursor: pointer;
  background: transparent;
  border-radius: 1px 1px 1px 1px;
  text-decoration: none;
  border: 1px solid #3f517c;
  color: #a5b2ca;
  display: inline-block;
  vertical-align: top;
  position: relative;
  z-index: 1;
  padding: 4px 15px;
}

button:hover, .button:hover, .button2:hover, .button3:hover {
  -webkit-filter: brightness(120%);
  filter: brightness(120%);
}

.button2 {
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  color: darkgrey;
  position: relative;
  z-index: 1;
  padding: 7px 10px 7px 10px;
  margin: 5px;
  font-size: 14px;
}

.button3 {
  transition: all 0.3s ease;
  cursor: pointer;
  background: rgba(35, 45, 75, 0.8);
  border-radius: 1px 1px 1px 1px;
  border: 1px solid #3f517c;
  text-decoration: none;
  color: #fff;
  position: relative;
  z-index: 1;
  margin-bottom: 0px;
  display: inline-block;
  vertical-align: top;
  padding: 6px 15px;
}

.button4 {
  transition: all 0.3s ease;
  cursor: pointer;
  background: rgba(35, 45, 75, 0.8);
  border-radius: 4px;
  text-decoration: none;
  color: #fff;
  position: relative;
  z-index: 1;
  margin-bottom: 0px;
  display: inline-block;
  vertical-align: top;
  padding: 8px 15px;
}

.btn-profile-logout-position {
  position: absolute;
  top: -85px;
  right: -16%;
  opacity: 0.7;
}

.riwel li span {
  background: linear-gradient(#decfa1 11px, #a29261 9px);
  -webkit-background-clip: text;
  color: transparent;
}

.riwel li {
  letter-spacing: 0.5px;
  font-size: 13px;
  background: rgba(0, 0, 0, 0.2);
  padding: 7px 15px 7px 15px !important;
  margin: 2px 0px 2px 0px !important;
  font-weight: bold;
  background: linear-gradient(#c4cfda 17px, #9dacc5 9px);
  -webkit-background-clip: text;
  color: transparent;
  font-family: "Times New Roman", Times, serif;
}

.btn-profile-morefeatures-position {
  font-variant-caps: all-small-caps;
  font-size: large;
  position: absolute;
  opacity: 0.9;
  right: 0%;
}

.diamondwrap {
  display: flex;
  align-items: center;
  position: absolute;
  right: -44px;
  bottom: -30px;
}

.votewrap {
  display: flex;
  align-items: center;
  position: absolute;
  right: 60px;
  bottom: -30px;
}

.diamondwrap img {
  width: 32px;
  height: auto;
  margin: 0px 0px 0px 3px;
  position: relative;
  top: -2px;
}

.votewrap img {
  width: 32px;
  height: auto;
  margin: 0px 0px 0px 3px;
  position: relative;
  top: -2px;
}


li.logoutbtn {
  padding: 0px 0px 0px 0px !important;
}

.Diamonds p {
  display: inline;
  background: linear-gradient(#decfa1 11px, #a29261 9px);
  -webkit-background-clip: text;
  color: transparent;
  font-size: 18px;
}

.Votes p {
  display: inline;
  background: linear-gradient(#decfa1 11px, #a29261 9px);
  -webkit-background-clip: text;
  color: transparent;
  font-size: 18px;
}


:focus {
  outline: none;
}

::-webkit-input-placeholder {
  color: #495e81;
}

::-moz-placeholder {
  color: #495e81;
}

:-moz-placeholder {
  color: #495e81;
}

:-ms-input-placeholder {
  color: #495e81;
}

.body-t {
  background: url(../images3/body-bg-top.jpg) center top no-repeat, url(../images3/body-bg-bottom.jpg) center bottom no-repeat;
  min-height: 100vh;
}

.wrapper {
  width: 1100px;
  margin: 0 auto;
  position: relative;
}

/* Header
-----------------------------------------------------------------------------*/
.header {
  background: url(../images3/header-bg.jpg) no-repeat;
  height: 550px;
  position: relative;
}

lottie-player {
  position: absolute;
  top: -68px;
  left: 0;
  width: 100%;
  height: 100%;
}

.header a {
  text-decoration: none;
}

.select-block {
  background: url(../images/top-select-bg.png) no-repeat;
  width: 224px;
  height: 59px;
  padding-top: 6px;
  padding-left: 76px;
  margin: 0 auto;
  position: fixed;
}

.hide,
.hide+label~div {
  display: none;
}

.hide+label {
  cursor: pointer;
  display: inline-block;
  background: url(../images/select-input-bg.png) no-repeat;
  width: 146px;
  padding: 10px 0px 0px 15px;
  height: 21px;
  box-shadow: 0px 3px 10px -1px rgba(0, 0, 0, 0.2);
}

.hide:checked+label+div {
  display: block;
  background: #202635;
  border: 1px solid #323a4b;
  padding: 5px 10px;
  width: 140px;
  animation: fade ease-in 0.4s;
}

.hide:checked+label+div a {
  display: block;
  padding: 5px 5px;
  color: #8793ac;
}

.hide:checked+label+div a:hover {
  background: #323b50;
  color: #fff;
}

@keyframes fade {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.logo a {
  display: block;
  background: url(../images3/logo.png) no-repeat;
  width: 375px;
  height: 298px;
  position: absolute;
  bottom: -5px;
  left: 50%;
  margin-left: -175px;
}

/* left Sidebar
-----------------------------------------------------------------------------*/
.left-sidebar {
  width: 200px;
  padding: 0px 44px 0px 36px;
}

.left-sidebar a {
  text-decoration: none;
}

.menu {
  background: url(../images/menu-bg.png) left no-repeat;
  height: 231px;
  padding-left: 45px;
  margin: 10px 0px 85px 25px;
  position: relative;
}

.menu ul {
  padding-top: 10px;
}

.menu .active a {
  color: #e8ecf1;
  font-size: 14px;
  padding-left: 10px;
}

.menu li {
  padding-left: 20px;
}

.menu li a {
  text-transform: uppercase;
  font-family: "Times New Roman", Times, serif;
  color: #a4afc8;
  text-decoration: none;
  height: 29px;
  line-height: 29px;
  display: block;
}

.menu li a:hover {
  color: #e8ecf1;
  font-size: 14px;
  padding-left: 10px;
  -webkit-filter: brightness(100%);
  filter: brightness(100%);
}

.menu li:nth-child(1):hover~.cursor-menu {
  top: 4px;
}

.menu li:nth-child(2):hover~.cursor-menu {
  top: 32px;
}

.menu li:nth-child(3):hover~.cursor-menu {
  top: 63px;
}

.menu li:nth-child(4):hover~.cursor-menu {
  top: 91px;
}

.menu li:nth-child(5):hover~.cursor-menu {
  top: 120px;
}

.menu li:nth-child(6):hover~.cursor-menu {
  top: 148px;
}

.menu li:nth-child(7):hover~.cursor-menu {
  top: 177px;
}

.menu li:nth-child(8):hover~.cursor-menu {
  top: 208px;
}

.menu li:nth-child(9):hover~.cursor-menu {
  top: 240px;
}

.menu .cursor-menu {
  background: url(../images3/cursor-menu.png) no-repeat !important;
  width: 59px;
  height: 37px;
  position: absolute;
  left: -10px;
  top: 4px;
  transition: all 0.5s ease;
}

.sidebar-title {
  text-align: center;
  font-size: 13px;
  font-weight: bold;
  background: linear-gradient(#c4cfda 5px, #7586a1 9px);
  -webkit-background-clip: text;
  color: transparent;
  font-family: "Times New Roman", Times, serif;
  text-transform: uppercase;
  margin-bottom: 45px;
}

.sidebar-title:first-letter {
  font-size: 16px;
}

.market-block {
  position: relative;
  height: 237px;
  margin-bottom: 165px;
}

.market-block button {
  transform: rotate(-90deg);
  position: absolute;
  left: -53px;
  border-radius: 4px 4px 0px 0px;
  background: rgba(34, 39, 64, 0.4);
  height: 30px;
  border: none;
  border-top: 1px solid #2e3247;
  z-index: 1;
  padding: 0px 15px;
}

.market-block .buy {
  top: 190px;
}

.market-block .sell {
  top: 110px;
}

.ranking-table {
  margin: 0 auto;
  border-collapse: collapse;
  width: 100%;
  font-size: 12pt;
}

.ranking-table tr:hover {
  background: rgba(101, 117, 171, 0.2);
  color: #e5e5e7;
}

.ranking-table th {
  background: rgba(0, 0, 0, .16);
  padding: 5px;
  border-bottom: 1px solid #6b84c1;
}

.login-profile-table {
  margin: 0 auto;
  border-collapse: collapse;
}

.login-profile-table tr {
  border: 1px solid #596278;
}

.login-profile-table td {
  padding: 3px;
}

.block .z-m {
  padding-bottom: 10px;
}

.block .z-m img {
  margin-bottom: 4px;
}

.block.active {
  display: block;
}

.top-players table {
  width: 100%;
  margin: 0 auto;
}

.top-players td {
  padding: 5px 7px;
}

.top-players td a {
  font-family: "Times New Roman", Times, serif;
  text-decoration: underline;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 90px;
  display: inline-block;
}

.top-players td span {
  width: 15px;
  display: inline-block;
}

.top-players td:nth-child(1) {
  font-size: 10px;
  color: #566589;
}

.top-players td:nth-child(2) {
  font-size: 12px;
  color: #a6b1c8;
}

.top-players .t-m {
  font-size: 10px !important;
  color: #5b6a87 !important;
  padding-bottom: 10px;
}

.top-players tr:nth-child(2n+3) {
  background: rgba(170, 179, 203, 0.1);
}

.top-players tr:hover {
  background: rgba(170, 179, 203, 0.3);
  cursor: pointer;
}

.top-players tr:first-child:hover {
  background: none;
}

.top-players td:nth-child(even) {
  text-align: right;
}

.top-sidebar-title {
  margin-bottom: 20px;
}

.all-t {
  padding-top: 40px;
}

.all-t a {
  font-size: 14px;
  text-decoration: underline;
}

.all-t a:hover {
  text-decoration: none;
}

/* Middle
-----------------------------------------------------------------------------*/
.container {
  background: url(../images3/container-bg.jpg) no-repeat;
  min-height: 1190px;
  display: flex;
}

.content {
  width: 440px;
  padding: 0px 50px 40px 50px;
  line-height: 1.3;
  position: relative;
}

.content img {
  max-width: 440px;
}

.login-block {
  position: relative;
  z-index: 3;
  text-align: center;
  background: url(../images3/login-panel-input-bg.jpg) 3px 0px no-repeat;
  width: 250px;
  height: 28px;
  margin: 0 auto;
  margin-top: 15px;
  margin-bottom: 60px;
}

.login-block input {
  text-align: center;
  background: none;
  border: none;
  display: inline-block;
  width: 100px;
  font-size: 11px;
  margin-left: 2px;
}

.login-block button {
  display: block;
  background: url(../images3/login-button.png) no-repeat;
  width: 30px;
  height: 27px;
  border: none;
  margin: 0 auto;
  margin-top: 11px;
}
.logout-button{
    width: 25px;
    height: 25px;
    background: url("../images3/logout.png") no-repeat center center !important;
    background-size: contain !important;
    display: inline-block;
    cursor:pointer;
}
.news {
  margin-bottom: 35px;
  padding-bottom: 20px;
  border-bottom: 1px solid #2f3544;
  position: relative;
}

.news:before {
  content: "";
  /*  background: url(../images/title-icon.png) no-repeat;*/
  height: 14px;
  width: 14px;
  position: absolute;
  left: -20px;
  top: 2px;
}

.news .news-title {
  padding-bottom: 5px;
}

.news .news-title a {
  font-size: 26px;
  color: gold;
  font-family: "Times New Roman", Times, serif;
}

.news .news-title span {
  float: right;
  font-size: 11px;
  color: #4b5d85;
}

.news .news-title span b {
  font-weight: normal;
  color: #e7e8e9;
  font-size: 14px;
}

.news .news-text {
  padding-bottom: 2px;
}

.news .news-info {
  font-size: 11px;
  color: #576589;
}

.news .news-info .read-more {
  float: right;
  color: #576b93;
  background-color: rgba(8, 11, 20, 0.1);
  padding: 0px 10px 0px 15px;
  height: 20px;
  line-height: 18px;
  display: inline-block;
  border-radius: 4px;
}

.news .news-info a {
  text-decoration: none;
}

.news .news-info i {
  margin-left: 10px;
}

.comments-icon {
  background: url(../images/news-info-icon.png) 0px 1px no-repeat;
  height: 10px;
  width: 14px;
  display: inline-block;
}

.view-icon {
  background: url(../images/news-info-icon.png) -15px 1px no-repeat;
  height: 10px;
  width: 14px;
  display: inline-block;
}

.more-icon {
  background: url(../images/read-more-icon.png) no-repeat;
  height: 5px;
  width: 10px;
  display: inline-block;
}

.pagination {
  text-align: center;
}

.pagination a {
  margin: 0px 2px;
  text-decoration: none;
}

.pagination .number {
  color: #5d6c8c;
  text-decoration: none;
  border-radius: 3px;
  width: 18px;
  height: 22px;
  line-height: 22px;
  display: inline-block;
}

.pagination .number:hover {
  background: rgba(170, 174, 195, 0.1);
  color: #e6e7e8;
}

.pagination .active {
  background: rgba(170, 174, 195, 0.1);
  color: #e6e7e8;
}

.pagination .back {
  margin-right: 15px;
}

.pagination .back:before {
  content: "<";
  padding-right: 7px;
}

.pagination .next {
  margin-left: 15px;
}

.pagination .next:after {
  content: ">";
  padding-left: 7px;
}

/* right Sidebar
-----------------------------------------------------------------------------*/
.right-sidebar {
  width: 200px;
  padding: 0px 34px 0px 46px;
}

.server-block {
  padding-top: 0px;
  height: 210px;
  margin-bottom: 108px;
}

.server {
  height: 55px;
  padding: 21px 0px 0px 78px;
 /* border-bottom: 1px solid #353c4a; */
}

.server .title-server {
  color: ghostwhite;
  font-size: 40px;
  margin-bottom: 2px;
  text-align: center;
  background: linear-gradient(#c4cfda 5px, #7586a1 9px);
  -webkit-background-clip: text;
  font-family: "Times New Roman", Times, serif;
  padding-left: 20%;
}

.server .server-info {
  font-size: 11px;
}

.server .server-info i {
  height: 10px;
  width: 10px;
  display: inline-block;
}

.server .server-info.online i {
  background: url(../images/status-icons.png) 0px 1px no-repeat;
}

.server .server-info.online span {
  color: #8291a9;
  font-size: 12px;
}

.title-server a {
  font-size: 20px;
  background: linear-gradient(#c4cfda 5px, #7586a1);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.server .server-info.offline i {
  background: url(../images/status-icons.png) -10px 1px no-repeat;
}

.server .server-info.offline span {
  color: #864153;
}

.video-bg {
    position: absolute;
    top: 600px;
    left: 966px;
    transform: translate(-50%, -50%);
    opacity: 90%;
    z-index: 10;
}

.video-bg-text-1 {
    position: absolute;
    top: 38%;
    left: 17%;
    color: white;
    font-size: 15px;
    text-align: center;
    opacity: 75%;
    font-family: "Cormorant Unicase", serif;
    font-weight: 300;
    font-style: normal;
    
}

.video-bg-text-2 {
    position: absolute;
    top: 52%;
    left: 31%;
    color: white;
    font-size: 17px;
    text-align: center;
    opacity: 70%;
    font-family: "Cormorant Unicase", serif;
    font-weight: 300;
    font-style: normal;
}

.server-1 {
  background: url(../images/server-status-bg-1.png) 0px 10px no-repeat;
}

.server-2 {
  background: url(../images/server-status-bg-2.png) 0px 10px no-repeat;
}

.server-3 {
  background: url(../images/server-status-bg-3.png) 0px 10px no-repeat;
}

.castle-block {
  padding: 11px 17px;
  margin-bottom: 280px;
  height: 110px;
}

.castle-name {
  margin-bottom: 15px;
}

.castle-name img {
  background: url(../images3/castle-ava-bg.png) no-repeat;
  padding: 2px;
  margin-right: 12px;
  float: left;
}

.castle-name a {
  font-size: 16px;
  font-family: "Times New Roman", Times, serif;
  line-height: 33px;
}

.castle-name a:hover {
  text-decoration: none;
}

.clan {
  font-size: 11px;
  color: #56678c;
  margin-bottom: 9px;
}

.clan span {
  float: right;
  color: #a3afc8;
}

.clan.clan-status span {
  color: #59c153;
}

.themes-sidebar-title {
  margin-bottom: 20px;
}

.themes {
  border-bottom: 1px solid #31374a;
  padding: 0px 0px 23px 0px;
  margin: 0px -2px 10px 2px;
  font-size: 9px;
  position: relative;
  font-family: sans-serif;
  opacity: 0.9;
}

/* .themes:before {
  content: "";
  background: url(../images/title-icon.png) no-repeat;
  height: 14px;
  width: 14px;
  position: absolute;
  left: -20px;
  top: 0;
} */
.themes a:hover {
  text-decoration: none;
}

.themes .themes-title {
  display: block;
  line-height: 1.3;
  font-size: 12px;
  font-family: "Times New Roman", Times, serif;
  color: darkgrey;
}

/* Footer
-----------------------------------------------------------------------------*/
.footer {
  height: 90px;
  padding-top: 70px;
  position: relative;
}

.counters {
  position: absolute;
  padding-left: 40px;
}

.copyright {
  text-align: center;
  line-height: 1.3;
  padding-top: 10px;
  color: #818298;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .sidebar-title {
    background: none;
    color: #c9cfe1;
  }
}

/*# sourceMappingURL=style.css.map */
#tooltip {
  position: absolute;
  z-index: 3000;
  border: 1px solid #111;
  background-color: #221f28;
  padding: 5px;
  opacity: 0.90;
  font: normal 10px Tahoma, Helvetica, sans-serif;
  text-align: center;
  color: #fff;
}

#tooltip h3,
#tooltip div {
  margin: 0;
}

#lean_overlay {
  position: fixed;
  z-index: 9998;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background: #000;
  display: none;
}

#buy_windows, #add_to_card_windows, #select_server, #auction_bet {
  width: 404px;
  padding-bottom: 2px;
  display: none;
  background: rgba(35, 45, 75, 0.8);
  border: 1px solid #3f517c;
  color: #7891af;
  padding: 7px 10px;
  width: 100%;
}

#item_filter_overlay {
  position: absolute;
  display: none;
  z-index: 9999;
}

#item_filter {
  height: 710px;
  background: rgba(35, 45, 75, 0.8);
  border: 1px solid #3f517c;
  color: #7891af;
  padding: 7px 10px;
  width: 100%;
}

.item_filter_content {
  height: 640px;
  margin: 15px;
  overflow: auto;
}

.close {
  position: absolute;
  top: 23px;
  right: 12px;
  display: block;
  width: 14px;
  height: 14px;
  background: url(../images/close.png?12);
  z-index: 2;
}

.item_filter_content input[type="checkbox"],
.item_filter_content input[type="radio"] {
  width: auto
}

.modal-header2 {
  margin: 0 15px
}

#events div {
  border-bottom: 1px solid #31374a;
  padding: 0px 0px 12px 0px;
  margin: 0px 0px 8px 0px;
  font-size: 12px;
  position: relative;
}

#events div span {
  width: 100px;
  height: 15px;
  /* float: left; */
  display: block;
  font-family: "Times New Roman", Times, serif;
  font-size: 12px;
  color: darkgrey;
}

#events div:after, #events div:before {
  content: "";
  clear: both;
  display: table;
}

#events div small {
  float: right;
  width: 50%;
  text-align: right;
  color: currentColor;
}

.offline {
  color: red;
}

.online {
  color: green;
}

#timer_div_title {
  position: absolute;
  height: 16px;
  width: 210px;
  top: 10px;
  left: 560px;
  font-size: 16px;
  text-align: center;
}

#timer_div_time {
  position: absolute;
  height: 70px;
  width: 220px;
  top: 30px;
  left: 560px;
}

.timmer_inner_block {
  width: 50px;
  height: 65px;
  background-color: #fff;
  -moz-border-radius: .5em;
  -webkit-border-radius: .5em;
  border-radius: .5em;
  margin: 2px;
  float: left;
  opacity: 0.2;
  /*filter:alpha(opacity=20); */
}

#timer_div_time .timmer_inner_block .title {
  text-align: center;
}

#timer_div_time .timmer_inner_block .count {
  text-align: center;
  font-weight: bold;
  font-size: 20px;
  padding-top: 10px;
}

#loading {
  background-image: url(../images/l_bg.png);
  border-radius: 0 0 4px 4px;
  color: #fff;
  display: none;
  position: fixed;
  top: 0;
  left: 48%;
  z-index: 1000;
  padding: 6px;
}

.i_note, .w_note, .e_note {
  border: 1px solid;
  margin: 10px 0px;
  padding: 15px 10px 15px 40px;
  background-repeat: no-repeat;
  -moz-border-radius: .5em;
  -webkit-border-radius: .5em;
  border-radius: .5em;
  text-align: left;
}

.i_note {
  background: rgba(35, 45, 75, 0.8);
  border: 1px solid #3f517c;
  color: #7891af;
  padding: 7px 0px;
  width: 100%;
  text-align: center;
}

.s_note {
  background: rgba(35, 45, 75, 0.8);
  border: 1px solid #3f517c;
  color: #7891af;
  padding: 20px;
}

.w_note {
  color: #7a8fcc;
  /* background-color: #61abf7;
 background-image: url('../images/warning.png'); */
  background-position: left center;
}

.e_note {
  color: #7a8fcc;
  /*background-color: #61abf7;
background-image: url('../images/error.png'); */
  background-position: left center;
}

.lost-psswd {
  font-family: "Times New Roman", Times, serif;
  color: #a4afc8;
  position: absolute;
  top: -12px;
  left: 222px;
  text-transform: uppercase;
}

.lost-psswd:hover {
  color: #fff
}

.server .serv-im {
  width: 100%;
  height: 4px;
  margin-bottom: 9px;
  background: rgba(0, 0, 0, .2)
}

.server .serv-im .scale {
  width: 0%;
  height: 4px;
  -webkit-transition: all 3s ease;
  -moz-transition: all 3s ease;
  -o-transition: all 3s ease;
  transition: all 3s ease;
  background: green
}

.top-players table {
  width: 100%;
  margin: 0 auto;
}

.top-players td {
  padding: 5px 7px;
}

.top-players td a {
  font-family: "Times New Roman", Times, serif;
  text-decoration: underline;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 90px;
  display: inline-block;
}

.top-players td span {
  width: 15px;
  display: inline-block;
}

.top-players td:nth-child(1) {
  font-size: 10px;
  color: #566589;
}

.top-players td:nth-child(2) {
  font-size: 12px;
  color: #a6b1c8;
}

.top-players .t-m {
  font-size: 10px !important;
  color: #5b6a87 !important;
  padding-bottom: 10px;
}

.top-players tr:nth-child(2n+3) {
  background: rgba(170, 179, 203, 0.1);
}

.top-players tr:hover {
  background: rgba(170, 179, 203, 0.3);
  cursor: pointer;
}

.top-players tr:first-child:hover {
  background: none;
}

.top-players td:nth-child(even) {
  text-align: right;
}

.top-sidebar-title {
  margin-bottom: 20px;
}

#ucp_info .half {
  float: left;
  width: 47%;
  padding: 5px;
  position: relative;
  margin-left: 3px;
}

#ucp_info .full {
  width: 100%;
}

*#ucp_info .half table {
  margin-left: auto;
  margin-right: auto;
}

#ucp_info td {
  /* padding: 2px; */
}

#character-info {
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding: 0px;
}

#character-info ul {
  list-style-type: none;
  display: inline;
  margin: 0px;
  padding: 0px;
}

#character-info ul li {
  float: left;
  padding: 0px;
  margin: 0px;
}

#character-info tbody tr {
  background: none;
  border: none;
}

#character-info table {
  border-collapse: collapse;
}

#character-info tbody tr td {
  width: 50%;
  background: rgba(35, 45, 75, 0.4);
  border: 1px solid #3f517c;
  color: #7891af;
  padding: 7px 10px;
}

#character-info tbody tr td:hover {
  background: rgba(35, 45, 75, 0.9);
}

#character-info tbody tr td a {
  font-size: 14px;
  font-weight: bold;
  color: #b8ab7e;
}

#character-info div {
  padding-left: 10px;
  margin-right: 7px;
}

.hrs {
  margin: 15px auto;
  height: 1px;
  width: 100%;
  display: block;
  background: rgba(255, 255, 255, 0.16)
}

#sell_item {
  background: rgba(35, 45, 75, 0.4);
  border: 1px solid #3f517c;
  color: #7891af;
  padding: 7px 10px;
  display: none;
}

#exception {
  width: 100%;
  height: 0 auto;
  line-height: 25px;
  min-height: 25px;
  margin: 0;
  padding: 0;
  text-align: center;
  color: #FFF;
  display: none;
  background-color: red;
  position: fixed;
  z-index: 9999;
}

.wh_items {
  width: 261px;
  margin: 2px auto;
  padding-top: 6px;
  padding-left: 3px;
  height: 485px;
}

.square {
  cursor: pointer;
  position: absolute;
  opacity: 0.8;
}

.square:hover {
  padding: 1px;
  opacity: 1;
}

.square img {
  width: 100%;
  height: 100%;
}

#helm {
  position: absolute;
  left: 73px;
  top: 58px;
  width: 56px;
  height: 66px;
}

#wings {
  position: absolute;
  left: 272px;
  top: 59px;
  width: 127px;
  height: 110px;
}

#pendant {
  position: absolute;
  left: 233px;
  top: 80px;
  width: 29px;
  height: 29px;
}

#sword {
  position: absolute;
  left: 6px;
  top: 242px;
  width: 69px;
  height: 129px;
}

#armor {
  position: absolute;
  left: 40px;
  top: 138px;
  width: 82px;
  height: 98px;
}

#shield {
  position: absolute;
  left: 330px;
  top: 242px;
  width: 69px;
  height: 129px;
}

#gloves {
  position: absolute;
  left: 271px;
  top: 178px;
  width: 85px;
  height: 55px;
}

#pants {
  position: absolute;
  left: 89px;
  top: 297px;
  width: 58px;
  height: 74px;
}

#ring_left {
  position: absolute;
  left: 102px;
  top: 252px;
  width: 29px;
  height: 29px;
}

#ring_right {
  position: absolute;
  left: 272px;
  top: 252px;
  width: 29px;
  height: 29px;
}

#boots {
  position: absolute;
  left: 258px;
  top: 297px;
  width: 58px;
  height: 74px;
}

/* AUCTION */
.inv {
  table-layout: fixed;
  background-color: #212121;
  border: 1px solid #100f0d;
  margin: 0px;
  padding: 0px;
}

ul#vote-options {
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}

ul#vote-options {
  list-style: none;
}

ul#vote-options h5 {
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}

#vote-options {
  color: #555;
  font-size: auto;
  line-height: auto;
  list-style-type: none;
  margin: 0;
}

#vote-options li {
  align-items: center;
  margin-top: 10px;
  padding: 10px;
}

#vote-options li img {
    margin-left: 175px;
}

#vote-options li button {
  border: 1px solid #999;
  line-height: 28px;
  margin: 6px 0;
  padding: 0 5px;
  margin-left: 180px;
}

#vote-options li h5 {
  color: #e6c33e;
  font-weight: bolder;
  font-size: 24px;
  text-align: center;
  padding-left: 10px;
  margin-left: 10px;
}

ul#paypal-options {
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}

ul#paypal-options {
  list-style: none;
}

ul#paypal-options h4 {
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}

ul#paypal-options h3 {
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}

#paypal-options {
  color: #555;
  font-size: auto;
  line-height: auto;
  list-style-type: none;
  margin: 0;
}

#paypal-options li {
  border-radius: 5px;
  line-height: 45px;
  height: 45px;
  border: 1px solid #596278;
  margin-top: 10px;
  padding: 10px;
  max-width: 100%;
  display: flex;
  justify-content: space-between;
}

#paypal-options button {
  color: #e6e7e8;
}

#paypal-options li h4 {
  color: #35fec3;
  font-weight: bolder;
  font-size: 14px;
  padding-left: 10px;
  margin-left: 10px;
}

#paypal-options li h3 {
  color: #efe259;
  font-size: 12px;
  font-weight: 700;
  padding-left: 10px;
  margin-right: 10px;
  flex: 1;
  text-align: right;
}

#paypal-options h3[data-price-tax] {
  color: red;
}

#pagination {
  display: flex;
  justify-content: center;
}

#pagination li a {
  font-size: 16px;
  padding: 5px;
  font-family: math;
  color: currentcolor;
}

.plans {
  list-style: none;
  margin: 0;
  padding: 10px 0px;
}

.plan {
  background: rgba(35, 45, 75, 0.8);
  border: 1px solid #3f517c;
  color: #7891af;
  padding: 7px 10px;
}

.plan:before,
.plan:after {
  content: "";
  clear: both;
  display: table;
}

.price {
  border-radius: 100%;
  cursor: default;
  display: block;
  float: left;
  height: 46px;
  line-height: 46px;
  margin: 8px 10px 0 0;
  text-align: center;
  width: 46px;
}

.price-green {
  color: #aec3c1;
  font-weight: bold;
  font-size: 20px;
}

.price-red {
  color: #aec3c1;
  font-weight: bold;
  font-size: 20px;
}

.details {
  color: #222;
  display: block;
  float: left;
  height: 46px;
  margin: 8px 0;
  padding: 0px 10px;
}

.plan-title {
  font-size: 17px;
  font-weight: normal;
  margin: 2px 0 0;
  padding: 0;
  text-transform: uppercase;
}

.plan-description {
  color: #eac84c;
  font-size: 14px;
  margin: 0;
  padding: 0;
  font: initial;
}

#select_server {
  width: 400px
}

.f16 .flag {
  display: inline-block;
  height: 16px;
  width: 16px;
  vertical-align: text-top;
  line-height: 16px;
  background: url(../images/flags.png) no-repeat;
}

.f16 ._African_Union {
  background-position: 0 -16px;
}

.f16 ._Arab_League {
  background-position: 0 -32px;
}

.f16 ._ASEAN {
  background-position: 0 -48px;
}

.f16 ._CARICOM {
  background-position: 0 -64px;
}

.f16 ._CIS {
  background-position: 0 -80px;
}

.f16 ._Commonwealth {
  background-position: 0 -96px;
}

.f16 ._England {
  background-position: 0 -112px;
}

.f16 ._European_Union, .f16 .eu {
  background-position: 0 -128px;
}

.f16 ._Islamic_Conference {
  background-position: 0 -144px;
}

.f16 ._Kosovo {
  background-position: 0 -160px;
}

.f16 ._NATO {
  background-position: 0 -176px;
}

.f16 ._Northern_Cyprus {
  background-position: 0 -192px;
}

.f16 ._Northern_Ireland {
  background-position: 0 -208px;
}

.f16 ._Olimpic_Movement {
  background-position: 0 -224px;
}

.f16 ._OPEC {
  background-position: 0 -240px;
}

.f16 ._Red_Cross {
  background-position: 0 -256px;
}

.f16 ._Scotland {
  background-position: 0 -272px;
}

.f16 ._Somaliland {
  background-position: 0 -288px;
}

.f16 ._Tibet {
  background-position: 0 -304px;
}

.f16 ._United_Nations {
  background-position: 0 -320px;
}

.f16 ._Wales {
  background-position: 0 -336px;
}

.f16 .ad {
  background-position: 0 -352px;
}

.f16 .ae {
  background-position: 0 -368px;
}

.f16 .af {
  background-position: 0 -384px;
}

.f16 .ag {
  background-position: 0 -400px;
}

.f16 .ai {
  background-position: 0 -416px;
}

.f16 .al {
  background-position: 0 -432px;
}

.f16 .am {
  background-position: 0 -448px;
}

.f16 .ao {
  background-position: 0 -464px;
}

.f16 .aq {
  background-position: 0 -480px;
}

.f16 .ar {
  background-position: 0 -496px;
}

.f16 .as {
  background-position: 0 -512px;
}

.f16 .at {
  background-position: 0 -528px;
}

.f16 .au {
  background-position: 0 -544px;
}

.f16 .aw {
  background-position: 0 -560px;
}

.f16 .ax {
  background-position: 0 -576px;
}

.f16 .az {
  background-position: 0 -592px;
}

.f16 .ba {
  background-position: 0 -608px;
}

.f16 .bb {
  background-position: 0 -624px;
}

.f16 .bd {
  background-position: 0 -640px;
}

.f16 .be {
  background-position: 0 -656px;
}

.f16 .bf {
  background-position: 0 -672px;
}

.f16 .bg {
  background-position: 0 -688px;
}

.f16 .bh {
  background-position: 0 -704px;
}

.f16 .bi {
  background-position: 0 -720px;
}

.f16 .bj {
  background-position: 0 -736px;
}

.f16 .bm {
  background-position: 0 -752px;
}

.f16 .bn {
  background-position: 0 -768px;
}

.f16 .bo {
  background-position: 0 -784px;
}

.f16 .br {
  background-position: 0 -800px;
}

.f16 .bs {
  background-position: 0 -816px;
}

.f16 .bt {
  background-position: 0 -832px;
}

.f16 .bw {
  background-position: 0 -848px;
}

.f16 .by {
  background-position: 0 -864px;
}

.f16 .bz {
  background-position: 0 -880px;
}

.f16 .ca {
  background-position: 0 -896px;
}

.f16 .cg {
  background-position: 0 -912px;
}

.f16 .cf {
  background-position: 0 -928px;
}

.f16 .cd {
  background-position: 0 -944px;
}

.f16 .ch {
  background-position: 0 -960px;
}

.f16 .ci {
  background-position: 0 -976px;
}

.f16 .ck {
  background-position: 0 -992px;
}

.f16 .cl {
  background-position: 0 -1008px;
}

.f16 .cm {
  background-position: 0 -1024px;
}

.f16 .cn {
  background-position: 0 -1040px;
}

.f16 .co {
  background-position: 0 -1056px;
}

.f16 .cr {
  background-position: 0 -1072px;
}

.f16 .cu {
  background-position: 0 -1088px;
}

.f16 .cv {
  background-position: 0 -1104px;
}

.f16 .cy {
  background-position: 0 -1120px;
}

.f16 .cz {
  background-position: 0 -1136px;
}

.f16 .de {
  background-position: 0 -1152px;
}

.f16 .dj {
  background-position: 0 -1168px;
}

.f16 .dk {
  background-position: 0 -1184px;
}

.f16 .dm {
  background-position: 0 -1200px;
}

.f16 .do {
  background-position: 0 -1216px;
}

.f16 .dz {
  background-position: 0 -1232px;
}

.f16 .ec {
  background-position: 0 -1248px;
}

.f16 .ee {
  background-position: 0 -1264px;
}

.f16 .eg {
  background-position: 0 -1280px;
}

.f16 .eh {
  background-position: 0 -1296px;
}

.f16 .er {
  background-position: 0 -1312px;
}

.f16 .es {
  background-position: 0 -1328px;
}

.f16 .et {
  background-position: 0 -1344px;
}

.f16 .fi {
  background-position: 0 -1360px;
}

.f16 .fj {
  background-position: 0 -1376px;
}

.f16 .fm {
  background-position: 0 -1392px;
}

.f16 .fo {
  background-position: 0 -1408px;
}

.f16 .fr {
  background-position: 0 -1424px;
}

.f16 .bl, .f16 .cp, .f16 .mf, .f16 .yt {
  background-position: 0 -1424px;
}

.f16 .ga {
  background-position: 0 -1440px;
}

.f16 .gb {
  background-position: 0 -1456px;
}

.f16 .sh {
  background-position: 0 -1456px;
}

.f16 .gd {
  background-position: 0 -1472px;
}

.f16 .ge {
  background-position: 0 -1488px;
}

.f16 .gg {
  background-position: 0 -1504px;
}

.f16 .gh {
  background-position: 0 -1520px;
}

.f16 .gi {
  background-position: 0 -1536px;
}

.f16 .gl {
  background-position: 0 -1552px;
}

.f16 .gm {
  background-position: 0 -1568px;
}

.f16 .gn {
  background-position: 0 -1584px;
}

.f16 .gp {
  background-position: 0 -1600px;
}

.f16 .gq {
  background-position: 0 -1616px;
}

.f16 .gr {
  background-position: 0 -1632px;
}

.f16 .gt {
  background-position: 0 -1648px;
}

.f16 .gu {
  background-position: 0 -1664px;
}

.f16 .gw {
  background-position: 0 -1680px;
}

.f16 .gy {
  background-position: 0 -1696px;
}

.f16 .hk {
  background-position: 0 -1712px;
}

.f16 .hn {
  background-position: 0 -1728px;
}

.f16 .hr {
  background-position: 0 -1744px;
}

.f16 .ht {
  background-position: 0 -1760px;
}

.f16 .hu {
  background-position: 0 -1776px;
}

.f16 .id {
  background-position: 0 -1792px;
}

.f16 .mc {
  background-position: 0 -1792px;
}

.f16 .ie {
  background-position: 0 -1808px;
}

.f16 .il {
  background-position: 0 -1824px;
}

.f16 .im {
  background-position: 0 -1840px;
}

.f16 .in {
  background-position: 0 -1856px;
}

.f16 .iq {
  background-position: 0 -1872px;
}

.f16 .ir {
  background-position: 0 -1888px;
}

.f16 .is {
  background-position: 0 -1904px;
}

.f16 .it {
  background-position: 0 -1920px;
}

.f16 .je {
  background-position: 0 -1936px;
}

.f16 .jm {
  background-position: 0 -1952px;
}

.f16 .jo {
  background-position: 0 -1968px;
}

.f16 .jp {
  background-position: 0 -1984px;
}

.f16 .ke {
  background-position: 0 -2000px;
}

.f16 .kg {
  background-position: 0 -2016px;
}

.f16 .kh {
  background-position: 0 -2032px;
}

.f16 .ki {
  background-position: 0 -2048px;
}

.f16 .km {
  background-position: 0 -2064px;
}

.f16 .kn {
  background-position: 0 -2080px;
}

.f16 .kp {
  background-position: 0 -2096px;
}

.f16 .kr {
  background-position: 0 -2112px;
}

.f16 .kw {
  background-position: 0 -2128px;
}

.f16 .ky {
  background-position: 0 -2144px;
}

.f16 .kz {
  background-position: 0 -2160px;
}

.f16 .la {
  background-position: 0 -2176px;
}

.f16 .lb {
  background-position: 0 -2192px;
}

.f16 .lc {
  background-position: 0 -2208px;
}

.f16 .li {
  background-position: 0 -2224px;
}

.f16 .lk {
  background-position: 0 -2240px;
}

.f16 .lr {
  background-position: 0 -2256px;
}

.f16 .ls {
  background-position: 0 -2272px;
}

.f16 .lt {
  background-position: 0 -2288px;
}

.f16 .lu {
  background-position: 0 -2304px;
}

.f16 .lv {
  background-position: 0 -2320px;
}

.f16 .ly {
  background-position: 0 -2336px;
}

.f16 .ma {
  background-position: 0 -2352px;
}

.f16 .md {
  background-position: 0 -2368px;
}

.f16 .me {
  background-position: 0 -2384px;
}

.f16 .mg {
  background-position: 0 -2400px;
}

.f16 .mh {
  background-position: 0 -2416px;
}

.f16 .mk {
  background-position: 0 -2432px;
}

.f16 .ml {
  background-position: 0 -2448px;
}

.f16 .mm {
  background-position: 0 -2464px;
}

.f16 .mn {
  background-position: 0 -2480px;
}

.f16 .mo {
  background-position: 0 -2496px;
}

.f16 .mq {
  background-position: 0 -2512px;
}

.f16 .mr {
  background-position: 0 -2528px;
}

.f16 .ms {
  background-position: 0 -2544px;
}

.f16 .mt {
  background-position: 0 -2560px;
}

.f16 .mu {
  background-position: 0 -2576px;
}

.f16 .mv {
  background-position: 0 -2592px;
}

.f16 .mw {
  background-position: 0 -2608px;
}

.f16 .mx {
  background-position: 0 -2624px;
}

.f16 .my {
  background-position: 0 -2640px;
}

.f16 .mz {
  background-position: 0 -2656px;
}

.f16 .na {
  background-position: 0 -2672px;
}

.f16 .nc {
  background-position: 0 -2688px;
}

.f16 .ne {
  background-position: 0 -2704px;
}

.f16 .ng {
  background-position: 0 -2720px;
}

.f16 .ni {
  background-position: 0 -2736px;
}

.f16 .nl {
  background-position: 0 -2752px;
}

.f16 .bq {
  background-position: 0 -2752px;
}

.f16 .no {
  background-position: 0 -2768px;
}

.f16 .bv, .f16 .nq, .f16 .sj {
  background-position: 0 -2768px;
}

.f16 .np {
  background-position: 0 -2784px;
}

.f16 .nr {
  background-position: 0 -2800px;
}

.f16 .nz {
  background-position: 0 -2816px;
}

.f16 .om {
  background-position: 0 -2832px;
}

.f16 .pa {
  background-position: 0 -2848px;
}

.f16 .pe {
  background-position: 0 -2864px;
}

.f16 .pf {
  background-position: 0 -2880px;
}

.f16 .pg {
  background-position: 0 -2896px;
}

.f16 .ph {
  background-position: 0 -2912px;
}

.f16 .pk {
  background-position: 0 -2928px;
}

.f16 .pl {
  background-position: 0 -2944px;
}

.f16 .pr {
  background-position: 0 -2960px;
}

.f16 .ps {
  background-position: 0 -2976px;
}

.f16 .pt {
  background-position: 0 -2992px;
}

.f16 .pw {
  background-position: 0 -3008px;
}

.f16 .py {
  background-position: 0 -3024px;
}

.f16 .qa {
  background-position: 0 -3040px;
}

.f16 .re {
  background-position: 0 -3056px;
}

.f16 .ro {
  background-position: 0 -3072px;
}

.f16 .rs {
  background-position: 0 -3088px;
}

.f16 .ru {
  background-position: 0 -3104px;
}

.f16 .rw {
  background-position: 0 -3120px;
}

.f16 .sa {
  background-position: 0 -3136px;
}

.f16 .sb {
  background-position: 0 -3152px;
}

.f16 .sc {
  background-position: 0 -3168px;
}

.f16 .sd {
  background-position: 0 -3184px;
}

.f16 .se {
  background-position: 0 -3200px;
}

.f16 .sg {
  background-position: 0 -3216px;
}

.f16 .si {
  background-position: 0 -3232px;
}

.f16 .sk {
  background-position: 0 -3248px;
}

.f16 .sl {
  background-position: 0 -3264px;
}

.f16 .sm {
  background-position: 0 -3280px;
}

.f16 .sn {
  background-position: 0 -3296px;
}

.f16 .so {
  background-position: 0 -3312px;
}

.f16 .sr {
  background-position: 0 -3328px;
}

.f16 .st {
  background-position: 0 -3344px;
}

.f16 .sv {
  background-position: 0 -3360px;
}

.f16 .sy {
  background-position: 0 -3376px;
}

.f16 .sz {
  background-position: 0 -3392px;
}

.f16 .tc {
  background-position: 0 -3408px;
}

.f16 .td {
  background-position: 0 -3424px;
}

.f16 .tg {
  background-position: 0 -3440px;
}

.f16 .th {
  background-position: 0 -3456px;
}

.f16 .tj {
  background-position: 0 -3472px;
}

.f16 .tl {
  background-position: 0 -3488px;
}

.f16 .tm {
  background-position: 0 -3504px;
}

.f16 .tn {
  background-position: 0 -3520px;
}

.f16 .to {
  background-position: 0 -3536px;
}

.f16 .tr {
  background-position: 0 -3552px;
}

.f16 .tt {
  background-position: 0 -3568px;
}

.f16 .tv {
  background-position: 0 -3584px;
}

.f16 .tw {
  background-position: 0 -3600px;
}

.f16 .tz {
  background-position: 0 -3616px;
}

.f16 .ua {
  background-position: 0 -3632px;
}

.f16 .ug {
  background-position: 0 -3648px;
}

.f16 .us {
  background-position: 0 -3664px;
}

.f16 .uy {
  background-position: 0 -3680px;
}

.f16 .uz {
  background-position: 0 -3696px;
}

.f16 .va {
  background-position: 0 -3712px;
}

.f16 .vc {
  background-position: 0 -3728px;
}

.f16 .ve {
  background-position: 0 -3744px;
}

.f16 .vg {
  background-position: 0 -3760px;
}

.f16 .vi {
  background-position: 0 -3776px;
}

.f16 .vn {
  background-position: 0 -3792px;
}

.f16 .vu {
  background-position: 0 -3808px;
}

.f16 .ws {
  background-position: 0 -3824px;
}

.f16 .ye {
  background-position: 0 -3840px;
}

.f16 .za {
  background-position: 0 -3856px;
}

.f16 .zm {
  background-position: 0 -3872px;
}

.f16 .zw {
  background-position: 0 -3888px;
}

.f16 .sx {
  background-position: 0 -3904px;
}

.f16 .cw {
  background-position: 0 -3920px;
}

.f16 .ss {
  background-position: 0 -3936px;
}

.f16 .nu {
  background-position: 0 -3952px;
}

.active {
  opacity: 1;
  filter: alpha(opacity=100);
}

.nonactive {
  opacity: 0.3;
  filter: alpha(opacity=30);
}

.active:hover, .nonactive:hover {
  opacity: 0.6;
  filter: alpha(opacity=60);
  margin-bottom: -1px;
  margin-top: 1px;
}

.active:active, .nonactive:active {
  opacity: 1;
  filter: alpha(opacity=100);
  margin-bottom: -2px;
  margin-top: 2px;
}

.top-block {
  display: contents;
  justify-content: space-between;
  align-items: center;
  text-decoration: none;
  padding: 2px 10px;
  border-top: 1px solid #1a212d;
  border-bottom: 1px solid rgba(0, 0, 0, 0);
  font-size: 12px;
}

.top-player span {
  color: #c6e4f5;
  position: relative;
  padding: 1px 0px;
}

.top-player span#num-1,
.top-player span#num-2,
.top-player span#num-3 {
  font-size: 0;
  position: relative;
}

.top-player span#num-1:after {
    content: "";
    width: 72px;
    height: 60px;
    background: url(../images3/top-one-icon.png) no-repeat;
    display: block;
    position: relative;
    left: 8px;
    top: -20px;
}

#rat-1,
#rat-2,
#rat-3 {
  font-size: 0;
  position: relative;
}

#rat-1:after {
  content: "";
  width: 42px;
  height: 31px;
  background: url(../images3/top-one-icon.png);
  display: block;
  position: absolute;
  left: -7px;
  top: 4px;
}

#rat-2:after {
  content: "";
  width: 42px;
  height: 31px;
  background: url(../images3/top-two-icon.png);
  display: block;
  position: absolute;
  left: -7px;
  top: 4px;
}

#rat-3:after {
  content: "";
  width: 42px;
  height: 31px;
  background: url(../images3/top-three-icon.png);
  display: block;
  position: absolute;
  left: -7px;
  top: 4px;
}

.top-player span#num-2:after {
    content: "";
    width: 67px;
    height: 56px;
    background: url(../images3/top-two-icon.png) no-repeat;
    display: block;
    position: relative;
    left: 10px;
    top: -23px;
}

.top-player span#num-3:after {
    content: "";
    width: 60px;
    height: 52px;
    background: url(../images3/top-three-icon.png) no-repeat;
    display: block;
    position: relative;
    left: 13px;
    top: -24px;
}

.top-player span:nth-child(4n+1) {
  width: 25px;
}

.top-player span:nth-child(4n+2) {
  top: -61px;
  right: -85px;
  text-align: center;
  font-size: 19px;
  font-weight: bold;
  background: linear-gradient(#e2e0db 11px, #b9b8b7 9px);
  -webkit-background-clip: text;
  color: transparent;
  font-family: "Times New Roman", Times, serif;
  font-variant: petite-caps;
}

.top-player span:nth-child(4n+3) {
  width: 110px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.top-player span:nth-child(4n+4) {
  min-width: 40px;
  padding-right: 7px;
  color: #fff;
  text-align: right;
  text-shadow: 0px 0px 14px rgba(216, 122, 115, 0.8);
}

.top-player span:nth-child(4n+5) {
  width: 50px;
  color: #fff;
  text-shadow: 0px 0px 14px rgba(255, 64, 50, 0.8);
  text-align: right;
  padding-right: 6px;
}

.top-player span img {
  border: 1px solid #708391;
  box-shadow: 0px 0px 7px 0px #708391;
  margin-bottom: -3px;
}

.top-player span b {
  font-weight: normal;
  font-size: 12px;
  position: absolute;
  right: 0px;
  top: -8px;
  color: #ef4c4c;
  text-shadow: 0px 0px 10px #ff4032;
}

.top-player:hover {
  background: #1a212d;
  border-top: 1px solid #2b374a;
  border-bottom: 1px solid #2b374a;
}

.top-player:hover span {}

.leftwel {
  width: 102px;
  float: left
}

.leftwel img {
  display: block;
  margin: 0px auto 0
}
.avatar_frame{
  width: 102px;
  height: 102px;
  background: url("../images3/avatar.png") no-repeat center center;
  background-size: contain;
  display: inline-block;
}
.avatar-text {
    position: absolute;
    bottom: -7px;
    left: 0%;
    color: white;
    font-size: 10px;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.8);
    background: rgba(0,0,0,0.3); /* немного затемнения под текстом */
    padding: 2px 6px;
    border-radius: 4px;
    white-space: nowrap;
}
.select_server_switch{
  width: 9px;
  height: 9px;
  background: url("../images3/switch.png") no-repeat center center !important;
  background-size: contain !important;
  display: inline-block;
  cursor:pointer;
}
.riwel {
  width: calc(100% - 150px);
  float: left;
  padding-left: 10px;
  padding-top: 0px;
}

.riwel ul {
  margin: 0
}

.riwel ul li {
  padding: 0px 0px 6px 0px;
  position: relative;
  margin-left: 5px;
}

.riwel ul li:last-child {
  border-bottom: none;
  padding: 0;
  margin: 0 0 0 5px;
}

.riwel ul li:before {
  content: "";
  /*  background: url(../images/title-icon.png) no-repeat; */
  height: 14px;
  width: 14px;
  position: absolute;
  left: -20px;
  top: 0;
}

.top-guild span {
  color: #c6e4f5;
  position: relative;
  padding: 1px 0px;
}

.top-guild span:nth-child(2n+1) {
  top: -20px;
  right: -33px;
}

.top-guild span:nth-child(2n+2) {
  top: -36px;
}

.top-guild span:nth-child(2n+3) {
  width: 30px;
  color: #fff;
  text-shadow: 0px 0px 14px rgba(216, 122, 115, 0.8);
  text-align: right;
}

.top-guild:hover {
  background: #1a212d;
  border-top: 1px solid #2b374a;
  border-bottom: 1px solid #2b374a;
}

.top-guild:hover span {
  color: #fff1bb;
}

.logout {
  opacity: 0.3;
}

.donate-link {
  border: 2px solid #3f517c;
  padding: 5px 65px 5px 65px;
  font-size: large;
  transition: all 0.3s ease;
  cursor: pointer;
  background: transparent;
  border-radius: 1px 1px 1px 1px;
  color: #a5b2ca;
}

.market-link {
  transition: all 0.3s ease;
  cursor: pointer;
  background: rgba(35, 45, 75, 1);
  border-radius: 1px 1px 1px 1px;
  color: #3a82b5;
  position: relative;
  z-index: 1;
  padding: 5px 21px 5px 21px;
  border: 1px solid #3f517c;
  right: -3px;
}

.market-seller-name {
  font-family: tahoma;
  font-size: 12px;
  color: gainsboro;
  text-align: center;
}

.market-price-name {
  font-family: monospace;
  font-size: initial;
  color: skyblue;
}

.market-table {
  margin: 5px auto;
  width: 100%;
  border-collapse: collapse;
}

.market-table tr:hover {
  background: rgba(101, 117, 171, 0.2);
  color: #e5e5e7;
}

.market-table th {
  text-align: center;
}

.market-table td {
  border: 1px solid #3f517c;
}

.market-table-header {
  font-family: sans-serif;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
}

.top-guild-img {
  padding: 5px 0px 5px 0px;
  margin: 0px 0px 0px 0px;
  text-align: center;
  font-size: 20px;
  font-variant: slashed-zero;
  text-align: center;
  font-size: 26px;
  font-weight: bold;
  background: linear-gradient(#c4cfda 5px, #7586a1 29px);
  -webkit-background-clip: text;
  color: transparent;
  font-family: "Times New Roman", Times, serif;
  text-transform: uppercase;
  margin-bottom: 45px;
}

.top-guild-personal-img {
  padding: 10px 5px 0px 10px;
  opacity: 0.9;
}

.creative-guild-icon {
  width: 100px;
  height: 100px;
  background: url("../images3/top-guild.png") no-repeat center center;
  background-size: contain;
  display: inline-block;
}

.top-1-player {
  border: 0px solid #fff;
  width: 100px;
  height: 20px;
  position: absolute;
  right: 0px;
  top: 71px;
}

.top-2-player {
  border: 0px solid #fff;
  width: 100px;
  height: 20px;
  position: absolute;
  right: 0px;
  top: 141px;
}

.top-3-player {
  border: 0px solid #fff;
  width: 100px;
  height: 20px;
  position: absolute;
  right: 0px;
  top: 211px;
}

.poseidon-bg {
  position: relative; /* нужно для псевдоэлемента */
  width: 291px;
  height: 240px;
  background: url(https://neon-mu.net/assets/neon-mu/images/poseidon-bg.png) no-repeat;
  margin: -37px 0px 0px -50px;
  opacity: 0.8;
}



/* ------------------------ DK RANKING HOVER+BUTTON (c) RSG ------------------*/
.dk-cont {
  background: url(https://neon-mu.net/assets/neon-mu/images/classes/dk.png) no-repeat;
  width: 55px;
  height: 121px;
  border: 1px solid #3f517c;
  margin: auto;
  display: inline-block;
  margin: 15px 20px 5px 20px;
  position: relative;
}

.dk-button {
  width: 55px;
  height: 121px;
}

.full-dk {
  pointer-events: none;
  position: absolute;
  top: 9%;
  left: -60.3%;
}

.dk-cont:hover {
  border: 1px solid rgba(63, 81, 124, 0.5);
  background: none;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.dk-cont:hover>.full-dk {
  width: 55px;
  height: 121px;
  opacity: 1;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.dk-cont>.full-dk {
  opacity: 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

/* ------------------------ DK END ------------------*/
/* ------------------------ DW RANKING HOVER+BUTTON (c) RSG ------------------*/
.dw-cont {
  background: url(https://neon-mu.net/assets/neon-mu/images/classes/dw.png) no-repeat;
  width: 55px;
  height: 121px;
  border: 1px solid #3f517c;
  margin: auto;
  display: inline-block;
  margin: 15px 20px 5px 20px;
  top: 0;
  position: relative;
}

.dw-button {
  width: 55px;
  height: 121px;
}

.full-dw {
  pointer-events: none;
  position: absolute;
  top: 5.6%;
  left: -84.1%;
}

.dw-cont:hover {
  border: 1px solid rgba(63, 81, 124, 0.5);
  background: none;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.dw-cont:hover>.full-dw {
  width: 55px;
  height: 121px;
  opacity: 1;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.dw-cont>.full-dw {
  opacity: 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

/* ------------------------ DW END ------------------*/
/* ------------------------ ELF RANKING HOVER+BUTTON (c) RSG ------------------*/
.fe-cont {
  background: url(https://neon-mu.net/assets/neon-mu/images/classes/fe.png) no-repeat;
  width: 55px;
  height: 121px;
  border: 1px solid #3f517c;
  margin: auto;
  display: inline-block;
  margin: 15px 20px 5px 20px;
  position: relative;
  top: 0;
}

.fe-button {
  width: 55px;
  height: 121px;
}

.full-fe {
  pointer-events: none;
  position: absolute;
  top: 9.8%;
  left: -64.1%;
}

.fe-cont:hover {
  border: 1px solid rgba(63, 81, 124, 0.5);
  background: none;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.fe-cont:hover>.full-fe {
  width: 55px;
  height: 121px;
  opacity: 1;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.fe-cont>.full-fe {
  opacity: 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

/* ------------------------ ELF END ------------------*/
/* ------------------------ DL RANKING HOVER+BUTTON (c) RSG ------------------*/
.dl-cont {
  background: url(https://neon-mu.net/assets/neon-mu/images/classes/dl.png) no-repeat;
  width: 55px;
  height: 121px;
  border: 1px solid #3f517c;
  margin: auto;
  display: inline-block;
  margin: 15px 20px 5px 20px;
  position: relative;
}

.dl-button {
  width: 55px;
  height: 121px;
}

.full-dl {
  pointer-events: none;
  position: absolute;
  top: 5.2%;
  left: -87.1%;
}

.dl-cont:hover {
  border: 1px solid rgba(63, 81, 124, 0.5);
  background: none;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.dl-cont:hover>.full-dl {
  width: 55px;
  height: 121px;
  opacity: 1;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.dl-cont>.full-dl {
  opacity: 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

/* ------------------------ DL END ------------------*/
/* ------------------------ MG RANKING HOVER+BUTTON (c) RSG ------------------*/
.mg-cont {
  background: url(https://neon-mu.net/assets/neon-mu/images/classes/mg.png) no-repeat;
  width: 55px;
  height: 121px;
  border: 1px solid #3f517c;
  margin: auto;
  display: inline-block;
  margin: 15px 20px 5px 20px;
  position: relative;
}

.mg-button {
  width: 55px;
  height: 121px;
}

.full-mg {
  pointer-events: none;
  position: absolute;
  top: 6.8%;
  left: -79%;
}

.mg-cont:hover {
  border: 1px solid rgba(63, 81, 124, 0.5);
  background: none;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.mg-cont:hover>.full-mg {
  width: 55px;
  height: 121px;
  opacity: 1;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.mg-cont>.full-mg {
  opacity: 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

/* ------------------------ MG END ------------------*/
/* ------------------------ Sum RANKING HOVER+BUTTON (c) RSG ------------------*/
.su-cont {
  background: url(https://neon-mu.net/assets/neon-mu/images/classes/su.png) no-repeat;
  width: 55px;
  height: 121px;
  border: 1px solid #3f517c;
  margin: auto;
  display: inline-block;
  margin: 15px 20px 5px 20px;
  position: relative;
}

.su-button {
  width: 55px;
  height: 121px;
}

.full-su {
  pointer-events: none;
  position: absolute;
  top: 7.2%;
  left: -85.5%;
}

.su-cont:hover {
  border: 1px solid rgba(63, 81, 124, 0.5);
  background: none;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.su-cont:hover>.full-su {
  width: 55px;
  height: 121px;
  opacity: 1;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.su-cont>.full-su {
  opacity: 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

/* ------------------------ Sum END ------------------*/
.classes-buttons {
  transition: all 0.3s ease;
  cursor: pointer;
  background: transparent;
  border-radius: 1px 1px 1px 1px;
  display: inline-block;
  position: relative;
  z-index: 1;
  /*  padding: 4px 4px 4px 4px; */
  /*  border: 1px solid #3f517c; */
  /*  margin-right: 2px; */
}

.everyone-button {
  transition: all 0.3s ease;
  cursor: pointer;
  background: rgba(35, 45, 75, 0.8);
  border: 1px solid #3f517c;
  color: darkgrey;
  position: relative;
  z-index: 1;
  padding: 7px 29px 7px 29px;
  font-size: 14px;
  border-width: 1px 0px 1px 0px;
}

.btn-brdr {
  border: 1px solid #3f517c;
  border-width: 0px 1px 1px 0px;
}

.btn-brdr2 {
  border: 1px solid #3f517c;
  border-width: 0px 0px 1px 1px;
}

.search-button {
  transition: all 0.3s ease;
  cursor: pointer;
  background: transparent;
  text-decoration: none;
  border: 1px solid #3f517c;
  color: #a5b2ca;
  display: inline-block;
  vertical-align: top;
  position: relative;
  z-index: 1;
  background: url(https://neon-mu.net/assets/neon-mu/images/search.png) no-repeat;
  width: 31px;
  height: 31px;
  background-position: center;
  opacity: 0.8;
}

/*--------------------------- RANKING TABLE--------------------------------*/
.td-status {
  text-align: center;
  border: 1px solid #3f517c;
  border-width: 0px 0px 0px 0px;
  width: 12%;
  padding: 9px 11px;
}

.td-rank {
  text-align: center;
  width: 12%;
  border: 1px solid #3f517c;
  border-width: 0px 0px 0px 0px;
  text-align: center;
  font-size: 13px;
  font-weight: bold;
  background: linear-gradient(rgb(255, 208, 142) 26px, #ffd05a 9px);
  -webkit-background-clip: text;
  color: transparent;
  font-family: "Times New Roman", Times, serif;
  padding: 4%;
}

.td-rank-top1 {
  text-align: center;
  width: 12%;
  border: 1px solid #3f517c;
  border-width: 0px 0px 0px 0px;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  background: linear-gradient(rgb(255, 208, 142) 26px, #ffd05a 9px);
  -webkit-background-clip: text;
  color: transparent;
  font-family: "Times New Roman", Times, serif;
  padding: 4%;
}

.td-rank-top2 {
  text-align: center;
  width: 12%;
  border: 1px solid #3f517c;
  border-width: 0px 0px 0px 0px;
  text-align: center;
  font-size: 22px;
  font-weight: bold;
  background: linear-gradient(rgb(255, 208, 142) 26px, #ffd05a 9px);
  -webkit-background-clip: text;
  color: transparent;
  font-family: "Times New Roman", Times, serif;
  padding: 4%;
}

.td-rank-top3 {
  text-align: center;
  width: 12%;
  border: 1px solid #3f517c;
  border-width: 0px 0px 0px 0px;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  background: linear-gradient(rgb(255, 208, 142) 26px, #ffd05a 9px);
  -webkit-background-clip: text;
  color: transparent;
  font-family: "Times New Roman", Times, serif;
  padding: 4%;
}

.td-class {
  text-align: right;
  border: 1px solid #3f517c;
  border-width: 0px 0px 0px 0px;
  padding: 5px;
  width: 10%;
}

.class-img-icons {
    height: 32px;
    width: 32px;
    border-radius: 5px;
    border: 2px solid transparent;
    background-clip: padding-box;
    box-shadow: 
        0 0 2px rgba(0, 255, 255, 0.8),
        0 0 4px rgba(255, 0, 212, 0.8),
        0 0 6px rgba(0, 255, 136, 0.4); /* мягкое неоновое свечение */
}


.td-nick {
  text-align: left;
  border: 1px solid #3f517c;
  border-width: 0px 0px 0px 0px;
  padding: 7px;
  letter-spacing: 1px;
  /*  font-variant: petite-caps; */
  font-size: 12px;
  padding-left: 5px;
  color: darkgrey;
  width: 34%;
}

.td-nick-recruit {
  text-align: left;
  border: 1px solid #3f517c;
  border-width: 0px 0px 0px 0px;
  padding: 7px;
  letter-spacing: 1px;
  /*  font-variant: petite-caps; */
  font-size: 12px;
  padding-left: 5px;
  color: darkgrey;
  width: 34%;
}

.td-nick-soldier {
  text-align: left;
  border: 1px solid #3f517c;
  border-width: 0px 0px 0px 0px;
  padding: 7px;
  letter-spacing: 1px;
  /*  font-variant: petite-caps; */
  font-size: 12px;
  padding-left: 5px;
  color: darkgrey;
  width: 34%;
}

.td-nick-warrior {
  text-align: left;
  border: 1px solid #3f517c;
  border-width: 0px 0px 0px 0px;
  padding: 7px;
  letter-spacing: 1px;
  /*  font-variant: petite-caps; */
  font-size: 12px;
  padding-left: 5px;
  color: darkgrey;
  width: 34%;
}

.td-nick-knight {
  text-align: left;
  border: 1px solid #3f517c;
  border-width: 0px 0px 0px 0px;
  padding: 7px;
  letter-spacing: 1px;
  /*  font-variant: petite-caps; */
  font-size: 12px;
  padding-left: 5px;
  color: darkgrey;
  width: 34%;
}

.td-nick-lord {
  text-align: left;
  border: 1px solid #3f517c;
  border-width: 0px 0px 0px 0px;
  padding: 7px;
  letter-spacing: 1px;
  /*  font-variant: petite-caps; */
  font-size: 12px;
  padding-left: 5px;
  color: darkgrey;
  width: 34%;
}

.td-nick-king {
  text-align: left;
  border: 1px solid #3f517c;
  border-width: 0px 0px 0px 0px;
  padding: 7px;
  letter-spacing: 1px;
  /*  font-variant: petite-caps; */
  font-size: 12px;
  padding-left: 5px;
  color: darkgrey;
  width: 34%;
}

.td-nick-god {
  text-align: left;
  border: 1px solid #3f517c;
  border-width: 0px 0px 0px 0px;
  padding: 7px;
  letter-spacing: 1px;
  /*  font-variant: petite-caps; */
  font-size: 12px;
  padding-left: 5px;
  color: darkgrey;
  width: 34%;
}

.td-nick a {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    background: linear-gradient(to bottom, #eaeae8 0%, #dcdcdc 50%, #b1cae8 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; /* более кроссбраузерно */
    font-family: "Times New Roman", Times, serif;
}

.td-nick-recruit a {
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  background: linear-gradient(#fffbfb 11px, #dee3ea 9px);
  -webkit-background-clip: text;
  color: transparent;
  font-family: "Times New Roman", Times, serif;
}

.td-nick-soldier a {
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  background: linear-gradient(#56cfff 11px, #8be3ff 9px);
  -webkit-background-clip: text;
  color: transparent;
  font-family: "Times New Roman", Times, serif;
}

.td-nick-warrior a {
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  background: linear-gradient(#56ffad 11px, #8bffd9 9px);
  -webkit-background-clip: text;
  color: transparent;
  font-family: "Times New Roman", Times, serif;
}

.td-nick-knight a {
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  background: linear-gradient(#e7ea62 11px, #ffe58b 9px);
  -webkit-background-clip: text;
  color: transparent;
  font-family: "Times New Roman", Times, serif;
}

.td-nick-lord a {
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  background: linear-gradient(#ffad56 11px, #ffbc8b 9px);
  -webkit-background-clip: text;
  color: transparent;
  font-family: "Times New Roman", Times, serif;
}

.td-nick-king a {
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  background: linear-gradient(#ea6262 11px, #ff8b8b 9px);
  -webkit-background-clip: text;
  color: transparent;
  font-family: "Times New Roman", Times, serif;
}

.td-nick-god a {
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  background: linear-gradient(#d162ea 11px, #df8bff 9px);
  -webkit-background-clip: text;
  color: transparent;
  font-family: "Times New Roman", Times, serif;
}

.td-points {
    width: 63%;
    border-width: 0px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    background: linear-gradient(#e0e0e0 26px, #aab6c5 9px); /* перламутр + металл */
    -webkit-background-clip: text;
    color: transparent;
    font-family: "Times New Roman", Times, serif;
    padding: 0;
    position: absolute;
    margin: -3.9% -11%;
}


.td-level {
  width: 30.5%;
  border-width: 0px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  background: linear-gradient(#97acc1 26px, #cbdee8 9px);
  -webkit-background-clip: text;
  color: transparent;
  font-family: "Times New Roman", Times, serif;
  padding: 0;
  position: absolute;
  margin: 0.2% -5%;
}

.td-reset {
  width: 8.5%;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  background: linear-gradient(rgb(126 214 236) 26px, #ffb804 9px);
  -webkit-background-clip: text;
  color: transparent;
  font-family: "Times New Roman", Times, serif;
  padding: 0;
  position: absolute;
  margin: 0.2% 10.7%;
}

.td-mlevel {
  width: 46.5%;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  background: linear-gradient(#78d898 26px, #c597c3 9px);
  -webkit-background-clip: text;
  color: transparent;
  font-family: "Times New Roman", Times, serif;
  padding: 0;
  position: absolute;
  margin: 0.2% 0.6%;
}

.td-quest {
    width: 27.5%;
    border-width: 0px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    background: linear-gradient(#f9ff87 26px, #cbdee8 9px);
    -webkit-background-clip: text;
    color: transparent;
    font-family: "Times New Roman", Times, serif;
    padding: 0;
    position: absolute;
    margin: 0.2% 5.8%;
}

.td-all-levels {
  width: 40%;
  border: 1px solid #3f517c;
  border-width: 0px 0px 0px 0px;
  padding-right: 85px;
  color: transparent;
}

.td-mark-char {
    width: 30%;
    border: 1px solid #3f517c;
    border-width: 0px 0px 0px 0px;
    color: transparent;
}

.td-mark-img {
    margin-bottom: -6px;
}

.td-mark-img img {
    height: 32px;
    width: 32px;
    border-radius: 5px;
    border: 2px solid transparent;
    background-clip: padding-box;
    box-shadow: 
        0 0 2px rgba(0, 255, 255, 0.8),
        0 0 4px rgba(255, 0, 212, 0.8),
        0 0 6px rgba(0, 255, 136, 0.4); /* мягкое неоновое свечение */
}


.tr-bg-image {
    background-image: linear-gradient(to right, transparent, #b4dbef, #b4dbef, #b4dbef, transparent);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 80% 1px;
}


/*----------------------------RANKING STYLE---------------------------------*/



.hr-shelf {
  margin: -30px auto 10px;
  padding: 0;
  height: 50px;
  border: none;
  border-bottom: 1px solid #3f517c;
  width: 95%;
}

.class-img {
  padding: 7px;
}

/*----------------------------Guild Rank Table---------------------------------*/
.guild-ranking-table {
  margin: auto;
  border-collapse: collapse;
  width: 100%;
  margin: 20px 0px 20px 0px;
}

.guild-ranking-table tr:hover {
  background: rgba(101, 117, 171, 0.2);
  color: #e5e5e7;
}

.guild-ranking-table th {
  background: rgba(0, 0, 0, .16)
}

.guild-td-rank {
  text-align: center;
  color: lightblue;
  font-size: large;
  font-family: sans-serif;
  width: 35px;
  height: 35px;
  border: 1px solid #3f517c;
  border-width: 1px 1px 1px 0px;
}

.guild-td-name {
  text-align: center;
  color: lightblue;
  font-size: large;
  font-family: sans-serif;
  width: 130px;
  height: 35px;
  border: 1px solid #3f517c;
  border-width: 1px 1px 1px 1px;
}

.guild-td-score {
  text-align: center;
  color: gold;
  font-size: x-large;
  font-family: auto;
  width: 28%;
  height: 35px;
  border: 1px solid #3f517c;
  border-width: 1px 1px 1px 1px;
}

.guild-td-members {
  text-align: center;
  color: lightblue;
  font-size: x-large;
  font-family: auto;
  width: 10%;
  height: 35px;
  border: 1px solid #3f517c;
  border-width: 1px 1px 1px 1px;
}

.guild-td-mark {
  width: 11%;
  height: 40px;
  border: 1px solid #3f517c;
  border-width: 1px 0px 1px 1px;
}

/*------------------------Guild Profile --------------------------------------*/
.guild-profile-title {
  text-align: center;
  color: darkgrey;
  font-size: xx-large;
  font-family: sans-serif;
  margin: auto;
  padding: 5px;
  outline: 1px solid;
}

.guild-profile-info {
  width: 100%;
  margin: auto;
  border-collapse: collapse;
  margin-top: 20px;
}

.guild-profile-common {
  text-align: center;
  color: #a4afc8;
  font-size: smaller;
  font-family: sans-serif;
  width: 60px;
  height: 35px;
  border: 1px solid #3f517c;
  border-width: 1px 1px 1px 0px;
  padding: 0px 8px;
}

.guild-profile-current {
  text-align: center;
  color: lightblue;
  font-size: large;
  font-family: sans-serif;
  width: 60px;
  height: 35px;
  border: 1px solid #3f517c;
  border-width: 1px 1px 1px 1px;
}

.guild-profile-members {
  margin: auto;
  border-collapse: collapse;
  width: 90%;
  margin-top: 10px;
}

.guild-profile-members tr:hover {
  background: rgba(101, 117, 171, 0.2);
  color: #e5e5e7;
}

.guild-profile-members th {
  background: rgba(0, 0, 0, .16)
}

.guild-profile-info-in {
  width: 100%;
  margin: auto;
  border-collapse: collapse;
}

.guild-profile-mark {
  width: 150px;
  border: 1px solid #3f517c;
  border-width: 0px;
}

.gpm-td-rank {
  text-align: center;
  color: lightblue;
  font-size: large;
  font-family: sans-serif;
  width: 35px;
  height: 35px;
  background-size: 70%;
  border: 1px solid #3f517c;
  border-width: 1px 1px 1px 0px;
}

.gpm-td-nick {
  text-align: center;
  color: lightblue;
  font-size: large;
  font-family: sans-serif;
  width: 35px;
  height: 35px;
  background-size: 70%;
  border: 1px solid #3f517c;
  border-width: 1px 1px 1px 1px;
}

.gpm-td-class {
  text-align: center;
  color: lightblue;
  font-size: large;
  font-family: sans-serif;
  width: 35px;
  height: 35px;
  background-size: 70%;
  border: 1px solid #3f517c;
  border-width: 1px 1px 1px 1px;
}

.gpm-td-level {
  text-align: center;
  color: lightblue;
  font-size: large;
  font-family: sans-serif;
  width: 35px;
  height: 35px;
  background-size: 70%;
  border: 1px solid #3f517c;
  border-width: 1px 1px 1px 1px;
}

.gpm-td-reset {
  text-align: center;
  color: lightblue;
  font-size: large;
  font-family: sans-serif;
  width: 35px;
  height: 35px;
  background-size: 70%;
  border: 1px solid #3f517c;
  border-width: 1px 1px 1px 1px;
}

.gpm-td-position {
  text-align: center;
  font-size: smaller;
  width: 35px;
  border: 1px solid #3f517c;
  border-width: 1px 0px 1px 1px;
}

/*------------------------Guild Profile END ----------------------------------*/
/*------------------------Char Profile----------------------------------------*/
.char-profile-table {
  width: 100%;
  margin: auto;
  border-collapse: collapse;
}

.char-profile-table-in {
  width: 100%;
  margin: auto;
  border-collapse: collapse;
  margin-top: 20px;
}

.char-profile-title {
  text-align: center;
  color: darkgrey;
  font-size: xx-large;
  font-family: sans-serif;
  margin: auto;
  padding: 5px;
  outline: 1px solid;
}

.char-profile-picture {
  text-align: center;
}

.cpm-td {
  text-align: right;
  color: lightblue;
  font-size: large;
  font-family: sans-serif;
  width: 85px;
  height: 25px;
  border: 1px solid #3f517c;
  border-width: 1px;
}

.char-profile-table-2 {
  border-collapse: collapse;
  height: auto;
  float: left;
  width: 46%;
  padding: 5px;
  position: relative;
  margin-left: 13px;
}

.char-profile-table-2 tr {
  border: 1px solid #596278;
}

.char-profile-table-2 td {
  padding: 3px;
}

.cpm-td-live {
  text-align: center;
}

/*-----------------------DOWNLOADS-------------------------------------------*/
.downloads-table {
  margin: auto;
  border-collapse: collapse;
  width: 90%;
  margin-top: 10px;
}

.downloads-table tr:hover {
  background: rgba(101, 117, 171, 0.2);
  color: #e5e5e7;
}

.downloads-table th {
  background: rgba(0, 0, 0, .16);
  padding: 4px;
}

.downloads-table td {
  text-align: center;
  border: 1px solid #3f517c;
  border-width: 1px;
  padding: 2px;
}

.download-button {
  color: darkgrey;
  position: relative;
  z-index: 1;
  padding: 7px 10px 7px 10px;
  margin: 5px;
  font-size: 14px;
}

/*-------------------Server Statisctic Tables---------------------------------*/
.server-stat-table {
  text-align: center;
  display: relative;
  margin: auto;
  border-collapse: collapse;
  width: 77%;
  margin-top: 10px;
}

.server-stat-table tr:hover {
  background: rgba(101, 117, 171, 0.2);
  color: #e5e5e7;
}

.server-stat-table th {
  background: rgba(0, 0, 0, .16);
  padding: 4px;
}

.server-stat-table td {
  text-align: center;
  border: 1px solid #3f517c;
  border-width: 1px;
  padding: 2px;
}

/*--------------------------Hide info table ---------------------------------*/
.hide-info-table {
  text-align: center;
  display: relative;
  border-collapse: collapse;
  width: 100%;
  margin: 20px auto;
}

.hide-info-table th {
  background: rgba(0, 0, 0, .16);
  padding: 4px;
}

.hide-info-table td {
  text-align: center;
  border: 1px solid #3f517c;
  border-width: 1px;
  padding: 2px;
}

/*-------------------------Search Result Tables-----------------------------*/
.search-result-table {
  text-align: center;
  display: relative;
  border-collapse: collapse;
  width: 100%;
  margin: 20px auto;
}

.search-result-table th {
  background: rgba(0, 0, 0, .16);
  padding: 4px;
}

.search-result-table td {
  text-align: center;
  border: 1px solid #3f517c;
  border-width: 1px;
  padding: 5px;
}

/*--------------------Кнопка на регу ----------------------------------------*/
.regbtn:body {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  background: #031321;
  font-family: consolas;
}

.regbtn:a {
  position: relative;
  display: inline-block;
  padding: 15px 30px;
  color: #2196f3;
  text-transform: uppercase;
  letter-spacing: 4px;
  text-decoration: none;
  font-size: 24px;
  overflow: hidden;
  transition: 0.2s;
}

.regbtn:a:hover {
  color: #255784;
  background: #2196f3;
  box-shadow: 0 0 10px #2196f3, 0 0 40px #2196f3, 0 0 80px #2196f3;
  transition-delay: 1s;
}

.regbtn:a span {
  position: absolute;
  display: block;
}

.regbtn:span:nth-child(1) {
  top: 0;
  left: -100%;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, transparent, #2196f3);
}

.regbtn:a:hover span:nth-child(1) {
  left: 100%;
  transition: 1s;
}

.regbtn:span:nth-child(3) {
  bottom: 0;
  right: -100%;
  width: 100%;
  height: 2px;
  background: linear-gradient(270deg, transparent, #2196f3);
}

.regbtn:a:hover span:nth-child(3) {
  right: 100%;
  transition: 1s;
  transition-delay: 0.5s;
}

.regbtn:span:nth-child(2) {
  top: -100%;
  right: 0;
  width: 2px;
  height: 100%;
  background: linear-gradient(180deg, transparent, #2196f3);
}

.regbtn:a:hover span:nth-child(2) {
  top: 100%;
  transition: 1s;
  transition-delay: 0.25s;
}

.regbtn:span:nth-child(4) {
  bottom: -100%;
  left: 0;
  width: 2px;
  height: 100%;
  background: linear-gradient(360deg, transparent, #2196f3);
}

.regbtn:a:hover span:nth-child(4) {
  bottom: 100%;
  transition: 1s;
  transition-delay: 0.75s;
}

/*---------------------------Diamond history--------------------------------*/
.dia-history-table {
  display: relative;
  border-collapse: collapse;
  width: 100%;
  margin: 5px auto;
}

.dia-history-table th {
  background: rgba(0, 0, 0, .16);
  padding: 4px;
}

.dia-history-num {
  width: 30px;
  height: 30px;
  text-align: center;
  border: 1px solid #3f517c;
  border-width: 1px 0px 1px 0px;
}

.dia-history-name {
  width: 150px;
  border: 1px solid #3f517c;
  border-width: 1px;
  text-align: left;
  padding: 5px 0px 5px 5px;
}

.dia-history-ip {
  text-align: center;
  border: 1px solid #3f517c;
  border-width: 1px;
  border-width: 1px 0px 1px 1px;
}

.dia-history-amount {
  text-align: center;
  border: 1px solid #3f517c;
  border-width: 1px;
  border-width: 1px 0px 1px 1px;
}

.dia-history-date {
  width: 70px;
  text-align: center;
  border: 1px solid #3f517c;
  border-width: 1px;
  border-width: 1px 0px 1px 1px;
}

/*----------------------------Profile Table Market---------------------------*/
.market-history-table {
  text-align: center;
  display: relative;
  margin: auto;
  border-collapse: collapse;
  width: 100%;
  margin-top: 10px;
}

.market-history-table tr:hover {
  background: rgba(101, 117, 171, 0.2);
  color: #e5e5e7;
}

.market-history-table th {
  background: rgba(0, 0, 0, .16);
  padding: 4px;
}

.market-history-table td {
  height: auto;
  text-align: center;
  border: 1px solid #3f517c;
  border-width: 1px;
  padding: 5px 12px;
}

.equip-table {
  margin: 0 auto;
  border-collapse: collapse;
}

.slider-block {
  background: url(../images3/slider-bg.png) no-repeat;
  width: 430px;
  height: 173px;
  margin: 0 auto;
  padding-top: 37px;
  margin-bottom: 40px;
  margin-top: -20px;
  position: relative;
}

.slider {
  max-width: 378px;
  margin: 0px 0px 0px 25px;
}

.slide_viewer {
  height: 148px;
  overflow: hidden;
  position: relative;
}

.slide_group {
  height: 100%;
  position: relative;
  width: 100%;
}

.slide {
  display: none;
  height: 100%;
  position: absolute;
  width: 100%;
}

.slide:first-child {
  display: block;
}

.slide_buttons {
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  width: 100%;
  height: 16px;
  bottom: -10px;
}

a.slide_btn {
  color: #121828;
  font-size: 42px;
  display: inline-block;
  height: 16px;
  line-height: 18px;
  margin: 0px 3px 0px 3px;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.slide_btn.active, .slide_btn:hover {
  color: transparent;
  background: url(../images3/slider-buttons.png) no-repeat center;
  cursor: pointer;
}

.caption {
  background: rgb(18 24 43 / 80%);
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  padding: 10px 20px 10px 20px;
}

.xeq_btn {
  font-size: 10px;
  background: url('../../../ppl-btn-2.png');
}

.ico {
  display: flex;
  text-size-adjust: 100%;
  border: 0;
  box-sizing: border-box;
  line-height: 1.5;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.iconew {
    margin-left: 24%;
    margin-top: -6%;
}


.ic1 h3 {
  text-align: center;
  font-size: 15pt;
  font-weight: bold;
  background: linear-gradient(#c4cfda 7px, #aaaaaa 9px);
  -webkit-background-clip: text;
  color: transparent;
  font-family: "Times New Roman", Times, serif;
}

.ic1new h3 {
  text-align: center;
  font-size: 12pt;
  font-weight: bold;
  background: linear-gradient(#c4cfda 7px, #aaaaaa 9px);
  -webkit-background-clip: text;
  color: transparent;
  font-family: "Times New Roman", Times, serif;
}

.ic1 {
  margin-bottom: 25px;
}

.pay3 {
  margin-top: -20px;
}

.pay2 {
  width: 70%;
  font-family: "Times New Roman", Times, serif;
  font-size: 17px;
  color: #e6e7e8;
  padding-left: 20px;
}

.pay2 div {
  display: inline-block;
  padding-right: 20px;
  float: left;
}

.pay1 {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 7px 10px;
  clear: both;
}

.pay3 button {
  color: #e6e7e8;
  border: none;
}

.pay3 button:hover {
  webkit-filter: brightness(120%);
  filter: brightness(120%);
  text-decoration: none;
  background-color: #283356;
  border-radius: 3px;
}

#buy_vip .ranking-table {
  border: 1px solid #3f517c;
  background: rgba(35, 45, 75, 0.8);
}

.sec .time2 {
  color: #eac84c;
}

#buy_vip .ranking-table th {
  font-weight: normal;
  background: none;
  border-bottom: 0.2px solid #3f517c;
}

#buy_vip .ranking-table tr:hover {
  background: none;
}

#buy_vip .ranking-table thead {
  font-family: "Times New Roman", Times, serif;
  font-size: 17px;
  color: #fff;
  color: #e6e7e8;
}