body {
    background-color: #222;
    color: #fff;
    font-size: 17px;
    line-height: 22px;
    font-family: 'Source Sans Pro', sans-serif;
    margin: 0;
}
.wrap {
    background: rgba(255, 255, 255, 0.10);
    max-width: 800px;
    margin: 0 auto;
    border-radius: 0 0 5px 5px;
    padding: 5px;
    padding-top: 2px;
    border: 3px solid rgb(255, 255, 255, .1);
    border-top: 0;
    box-shadow: 0 2px 3px rgba(0, 0, 0, .3);
    position: relative;
}
* {
    font-family: 'Source Sans Pro', sans-serif;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.g-recaptcha {
    display: inline-block;
    margin-top: 8px;
}

a {
    color: #ddd;
    text-decoration: underline;
}

td i {
    width: 20px;
    text-align: center;
}

h2 {
    text-align: center;
    font-size: 17px;
}

.center {
    text-align: center !important;
}
.m-auto{
    margin:auto !important;
}
.left {
    text-align: left !important;
}

.right {
    text-align: right !important;
}

.m-1 {
    margin: 2px 2px !important;
}

.m-2 {
    margin: 5px 5px !important;
}

label.error {
    font-size: 13px;
    display: block;
    text-align: left;
    color: #f04747;
    width: 85%;
    margin: auto;
    margin-bottom: 5px;
    margin-top: -5px;
}

.error {
    border-color: #f04747 !important;
}


.tooltip.prize{
    position: absolute;
    top: -14px;
    width: 90%;
    text-align: center;
    background: #0a0a0ad1;
    left: 0;
    padding: 3px;
    border-radius: 40px;
    color: #ae9f71;
    font-size: 11px;
    z-index: 1;
    margin: auto;
    right: 0;
}
.tooltip.prize:before {
    content: "";
    position: absolute;
    height: 5px;
    width: 5px;
    background: black;
    border: 1px solid #ae9f71;
    box-shadow: 0 0 1px 1px #000000;
    left: 8px;
    top: 0;
    bottom: 0;
    margin: auto;
    transform: rotate(
45deg
);
}
.tooltip.prize i {
    position: absolute;
    height: 7px;
    width: 7px;
    background: black;
    border: 1px solid #ae9f71;
    box-shadow: 0 0 1px 1px #000000;
    right: 8px;
    top: 0;
    bottom: 0;
    margin: auto;
    transform: rotate(45deg);
}
.tooltip.prize::after{
        content: "";
    position: absolute;
    background: linear-gradient(135deg, transparent 50%, #0a0a0ad1 50%);
    width: 10px;
    height: 10px;
    top: 23px;
    left: 0;
    right: 0;
    margin: auto;
    transform: rotate(45deg);
}
.logo {
    background: url('img/bg.jpg');
    width: 100%;
    height: 125px;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 5px;
    margin: 4px 0;
    line-height: 125px;
    text-align: center;
}

.logo-text {
    display: inline;
    background-color: rgb(0,0,0,.7);
    color: #0AAFF1;
    text-align: center;
    text-shadow: 0 0 1px #333, 0 0 3px #333;
    font-weight: bold;
    font-size: 40px;
    padding: 5px 10px;
    border-radius: 10px;
    border: 3px solid #0AAFF1
}

.block {
    background-color: rgb(0, 0, 0, .1);
    border-radius: 8px;
    padding: 5px;
    margin: 5px 0;
    overflow: hidden;
}

.iblock {
    background-color: rgb(255, 255, 255, .04);
    padding: 8px;
    margin: 5px 0;
    border-radius: 5px;
}

.iblock span {
    display: inline-block;
    font-size: 18px;
    font-weight:bold;
    background-color: rgb(255, 255, 255, .1);
    padding: 2px 5px;
    border-radius: 5px;
    margin-bottom: 5px;
}
.iblock span i {
    background-color: rgb(0,0,0,.1);
    padding: 5px;
    border-radius: 50%;
    margin-right: 5px;
}
#contextmenu {
  position:fixed;
  left:40%;
  top:20%;
  background-color:#fafafa;
  padding:4pt;
  font-size:10pt;
  z-index:1000;
  box-shadow:0 0 12pt rgba(0,0,0,0.25);
  border-radius:4pt;
  padding:0.5em 0 0.5em 0;
  display:block;
}


#contextmenu hr {
  border:none;
  border-bottom:1px solid #eee;
}

#contextmenu a {
  display:block;
  text-decoration:none;
  color:#333;
  padding: 0.5em 2em 0.5em 0.75em;
  max-width:18em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#contextmenu a:hover {
  background-color:#333;
  color:#fff;
}

#contextmenu a i.ico {
  margin-right:0.75em;
  width:0.5em;
  height:1em;
  display:inline-block;
}
#contextmenu a::before {
  content:'';
  float:left;
  margin-right:0.75em;
  width:0.5em;
  height:1em;
  display:inline-block;
}

#contextmenu a.ticked::before {
  content:'\2713';
}
#contextmenu a.unticked::before {
  content:'\2610';
}

.bottom {
    display: block;
    font-size: 17px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    border-radius: 2px;
    padding: 5px;
    text-shadow: 1px 1px 1px #222;
}

.top {
    background: #333;
    color: #0AAFF1;
    border-bottom: 3px solid #0AAFF1;
    font-size: 16px;
    padding: 5px;
    /* font-weight: bold; */
}
.top h1 {
    float: left;
    display: inline-block;
    font-size: 16px !important;
    background: #444;
    display: inline-block;
    padding: 5px 20px;
    margin: 0;
}
.top .menulin {
  width: 20px;
  height: 3px;
  background-color: #fff;
  margin: 3px 0;
}
.top-meniu {
    overflow: auto;
    max-width: 800px;
    margin: 0 auto;
}
#dropdown-menu {
    float: right;
    background: #0AAFF1;
    display: inline-block;
    text-align: left;
    padding: 5px 20px;
    border-radius: 0;
    margin: 0;
    border: 0;
    Outline: none;
}
#dropdown-content {
    position: absolute;
    list-style-type: none;
    padding: 0;
    margin: 0;
    right: 0;
}
#dropdown-content li {
    display: block;
    background-color: rgb(45,45,45);
}
#dropdown-content li:hover {
    display: block;
    background-color: rgb(60,60,60);
}
#dropdown-content li a {
    display: block;
    padding: 5px 15px;
    color: #fff;
    text-decoration: none;
}
#dropdown-content li a:before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #0AAFF1;
    margin-right: 15px;
}

#dropdown-content li a:hover {
    text-decoration: underline
}
.info {
    background-color: rgb(0, 0, 0, .1);
    width: 85%;
    line-height: 20px;
    margin: 5px auto;
    padding: 10px;
    text-align: center;
}

.info ul {
    text-align: left;
    margin: 8px 0;
}

.title {
    display: flex;
    font-size: 16px;
    width: 100%;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-weight: bold;
    margin: 14px 0;
}

.title:before, .title:after {
    content: '';
    border-top: 2px dashed rgb(255,255,255,.3);
    margin: 0 20px 0 0;
    flex: 1 0 20px;
}

.title:after {
    margin: 0 0 0 20px;
}

input, select, textarea, button {
    display: block;
    font-family: 'Source Sans Pro', sans-serif;
    padding: 5px 10px;
    font-size: 16px;
    line-height: 1.5;
    margin: 5px auto;
    color: #fff;
    background-color: transparent;
    border: 1px solid #ced4da;
    border-radius: 1px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.noselect {
  -webkit-touch-callout: none;
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
.meniu-heading{
    background: #262424;
    margin: 5px auto 0 auto;
    max-width: 200px;
    text-align: center;
    padding: 10px;
    border: 1px solid #545353;
    border-bottom: 0;
    border-radius: 7px 7px 0 0;
    color: #a6a6a6;
    font-weight: bold;
    margin-bottom: -1px;
    z-index: 5;
    position: relative;
}
.meniu{
    background: #262424;
    margin: 0 5px 5px 5px;
    padding: 20px;
    border: 1px solid #545353;
    color: #a6a6a6;
}
.meniu input, .meniu select, .meniu textarea, .meniu button{
    background: #403a3a;
    color: black;
    border: 0px;
    border-radius: 5px;
    padding: 6px;
}
.item-stats-list{
    display: flex;
    flex-wrap: wrap;
    background: #252525;
    padding: 18px 14px;
    border-radius: 3px;
    border: 1px solid #1a1919;
    margin: 20px 5px;
}
.--red{
    color: #c60000 !important;
}
.--green{
    color: #5cc05c !important;
}
.item-stats{
    width: 33%;
    margin: 20px 1px;
    color: #bababa;
    flex: 1 0 20%;
    text-align:center;
    position:relative;
}
.item-stats:first-child{
    text-align: right !important;
}
.item-stats:last-child{
    text-align: left !important;
}
.item-name{
    /*position:absolute;*/
    border-bottom: 1px solid #626262;
}

.skrynios {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
    border: 4px double #4c4c4c;
    border-radius: 5px;
    padding: 14px;
    background: #1d1c1c;
    color: #878787;
    box-shadow: 0px 0px 3px black;
}

.skrynios span {
    position: relative;
    flex: 1 0 30%;
}

.skrynios .label {
    position: absolute;
    top: 50;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    max-width: 50px;
    text-align: center;
    background: rgba(0,0,0,0.5);
    color: white;
    pointer-events: none;
}

.modal-body {
    position: fixed;
    background: rgba(0,0,0,0.5);
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
}

.modal_content {
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    text-align: center;
    top: 20vh;
    background: #161616;
    max-width: 43%;
    padding: 0;
    color: #dadada;
    font-size: 18px;
    border-radius: 3px;
    border: 4px double #4c4c4c;
}

.modal-header {
    padding: 9px 0 5px;
    height: 40px;
    border-bottom: 1px solid #232323;
    font-weight: bold;
    position: relative;
    background: rgb(0 0 0 / 36%);
    border-radius: 5px 5px 0 0;
}

.modal-inner {
    padding: 50px 0;
    min-height: 42vh;
}

@media only screen and (max-width: 800px) {

    .modal_content {
        top: 0vh;
        max-width: 100%;
    }
}

.close-Modal {
    background: #1f1f1f;
    padding: 6px;
    margin: 11px;
    border-radius: 3px;
    text-decoration: none;
    font-size: initial;
    color: #9a9453;
}

.close-Modal:hover {
    background: #111111;
    box-shadow: 1px 1px 3px 0px rgb(0 0 0 / 56%);
}

.chest-reward {
    position: absolute;
    /* background: rgba(255,255,255,0.8); */
    top: 50%;
    color: gold;
    font-weight: bold;
    text-shadow: 0 0 3px black;
    width: 100%;
    left: 0;
}

.modal-foot {
    padding: 9px 0 5px;
    height: 44px;
    border-top: 1px solid #242225;
    position: relative;
    text-align: right;
    background: rgba(0, 0, 0, 0.54);
    border-radius: 0 0 5px 5px;
}

.suggestions-list {
    display: flex;
    flex-wrap: wrap;
}

.pasiulymas-kas {
    border-bottom: 1px solid #a9ae49;
    width: max-content;
    padding-right: 45px;
    /*margin:auto;*/
}

.pasiulymas-kas a {
    color: #a9ae49;
    text-decoration: none;
}

.pasiulymas-kas a:hover {
    color: #d7df4b;
}

.pasiulymas-kas a:hover ~ .pasiulymas-kas {
    border-color: #d7df4b;
}

.pasiulymas {
    background: #2a2828;
    flex: 1 0 30%;
    border-radius: 5px;
    border-bottom: 2px solid #4c4c4c;
    margin: 7px;
    color: #acacac;
    padding: 8px;
    text-align: center;
}

.pasiulymas-inner {
    background: #242222;
    margin: 10px 0;
    border-radius: 4px;
    padding: 14px;
    border: 1px solid #403a3a;
}

.pasirinkti {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 15px;
    display: block;
    line-height: 1.5;
    width: 80%;
    padding: 5px 10px;
    margin: 5px auto;
    border: 1px solid #ced4da;
    color: #87c05e;
    background-color: transparent;
    border-radius: 1px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.login-block {
    display: block;
    background: rgb(0,0,0,.2);
    border-radius: 5px;
    padding: 15px 0;
    border: solid;
    border-image: url(/borderbox3.png);
    border-image-slice: 27 27 27 27;
    border-image-width: 20px 20px 20px 20px;
    border-image-outset: 0px 0px 0px 0px;
    border-image-repeat:stretch stretch;
}
.login-block h2 {
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase;
    margin-top: 5px;
    margin-bottom: 15px;
}
.login::placeholder {
  color: #fff;
  font-weight: bold;
  opacity: .2;
}
.login {
    background-color: rgb(10,175,241,.1);
    width: 85%;
    padding: 6px 10px;
    border: solid;
    border-image: url("/borderbox2.png") 30 / 6px 6px 6px 6px stretch;
}
.submit-login {
    background-color: #0AAFF1;
    display: block;
    font-family: 'Source Sans Pro', sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 16px;
    padding: 6px 25px;
    margin: 10px auto;
    border: 0;
    border-bottom: 3px solid rgb(0,0,0,.3);
    /* border-radius: 5px; */
    color: #333;
}

.season{
    display: inline-block;
    background: #640D5F;
    font-size: 18px;
    font-weight: bold;
    border: 4px solid rgb(255,255,255,.1);
    padding: 5px 15px;
    text-align: center;
    margin: 5px 0;
    border-radius: 4px;
    align-items: center;
    text-decoration: none;
    color: #fff;
    justify-content: center;
    height: 40px;
    position:relative;
}
.season img{
    max-width:26px;
    max-height:26px;
    position:absolute;
    animation: spin 3s infinite;
}
.season:hover{
    opacity: .8;
    box-shadow: 0px 0px 6px 1px #1919197a;
}
#season-name{
    margin-left:40px;
}

.pulti {
    display: block;
    font-weight: bold;
    color: #fff;
    font-size: 16px;
    text-align: center;
    margin: 10px auto;
    padding: 5px;
    width: 80%;
    text-transform: uppercase;
    text-decoration: none;
    transition: 0.3s;
}

.pulti:hover {
    background-color: #555;
    color: #fff;
}

.threat {
    display: flex;
    flex-wrap: wrap;
    width: 80%;
    margin: 5px auto;
}

.threat a {
    position: relative;
    text-align: center;
    flex: 1 0 50%;
    padding: 5px;
    background-color: #444;
    color: #fff;
    font-size: 16px;
    text-decoration: none;
    font-weight: bold;
}

.threat a:hover {
    opacity: .9;
}

.alert-error, .alert-ok, .alert-info, .alert-alert {
    display: block;
    text-align: center;
    padding: 10px;
    border-radius: 6px;
    margin: 5px auto;
    box-sizing: border-box;
}

.alert-error {
    background: rgb(240, 71, 71, 0.3);
    color: rgb(240, 71, 71);
}

.alert-ok {
    background: rgb(128, 203, 45, 0.3);
    color: #80cb2d;
}

.alert-info {
    background: rgb(48, 162, 255, 0.3);
    color: #30A2FF;
}

.alert-alert {
    background: rgb(251, 192, 45, 0.3);
    color: #FBC02D;
}

.bg-alert {
    background: rgb(251, 192, 45, 0.3);
    color: #FBC02D;
}

.season-frame{
    margin: 5px 5px;
    padding: 5px 5px;
    background: #302929;
    border-radius: 3px;
    border: 3px double #1e1e1d;
}
.season-frameContent{
    display: flex;
    background: #302929;
    width: 100%;
    overflow: scroll;
    overflow-y: hidden;
    padding: 5px 1px;
    border: 1px solid #2a2727;
    margin: 5px 0;
    border-radius: 3px;
}
.season-frameBar{
    border: 3px double #1e1e1d;
    padding: 5px;
    border-radius: 3px;
    margin: 10px -8px;
    color: #5df086;
    position:relative;
}
.tier-right{
    position: absolute;
    right: 5px;
    top: 2px;
}
.season-grid{
    flex: 1 0 25%;
}
.season-prize{
    padding: 20px;
    text-align: center;
    margin: 10px 2px;
    border: 1px solid #ffffff30;
    border-radius: 3px;
    position:relative;
    height:108px;
    transition:0.7s !important;

}
.season-prize img{
    transition:0.7s !important;
}
.season-prize .tier-ico{
    float: left;
    margin-top: -16px;
    margin-left: -11px;
}
.season-prize .inner-frame{
    display: flex;
    justify-content: center;
    height: 100%;
    align-items: center;
    flex-direction: column;
}
.season-prize .tier{
    position: absolute;
    top: 0;
    right: 0;
    height: 30px;
    width: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #e9e9e9bd;
    font-weight: bold;
    border-radius: 0 0 0 15px;
    background: #ffffff29;
    text-shadow: 2px 2px 1px #0000006e;
}
.season-prize .reward{
    text-align: center;
    position: absolute;
    bottom: 5px;
    font-family: monospace;
    color: #d6fff3e6;
}
.season-frameContent::-webkit-scrollbar {
    height: 8px !important;
    background: none;
    outline: none;
}


.season-frameContent::-webkit-scrollbar-thumb {
  background-color: #1c1c1c;
    border-radius: 5px;
}
.season-prize.active{
    border: 1px solid #cdaf0d;
    background: #322f1e;
    box-shadow: inset 0px 0px 4px 1px #ffd7007d;
}
.season-prize.in-progress{
    border: 1px solid #269ac1;
    background: #1e3232;
}
.season-prize.completed{
    border: solid 1px #97cd1e;
    background: #2d3830;
}
.season-prize.active:hover{
    border: 1px solid #eed23a;
    background: #4e4a31;
    box-shadow: inset 0px 0px 4px 1px #ffe0377d;
}
.season-prize.in-progress:hover{
    border: 1px solid #77dbfc;
    background: #244a4a;
}
.season-prize.completed:hover{
    border: solid 1px #b7e64f;
    background: #465d4c;
}
.season-prize:hover img{
    max-width:64px !important;
    max-height:64px !important;
}
.user-item {
    display: block;
    padding: 5px 1px;
}

.user-avatar {
    display: block;
    background: transparent no-repeat 0 0;
    background-size: 100%;
    position: relative;
    float: left;
    width: 35px;
    height: 35px;
    border-radius: 4px;
    margin-right: 15px;
}

.user-content {
    font-size: 15px;
}

.user-name {
    display: block;
    font-weight: bold;
}

.user-info {
    display: block;
    font-size: 13px;
    color: #aaa;
    margin-top: 3px;
}

.user-content .progress {
    margin-left: 50px;
}

.energy-title {
    text-shadow: -1px 0 #000, 0 #000, 1px 0 #000, 0 -1px #000;
    color: #2CA5F7;
    font-weight: bold;
    font-size: 16px;
    text-align: center
}
.energy {
    background-color: #666;
    margin: 0 auto;
    margin-bottom: 25px;
    margin-top: 5px;
    width: 95%;
    border: 2px solid rgb(0,0,0,.2);
    border-radius: 5px;
}
.energy-bar {
    background-color: #2CA5F7;
    height: 10px;
    max-width: 100%;
    border-radius: 5px;
}
.progress-gray {
    background-color: #606060;
}

.progress-orange {
    background-color: #FFB100;
}

.progress-red {
    background-color: #FF0000;
}
.progress-cyian{
    background-color: #5df086;
}
.menu-links {
    text-align: left;
    margin: 12px 0;
}

.menu-links a {
    background-color: rgb(255, 255, 255, .05);
    color: #fff;
    font-size: 18px;
    display: block;
    padding: 8px 8px;
    border-radius: 5px;
    border-left: 3px solid #fff;
    text-decoration: none;
    margin: 4px 0;
}
.menu-links a:hover {
    color: #fff;
    font-weight: bold;
    background-color: rgb(255, 255, 255, .1);
    -moz-box-shadow: inset 0 0 5px rgb(255, 255, 255, .1);
    -webkit-box-shadow: inset 0 0 5px rgb(255, 255, 255, .1);
    box-shadow: inset 0 0 5px rgb(255, 255, 255, .1);
    transition: 0.2s;
}

.menu-links a i {
    background-color: rgb(255, 255, 255, .1);
    color: #fff;
    margin-right: 5px;
    padding: 5px 5px;
    border-radius: 5px;
}

.description{
    background: #2d2a2a;
    margin: 5px auto;
    border-radius: 4px;
    text-align: center;
    border: 2px dashed;
    color: #b1b1b1;
    align-items: center;
    padding: 11px;
}
.description img{
    border-radius: 8px;
    display: block;
    margin: 10px auto 0px auto;
    max-width: 170px;
}
.online-list {
    margin: 5px 0;
    color: #fff;
}

.online-list a {
    display: block;
    background-color: rgb(255, 255, 255, .05);
    color: #ddd;
    padding: 6px 8px;
    text-decoration: none;
    border-left: 3px solid rgb(255, 255, 255, .2);
}
.online-list a i.device{
    float: right;
    color: #73c700;
    margin-top: 3px;
    clear: both;
}

.online-list a:nth-child(2n) {
    background-color: rgb(255, 255, 255, .1);
}

.online-list a:hover {
    border-left: 3px solid #F8A71A;
    -moz-box-shadow: inset 0 0 5px #F8A71A;
    -webkit-box-shadow: inset 0 0 5px #F8A71A;
    box-shadow: inset 0 0 5px #F8A71A;
}
.pos-rel{
    position: relative;
}
.current-xp{
    position:absolute;
    top:0;
    left:0;
    right:0;
    margin:auto;
    color:black;
}
.top-navigation{
    bottom: 0;
    display: block;
    position: fixed;
    background: #222222;
    border: 1px solid #0aaff1;
    padding: 8px;
    color: #0aaff1;
    /* width: 100%; */
    max-width: 600px;
    margin: 8px;
    border-radius: 3px;
    right: 0;
}
.top-navigation a{
    text-decoration: none;;
}
.top-navigation a:hover{
    color: #0aaff1;
}
.news-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.news-list li {
    margin: 0;
    padding: 0;
    display: block;
    overflow: hidden;
    border-bottom: 2px dashed rgb(255,255,255,.1);
    padding: 10px 5px;
    min-height: 140px;
}
.news-list li h2 {
    margin: 0;
    margin-bottom: 5px;
}
.news-thumbnail {
    display: block;
    float: left;
    border: 3px solid rgb(0,0,0,.1);
    border-radius: 10px;
    margin: 0px 10px 0 0;
    height: 90px;
}
.news-list li p {
    padding: 0;
    margin: 5px 0;
}
.news-list li:last-child {
    border: none;
}
.news-date {
    color: #999;
    float: right;
}
.more-news {
    display: block;
    text-align: center;
    background-color: rgb(255,255,255,.1);
    padding: 3px 0;
    border-radius: 5px;
}
.more-news:hover {opacity: .9;}
.auth-links {
    display: block;
    text-align: center;
    margin: 10px 0;
}
.auth-links a {
    font-size: 17px;
    font-weight: 800;
    text-decoration: none;
    color: #fff;
    text-shadow: 0 0 1px #0f0f0f, 0 0 3px #1a1a1a;
    box-shadow: 0 1px 1px rgba(0,0,0,.3), 0 0 0 1px rgba(255,255,255,.1) inset;
    border: 1px solid rgba(0,0,0,.1);
    padding: 5px 10px;
    border-radius: 5px;
}
.auth-links a {
    background: #0AAFF1;
    background: linear-gradient(#0AAFF1,#0894cb);
}
.auth-links a:nth-child(2n) {
    background: #444;
    background: linear-gradient(#444,#333);
}
.frakcijos-list{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.frakcijos-list li {
    background-color: rgb(255, 255, 255, .05);
}
.frakcijos-list a {
    display: block;
    text-decoration: none;
    padding: 5px 10px;
}
.frakcijos-list a h2 {
    text-align: left;
    margin: 0;
    padding: 0;
}
.frakcijos-list a p {
    text-align: left;
    margin: 0;
    padding: 5px 0;
}
.frak-rank, .frak-online, .frak-status {
    display: inline-block;
    background: rgb(0,0,0,.1);
    padding: 5px 10px;
    margin: 3px;
    border-radius: 10px;
}
.frak-rank {
    font-weight: bold;
}
.frak-status {
    color: #4CAF50;
}
.frakcijos-list li span i {
    margin-right: 3px;
}
.frak-stats {
    padding: 10px 5px;
}
.frak-stats span {
    background: rgb(255,255,255,.1);
    border-radius: 5px;
    padding: 4px 10px;
}
.frakcijos-list li:nth-child(2n) {
    background-color: rgb(255, 255, 255, .1);
}
.frakcijos-list li:hover { opacity: .8; }
.frakcija {
    display: flex;
    flex-wrap: wrap;
    background: rgb(0,0,0,.1);
    border: 2px solid rgb(0,0,0,.2);
    /* border-radius: 5px; */
    color: #eee;
    font-size: 15px;
    margin: 5px;
}
.frakcija h2 {
    flex: 100%;
    background: rgb(0,0,0,.2);
    margin: 0;
    padding: 9px 0;
    background: rgb(0,0,0,.2);
    background: -webkit-linear-gradient(to bottom, rgb(0,0,0,0), rgb(0,0,0,.2));
    background: linear-gradient(to bottom, rgb(0,0,0,0), rgb(0,0,0,.2));
    margin-bottom: 10px;
}
.frakcija-img {
    flex: 60%;
    padding: 5px 10px;
}
.frakcija-img img {
    width: 100%;
    border: 2px solid rgb(255,255,255,.1)
}
.frakcija-info {
    flex: 40%;
    padding: 5px 5px;
    color: #d0d0d0;
}
.frakcija span {
    text-transform: uppercase;
    color: #818181;
    padding: 1px 5px;
    font-size: 14px;
}
.frakcija span::before {
    content: '\00BB';
    margin: 0px 5px;
}
.frakcija-pop {
    flex: 100%;
    text-align: center;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    font-size: 17px;
    color: #fff;
    border-top: 1px solid rgb(0,0,0,.3);
}
.frakcija-links {
    margin: 5px;
    background: rgb(0,0,0,.1);
    border: 2px solid rgb(0,0,0,.2);
    border-radius: 5px;
}
.frakcija-links a {
    display: block;
    text-decoration: none;
    color: #fff;
    border-bottom: 1px solid rgb(0,0,0,.2);
    overflow: auto;
}
.frakcija-links a span {line-height: 35px;}
.frakcija-links a:last-child {
    border-bottom: 0;
}
.frakcija-links a i {
    float: left;
    margin-right: 7px;
    padding: 10px 10px;
    border-right: 1px dashed rgb(0,0,0,.2);
}
.frakcija-links a:hover { background: rgb(0,0,0,.1); border-color: rgb(0,0,0,.1) }
.frakcija ul {
    margin: 0;
    padding: 0;
}
.frakcija ul li {
    display: block;
    background:  rgb(255,255,255,.04);
    color: #4CAF50;
    padding: 4px 6px;
}
.frakcija ul li::before {
    content: '\00BB';
    margin: 0px 6px;
}
.frakcija-desc {
    background-color: rgb(255,255,255,.9);
    color: #333;
    border-radius: 5px;
    margin: 10px 5px;
}
.frakcija-desc h2 { border-bottom: 1px solid rgb(0,0,0,.3) }
.frakcija-nariai h2 {background: rgb(0,0,0,.2);}
.frakcija-desc h2, .frakcija-nariai h2 {
    text-align: left;
    color: #666;
    padding: 5px 10px;
    margin: 0;
}
.frakcija-desc p {
    padding: 10px 10px;
    text-align: center;
    margin: 0;
}
.frakcija-nariai {
    background: rgb(0,0,0,.1);
    border: 2px solid rgb(0,0,0,.2);
    color: #eee;
    font-size: 15px;
    margin: 5px;
}
.frakcija-nariai ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.frakcija-nariai li {
    background: rgb(255,255,255,.05);
    overflow: auto;
    border-radius: 2px;
    margin: 2px;
}
.frakcija-nariai span {
    display: inline-block;
    padding: 2px 0;
}
.frakcija-nariai .f-lvl, .frakcija-nariai .f-pop {
    font-weight: bold;
    font-size: 14px;
    float: right;
    padding: 2px 5px;
}
.frakcija-nariai .f-lvl { background: #0AAFF1 }
.frakcija-nariai .f-pop { background: #BB5DC6 }
.frakcija-nariai ul li::before {
    content: '';
    height: 11px;
    width: 11px;
    margin: 0 10px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
}
.frakcija-nariai ul li.online::before {
    background-color: #73A657;
}
@media (max-width: 600px) {
  .frakcija-img, .frakcija-info {
    flex: 100%;
  }
  .frakcija-img {
      border-bottom: 1px solid rgb(255,255,255,.1);
      margin-bottom: 5px;
      padding-bottom: 5px;
  }
}
.image-link {
    display: inline-block;
    background: #36393F;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border: 2px solid #444;
    /*float: left;*/
    width: 48%;
    margin: 4px 1%;
    height: 80px;
    color: #fff;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    transition: 0.3s;
}

.image-link:hover {
    background-position: 50% 40%;
}

.image-link-disabled {
    filter: grayscale(100%);
}

.image-link span {
    background-color: rgb(0, 0, 0, .5);
    text-shadow: 1px 1px 1px #000;
    position: absolute;
    text-align: center;
    display: block;
    bottom: 0;
    right: 0;
    width: 100%;
    padding: 2px 0;
}

.ac {
    background-color: #fff;
    padding: 5px 5px;
    margin: 5px;
    border-radius: 8px;
}

.log-ac {
    margin: 1px 1px;
    padding: 0px 10px;
    border-left: 2px solid #fff;
    background-color: rgb(0, 0, 0, 0.05);
    border-radius: 5px;
    font-style: italic;
    color: #333;
}

.fight {
    margin: 15px 0;
}

.fight-title {
    background: rgba(141, 0, 2, 1);
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(141, 0, 2, 1) 50%, rgba(0, 0, 0, 0) 100%);
    text-align: center;
    font-size: 17px;
    font-weight: bold;
    color: #F7CEA3;
    border-radius: 2px;
    border-top: 2px solid rgb(247, 206, 163, .5);
    border-bottom: 2px solid rgb(247, 206, 163, .5);
    text-transform: uppercase;
    margin-bottom: 8px;
    padding: 5px;
}

.fight-loot {
    background: transparent;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.196516106442577) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.196516106442577) 100%);
    display: block;
    text-align: center;
    color: #E5B890;
    font-weight: bold;
    font-size: 16px;
    border-top: 2px solid rgb(247, 206, 163, .5);
    border-bottom: 2px solid rgb(247, 206, 163, .5);
    margin: 5px;
    padding: 15px 10px;
}

.nav-links {
    display: flex;
    align-items: center;
}

.nav-links a {
    display: block;
    text-align: center;
    text-decoration: none;
    color: #E6BD19;
    font-size: 16px;
    font-weight: bold;
    width: 100%;
    margin: 2px 3px;
    padding: 5px;
    /* border: 1px solid #444; */
    /* border-top: 2px solid #444; */
    /* border-bottom: 2px solid #444; */
    text-transform: uppercase;
    background: rgb(255, 255, 255, .05);
    border-bottom: 2px solid #E6BD19;
}

.nav-links .fa {
    display: block;
    color: #E6BD19;
    margin: 5px;
}

.nav-links a:hover {
    background: rgb(255, 255, 255, .1);
}
.equip-list{
    display: flex;
    margin: 35px auto;
    flex-wrap: wrap;
}
.equiped-items{
    background: #272626;
    width: 33%;
    margin: 4px;
    border: 3px double #639afd;
    padding: 20px;
    border-radius: 5px;
    text-align: center;
    color: #c9c9c9;
    line-height: 1.75;
    position: relative;
    flex: 1 1 32%;
    margin-bottom: 20px;
    padding-bottom: 55px;
    max-width: 49%;
    margin: auto;
}
.category-name{
    position: absolute;
    top: -19px;
    width: 60%;
    text-align: center;
    background: #639afd;
    margin: auto;
    left: 0;
    right: 0;
    border-radius: 5px;
    color: black;
    padding: 5px;
    border: 3px double #272626;
}
a.unequip-button{
    background: #b93b3b;
    text-decoration: none;
    color: #f2f2f2;
    border-bottom: 2px solid #922222;
    display: block;
    position: absolute;
    padding: 5px;
    border-radius: 4px;
    bottom: 7px;
    left: 0;
    right: 0;
    margin: auto;
    width: 75%;
    margin-top: 21px;
}
a.unequip-button:hover{
    background: #b62525;
    text-shadow: 0 0 2px #e4e4e4;
}
.inv-select-list{
    margin: 11px auto;
    display: flex;
    text-align: center;
}
.inv-select{
    background: #353535;
    width: 49%;
    padding: 7px 0;
    margin: 0 6px;
    border-radius: 3px;
    /* border: 1px solid #2d2d2d; */
    color: #bdbdbd;
    text-decoration: none;
}
.inv-select i{
    margin-right:5px;
}
.inv-select:hover{
    color: #bf9852;
}
.inv-select.active{
    color: #fdb638;
    pointer-events: none;
}
.kuprine {
    display: inline-block;
    border: 1px solid #444;
    border-radius: 5px;
    margin: 5px;
    padding: 5px;
    text-align: center;
}

.kuprine-item {
    display: inline-block;
    border: 1px solid #1B9891;
    width: 60px;
    height: 60px;
    font-size: 14px;
    text-align: center;
    padding: 2px;
    margin: 5px;
    text-decoration: none;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.kuprine-item span {
    visibility: hidden;
    background-color: rgb(0, 0, 0, .7);
    color: #fff;
    text-align: center;
    padding: 5px 0;
    position: fixed;
    width: 100%;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: 0px;
}

.kuprine-item:hover span {
    visibility: visible;
    -webkit-animation-name: animate;
    -webkit-animation-duration: 0.7s;
    animation-name: animate;
    animation-duration: 0.7s
}

.kuprine-item img {
    width: 100%;
}

.cover-250 {
    height: 250px;
    background-position: bottom;
    background-size: cover;
    text-align: center;
}
dl {
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.1) 100%);
    border: 2px solid rgb(255, 255, 255, .1);
    border-radius: 5px;
    padding: 5px;
    font-weight: bold;
}

dt {
    border-top: 2px dashed rgb(255, 255, 255, .1);
    color: #EACA00;
}

dt:before {
    content: '\00BB';
    margin: 0 6px;
}

dt:first-child {
    border: none;
}

dd {
    color: #ddd;
    padding: 2px 10px;
    margin-bottom: 5px;
    margin-top: 1px;
    border-radius: 5px;
}

@-webkit-keyframes animate {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.inventorAmount {
    position: absolute;
    background: #159089;
    padding: 11px;
    border-radius: 50%;
    margin-left: 44px;
    margin-top: 41px;
    color: white;
}

.inventorAmount--number {
    position: absolute;
    color: white;
    margin-top: 40px;
}

.inventor-list {
    background: #2d2d2d;
    padding: 5px;
    /* border: 1px solid #444444; */
    border-radius: 6px;
    margin: 3px;
}

.inventor-list a {
    color: #ded9d9;
    background: #444444;
    display: block;
    padding: 7px;
    text-decoration: none;
    border-bottom: 2px solid #1a1919;
    margin-bottom: 5px;
}
.inventor-list a:last-child {
    margin-bottom:0;
}

.inventor-list a:hover {
    color: white;
    border-bottom: 2px solid #413f3f;
    background: #525151;
}
.unban-list{
    display:flex;
    flex-wrap:wrap;
}
.unban-info{
    flex:1 0 45%;
    max-width:50%;
}
.unban-container{
    padding: 20px;
    border: 1px solid #545353;
    border-radius: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
}
a.unban{
    color: rgb(255 255 255);
    text-decoration: none;
    display: block;
    background: #c71515;
    text-align: center;
    width: 80%;
    padding: 5px 0;
    margin: 7px 0;
    border-radius: 3px;
    margin: 7px auto;
}
a.unban:hover{
    background:red;
}

textarea.minichat {
    background: rgb(255,255,255,.1);
    width: 80%;
    padding: 15px;
    max-width: 100%;
    margin: 10px auto;
    margin-bottom: 2px;
    height: 70px;
    max-height: 200px;
    border: 2px solid rgb(0,0,0,.1);
    color: #b1b1b1;
    border-radius: 5px;
}
.btn-textarea {
    width: 80%;
    border-radius: 2px;
}
.abilities_list {
    padding: 0;
}

red {
    color: #9e0505;
}

green {
    color: #429e05;
}

.ability {
    text-align: center;
    width: 49%;
    display: inline-block;
    background: #1c1c1c;
    margin: 3px;
    border-radius: 4px;
    border-left: 2px solid #2e2e2e;
    padding: 5px;
    color: #e1e1e1;
}

.ability a {
    text-decoration: none;
    color: #ababab;
    background: #141414;
    display: block;
    padding: 5px;
    border-radius: 3px;
    border-left: 2px solid #817474;
    border-bottom: 1px solid #141414;
    border-right: 2px solid #817474;
}

.ability a:hover {
    color: #8bdad5;
    background: #181818;
    border-bottom: 0;
    border-color: #29b6ae;
    box-shadow: 1px 3px 6px 0px rgb(69 202 188 / 39%);
}

.ability:hover img {
    background: #181818;
    padding: 2px;
    border-bottom: 0;
    border-color: #29b6ae;
    border: 2px solid white;
    border-radius: 14px;
    box-shadow: 1px 3px 6px 0px rgb(0 0 0);
    opacity: 0.8;
}

.ability-select a {
    display: inline-block;
    text-align: center;
    color: #97bbc9;
    background: #2e2e2d;
    width: 35%;
    text-decoration: none;
    border-radius: 4px;
    padding: 5px;
    margin: 6px;
    border-left: 2px solid #217974;
}

.ability-select a:last-child {
    border-left: 0;
    border-right: 2px solid #217974;
}

.ability-select a:hover {
    border-color: #61ceff;
    color: #3de1d8;
    background: #1a1a1a;
    text-shadow: 1px 1px 3px #44fff5;
}

.season_description{
    background: #302929;
    border: 3px double #1e1e1d;
    border-radius: 3px;
    margin: 5px;
    padding: 15px;
    color: #b6a39d;
}
.season_description h3{
    color: #e3c057;
    display: block;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #e3c05730;
}

.sell-item{
    margin: auto;
    display: flex;
    flex-wrap: wrap;
}
.sell-item-group{
    margin: 15 auto;
    background: #fff7ea;
    padding: 10px;
    border: 2px solid #aa9a7e;
    border-radius: 4px;
    color: #080808;
    flex: 1 0 48%;
    margin: 5px;
}
.sell-item-tab{
    padding: 20px;
    font-weight: bold;
    background: #ded6c9;
    margin: 12px 0;
    border-radius: 4px;
    border: 1px solid #cbc5ba;
}
.sell-item-tab input, .sell-item-tab select{
    color: black;
    background: white;
    border-radius: 3px;
    padding: 8px;
    border-bottom: 2px solid #bcb4a7;
}
.sell-item-name::before{
    content: "-";
}
.sell-item-name::after{
    content: "-";
}
.buy-item{
    margin: auto;
    display: flex;
    flex-wrap: wrap;
}
.buy-item-group{
    margin: 15 auto;
    background: #fff7ea;
    padding: 10px;
    border: 2px solid #aa9a7e;
    border-radius: 4px;
    color: #080808;
    flex: 1 0 48%;
    margin: 5px;
}
.buy-item-tab{
    padding: 20px;
    font-weight: bold;
    background: #ded6c9;
    margin: 12px 0;
    border-radius: 4px;
    border: 1px solid #cbc5ba;
}
.buy-item-tab input, .sell-item-tab select{
    color: black;
    background: white;
    border-radius: 3px;
    padding: 8px;
    border-bottom: 2px solid #bcb4a7;
}
.buy-item-name::before{
    content: "-";
}
.buy-item-name::after{
    content: "-";
}
.buy-item span.kaina{
    background: rgb(0 0 0 / 80%);
    padding: 8px;
    display: inline-block;
    border-radius: 4px;
    margin: 5px;
    border: 1px solid #fff7ea;
    color: wheat;
    font-weight: normal;
    box-sizing: border-box;
}
.buy-item a{
    color:black;
    text-decoration:none;
}
.turgus-btn{
    color: black;
    background: #2f9be4;
    border-radius: 3px;
    padding: 8px;
    border: 0;
    border-bottom: 2px solid #0668aa;
    max-width: 400px;
    margin: 5px 0;
    color: white;
}
.btn-1 {
    display: inline-block;
    border: none;
    color: #FFFFFF;
    padding: 5px 15px;
    text-align: center;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    text-decoration: none;
    font-size: 16px;
    cursor: pointer;
}
.btn-1 {
    background-color: #4CAF50;
}
.turgus-btn:hover{
    background: #5096d5;
}
.ratings-btn-group{
    margin: 25 5;
}
.ratings-select{
    background: #262424;
    display: inline-block;
    width: 49%;
    padding: 11px;
    text-decoration: none;
    transition: 1s;
    transition-property: all;
    transition-duration: 1s;
    transition-timing-function: cubic-bezier(0.08, 0.41, 1, 0.52);
    border-bottom: 2px solid #262424;
    border-radius: 3px;
}
.ratings-select:hover{
    background: #181818;
    color: #00ffc0;
}
.ratings-select.active{
    pointer-events: none;
    background: #212121;
    border-bottom: 2px solid #82bdba;
    color: #82bdba;
}
.ratings-select i{
    margin-right:5px;
}



/*
.rating-info li:last-child:before {
    content: "";
    border: 1px dashed #565555;
    position: absolute;
    left: 17%;
    width: 70%;
    top: 26px;
}
*/
.ratings-list {
    flex-wrap: wrap;
    margin: 10px 0;
}

.rating-info {
    background: #262424;
    padding: 1px;
    margin: 0 6px;
    outline: none;
    /* border-bottom: 2px solid #201f1f; */
    position: relative;
    flex: 1 0 48%;
    display: block;
}
.rating-info:first-child{
    border-radius: 4px 4px 0 0;
}
.rating-info:last-child{
    border-radius:0 0 4px 4px;
}
.rating-info:nth-child(odd){
    background: #1c1a1a;
}
.rating-info.me {
    background: #dcbd78;
    color: #161616;
    font-weight: bold;
    border: 1px solid #c3ad74;
}
.rating-info:hover {
    background: #312f2f;
}
.rating-info.me:hover {
    background: #e6c05b;
}
.rating-info li:first-child {
    text-align: left;
}

.rating-info li {
    display: inline-block;
    width: 49%;
}

.rating-info li:last-child {
    text-align: right;
    position:relative;
}
/*.rating-info li:last-child:before {
    content: "";
    border: 1px dashed #565555;
    position: absolute;
    left: -65%;
    width: 150%;
    top: 10px;
}*/
.ratings-select:hover i, .inv-select:hover i{
    animation: spin 1s;
}


.container {
    background: #1d1d1c;
    padding: 5px;
    margin: 5px;
    border-radius: 4px;
    border: 1px solid #393938;
}

.sms {
    background: #292929;
    padding: 6px;
    margin: 1px;
    padding-left: 15px;
}

.mine {
    background: #1d1d1d;
}
.reply{
    background: rgb(228,133,39,.2);
}
.sms .zinute {
}

.sms a {
    color: #FFB100;
    text-decoration: none;
    transition: 2s;
    transition-property: all;
    transition-duration: 2s;
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition-delay: 0s;
}

.sms a:hover {
    color: #9bcac7;
    transition: 2s;
    transition-property: all;
    transition-duration: 2s;
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition-delay: 0s;
}

.ability-container {
    background: #141414;
    color: #afafaf;
}

.new-pm {
    background: red !important;
    padding: 8px !important;
    border-radius: 50% !important;
    position: absolute;
    margin-left: -7px;
    margin-top: 6px;
}

.new-pm--count {
    position: absolute;
    text-align: center;
    width: 25px;
    margin-top: 0px;
    margin-left: -11px;
    background: none !important;
    font-size: 11px;
    color: white;
}

.new-pm--count a {
    color: white;
}

.message1, .message2 {
    padding: 6px;
    border-radius: 4px;
    position: relative;
    clear: both;
    margin-bottom: 1px;
}

.messages {
    padding: 3px;
    background: #2b2b2b;
    border-radius: 5px;
    max-height: 70%;
    overflow: auto;
    margin: 5px;
}

.message1 {
    background-color: #313131;
    max-width: 80%;
    float: left;
    margin-left: 4px;
    color: #afafaf;
    border-right: 2px solid #616161;
}

.message2 {
    background-color: #292828;
    max-width: 80%;
    float: right;
    margin-left: 4px;
    border-left: 2px solid #423f3f;
    color: #b7b7b7;
}

.messageHolder {
    margin: 0;
    background: #2b2b2b;
    margin-bottom: -3px;
    border: 2px solid #504f4f;
    border-radius: 4px;
}

.messageHolder textarea {
    width: 300px;
    background: rgb(43, 43, 43);
    border: 1px solid rgb(185, 181, 181);
    border-radius: 4px;
    height: 105px;
    color: #c3c3c3;
    max-width: 100%;
}

.wmHeader{
    border-bottom:2px solid red;
}
.wmFooter{
    border-top:1px solid green;
}
.wmContents{
    padding: 10px;
}
.c {
    text-align: center !important;
}

.cont {
    background-color: rgb(21 21 21 / 27%);
    display: block;
    padding: 12px 5px;
    border-radius: 5px;
    text-decoration: none;
    margin: 5px 0;
    color: #84b5c9;
    font-weight: bold;
    border: 4px solid #84b5c9;;
    border-bottom:0;
    margin-top: 20px;
}

.miestai {
}

.miestai a {
    display: block;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 100px;
    border: 3px solid rgb(0,0,0,.5);
    text-decoration: none;
    position: relative;
}

.miestai a span {
    display: inline-block;
    backgrodund-color: rgb(0,0,0,.5);
    text-shadow: -1px 0 rgb(0,0,0,.8), 0 1px rgb(0,0,0,.8), 1px 0 rgb(0,0,0,.8), 0 -1px rgb(0,0,0,.8);
    background-color: #0AAFF1;
    color: #fff;
    font-weight: bold;
    border: 3px solid rgb(0,0,0,.2);
    border-radius: 10px;
    margin-top: 21px;
    padding: 5px 10px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
}
.miesto-gresmes {
    background-color: #333;
    color: #fff;
    border-top: 3px solid rgb(0,0,0,.2);
    border-left: 3px solid rgb(0,0,0,.2);
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 2px 5px;
    font-weight: bold;
}
.miestai a:hover {
    opacity: .8;
    background-position: 50% 45%;
    -webkit-transition: background 2.2s;
    -moz-transition: background 2.2s;
    -o-transition: background 2.2s;
    transition: background 2.2s;
}
.miestas {
    display: flex;
    flex-wrap: wrap;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    padding: 10px;
    border-radius: 5px;
}
.miestas a {
    text-align: center;
    flex: 1 0 20%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100px;
}
.miestas-nera, .miestas-gresme {
    height: 28px;
    width: 28px;
    margin: 5px;
    border-radius: 50%;
    display: inline-block;
}
.miestas-gresme {
    border: 3px solid #fff;
}
.uzd-list, .tren-choices {
    display: flex;
    flex-wrap: wrap;
    text-decoration: none;
    text-align: left;
    margin: 5px;
}
.uzd-list a, .uzt-info, .tren-choice {
    text-align: center;
    color: #333;
    flex: 1 0 45%;
    margin: 2px;
    text-decoration: none;
    background: #f7ebb8;
    border: 2px solid rgb(0,0,0,.2);
    border-radius: 5px;
    /*padding-top: 25px;*/
    position: relative;
}
.tren-choice {
    background-color: #444 !important;
    color: #fff;
}
.tren-choice {
    margin: 13px 5px;
}
.uzd-list-title, .turgus-main-title, .tren-title {
    text-shadow: -1px 0 rgb(0,0,0,.8), 0 1px rgb(0,0,0,.8), 1px 0 rgb(0,0,0,.8), 0 -1px rgb(0,0,0,.8);
    background: #0AAFF1;
    border: 2px solid rgb(0,0,0,.2);
    color: #fff;
    font-size: 16px;
    display: inline-block;
    font-weight: bold;
    border-radius: 10px;
    padding: 4px 20px;
    margin: auto auto;
    margin-bottom: 5px;
    margin-top: -15px;
    transition: 1s;
}

/*.uzd-list-title, .turgus-main-title, .tren-title {
    text-shadow: -1px 0 rgb(0,0,0,.8), 0 1px rgb(0,0,0,.8), 1px 0 rgb(0,0,0,.8), 0 -1px rgb(0,0,0,.8);
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 0%;
    transition: 1s;
    background: url(../img/labels/label1.png?v=5);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 175px;
    height: 53px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -12%;
    left: 0;
    right: 0;
    margin: auto;
    min-width: max-content;
}*/
.turgus-main-title {background-color: #BB5DC6}
.tren-title { background-color: #FFB100}
.uzd-list-main, .uzt-info-main {
    display: flex;
    flex-wrap: wrap;
}
.uzd-list-main div, .uzt-info-main div {
    flex: 1;
    background: rgb(0,0,0,.1);
    text-align: left;
    border-radius: 5px;
    padding: 5px;
    margin: 5px;
}
.uzd-list-main div span, .uzt-info-main div span, .tren-info div {
    display: block;
    text-shadow: -1px 0 rgb(0,0,0,.8), 0 1px rgb(0,0,0,.8), 1px 0 rgb(0,0,0,.8), 0 -1px rgb(0,0,0,.8);
    color: #c1a116;
    font-weight: bold;
    font-size: 16px;
    margin-left: 10px;
}
.tren-info span::before {
    content: '\00BB';
    font-weight: bold;
    margin: 0px 6px;
}

.uzd-list-timeleft, .uzt-info-timeleft, .uzt-info-desc, .tren-info{
    display: block;
    background: rgb(0,0,0,.05);
    border-radius: 5px;
    margin: 0 5px;
    margin-bottom: 5px;
    text-align: center;
    padding: 5px;
}
.tren-info:nth-child(2n) {
    background: rgb(0,0,0,.1);
}
.uzt-info-desc {
    margin-bottom: 0 !important;
    margin-top: 5px;
}
.uzd-list a:hover, .uzt-err:hover, .uzt-ok:hover, .tren-links a:hover, .tren-choose:hover {
    opacity: .9;
}
.uzt-info .uzt-ok, .uzt-info .uzt-err, .tren-choose {
    display: block;
    text-decoration: none;
    background-color: #0aaef0;
    border: 0;
    border-bottom: 2px solid rgb(0,0,0,.3);
    border-right: 3px solid rgb(0,0,0,.3);
    text-shadow: -1px 0 rgb(0,0,0,.8), 0 1px rgb(0,0,0,.8), 1px 0 rgb(0,0,0,.8), 0 -1px rgb(0,0,0,.8);
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    border-radius: 5px;
    padding: 5px;
    margin: 5px;
}
.uzt-err {background-color: #888 !important;}
.tren-choose {
    background-color: #81C124;
    margin: 0;
    width: 100%;
}
.tren-choose i {
    vertical-align: middle;
}
.q-list{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.col-bigger{
    flex: 1 0 60%;
    background: #f9f6f1;
    color: #454c5c;
    padding: 20px 15px;
    text-align: left;
}
.col-small{
    flex:1 0 40%;
}
.col-bigger img{
    margin:auto;
    display: block;
    border-radius: 3px;
    box-shadow: 2px 2px 3px 1px #0000008f;
}
.quest{
    background: #ebe7de;
    border: 3px solid #7b7b74;
    color: #454c5c;
    border-left: 0;
    border-right: 0;
    border-radius: 3px;
    padding:0;
    margin: 5px;
    text-align: center;
    position: relative;
}
.quest:before, .quest:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 8px double #7b7b74;
    position: absolute;
    top: 3px;
    left: 0;
    right: 0;
    margin: auto;
}
.quest:after {
    border-bottom: 8px double #7b7b74;
    border-top: 0;
    bottom: 3px;
    top: auto;
}
.quest .need, .quest .reward{
    position: relative;
    max-width: 200px;
    color: #00a4bb;
    margin: 5px auto;
}
lol{
    display: block;
    background: #f9f6f1;
    margin: 2px auto;
    max-width: 275px;
    padding: 3px;
    border: 3px double #d8d7d4;
    border-radius: 2px;
}
.quest .need:after, .quest .reward:after{
    content: "";
    height: 1px;
    max-width: 300px;
    background: #e0dcd3;
    border-radius: 22px;
    /* box-shadow: 0px 0px 4px 1px #23221ab5; */
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -3px;
}
.col-q span{
    margin: 25px auto;
    display: block;
    letter-spacing: 2.55px;
    font-size: 0.8rem;
    border: 1px solid #e0dcd3;
    padding: 10px;
    border-radius: 3px;
}
.quest a{
    background: #08975fdb;
    display: block;
    max-width: 150px;
    border-radius: 2px;
    padding: 4px;
    text-decoration: none;
    margin: 15px auto;
    box-shadow: 2px 2px 4px #0000006b;
    color: white;
}
.quest a:hover{
    background: #08975f;
    cursor: pointer;
    /* font-weight: bold; */
    box-shadow: 2px 2px 4px #00000087;
}

.game-menu {
    display: flex;
    flex-wrap: wrap;
    background-image: url('https://wallpaperaccess.com/full/1961176.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    padding: 10px;
    border-radius: 5px;
    border: 4px solid rgb(255,255,255,.1)
}

.game-menu a img {
    width: 60px;
    height: 60px;
    margin: auto;
    border-radius: 50%;
    border: 3px solid #fff;
    box-shadow: 0 2px 3px rgba(0, 0, 0, .3);
}

.game-menu a {
    text-align: center;
    flex: 1 0 32.2%;
}

.game-menu div {
    display: inline-block;
    border-radius: 5px;
    margin: 20px 5px;
    padding: 5px;

}

.game-menu .game-menu-title {
    display: inline-block;
    text-decoration: none;
    background-color: #640D5F;
    border: 2px solid rgb(255,255,255,.2);
    font-size: 20px;
    color: #fff;
    padding: 5px 7px;
    border-radius: 5px;
    margin-top: 5px;
    line-height: 18px;
}

.game-menu a:hover .game-menu-title {
    color: #E6BD19;
    transition: color .3s ease-in-out, border 1s ease-in-out, box-shadow .2s ease-in-out;
}

.game-menu a:hover {
    background-color: rgb(0, 0, 0, .1);
    transition: background-color .3s ease-in-out;
}

.game-menu a .img {
    display: block;
}

.game-menu a .img:after {
    display: block;
    content: "";
    width: 0;
    height: 0;
    margin: auto;
    margin-top: -8px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #fff;
}
.input-relevant input, .input-relevant select {
    margin: 0px !important;
    width: unset;
}
.offer-btn {
    display: inline-block;
    margin: 5px;
    background: rgb(0,0,0,.5);
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    text-shadow: -1px 0 rgb(0,0,0,.6), 0 1px rgb(0,0,0,.6), 1px 0 rgb(0,0,0,.6), 0 -1px rgb(0,0,0,.6);
    padding: 5px 10px;
}
.offer-btn:hover {
    opacity: .9;
}
.turgus-main {
    display: block;
    text-align: center;
    color: #333;
    margin: 10px 2px;
    text-decoration: none;
    background: #5d5f65;
    border: 2px solid rgb(0,0,0,.4);
}
.turgus-list {


}
.turgus-list a {
    display: block;
    font-size: 16px;
    background-color: rgb(0,0,0,.2);
    text-align: left;
    padding: 5px 10px;
    text-decoration: none;
    color: #fff;
    margin: 5px;
}
.turgus-list a ul {
    margin: 0;
}
.turgus-list a:hover {
    -moz-box-shadow: inset 0 0 5px #BB5DC6;
    -webkit-box-shadow: inset 0 0 5px #BB5DC6;
    box-shadow: inset 0 0 5px #BB5DC6;
}
select {
    color: black !important;
}
.equip-button{
    background: #1e1e1e !important;
    border-radius: 3px !important;
    width: 250px !important;
    border: 0 !important;
    border-bottom: 2px solid #1e1e1e !important;
    position:relative !important;
    color:white !important;
}
.equip-button::before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    content: '\f71d';
    width: 35px;
    height: 100%;
    background: #181818;
    position: absolute;
    left: 0;
    top: 0;
    border-bottom: 2px solid #181818;
    border-radius: 3px 28px 0 3px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.equip-button:hover{
    background: #171717;
    text-shadow: 0px 0px 2px white;
    border-bottom: 2px solid #130f0f;

}
.equip-button:hover.equip-button::before{
    /*-webkit-animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
    animation:spin 4s linear infinite;*/
}


a.button {
    display: block;
    background: #4f4f4f;
    width: max-content;
    border-radius: 2px;
    color: #e2c449;
    text-decoration: none;
    padding: 7px 20px;
    border-bottom: 2px solid #4f4f4f;
    margin: 5px;
}

a.button.x {
    color: currentColor;
    cursor: not-allowed !important;
    opacity: 0.5;
    text-decoration: none;
}

a.button:hover {
    border-bottom: 2px solid;
    background: #414040;
    color: #ffd21d;
    /*box-shadow: 2px 2px 3px 1px #0000008c;*/
}

a.button.x:hover {
    color: grey;
}

.label {
    border-radius: 2px;
    background: #313131;
    padding: 5px;
    margin: 5px;
    display: inline-block;
    text-decoration: none;
    color: #83a0b4;
}

.label.active, .label:hover {
    background: #3e3e3e;
    color: #b6b6b6;
}

.label.active {
    border-bottom: 2px solid;
}
.open-chest{
    margin-top: 5px;
    cursor: pointer;
    background: #1d1c1c;
    padding: 6px;
    margin: 4px;
    border-radius: 6px;
    border: 4px double rgb(255, 255, 255, .1);

}
.open-chest:hover{
    background:rgb(0,0,0,.1);
    cursor:pointer;
    border-radius: 2px;
}
.chests-description{
    border: 4px double #4c4c4c;
    border-radius: 5px;
    margin: 22 5 5;
    padding: 14px;
    background: #1d1c1c;
    color: #878787;
    box-shadow: 0px 0px 3px black;
}
.chests-description-line{
    border-bottom: 1px solid #4c4c4c;
    margin: 10px 0;
}
.chests-description-content{
    font-size: 16px;
    color: #9c8d87;
    max-width: 50%;
    margin: 15 auto;
    line-height: 30px;
    position:relative;
}
.chests-description-content::before{
    /*content: "";*/
    position: absolute;
    width: 7px;
    height: 7px;
    background: #544f4d;
    top: 50%;
    border-radius: 50%;
    /* box-shadow: 0 0 4px 1px #ffffff; */
    left: -16px;
    border: 1px solid #8e8e8e;
}
.chest-drops{
    margin-left: 15px;
    /* border: 1px solid #222222; */
    border-left: 2px solid rgb(255,255,255,.1);
    padding: 5px;
    padding-left: 5px;
    background: #1d1c1c;
    border-radius: 0 3px 3px 0px;
}
.chest-group{
    background: #1d1d1d;
    margin-top: 14px;
    padding: 5px 11px;
    border: 4px double rgb(255,255,255,.1);
    margin-right: 2px;
    border-radius: 0 5px;
}
.weekly_game--map {
    width: 300px;
    overflow: hidden;
    margin: 0;
}

.weekly_game--map img {
    display: block;
    width: 100%;
    margin: -21.875% 0;
}

.weekly_game {
    /*background:url(https://cdn2.f-cdn.com/contestentries/97773/11583267/53f1d5e38af22_thumb900.jpg);*/
    /*height:50vh;*/
    padding: 0;
    text-align: center;
}

.cell {
    display: inline-block;
    background: black;
    padding-right: 3px;
    border: 1px solid #7a7a7a;
    margin: 0px;
    text-align: right !important;
    width: 10%;
    padding-bottom: 10%;
    padding-top: 0px;
    position: relative;
}

.cell .text {
    position: absolute;
    right: 0px;
    width: 20px;
    text-align: center;
    background: rgba(0,0,0,0.3);
    border-radius: 0 0 0 3px;
}

.cell.active {
    border: 2px solid #00e3ff;
    border-radius: 3px;
    box-shadow: inset 0 0 4px 1px black;
}

.cell.active .text {
    color: #00e3ff;
    text-shadow: 1px 1px 2px #000000;
}

.puslapiavimas {
    display: inline-block;
    padding-left: 0;
    margin: 10px 0;
    border-radius: 4px;
    list-style-type: none;
}

.puslapiavimas li {
    color: #fff;
    float: left;
    text-decoration: none;
    margin: 1px;
    border-radius: 5px;
    border: 1px solid rgb(255,255,255,.05);
}

/*ul:before {
    content: attr(aria-label);
    font-size: 120%;
    font-weight: bold;
    margin-left: -15px;
}
*/
.d-link {
    padding: 8px 16px;
}

.l-link a {
    display: block;
    padding: 8px 16px;
}

.puslapiavimas li:hover {
    background-color: rgb(1,1,1,.1);
}

.puslapiavimas li a {
    color: #000;
}

.puslapiavimas .c-link, .puslapiavimas .c-link a {
    color: #fff;
    background-color: #0AAFF1
}

.lost-conn{
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    max-width: 600px;
    max-height: 400px;
    background: url(../img/lost-connection.jpg) #121212;
    background-repeat: repeat;
    background-position: center;
    border-radius: 10px;
    font-size: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #121212;
    box-shadow: 2px 2px 12px 2px #000000;
    color: #ffffff;
    text-shadow: 0 0 3px #000000;
    flex-direction: column;
    opacity:0.01;
    /*display:none;*/
}
.lost-conn refreshbtn{
    width: 35px;
    height: 35px;
    border-radius: 50%;
    cursor: pointer;
    background: #ff2b2b;
    font-size: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 25px 0 -25px 0;
}
.lost-conn refreshbtn:hover{
    background: red;
}

.notification{
    position: fixed;
    right: 7px;
    background: #036157ba;
    top: 52px;
    padding: 12px;
    z-index: 99999;
    background-clip: padding-box;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    border-radius: 4px;
    color: white;
    cursor: pointer;
    text-decoration: none;
}
.notification:hover{
    background: #0b8c7eba;
}
.notification b{
    color:#ffd88f;
}
.closebtn {
    margin-left: 15px;
    color: white;
    float: right;
    font-size: 18px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.closebtn:hover {
  color: black;
}


.season-end .modal-inner{
    width: 100%;
    background: url(https://i.pinimg.com/originals/49/c3/b5/49c3b5c25a67bbff6bf237f8da579ef5.png) #282323;
    background-size: contain;
    background-position-x: -17px;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    border-radius: 0 0 7px 7px;
    border: 2px solid #cca54e;
    border-top: 0;
    color: #e0e0e0;
    box-shadow: 3px 3px 8px 1px #00000063;
}
.season-end .modal-head{
    background: #e9c065;
    width: 100%;
    top: 0;
    padding: 8px;
    border-radius: 7px 7px 0 0;
    border: 2px solid #cca54e;
    color: black;
}
.season-end.modal-contents{
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    max-height: 400px;
    max-width: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.season-end .go-right{
    margin-left: 22vh;
    padding:15px;
}
.separate{
    position: relative;
    margin: 5px;
    display: table-cell;
    vertical-align: middle;
}
.separate:before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #d5a525;
    box-shadow: 0 0 4px 1px #ffea00;
    position: absolute;
    left: -13px;
    top: 10px;
}
.go-right b {
    color: #d5a525;
    font-size: 20px;
}
closebtn {
    color: #ff2900;
    float: right;
    font-size: 18px;
    cursor: pointer;
    transition: 0.3s;
}

closebtn:hover {
  color: #c45306;
}
@media only screen and (max-width: 675px) {
    .tooltip.prize i,.tooltip.prize:before{
        display:none;
    }
    .ability {
        width: 100%;
    }
}

@-webkit-keyframes animate {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes animate {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

@keyframes grow {
    0%,100% {
        max-width:26px;
        max-height:26px;
    }
    50%{
        max-width:50px;
        max-height:50px;
    }
}
@-webkit-keyframes spaceboots {
    0% {
        -webkit-transform: translate(2px, 1px) rotate(0deg);
    }

    10% {
        -webkit-transform: translate(-1px, -2px) rotate(-1deg);
    }

    20% {
        -webkit-transform: translate(-3px, 0px) rotate(1deg);
    }

    30% {
        -webkit-transform: translate(0px, 2px) rotate(0deg);
    }

    40% {
        -webkit-transform: translate(1px, -1px) rotate(1deg);
    }

    50% {
        -webkit-transform: translate(-1px, 2px) rotate(-1deg);
    }

    60% {
        -webkit-transform: translate(-3px, 1px) rotate(0deg);
    }

    70% {
        -webkit-transform: translate(2px, 1px) rotate(-1deg);
    }

    80% {
        -webkit-transform: translate(-1px, -1px) rotate(1deg);
    }

    90% {
        -webkit-transform: translate(2px, 2px) rotate(0deg);
    }

    100% {
        -webkit-transform: translate(1px, -2px) rotate(-1deg);
    }
}

.shake {
    display: inline-block;
    -webkit-animation-name: spaceboots;
    -webkit-animation-duration: 0.8s;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
}

.chest-particles {
    top: 25%;
    text-align: center;
    position: absolute;
}

.explosion {
    position: absolute;
    width: 600px;
    height: 600px;
    pointer-events: none;
}

.particle {
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    animation: pop 1.1s reverse forwards;
}

@keyframes pop {
    from {
        opacity: 0;
    }

    to {
        top: 50%;
        left: 50%;
        opacity: 1;
    }
}