@charset "utf-8";
@import url(validation.css);
@import url(notice.css);
@import url(ui.css?v1);
aside, body {
    width: 100%
}
.modalContent-title, .rankiconlist, h2 {
    text-transform: uppercase
}
h5, h6, h7 {
    line-height: 1.4
}
select:not(.form-control), textarea {
    background: rgba(0, 0, 0, .3);
    border: 2px solid #21333c;
    outline: #42494f solid 2px
}
.button, .marketInfo-cart a:hover, .marketInfo-profile_text a:hover, .page-container a:hover, a, a:hover {
    text-decoration: none
}
.container, .h2-title span, .h2-title-table, .h7-title span, .mainInfo, .mainsub, .wrapper, body, html, main, select:not(.form-control), ul.list li {
    position: relative
}
.h10-title span:before, .h2-title span:before, .h7-title span:before {
    position: absolute;
    background: url(../images/title-icon.png) no-repeat;
    width: 26px;
    height: 26px;
    margin-top: -18px;
    content: "";
    top: 80%;
	filter: drop-shadow(0px 0px 10px #ff2a00)
}
.b-title, .gameClient, .header-slider, .headerInfo {
    overflow: hidden
}
#lz-box img, img {
    max-width: 100%
}
#lz-box p, .market-title-flex .market-title, aside>div:last-child {
    margin-bottom: 0
}
#lz-box, #lz-close {
    z-index: 9999998 !important
}
.filter span i, ul.list li:hover {
    filter: brightness(150%)
}
.formGroup-button, .socButton, .socButton2 {
    align-content: center
}
#lz-box img, .iconacc, .journey .min-width, .top-header thead tr, table td {
    vertical-align: middle
}

.dmn-rankings-table td, table, table td {
    border-collapse: collapse
}
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline
}
.check-container input:checked~.checkmark:after, .dmn-sidebar-box-items a, .nav li ul li, .newsContent_img img, .ref-reward-dropdown:hover .ref-reward-dropdown-content, .tabTable-block-arka.active, .tabTable-block-cs.active, .tabTable-block-throne.active, .tabTable-block.active, .tablePopup-block span, .tablePopup-server-block span, article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block
}
body {
    line-height: 1;
    background: url(../images/top-fon.webp) center top no-repeat;
	background-color: #040201;
    font-family: open sans, sans-serif;
    font-size: 14px;
    color: #fff;
    min-height: 100vh
}
.modalContent-title, h1, h2, h3, h4 {
    font-family: 'philosopher', sans-serif;
}
.mainsub, .tabContent, main {
    min-height: 500px
}
.footernew-menu ul, ol, ul {
    list-style: none
}
.allButtonTop, ul.list {
    margin-top: -10px
}
.modalContent-title {
    color: #fbac3f;
    font-size: 24px;
    display: block;
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    margin-bottom: 30px
}
.flex, .main, .mainInfo {
    display: flex
}
.wrapper {
    width: 1200px;
    padding: 0 25px;
    margin: 0 auto
}
.content, .content-full {
    box-shadow: 0 10px 15px 4px rgba(0, 0, 0, .3);
    background: url(../images/modal-bg.png) center bottom no-repeat, url(../images/modal-bg-inverso.png) center top no-repeat #180f0d;
    padding: 35px
}
.main {
    justify-content: space-between;
    margin-bottom: 190px
}
.mainsub, main {
    z-index: 4
}
aside {
    max-width: 365px
}
aside>div, caption {
    margin-bottom: 15px
}
@media (max-width:997px) {
    aside {
        display: none
    }
}
.content {
    width: calc(100% - 365px - 25px)
}
.content-full {
    width: 100%;
}
.mainhome {
    justify-content: space-between;
    margin-bottom: 40px
}
.mainInfo {
    max-width: 1150px;
    width: 100%;
    margin: 0 auto;
    justify-content: center;
    scroll-behavior: smooth
}
.rankiconlist {
    letter-spacing: 1px;
    line-height: 30px
}
.rankiconlist a:hover {
    color: #616467
}
#events div span a, .acp-coins .coins-title, .all:hover, .b-links:hover, .back:hover, .breadcrumbs ul li a:hover, .copyright a, .dmn-account-table, .dmn-rankings-table, .footernew-server li a, .gamePl a, .h10-title a:hover, .item_white, .m-register a:hover, .more:hover, .nav li:first-child a, .number:hover, .rankingTableHunt tbody tr td:nth-child(5) span, .tRow:hover .t-guild, .tRow:hover .t-player a, .tabTable-button-arka.active, .tabTable-button-cs.active, .tabTable-button-throne.active, .tabTable-button.active, .tabs-buttons li.active, .tag-link a, ul.list li, ul.list li a {
    color: #fff
}
.rankiconlist img {
    margin-bottom: -10px
}
.space-60 {
    width: 100%;
    height: 60px
}
.space-30 {
    width: 100%;
    height: 30px
}
ul.list li {
    width: fit-content;
    display: block;
    background: url(../images/menu-f-icon.webp) top left no-repeat;
    padding: 7px 0 5px 30px;
    transition: .2s
}
ul.list li.space {
    padding: 13px 0 10px 30px;
    background: url(../images/right.png) top left no-repeat;
    background-position-y: 6px;
    transition: .2s;
    color: #fff
}
.small, small {
    font-size: 90%
}
#events .tableBlock-conten_money small {
    color: #fbac3f;
}

#events .tableBlock-conten_name span {
    color: #555457
}
#events-modal .tableBlock-conten_money small {
    color: #fbac3f;
}

#events-modal .tableBlock-conten_name span {
    color: #555457
}
ul.list li:hover {
    text-shadow: 0 0 4px #fff;
    margin-left: 5px
}
blockquote, q {
    quotes: none
}
blockquote:after, blockquote:before, q:after, q:before {
    content: "";
    content: none
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
body, html {
    overflow-x: hidden
}
a {
    transition: .3s;
    color: #d8d0cc
}
.sub-title-ranking, h1, h2, h3, h4 {
    color: #ffdda9;
    line-height: 1.3;
    letter-spacing: 2px;
    margin-bottom: 20px
}

h1,h2,h3{
    color:#ffdda9;
    margin-bottom:20px;
    line-height:1.3;
    font-family:philosopher,sans-serif;
    letter-spacing:2px
}

h1 {
    font-size: 20px
}
h2 {
    font-size: 18px
}
h3 {
    font-size: 16px
}
.gameClient-text, h4 {
    font-size: 14px
}
h5, h6 {
    margin-bottom: 10px;
    letter-spacing: 2px
}
h5 {
    font-size: 30px
}
.orderBlock span, h6 {
    font-size: 24px;
    font-family: 'philosopher', sans-serif;;
}
.h2-title span, .h7-title span, .sub-title-ranking {
    font-size: 18px;
    font-family: 'philosopher', sans-serif;;
    text-transform: uppercase
}
h7 {
    margin-bottom: 25px;
    letter-spacing: 2px;
    font-size: 20px;
    font-family: 'philosopher', sans-serif;
}
table td, textarea {
    font-size: 14px;
    color: #fff
}
.block-more, .langBlock, .menu li a, .table-title, .table-title a {
    letter-spacing: 1px
}
table td {
    border-collapse:collapse;
    padding:15px 18px;
    border-top:1px solid rgba(255, 255, 255, 0.05);
    border-bottom:1px solid rgba(255, 255, 255, 0.05);
    color:#fbac3f;
    font-size:14px;
    vertical-align:middle
}

table tr{
	background: rgba(0, 0, 0, 0.17);
}

table.border-on td{
    border-top:0px solid rgba(255, 255, 255, 0.05)!important;
    border-bottom:0px solid rgba(255, 255, 255, 0.05)!important;
}
table thead tr{
	background: rgba(0, 0, 0, 0.23);
	color: #e8c715;
    text-transform:uppercase
}
table thead td{
    color:#ffa07f;
    text-transform:uppercase
}

.all-button {
    text-align: center;
    margin-top: 25px
}
.button {
    display: inline-block;
    line-height: 40px
}
.button-link {
	transition: all 0.3s ease;
	cursor: pointer;
	background: url(../images/button.webp) center no-repeat;
	padding: 5px 20px;
	margin: 3px;
	border: none;
	color: #ffffff !important;
	font-family: "Philosopher", sans-serif;
	font-size: 12px;
	position: relative;
	z-index: 1;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 2px;
	line-height: 40px;
	box-shadow: 0px 0px 22px 5px rgba(59, 36, 151, 0.2), 0px 10px 15px 4px rgba(0, 0, 0, 0.3)
}
.filter, .mainHomeBlock, .mainHomeBlockPlugin, .mainHomeBlockSlide, .pNewsBlock-block-title {
    margin-bottom: 30px
}
.container {
    max-width: 1200px;
    width: 1200px;
    margin: 0 auto;
    height: 100%
}
.flex {
    flex-wrap: wrap;
    justify-content: center
}
.flex-c, .topPanel-left {
    display: flex;
    align-items: center
}
.flex-c {
    flex-wrap: wrap
}
.flex-s {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}
.h2-title-table {
    border-bottom: 1px solid rgba(255, 255, 255, .05);
    padding-bottom: 25px
}
.h2-title {
    align-items: flex-end;
    margin-bottom: 25px
}

.h2-title-submenu {
    margin-top: -12px
}

.space-10 {
    width: 100%;
    height: 10px
}
.menu, .menu li, .menu li a {
    height: 100%
}
.h2-title span, .h7-title span {
    color: #cc7954;
    display: block;
    padding-left: 25px
}
.h2-title span:before {
    left: -3px;
}
.flex-s-c {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap
}
.flex-c-c {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap
}

.language-selector {
    z-index: 11;
    float: right;
    top: 100px;
    position: relative;
}

.topPanel {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    transition: .3s;
    z-index: 20
}
.h10-title span, .menu li, .sign-up, .topPanel-wrapper, header {
    position: relative
}
.dropdown-toggle.active, .nav li:hover a, .topPanel-right a:hover {
    color: #fbac3f
}
.topPanel-wrapper {
    width: 1200px;
    padding-left: 25px;
    padding-right: 25px;
    margin: 0 auto;
    justify-content: space-between;
    border-bottom: 1px solid rgba(255, 255, 255, .1)
}
.topPanel.topPanel-fixed {
    background:rgba(10,0,0,.9);
    box-shadow:0 10px 10px 0 rgba(0,0,0,.2);
}
.topPanel-left {
    height: 100%;
    flex-wrap: wrap
}
.logoMini {
    display: block;
    margin-right: 15px
}
.h10-title-content-home, .h7-title-content {
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    line-height: 1;
    display: flex
}
.bright:hover, .button-link:hover, .button-panel:hover, .button2:hover, .button3:hover, .button4:hover, .button5:hover, .button6:hover, .button:hover, .langBlock-active:hover, .langBlock-dropdown a:hover, .modal_div .modal_close:hover, .modal_div_two .modal_close_two:hover, button:hover {
    filter: brightness(120%)
}
.h7-title-content {
    padding: 25px 65px 25px 50px
}
.h10-title span:before, .h7-title span:before {
    left: -5px;
    filter: drop-shadow(0px 0px 10px #ff2a00)
}
.h10-title-content-home {
    padding: 0 0 15px
}
.h10-title span {
    text-transform: uppercase;
    color: #cc7954;
    font-size: 24px;
    font-family: 'philosopher', sans-serif;;
    display: block;
    padding-left: 25px
}
.h10-title a {
    color: #696868;
    font-size: 14px
}
h8 {
    font-size: 20px;
    color: #666 !important
}
.Page-Block-New {
    background: url(../images/modal-bg.png) center bottom no-repeat #030508;
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .2)
}
.float-cache {
    text-align: right;
    padding-top: 15px;
    font-size: 12px;
    color: brown
}
#lz-box, .all, .allButton, .b-title, .blockMore, .gameClient, .media-img {
    text-align: center
}
.sign-in, .sign-up {
    color: #fcedc0;
    font-size: 18px;
    font-family: 'philosopher', sans-serif;
}
.blockR {
    width: 100%;
    max-width: 75%;
    margin: 13px
}
.menu li a {
    display: block;
    color: #fff;
    line-height: 80px;
    padding: 0 10px;
    font-size: 18px;
    font-family: 'philosopher', sans-serif;
}
.menu li a:hover {
    color: #ffd399
}
#sell_item, .breadcrumbs ul li:first-child:before, .menu li:last-child:after, .news-content-top .newsLink:nth-child(n+6), .tHead .tRow:before, .tabTable-block, .tabTable-block-arka, .tabTable-block-cs, .tabTable-block-throne, .tabs-content {
    display: none
}
.sign-up {
    padding-right: 60px;
    cursor: pointer
}
.headerInfo, .logo, .sign-up:after {
    position: absolute
}
.sign-up:after {
    content: "";
    background: url(../images/lock-icon.webp) no-repeat;
    width: 91px;
    height: 87px;
    right: -26px;
    top: 50%;
    margin-top: -42px;
    transition: .3s
}
.sign-in {
    padding-left: 27px
}
.sign-up:hover:before {
    color: #cc7954;
    filter: brightness(140%)
}
header {
    height: 550px
}
.logo {
	position: absolute;
	top: 220px;
	left: 0;
	width: 100%;
}
.headerInfo {
    width: 100%;
    top: 674px;
    padding: 0 30px
}
.gameClient {
    width: 460px;
    height: 246px;
    background: url(../images/bg-download-block.jpg) center/cover no-repeat;
    padding-top: 49px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}
.gameClient-title {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 20px;
    text-shadow: 0 2px 2px rgba(0, 0, 0, .2);
    font-family: 'philosopher', sans-serif;
}
.gamePl {
    background: #414e35;
    height: 55px;
    box-shadow: 0 6px 13px -5px rgba(34, 60, 80, .2) inset
}
.download-pl {
    font-size: 12px;
    position: relative;
    padding: 10px 0 10px 24px;
    display: block;
    margin: 0 25px
}
.downloadBlock-content {
    padding-top: 40px;
    padding-bottom: 20px;
}
.downloadBlock {
    background:url(../images/down-block-bg.png) center no-repeat;
    background-size:cover;
    max-width:560px;
    width:100%;
    padding:40px 30px 55px;
    margin:0 auto;
    margin-bottom:30px;
    text-decoration:none
}
.downloadBlock-title {
    display: block;
    color: #ffdda9;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 35px;
}
.downloadBlock-text {
    color: #fff;
    line-height: 1.3;
    text-align: center;
    margin-bottom: 35px;
}
.downloadBlock-button {
    text-align: center;
}
.copy a:hover, .copyright a:hover, .download-pl:hover {
    text-decoration: underline
}
.download-pl-windows {
    background: url(../images/windows-icon.png) left center no-repeat
}
.download-pl-mac {
    background: url(../images/apple-icon.png) left top 5px no-repeat
}
.headerSlider {
    width: calc(51.5% - 13px);
    height: 300px;
    box-shadow: 0 10px 10px 10px rgba(0, 0, 0, .2)
}
.header-slider {
    width: calc(100% - 0px)
}
.header-slider .button, .header-slider button, .media-slider .button, .media-slider button {
    transition: .3s;
    cursor: pointer;
    background: url(../images/button-blue.png) no-repeat;
    height: 64px;
    width: 241px;
    border: none;
    color: #fff !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .3);
    position: relative;
    z-index: 1;
    text-align: center;
    text-transform: uppercase;
    font-family: 'philosopher', sans-serif;;
    filter: brightness(100%) drop-shadow(0px 10px 20px rgba(81, 87, 156, .8))
}
.header-slider .slick-arrow {
    width: 6px;
    height: 10px;
    font-size: 0;
    position: absolute;
    bottom: 3px
}
.header-slider .slick-prev {
    left: 554px;
    height: 15px;
    top: 84%;
    margin-top: -20px
}
.header-slider .slick-next {
    right: 18px;
    height: 15px;
    top: 84%;
    margin-top: -20px
}
.header-slider .slick-dots {
    align-items: center;
    justify-content: center;
    display: flex;
    position: absolute;
    width: 110px;
    height: 50px;
    right: -25px;
    bottom: -20px
}
#tooltip div, #tooltip h3, .header-slider .slick-dots li {
    margin: 0
}
#paypal-options li {
    margin-top: 10px;
    background: rgba(255, 255, 255, .6)
}

#vote-options li {
    margin-top: 10px;
    background: rgb(0 0 0);
}
.header-slider .slick-dots .button, .header-slider .slick-dots button {
    font-size: 0;
    background: url(../images/dot-slider2.png) no-repeat;
    width: 15px;
    height: 25px
}
.b-title span:after, .b-title span:before {
    content: "";
    width: 520px;
    height: 35px;
    margin-top: -17px;
    top: 50%
}
.header-slider .slick-dots .slick-active .button, .header-slider .slick-dots .slick-active button {
    background: url(../images/dot-slider-active2.png) no-repeat;
    width: 15px;
    height: 25px
}
.slide {
    height: 300px;
    width: 100%;
    position: relative
}
.slide-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
.slide-img img {
    object-fit: cover;
    width: 100%;
    height: 100%
}
.headerSoc {
    width: 110px;
    background: #0c0f13;
    height: 300px
}
.headerSoc-block {
    border-bottom: 1px solid rgba(67, 81, 93, .23);
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center
}
.slidePlay, .socIcon {
    display: inline-block
}
.headerSoc-block:last-child, .news:last-child {
    border-bottom: none
}
.headerSoc-block i {
    opacity: .2
}
#lz-close:hover, .forgot-login a:hover, .depositBlock.active, .depositBlock-check, .f-menu li a:hover, .forgot a:hover, .headerSoc-block:hover i, .media-img:hover:after, .media-img:hover:before, .nav li ul li:hover:after, .news:hover:after, .newsLink:hover .newsLink-more span, .newsLink:hover:after, .pNewsBlock-img a:hover:before, .payMethod-block.active .depositBlock-check, .socBlock a:hover, .tRow:hover:before, .tab-button.active:after, .tabTable-button-arka.active:after, .tabTable-button-cs.active:after, .tabTable-button-throne.active:after, .tabTable-button.active:after, .tabs-buttons li.active:before {
    opacity: 1
}
.socIcon {
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    transition: .3s
}
.f-socIcon {
    background-image: url(../images/facebook-icon.png);
    height: 26px;
    width: 26px
}
.d-socIcon {
    background-image: url(../images/discord-icon.png);
    height: 24px;
    width: 30px
}
.y-socIcon {
    background-image: url(../images/youtube-icon.png);
    height: 22px;
    width: 30px
}
.slideText {
    position: absolute;
    left: 60px;
    bottom: 50px;
    color: #fff
}
.all, .allButton, .b-title, .b-title span, .langBlock-active span, .media-slider, .pNewsBlock-img, .slidePlay, .table-t, .table-title {
    position: relative
}
.slideText-title {
    font-weight: 700;
    font-size: 42px;
    margin-bottom: 20px;
    line-height: 1.3;
    padding-right: 60px
}
.slideText-text {
    opacity: .7;
    font-size: 14px;
    max-width: 400px;
    line-height: 1.3
}
.slidePlay {
    background: url(../images/play-icon.png);
    width: 118px;
    height: 118px;
    margin-left: -30px;
    margin-bottom: -10px
}
.slidePlay:hover {
    transform: scale(1.1)
}
.b-title {
    font-weight: 700;
    font-size: 30px;
    text-transform: uppercase;
    margin-bottom: 40px;
    color: #fff
}
.b-title span:before {
    position: absolute;
    background: url(../images/title-left-img.png) no-repeat;
    right: calc(100% + 20px)
}
.b-title span:after {
    position: absolute;
    background: url(../images/title-right-img.png) no-repeat;
    left: calc(100% + 20px)
}
.tRow:before, .tabs-buttons li:before {
    left: 50%;
    position: absolute;
    opacity: 0;
    transition: .3s;
    content: ""
}
.eventBlock {
    width: 367px;
    height: 117px;
    border: 1px solid #2f3d46;
    display: flex;
    align-items: center;
    font-size: 25px;
    padding-left: 45px;
    font-weight: 700;
    line-height: 1.3;
    color: #fff;
    margin: 5px 10px;
    text-transform: uppercase
}
.eventBlock:hover {
    padding-left: 60px
}
.eventBlock-events, .socButton.socYoutube {
    background: url(../images/soc-button-red.webp) no-repeat
}
.eventBlock-castle, .socButton.socFacebook {
    background: url(../images/soc-button-blue.webp) no-repeat
}
.eventBlock-bosses, .socButton.socDiscord {
    background: url(../images/soc-button-purple.webp) no-repeat
}
.eventBlock-green {
    background: url(../images/soc-button-green.png) no-repeat
}
.eventBlocks {
    margin-bottom: 35px
}
.allButton {
    background: url(../images/line-all.png) center top no-repeat
}
.all {
    display: inline-block;
    padding-top: 45px;
    color: #9eaab6;
    font-size: 16px;
    margin: 0 auto
}
.events {
    margin-bottom: 65px
}
.tableNews, .tableRank {
    position: relative;
    width: calc(50% - 30px)
}
.tabs-content.active {
    display: block;
    animation: 1s linear opas
}
.borderTop {
    display: block;
    background: url(../images/line.webp) center no-repeat;
    width: 100%;
    overflow-x: hidden;
    height: 86px
}
.table-t, .tabs-buttons {
    display: flex;
    align-items: center
}
.table-t {
    justify-content: space-between;
    padding-bottom: 23px;
    border-bottom: 1px solid #2f3d46
}
.table-title {
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: 'philosopher', sans-serif;
}
.table-title a {
    font-size: 17px;
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
    font-family: 'philosopher', sans-serif;
}
.tRow, .tabs-buttons li {
    font-size: 16px;
    position: relative
}
.tabs-buttons {
    font-family: 'philosopher', sans-serif;
}
.t-player a, .tRow {
    display: flex;
    align-items: center
}
.tabs-buttons li {
    color: #9eaab6;
    margin-left: 25px;
    cursor: pointer;
    z-index: 3
}
.tabs-buttons li:before {
    background: url(../images/tab-icon.png) no-repeat;
    width: 47px;
    height: 12px;
    margin-left: -23px;
    bottom: -31px
}
.tRow {
    height: 55px;
    border-top: 1px solid #2f3d46;
    transition: .3s
}
.tRow:before {
    background: url(../images/tr-hover.png) no-repeat;
    width: 656px;
    height: 65px;
    top: 50%;
    margin-left: -328px;
    margin-top: -32px;
    filter: drop-shadow(0px 0px 10px rgba(32, 61, 86, .6))
}
.tRow span {
    display: flex;
    position: relative;
    z-index: 2
}
.t-number {
    color: #9eaab6;
    width: 9%
}
.t-player {
    width: 45%
}
.t-player a {
    color: #fff
}
.t-player a img {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    margin-right: 10px
}
.t-guild {
    align-items: center;
    color: #fff;
    width: 28%
}
.t-guild img {
    width: 20px;
    height: 14px;
    margin-right: 10px
}
.t-lvl {
    width: 23%;
    justify-content: flex-end;
    color: #9eaab6
}
.t-lvl span {
    color: #dd6583;
    margin-left: 3px
}
.tHead {
    margin-bottom: 1px
}
.tHead .tRow span {
    color: #9eaab6 !important
}
@keyframes opas {
    0% {
        display: none;
        opacity: 0
    }
    1% {
        display: block;
        opacity: 0
    }
    100% {
        display: block;
        opacity: 1
    }
}

@keyframes flicker {
	0% {
		opacity: 0.5;
	}
	100% {
		opacity: 1;
	}
}

.flicker {
	transition: all 0.5s ease-in-out; 
	animation: flicker 0.5s ease-in-out infinite alternate;
}
.news {
    position: relative;
    transition: .3s;
    padding: 17px 0 25px 50px;
    display: block
}
.news:before {
    content: "";
    background: url(../images/news-icon.png) left top 15px no-repeat;
    position: absolute;
    width: 40px;
    height: 53px;
    left: 0;
    top: 50%;
    margin-top: -41px;
    transition: .3s
}
.news:after {
    content: "";
    background: url(../images/news-hover.webp) no-repeat;
    position: absolute;
    width: 64px;
    height: 178px;
    right: -50px;
    top: 50%;
    margin-top: -89px;
    opacity: 0
}
.news-title {
    margin-bottom: 10px;
    color: #fff;
    font-size: 15px;
    display: inline-block;
    transition: .3s;
    border-bottom: 1px solid transparent;
    line-height: 1.3
}
.news-date {
    color: #9eaab6
}

.news-text ul li {
    width: fit-content;
    display: block;
    background: url(../images/menu-f-icon.webp) top left no-repeat;
    padding: 4px 0px 0px 25px;
    transition: .2s;  
}
.news-text h2 {
    color: #ffdda9;
    letter-spacing: 2px;
    margin-bottom: 10px;
    margin-left: 22px;
}

.news-text h2:before {
    position: absolute;
    background: url(../images/title-icon.png) no-repeat;
    width: 26px;
    height: 26px;
    margin-top: -2px;
    content: "";
    left: 9px;
	filter: drop-shadow(0px 0px 10px #ff2a00)
}

.news-text pre {
    color: #00ff00;
    font-size: 13px;
}
.news-text a {
    color: #fbac3f;
}


.page-date {
    font-size: 13px;
    color: #fcedc0
}
.logonews {
    margin-bottom: 30px;
    margin-top: 50px
}
.page-date span {
    font-weight: 600;
    font-size: 18px
}
.news:hover .news-title, .newsLink:hover .newsLink-info a {
    color: #fff;
    text-decoration: underline
}
.blockMore {
    position: relative
}
.blockMore-container {
    background: url(../images/block-guides.jpg) center top no-repeat;
    max-width: 570px;
    width: 100%;
    height: 186px;
    position: relative;
    z-index: 2
}
.block-more {
    text-shadow: 2px 2px 7px rgba(0, 0, 0, .3);
    text-transform: uppercase;
    width: 50%;
    padding-top: 60px;
    color: #fff;
    position: relative
}
.block-more:hover {
    padding-top: 80px
}
.block-more:before {
    content: "";
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
    width: 154px;
    height: 154px;
    left: 50%;
    margin-left: -77px;
    top: -100px
}
.block-more p {
    font-weight: 700;
    font-size: 30px;
    margin-bottom: 10px
}
.block-more-guides:after {
    content: "";
    position: absolute;
    background: rgba(255, 255, 255, .18);
    height: 124px;
    width: 1px;
    right: 0;
    top: 50%;
    margin-top: -62px
}
.media-img:after, .media-slider .slick-arrow {
    height: 70px;
    margin-top: -35px;
    position: absolute
}
.block-more-guides:before {
    background-image: url(../images/guides-img.png)
}
.block-more-forum:before {
    background-image: url(../images/forum-img.png)
}
.buttonMore {
    position: relative;
    margin-top: -25px;
    z-index: 3
}
#lz-close, #lz-container, .play-now {
    position: absolute
}
.footerInfo-block, .mainTable, .pNewsBlock {
    margin-bottom: 40px
}
.b-more {
    filter: brightness(100%) drop-shadow(0px 7px 12px #4e599a)
}
.newBlock {
    background: url(../images/hero-bg.jpg) top left no-repeat;
    height: 644px;
    margin: 0 auto;
    max-width: 1920px
}


.modalTitle {
    color: #cc7954;
    font-size: 24px;
    font-family: philosopher,sans-serif;
    display: block;
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(255,255,255,.1);
    text-transform: uppercase;
    margin-bottom: 30px;
}
.new {
    width: 100%;
    padding-top: 170px
}
.new-title {
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 30px;
    font-family: 'philosopher', sans-serif;
}
.new-title p {
    font-size: 100px;
    margin-bottom: 15px
}
.new-title span {
    font-size: 72px
}
.new-text {
    color: #fff;
    line-height: 1.4
}
.play-now {
    bottom: 55px;
    left: 0;
    display: inline-block
}
#lz-box img, #lz-box p, .icon {
    position: relative
}
.mediaMain {
    padding: 75px 0 40px;
    background: url(../images/media-bg.jpg) center bottom no-repeat
}
.borderTop-big, .market-title-flex {
    margin-bottom: 25px
}
.media-title span {
    color: #fff;
    font-size: 48px;
    font-weight: 700;
    text-transform: uppercase
}
.more {
    display: flex;
    align-items: center;
    color: #9eaab6
}
#lz-box, #lz-box img, #lz-box:before, .icon {
    display: inline-block
}
.more i {
    margin-left: 10px
}
.more:hover i {
    filter: brightness(60%)
}
.icon {
    transition: .3s
}
.icon-plus {
    background: url(../images/plus-icon.png) no-repeat;
    width: 34px;
    height: 34px
}
a.lightzoom {
    cursor: zoom-in;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in
}
#lz-container {
    display: block;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    white-space: nowrap;
    z-index: 9999990 !important
}
#lz-box {
    position: fixed;
    height: 100%;
    width: 100%;
    line-height: 1px
}
#lz-overlay {
    display: block;
    opacity: .9;
    background: #000;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 9999991 !important
}
#lz-box:before {
    content: "";
    height: 50%;
    width: 1px;
    margin-right: -1px
}
#lz-box img {
    float: none;
    max-height: 80%;
    margin: 0;
    padding: 0;
    width: auto;
    height: auto;
    opacity: 0;
    z-index: 9999995 !important
}
#lz-box p {
    bottom: 0;
    margin-top: -30px;
    line-height: 20px;
    font-size: 18px;
    z-index: 9999997 !important
}
#lz-close {
    display: block;
    top: 2%;
    right: 2%;
    background: url(../images/close.png) no-repeat;
    width: 16px;
    height: 16px;
    text-indent: -9999px;
    opacity: .8
}
#lz-loading-center {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 9999999 !important
}
#lz-loading-center>.lz-loading-center-box {
    position: fixed;
    left: 50%;
    top: 50%;
    height: 150px;
    width: 150px;
    margin-top: -75px;
    margin-left: -75px
}
.lz-object {
    width: 20px;
    height: 20px;
    background-color: #fff;
    float: left;
    margin-right: 20px;
    margin-top: 65px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50% 50% 50% 50%;
    border-radius: 50%
}
#in_ear1, #in_ear2 {
    width: 32px;
    height: 32px
}
#lz-object_one {
    -webkit-animation: 1.5s infinite object_one;
    animation: 1.5s infinite object_one
}
#lz-object_two {
    -webkit-animation: 1.5s .25s infinite object_two;
    animation: 1.5s .25s infinite object_two
}
#lz-object_three {
    -webkit-animation: 1.5s .5s infinite object_three;
    animation: 1.5s .5s infinite object_three
}
@-webkit-keyframes object_one {
    75% {
        -webkit-transform: scale(0)
    }
}
@keyframes object_one {
    75% {
        transform: scale(0);
        -webkit-transform: scale(0)
    }
}
@-webkit-keyframes object_two {
    75% {
        -webkit-transform: scale(0)
    }
}
@keyframes object_two {
    75% {
        transform: scale(0);
        -webkit-transform: scale(0)
    }
}
@-webkit-keyframes object_three {
    75% {
        -webkit-transform: scale(0)
    }
}
@keyframes object_three {
    75% {
        transform: scale(0);
        -webkit-transform: scale(0)
    }
}
.mediaSlide {
    margin: 0 18px
}
.media-slider .slick-list {
    margin: 0 -18px;
    padding: 50px 0
}
.media-img {
    position: relative;
    display: block;
    transition: .3s
}
.media-img img {
    margin: 0 auto;
    object-fit: cover;
    width: 100%;
    transition: .3s
}
.media-img:after {
    content: "";
    left: 50%;
    top: 50%;
    margin-left: -35px;
    background: url(../images/plus-icon-big.png) 0 0/cover;
    width: 70px;
    transition: .3s;
    opacity: 0
}
.media-img:hover {
    transform: scale(1.1);
    box-shadow: 0 20px 20px -10px rgba(0, 0, 0, .8)
}
.video-icon {
    background: url(../images/video-icon.png) no-repeat;
    width: 32px;
    height: 21px;
    display: block;
    position: absolute;
    right: 25px;
    top: 25px
}
.langBlock-dropdown a, .toTop {
    display: flex;
    align-items: center
}
.media-slider .slick-arrow {
    width: 35px;
    font-size: 0;
    top: 50%
}
.media-slider .slick-prev {
    left: -70px;
    background: url(../images/arrow-prev.png)
}
.media-slider .slick-next {
    right: -70px;
    background: url(../images/arrow-next.png)
}
.footerTop {
    background-size: cover;
    position: relative
}
.footerMenu {
    padding: 25px 0 40px;
    position: relative
}
.footerMenu .menu li a {
    padding: 0 60px
}
footer {
    background: #040201;
    padding: 55px 0
}
.toTop {
    background: url(../images/totop-img.png) left center no-repeat;
    height: 100px;
    min-width: 100px;
    position: fixed;
    left: 0;
    bottom: 50px;
    padding-left: 105px;
    cursor: pointer;
    transform: rotate(-90deg);
    z-index: 8
}
.toTop span {
    font-size: 12px;
    color: #fff;
    opacity: .2;
    font-family: 'philosopher', sans-serif;;
    transition: .3s
}
.b-block {
    padding: 40px 0
}
.langBlock {
    color: #fff;
    font-size: 14px;
    position: relative;
    z-index: 3
}
.langBlock img {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    margin-right: 12px
}
.langBlock-active {
    padding: 0 5px;
    height: 44px;
    min-width: 200px;
    background: url(../images/icon-drop.png) center right 5px no-repeat rgba(0, 0, 0, .3);
    cursor: pointer;
    position: relative;
    transition: .3s
}
.langBlock-active:before {
    content: "";
    position: absolute;
    right: 100%;
    top: 0;
    border: 22px solid transparent;
    border-right: 22px solid rgba(0, 0, 0, .3)
}
.langBlock-active:after {
    content: "";
    position: absolute;
    left: 100%;
    top: 0;
    border: 22px solid transparent;
    border-left: 22px solid rgba(0, 0, 0, .3)
}
.langBlock-dropdown {
    position: absolute;
    left: 0;
    bottom: 100%;
    width: 100%;
    padding: 10px 0;
    border-radius: 6px;
    display: none
}
.modal_div {
    width: 100%;
    min-height: 400px;
    max-width: 495px;
    background: url(../images/modal-bg.png) center bottom no-repeat;
    background-color: rgba(0,0,0,.95);
    position: fixed;
    top: 15%;
    left: 50%;
    margin-left: -240px;
    display: none;
    opacity: 0;
    z-index: 35;
    padding: 50px 60px;
    box-shadow: 0 10px 20px 1px rgba(0,0,0,.5)
}

.modal_div .modal_close {
    width: 56px;
    height: 56px;
    position: absolute;
    top: -28px;
    right: -28px;
    cursor: pointer;
    display: block;
    background: url(../images/close-icon.png) no-repeat;
    transition: .3s;
    filter: drop-shadow(0px 10px 14px rgba(0,0,0,0.6))
}

.modal_div .modal_close:hover {
    filter: brightness(120%)
}

.modal_div_two {
    width: 100%;
    min-height: 347px;
    max-width: 303px;
    position: fixed;
    top: 15%;
    left: 50%;
    margin-left: -150px;
    display: none;
    opacity: 0;
    z-index: 35;
    padding: 0;
    box-shadow: 0 10px 20px 1px rgba(0,0,0,.5)
}

.modal_div_two .modal_close_two:hover {
    filter: brightness(120%)
}

.langBlock-dropdown li {
    margin: 5px 0
}
.langBlock-dropdown a {
    padding: 0 15px;
    height: 40px;
    position: relative;
    background-color: rgba(0, 0, 0, .3)
}
.b-links, .socBlock a {
    display: inline-block
}
.breadcrumbs ul {
    align-items: center;
    display: flex
}
.langBlock-dropdown a:before {
    content: "";
    position: absolute;
    right: 100%;
    top: 0;
    border: 20px solid transparent;
    border-right: 20px solid rgba(0, 0, 0, .3);
    transition: .3s
}
.langBlock-dropdown a:after {
    content: "";
    position: absolute;
    left: 100%;
    top: 0;
    border: 20px solid transparent;
    border-left: 20px solid rgba(0, 0, 0, .3);
    transition: .3s
}
.copyright {
    color: #8b9299;
    font-size: 14px;
    line-height: 1.4
}
.block-16 {
    font-weight: 700;
    font-size: 20px;
    color: #fff;
    width: 45px;
    height: 45px;
    border: 3px solid #e01f48;
    margin-right: 25px
}
.footerBottom {
    background-color: #1f252b;
    padding: 40px 0
}
.footerBottom-left {
    margin-left: -40px
}
.b-links {
    color: #8b9299;
    font-size: 14px;
    border-right: 1px solid #3e454a;
    padding: 0 40px
}
.back, .breadcrumbs ul li a {
    color: #9eaab6;
    font-size: 16px
}
.socBlock {
    padding-top: 25px;
    display: flex
}
.socBlock a {
    height: 18px;
    position: relative;
    opacity: .2;
    margin: 5px 10px 5px 0
}
.rightBodyLinks a span img, .sparks, .sparks>div {
    position: absolute
}
.filter span i, .item-price i, .marketInfo-deposit_coins i {
    margin-right: 5px
}
.i-f {
    background: url(../images/soc-icons.png) left top no-repeat;
    width: 18px
}
.i-d, .i-y {
    width: 22px
}
.i-y {
    background: url(../images/soc-icons.png) left -48px top no-repeat
}
.i-d {
    background: url(../images/soc-icons.png) left -100px top no-repeat
}
.dk:hover {
    filter: brightness(140%)
}
.sparks {
    width: 100%;
    bottom: 400px;
    right: 45%
}
#overlay, #overlay_two, .modal_div, .modal_div_two {
    position: fixed;
    width: 100%;
    display: none
}
.sparks .spark_1 {
    background: url(../images/spark_1.png) no-repeat;
    width: 764px;
    height: 313px;
    right: 0;
    bottom: -120px;
    transform: scale(.6);
    opacity: 0;
    animation: 4s linear 1s infinite spark-1
}
@keyframes spark-1 {
    0% {
        bottom: -320px;
        transform: scale(.6);
        opacity: 1
    }
    25% {
        bottom: -240px;
        transform: scale(.7);
        opacity: 1
    }
    50% {
        bottom: -160px;
        transform: scale(.8);
        opacity: 1
    }
    75% {
        bottom: -80px;
        transform: scale(.9);
        opacity: .5
    }
    to {
        bottom: 0;
        transform: scale(1);
        opacity: 0
    }
}
.sparks .spark_2 {
    background: url(../images/spark_2.png) no-repeat;
    width: 149px;
    height: 335px;
    right: 230px;
    bottom: -320px;
    transform: scale(.6);
    animation: 4s linear 2s infinite spark-1;
    opacity: 0
}
.sparks .spark_3 {
    background: url(../images/spark_3.png) no-repeat;
    width: 128px;
    height: 165px;
    right: 280px;
    bottom: -140px;
    transform: scale(.6);
    animation: 4s linear 2s infinite spark-3;
    opacity: 0
}
@keyframes spark-3 {
    0% {
        bottom: -140px;
        -webkit-transform: scale(.6);
        transform: scale(.6);
        opacity: 1
    }
    25% {
        bottom: -80px;
        -webkit-transform: scale(.7);
        transform: scale(.7);
        opacity: 1
    }
    50% {
        bottom: -20px;
        -webkit-transform: scale(.8);
        transform: scale(.8);
        opacity: 1
    }
    75% {
        bottom: 40px;
        -webkit-transform: scale(.9);
        transform: scale(.9);
        opacity: .5
    }
    to {
        bottom: 100px;
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}
.sparks .spark-big {
    background: url(../images/spark_4.png) no-repeat;
    width: 794px;
    height: 176px;
    right: 0;
    bottom: -180px;
    transform: scale(.6);
    animation: 4s linear infinite spark-5;
    opacity: 0
}
@keyframes spark-5 {
    0% {
        bottom: -180px;
        transform: scale(.6);
        opacity: 1
    }
    25% {
        bottom: -120px;
        transform: scale(.7);
        opacity: 1
    }
    50% {
        bottom: -60px;
        transform: scale(.8);
        opacity: 1
    }
    75% {
        bottom: 0;
        transform: scale(.9);
        opacity: .5
    }
    to {
        bottom: 60px;
        transform: scale(1);
        opacity: 0
    }
}
.sparks .mageskill {
    background: url(../images/circle.png) center/127px 125px no-repeat;
    width: 127px;
    height: 125px;
    left: 679px;
    bottom: 253px;
    transform: scale(0);
    opacity: 0
}
.sparks .mageskill1 {
    animation: 4s linear infinite mageskill
}
.sparks .mageskill2 {
    animation: 4s linear 1s infinite mageskill
}
@keyframes mageskill {
    10% {
        transform: scale(0);
        opacity: 0
    }
    40% {
        transform: scale(1);
        opacity: 1
    }
    70% {
        transform: scale(2);
        opacity: .4
    }
    100% {
        transform: scale(2);
        opacity: 0
    }
}
.sparks .ray-1 {
    background: url(../images/ray-1.png) center no-repeat;
    width: 224px;
    height: 224px;
    left: 636px;
    bottom: 202px;
    animation: 10s linear infinite ray-1
}
@keyframes ray-1 {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(360deg)
    }
}
.sparks .ray-2 {
    background: url(../images/ray-2.png) center no-repeat;
    width: 363px;
    height: 363px;
    left: 570px;
    bottom: 126px;
    animation: 24s linear infinite ray-2
}
@keyframes ray-2 {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(-360deg)
    }
}
.modal_div .modal_close {
    width: 56px;
    height: 56px;
    position: absolute;
    top: -28px;
    right: -28px;
    cursor: pointer;
    display: block;
    background: url(../images/close-icon.png) no-repeat;
    transition: .3s;
    filter: drop-shadow(0px 10px 14px rgba(0, 0, 0, .6))
}
.modal_div_two {
    min-height: 347px;
    max-width: 303px;
    margin-left: -150px;
    padding: 0
}
#overlay, #overlay_two {
    z-index: 30;
    background-color: #070a11;
    opacity: .8;
    height: 100%;
    top: 0;
    left: 0;
    cursor: pointer
}

.depositBlock-price, .forgot, .infobut, .m-register {
    text-align: center
}

.m-register a {
    color: #ffdda3;
    font-size: 19px;
    text-transform: uppercase
}

.forgot {
    position: absolute;
    width: 100%;
    bottom: 75px;
    left: 0
}

.forgot a {
    font-size: 14px;
    color: #d8d0cc;
    opacity: .6
}

.forgot-login {
    position: absolute;
    width: 100%;
    left: 0;
    text-align: center !important;
}

.forgot-login a {
    font-size: 14px;
    color: #d8d0cc;
    opacity: .6
}

select:not(.form-control) {
    width: 100%;
    outline-offset: -4px;
    padding: 15px 40px 15px 20px;
    color: #fff;
    margin-bottom: 20px;
    -webkit-appearance: none;
    background-image: url(../images/drop-icon.png);
    background-position: right 10px center;
    background-repeat: no-repeat;
    -moz-appearance: none;
    text-indent: .01px;
    text-overflow: "";
    -ms-appearance: none;
    appearance: none !important;
    cursor: pointer
}

.header-page {
    height: 700px
}
.header-page .logo {
    top: 60px
}
.header-page .online {
    top: 450px
}
.page {
    line-height: 1.5;
    background: url(../images/media-bg.jpg) center bottom no-repeat
}
.infoBlock, .item, .marketInfo-cart, .marketInfo-profile_text, .nav li ul li a, .orderBlock {
    line-height: 1
}
.page-container {
    padding: 20px;
    background: linear-gradient(to bottom, #13161a 50%, rgba(19, 22, 26, 0) 50%);
    min-height: 600px
}
.page-container ul {
    margin-bottom: 20px;
    padding-left: 10px
}
.page-container ul li {
    background: url(../images/dot-slider.png) left center no-repeat;
    padding: 5px 10px 5px 30px
}
.page-container a {
    color: #dd6583;
    text-decoration: underline
}
.market-container {
    background: linear-gradient(to bottom, #13161a 50%, rgba(255, 255, 255, 0) 50%);
    min-height: 600px
}
.marketMainBlock {
    background: url(../images/block-top-bg.webp) center top repeat-x,url(../images/block-bottom-bg.webp) center bottom repeat-x,url(../images/block-mid-bg.png) center top repeat-x;
    box-shadow: 0 10px 15px 4px rgba(0,0,0,.3);
    padding: 35px;
    width: 100%;
    min-height: 340px;
}
.body-page {
    background: url(../images/fon-page-bg.jpg) center top no-repeat #0a0d16
}
.body-page .header {
    height: 650px
}
.breadcrumbs {
    display: flex;
    justify-content: space-between;
    background: rgba(0, 0, 0, .9);
    padding: 20px 45px
}
.breadcrumbs ul {
    position: relative;
    margin-left: -30px
}
.back, .marketInfo-deposit_coins {
    align-items: center;
    position: relative
}
.breadcrumbs ul li {
    padding: 10px 30px;
    position: relative
}
.breadcrumbs ul li:before {
    content: "";
    position: absolute;
    background: url(../images/bread-icon.png) no-repeat;
    width: 6px;
    height: 10px;
    left: 0;
    top: 50%;
    margin-top: -5px
}
.back {
    display: inline-flex
}
.back:before {
    content: "";
    position: absolute;
    background: url(../images/back-icon.png) no-repeat;
    width: 16px;
    height: 13px;
    left: -24px;
    top: 50%;
    margin-top: -6px
}
.marketInfo {
    background: url(../images/title-img-opacity.png) center bottom no-repeat;
    padding: 35px 65px 45px
}
.marketInfo h1 {
    margin-bottom: 0;
    text-transform: uppercase;
    color: #fff;
    font-size: 48px;
    letter-spacing: 2px
}
.depositBlock-info p, .marketInfo-cart p, .marketInfo-profile_text p {
    margin-bottom: 5px;
    font-weight: 700
}
.marketInfo-cart {
    background: url(../images/icon-cart.png) left center no-repeat;
    padding: 10px 0 10px 55px;
    margin-left: 20px
}
.marketInfo-cart a, .marketInfo-profile_text a {
    color: #dd6583;
    font-size: 14px;
    text-decoration: underline
}
.marketInfo-deposit {
    border-top: 2px solid #2b3035;
    border-bottom: 2px solid #2b3035;
    position: relative;
    height: 58px;
    padding-left: 5px;
    margin-left: 30px
}
.marketInfo-deposit:after {
    content: "";
    position: absolute;
    background: url(../images/balance-bg-right.jpg);
    width: 29px;
    height: 58px;
    right: 0;
    top: -2px
}
.marketInfo-deposit:before {
    content: "";
    position: absolute;
    background: url(../images/balance-bg-left.jpg);
    width: 29px;
    height: 58px;
    left: 0;
    top: -2px
}
.marketInfo-deposit_coins {
    z-index: 2;
    height: 48px;
    background: url(../images/balance-y-bg.png);
    min-width: 140px;
    display: flex;
    color: #ca9619;
    font-weight: 700;
    font-size: 22px;
    padding-left: 20px
}
.filter span, .market-title i {
    margin-right: 10px
}
.icon-coin {
    background: url(../images/icon-coin.png);
    width: 36px;
    height: 39px;
    margin-top: 2px
}
.marketInfo-profile_img {
    margin-right: 15px
}
.marketInfo-profile_img img {
    height: 46px;
    width: 46px;
    border-radius: 50%;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .2)
}
.market-content {
    padding: 20px 70px 70px
}
.market-title {
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 3px;
    display: flex;
    align-items: center;
    position: relative;
    margin-left: -10px;
    margin-bottom: 20px
}
.icon-plus-dark {
    background: url(../images/plus-icon-dark.png) center no-repeat;
    width: 78px;
    height: 78px
}
.depositBlocks {
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 30px
}
.depositBlock {
    background: url(../images/coins-bg.png) center no-repeat;
    width: 360px;
    height: 176px;
    position: relative;
    padding: 0 20px 20px 35px;
    cursor: pointer;
    transition: .3s;
    margin: 1px
}
.depositBlock.active, .depositBlock:hover {
    background: url(../images/coins-bg-hover.png) center no-repeat
}
.depositBlock.active .depositBlock-price, .depositBlock:hover .depositBlock-price {
    color: #2c3844
}
.depositBlock-coin {
    display: inline-block;
    width: 94px;
    height: 94px
}
.coin-1 {
    background: url(../images/coin-1.png)
}
.coin-2 {
    background: url(../images/coin-2.png)
}
.coin-3 {
    background: url(../images/coin-3.png)
}
.coin-4 {
    background: url(../images/coin-4.png)
}
.coin-5 {
    background: url(../images/coin-5.png)
}
.depositBlock-price {
    position: absolute;
    width: 130px;
    height: 35px;
    left: 50%;
    margin-left: -65px;
    bottom: 8px
}
.depositBlock-info {
    line-height: 1;
    padding-left: 5px
}
.depositBlock-info p {
    color: #ca9619;
    font-size: 30px;
    letter-spacing: 2px
}
.depositBlock-info span {
    padding-left: 6px;
    color: #fff;
    font-size: 18px;
    font-weight: 700
}
.depositBlock-check {
    background: url(../images/check-corner.png);
    width: 83px;
    height: 83px;
    position: absolute;
    top: -2px;
    left: -2px;
    transition: .3s;
    opacity: 0
}
.market-content-title {
    text-align: center;
    margin-bottom: 50px
}
.market-content-title span {
    position: relative;
    font-size: 18px;
    font-weight: 700
}
.market-content-title span:before {
    content: "";
    position: absolute;
    background: url(../images/line-r.png);
    width: 392px;
    height: 15px;
    left: calc(100% + 30px);
    top: 50%;
    margin-top: -7.5px
}
.market-content-title span:after {
    content: "";
    position: absolute;
    background: url(../images/line-l.png);
    width: 392px;
    height: 15px;
    right: calc(100% + 30px);
    top: 50%;
    margin-top: -7.5px
}
.hero, .heroInfo, .infoBlockinfo .modalTitle, .payMethod {
    margin-bottom: 50px
}
.payMethod-blocks {
    margin-left: -15px;
    margin-right: -15px
}
.payMethod-block {
    background: url(../images/pay-bg.png);
    width: 270px;
    height: 126px;
    margin: 1px;
    position: relative;
    transition: .3s
}
.payMethod-block.active, .payMethod-block:hover {
    background: url(../images/pay-bg-hover.png)
}
.orderBlock {
    width: 25%
}
.orderBlock:last-child {
    display: flex;
    justify-content: flex-end
}
.filter span, .search {
    display: flex;
    align-items: center
}
.orderBlock p {
    margin-bottom: 8px;
    color: #9eaab6;
    font-size: 16px
}
.icon-sword {
    background: url(../images/sword-icon.png);
    width: 78px;
    height: 78px
}
.filter span {
    cursor: pointer;
    margin-left: 10px;
    padding: 5px 0;
    transition: .3s;
    color: #9eaab6
}
.filter span.active, .filter span:hover, .newsContent_info a:hover {
    opacity: 1;
    color: #fff
}
.filter span.active i, .filter span:hover i {
    filter: brightness(300%)
}
.icon-swords {
    background: url(../images/icon-sword.png);
    width: 17px;
    height: 17px
}
.icon-axes {
    background: url(../images/icon-axes.png);
    width: 16px;
    height: 16px
}
.icon-maces {
    background: url(../images/icon-mace.png);
    width: 18px;
    height: 18px
}
.icon-spears {
    background: url(../images/icon-spear.png);
    width: 20px;
    height: 20px
}
.icon-bows {
    background: url(../images/icon-bow.png);
    width: 18px;
    height: 18px
}

.item-price, .number {
    align-items: center;
    display: flex
}

.sort {
    padding: 10px 0
}
.sort span {
    margin-right: 20px;
    opacity: .4
}
.sort-select {
    background: url(../images/select-bg.png) no-repeat #0a0d16;
    width: 247px;
    height: 44px;
    border: none;
    outline: 0;
    outline-offset: 0;
    color: #fff;
    font-family: 'philosopher', sans-serif;;
    font-size: 14px;
    letter-spacing: 1px;
    padding: 0 25px;
    margin-bottom: 0
}
.icon-info {
    background: url(../images/icon-info.png);
    width: 53px;
    height: 53px
}
.infoBlock {
    margin-left: 12px;
    width: calc(100% - 90px)
}
.infoBlock p {
    color: #ddcaa5;
    margin-bottom: 5px;
    font-weight: 700
}
.infoBlock span {
    color: #b59260
}
.item {
    background: url(../images/item-bg.png) no-repeat;
    width: 270px;
    height: 348px;
    text-align: center;
    position: relative;
    padding-top: 25px;
    transition: .3s;
    cursor: pointer
}
.item-img {
    background: url(../images/item-img-bg.png);
    width: 154px;
    height: 154px;
    margin: 0 auto 5px
}
.item-name {
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 5px
}
.item-char, .item-char-n {
    margin-bottom: 5px;
    font-size: 14px
}
.item-char {
    color: #9eaab6
}
.item-price {
    justify-content: center;
    color: #ca9619;
    font-weight: 700;
    margin: 0 auto
}
.item-buy {
    text-transform: uppercase;
    font-size: 9px;
    height: 35px;
    line-height: 35px;
    width: 130px;
    position: absolute;
    bottom: 14px;
    left: 50%;
    margin-left: -65px;
    font-weight: 700
}
.item.active, .item:hover {
    background: url(../images/item-bg-active.png) no-repeat;
    filter: drop-shadow(0px 10px 5px rgba(255, 255, 255, .1))
}
.item.active .item-buy, .item:hover .item-buy {
    color: #13161a
}
.item-corner {
    background: url(../images/corner-blue.png) no-repeat;
    width: 83px;
    height: 83px;
    position: absolute;
    top: -2px;
    left: -2px;
    transition: .3s;
    opacity: 1
}
.item-corner span {
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    transform: rotate(-45deg);
    display: inline-block;
    text-align: center;
    width: 100%;
    position: absolute;
    left: -9px;
    top: 28px;
    letter-spacing: 1px
}
.item-corner-orange {
    background: url(../images/corner-orange.png) no-repeat
}
.itemsBlock {
    margin-left: -12px;
    margin-right: -12px
}
.pagination {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    margin-top: 50px
}
.number {
    justify-content: center;
    height: 51px;
    width: 51px;
    color: #9eaab6;
    font-size: 14px
}
.number.active {
    color: #fff;
    background: url(../images/pag-active.png) no-repeat
}
.pag-left {
    background: url(../images/arrow-slider-left.png) center no-repeat
}
.pag-left:hover, .pag-right:hover {
    opacity: .7
}
.pag-right {
    background: url(../images/arrow-slider-right.png) center no-repeat
}
.rightBodyLinks {
    position:fixed;
    left:0;
    top:calc(50% - 272px);
    background:0 0;
    /*background-image:url(../images/sidebarR.png);*/
    background-image:url(../images/sidebar.webp);
    background-repeat: no-repeat;
    padding:13px 33px 7px 5px;
    height:545px;
    width:107px;
    z-index:8
}
.speech, .speech-promo {
    background: rgba(0, 0, 0, .4);
    padding: 5px 10px;
    font-size: 12px;
    position: relative;
    text-align: center
}
.rightBodyLinks a {
    display: block;
    text-align: center;
    color: #fcd4c0;
    font-size: 14px;
    margin: 12px 0;
    font-family: 'philosopher', sans-serif;
}
.rightBodyLinks a span {
    display: block;
    background-image: url(../images/right-panel-bg.webp);
    width: 70px;
    height: 70px;
    position: relative;
    transition: .3s
}
.footernew-menu ul li a, .footernew-menu ul li a:hover, .footernew-server li span {
    background: url(../images/menu-f-icon.webp) left center no-repeat
}
.rightBodyLinks a:hover span {
    background-image: url(../images/right-panel-bg-hover.png)

}
.speech::before, .speech:before {
    content: "";
    position: absolute;
    border-right: 7px solid #000;
    border-left: 7px solid transparent;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    left: -14px;
    top: 24px
}
.speech {
    width: 70px;
    border-radius: 5px;
    color: #fff;
    margin-left: 90px;
    margin-top: -88px;
    text-shadow: 0 0 5px #f88938;
    border: 1px solid #000;
    box-shadow: 0 0 5px #000
}
@keyframes fa-blink {
    0%, 100% {
        opacity: 1
    }
    25%, 75% {
        opacity: .6
    }
    50% {
        opacity: .3
    }
}
.fa-blink {
    -webkit-animation: 2s linear infinite fa-blink;
    -moz-animation: 2s linear infinite fa-blink;
    -ms-animation: fa-blink 2s linear infinite;
    -o-animation: 2s linear infinite fa-blink;
    animation: 2s linear infinite fa-blink
}
.speech-promo {
    width: 90px;
    border-radius: 5px;
    color: #fff;
    margin-left: -110px;
    margin-top: -60px;
    text-shadow: 0 0 5px red;
    border: 1px solid red;
    box-shadow: 0 0 5px red
}
.infonew span, .infotwo-input {
    background: #040609;
    transition: .3s
}
.speech-promo:before {
    content: "";
    position: absolute;
    border-left: 5px solid red;
    border-right: 5px solid transparent;
    border-top: 5px solid red;
    border-bottom: 5px solid transparent;
    right: -10px;
    top: 5px
}
@keyframes fa-blink-promo {
    0%, 100% {
        opacity: 1
    }
    25%, 75% {
        opacity: .6
    }
    50% {
        opacity: .3
    }
}
.fa-blink-promo {
    -webkit-animation: 1s linear infinite fa-blink;
    -moz-animation: 1s linear infinite fa-blink;
    -ms-animation: fa-blink 1s linear infinite;
    -o-animation: 1s linear infinite fa-blink;
    animation: 1s linear infinite fa-blink
}
.r-reward span img {
    top: 11px;
    left: 13px
}
.r-discord span img {
    top: 11px;
    left: 13px
}
.r-vote span img {
    top: 11px;
    left: 13px
}
.r-vip span img {
    top: 11px;
    left: 13px
}
.r-streamer span img {
    top: 11px;
    left: 13px
}	
.footernew, .newreward-content, .panelnew, .width-100 {
    width: 100%
}
.heroLeft-button button, .heroLeft-button .button {
    width: 100%;
}
.panelnew h1 {
    border-bottom: 1px solid #83fafa;
    padding-bottom: 1px;
    font-size: 30px;
    line-height: 1.3;
    text-shadow: 2px 2px 10px #07336c, -1px -1px 10px #13161a;
    color: #fff;
    text-transform: uppercase
}
.infotwo-input {
    background: #0e0906;
    border: 1px solid #36383a;
    color: #fff;
    padding: 10px 15px;
    position: relative;
    font-size: 16px;
    transition:.3s
}
.infotwo-input font {
    float: right;
    color: #fbac3f;
    border: 1px solid #fbac3f;
    padding: 4px 10px;
    font-size: 9px;
    text-transform: uppercase;
    font-weight: bold;
}
.infonew {
    position: relative;
    margin-top: 10px;
    padding-bottom: 10px
}
.infonew div, .infonew input {
    padding: 15px
}
.infonew span {
    position: absolute;
    color: #696868;
    font-size: 11px;
    z-index: 1;
    display: block;
    padding: 5px;
    left: 10px;
    top: -12px;
    text-transform: uppercase;
}
.infonew span img {
    margin-top: -1px;
    max-height: 15px;
    margin-bottom: -3px
}
.infonew:hover span {
    color: #fbac3f;
}
.infonew:hover div {
    border-color: #fbac3f;
    outline: 0;
    box-shadow: 0 0 0 .05rem rgb(229 158 61)
}
.button-panel {
    transition: .3s;
    cursor: pointer;
    background: url(../images/button.webp) no-repeat;
    height: 40px;
    width: 147px;
    border: none;
    color: #fff !important;
    font-family: 'philosopher', sans-serif;;
    font-size: 12px;
    position: relative;
    z-index: 1;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px;
    box-shadow: 0 0 22px 5px rgba(59, 36, 151, .2), 0 10px 15px 4px rgba(0, 0, 0, .3);
}

.buttonsub {
    transition:all .3s ease;
    cursor:pointer;
    background-color: rgba(65,25,21,.5);
    background:url(../images/button.webp) no-repeat;
    height:40px;
    width:147px;
    border:none;
    color:#fff!important;
    font-family:philosopher,sans-serif;
    font-size:12px;
    position:relative;
    z-index:1;
    text-align:center;
    text-transform:uppercase;
    letter-spacing:2px;
    box-shadow:0 0 22px 5px rgba(65,25,21,.5),0 10px 15px 4px rgba(0,0,0,.3);
}
.mid-button-blue {
    background: url(../images/button-blue-big.jpg) 0 0/cover no-repeat;
    width: 300px;
    height: 58px;
    font-size: 18px;
    box-shadow: 0 0 20px 5px rgba(42, 87, 255, .2);
    margin: 0
}
.blockHome, .socBlock, .socBlock2, .socButton2 {
    box-shadow: 0 10px 15px 4px rgba(0, 0, 0, .3)
}
.footernew-menu, .footernew-server {
    width: 25%;
    margin-top: 50px;
    float: left
}
.iconacc {
    padding: 0;
    border: 0
}
.accpanel, table.table-null tr td a {
    color: #999;
    font-size: 12px
}
.acccoinname {
    color: #fbac3f;
    font-size: 11px
}
.acccoin {
    background: #081628;
    padding: 3px 5px;
    border-radius: 5px;
    color: #fff;
    font-size: 12px
}
.footernew-menu {
    text-align: left
}
.footernew-server h3 span {
    position: relative;
    text-transform: uppercase;
    color: #ffdda9;
    font-size: 18px;
    display: block;
    padding-left: 25px;
    filter: drop-shadow(0px 0px 10px #ff2a00)
}
.footernew-menu h3 span:before, .footernew-server h3 span:before {
    content: "";
    position: absolute;
    background: url(../images/title-icon.png) no-repeat;
    width: 26px;
    height: 26px;
    left: -24px;
    top: 65%;
    margin-top: -17px;
	filter: drop-shadow(0px 0px 10px #ff2a00)
}
.footernew-server li span {
    position: relative;
    color: #8b9299
}
.footernew-menu h3, .footernew-server h3 {
    margin-left: 5%;
    font-family: 'philosopher', sans-serif;
}
.footernew-menu h3 span {
    position: relative;
    text-transform: uppercase;
    color: #ffdda9;
    font-size: 18px;
    display: block;
    padding-left: 25px;
    filter: drop-shadow(0px 0px 10px #ffffff)
}
.footernew-menu ul li a {
    position: relative;
    color: #8b9299;
    width: fit-content;
    display: block;
    padding: 11px 0 11px 24px
}
.footernew-menu ul li a:hover {
    position: relative;
    color: #fff;
    opacity: 1;
    width: fit-content;
    display: block;
    padding: 11px 0 11px 24px
}
.copyrightnew {
    margin-top: 20px;
    font-size: 11px;
    color: #8b9299
}
.copyrightnew a {
    margin-top: 20px;
    font-size: 16px;
    color: #0ff
}
.newreward {
    float: left;
    width: 32%;
    margin: 7px;
    height: 252px
}
.newreward .title-name {
    padding-top: 17px;
    padding-bottom: 40px;
    text-align: left;
    padding-left: 20px;
    color: #64cdff;
    background: 0 0/100px 111px #021f38;
    height: 44px;
    font-weight: bolder
}
.reward-button {
    float: right;
    margin-top: -6px;
    margin-right: 11px
}
.newreward td {
    height: 148px
}
.mainHomeBlock>div {
    height: 610px;
    position: relative
}
.blockHome {
    background:url(../images/block-top-bg.webp) center top no-repeat,url(../images/block-bottom-bg.webp) center bottom no-repeat,url(../images/block-mid-bg.png) center top no-repeat;
    background-color:#12141f;
    box-shadow:0 10px 15px 4px rgba(0,0,0,.3);
    padding:35px;
    width:364px;
    min-height: 340px;
}
.blockHome2 {
    background:url(../images/block-red-bg.png) center top no-repeat,url(../images/block-bottom-red.png) center bottom no-repeat,url(../images/block-red-bg.png) center top no-repeat;
    background-color:#110d0b;
    box-shadow:0 10px 15px 4px rgba(0,0,0,.3);
    padding:35px;
    width:364px;
    min-height: 340px;
}
.socButton2, .socHome, .socHome2 {
    width: 365px
}
.socButton2 {
    height: 115px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    font-size: 22px;
    color: #fff;
    font-weight: 700;
    padding-left: 145px;
    position: relative;
    margin-bottom: 26px
}
.socButton2:hover {
    padding-left: 160px
}
.socBlock-button2 span, .socButton2 span {
    display: block;
    width: 100%;
    color: #fcedc0;
    font-size: 13px;
    font-weight: 400;
    margin-top: 5px
}
.socButton2:before, .socButton:before {
    content: "";
    position: absolute;
    left: 40px;
    top: 50%
}
.socButton2.socYoutube2 {
    background: url(../images/soc-button-red.jpg) no-repeat
}
.socButton2.socYoutube2:before {
    background: url(../images/busd-icon.png) no-repeat;
    width: 75px;
    height: 75px;
    margin-top: -37px
}
.socButton2.socDiscord2 {
    background: url(../images/soc-button-purple.jpg) no-repeat
}
.socButton2.socDiscord2:before {
    background: url(../images/pix-icon.png) no-repeat;
    width: 75px;
    height: 75px;
    margin-top: -37px
}
.socButton2.socFacebook2 {
    background: url(../images/soc-button-blue.jpg) no-repeat
}
.socButton2.socFacebook2:before {
    background: url(../images/cartao-icon.png) no-repeat;
    width: 75px;
    height: 75px;
    margin-top: -37px
}
.socBlock, .socBlock2 {
    background: url(../images/soc-block.jpg) no-repeat;
    width: 365px;
    height: 187px;
    position: relative
}
.socBlock2:after, .socBlock:after {
    content: "";
    position: absolute;
    left: 50%;
    width: 1px;
    height: 130px;
    top: 50%;
    margin-top: -65px;
    background-color: rgba(255, 255, 255, .1)
}
.socBlock-button2 {
    text-align: center;
    width: 50%;
    height: 100%;
    padding: 100px 20px 20px;
    font-size: 30px;
    color: #fff;
    font-weight: 700;
    position: relative
}
.socBlock-button2:before, .socBlock-button:before {
    content: "";
    position: absolute;
    width: 93px;
    height: 93px;
    top: 10px;
    left: 50%;
    margin-left: -46px;
    transition: .3s
}
.journey .line-left, .journey .line-rc-100, .journey .line-right {
    height: 1px;
    width: calc(100% + 5px)
}
.socBlock-button.socBlock-guides:before, .socBlock-button2.socBlock-guides2:before {
    background: url(../images/guides-icon.png) no-repeat
}
.socBlock-button.socBlock-forum:before, .socBlock-button2.socBlock-forum2:before {
    background: url(../images/forum-icon.png) no-repeat
}
.socBlock-button2:hover:before, .socBlock-button:hover:before {
    top: 0
}
@keyframes p-next {
    0% {
        transform: rotate(0)
    }
    50% {
        transform: rotate(180deg)
    }
    100% {
        transform: rotate(360deg)
    }
}
@keyframes p-prev {
    0% {
        transform: rotate(0)
    }
    50% {
        transform: rotate(-180deg)
    }
    100% {
        transform: rotate(-360deg)
    }
}
.infoBlockinfo {
    box-shadow: 0 10px 15px 4px rgb(0 0 0 / 30%);
    background: url(../images/content-top-bg.png) center top repeat-x,url(../images/content-bottom-bg.png) center bottom repeat-x;
    background-color: #180f0d;
    padding:50px 65px;
}
.blockI {
    width: 100%;
    max-width: 100%
}
.infoBlockinfo .fieldGroup {
    margin: 0 0 55px
}
.infoBlockinfo .enterLinks {
    display: flex;
    margin-left: -8px;
    margin-bottom: 40px
}
.infoBlockinfo .enterLinks p {
    margin: 0 8px
}
table.table-null {
    background: 0 0;
    margin-right: 13px
}
#arka-dominant .tableBlock table tr, #arka-dominant .tableBlock table tr td table tr, #castle-owner .tableBlock table tr, #castle-owner .tableBlock table tr td table tr, #throne-owner .tableBlock table tr, #throne-owner .tableBlock table tr td table tr, .journey blockquote table tr, table.table-null tr {
    background: 0 0
}
table.table-null tr td {
    padding: 0;
    border: 0 !important;
    background: 0 0;
    line-height: 140%
}
.tag-link, .tag-link-red {
    text-shadow: 1px 1px #000;
    padding: 2px 4px 3px;
    line-height: 80%;
    font-size: 8px;
    border-radius: 50px;
    margin-left: 5px;
    margin-top: -5px;
    position: absolute
}
table.table-null tr td span {
    font-size: 11px;
    font-weight: 700;
    color: #333
}
table.table-null tr td span.acccoin {
    background: #222;
    padding: 1px 5px;
    border-radius: 5px;
    color: #fff;
    font-size: 12px
}
table.table-null tr td a:hover {
    color: #ccc;
    text-shadow: 0 0 4px #ccc;
    font-size: 12px
}
table.table-null tr td img {
    margin-top: -20px;
    margin-bottom: -20px
}
table.table-null tr td b.coin-one, table.table-null tr td b.coin-two {
    color: #c29540;
    font-size: 11px
}
table.table-null tr td span.coin-one, table.table-null tr td span.coin-two {
    background: #222;
    padding: 1px 5px;
    border-radius: 5px;
    color: #fff;
    font-size: 12px
}
table {
    width: 100%;
    border-spacing: 0
}
table.info tbody tr td:first-child {
    background: url(../images/menu-f-icon.webp) no-repeat;
    background-position-x: 20px;
    background-position-y: center;
    padding-left: 40px;
    color: rgba(255,255,255,.5);
}
.tag-link {
    background: #f83838;
    color: #fff
}
.tag-link-red {
    background: #0053a5;
    color: #fff
}
.heroInfo-row {
    background-color: #0d0f17
}
.journey .line-lc-100, .journey .line-left, .journey .line-rc-100, .journey .line-rc-50, .journey .line-right {
    border: 1px solid #0053a5;
    box-shadow: 0 0 3px #0053a5
}
table.simple, table.simple tr, table.simple tr td {
    border: 0;
    background: 0 0;
    padding: 0;
    margin: 0
}
table.simple tr td img {
    border: 0;
    padding: 0;
    margin: 0;
    width: auto;
    height: auto;
    box-shadow: none
}
hr.simple {
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    border-top: 0;
    border-right: 0;
    border-left: 0
}
.journey .line-right {
    margin-right: -5px
}
.journey .line-left {
    margin-left: -5px
}
.journey .line-rc-100 {
    margin-right: -5px;
    float: right;
    margin-top: 15px;
    margin-bottom: 15px
}
.journey .line-lc-100 {
    width: calc(100% + 5px);
    margin-left: -5px;
    height: 1px;
    float: left;
    margin-top: 15px;
    margin-bottom: 15px
}
.journey .line-lc-50, .journey .line-rc-50 {
    width: calc(50% + 5px);
    height: 1px;
    margin-top: 15px
}
.journey .line-rc-50 {
    margin-right: -5px;
    float: right;
    margin-bottom: 15px
}
.journey .line-lc-50, .journey .line-lv-t {
    float: left;
    margin-bottom: 15px
}
.journey .line-lc-50 {
    margin-left: -5px;
    border: 1px solid #0053a5;
    box-shadow: 0 0 3px #0053a5
}
.journey .line-lv-b, .journey .line-lv-t, .journey .line-rv-b, .journey .line-rv-t {
    height: 17px;
    width: 1px;
    border: 1px solid #0053a5;
    box-shadow: 0 0 3px #0053a5
}
.journey .line-rv-t {
    float: right;
    margin-bottom: 15px
}
.journey .line-lv-b {
    float: left;
    margin-top: 15px
}
.journey .line-rv-b {
    float: right;
    margin-top: 15px
}
.journey .line-cv-a {
    width: 1px;
    border: 1px solid #0053a5;
    height: 32px;
    box-shadow: 0 0 3px #0053a5;
    margin-left: calc(50% - 1px)
}
.journey .min-width {
    min-width: 5px
}
.journey blockquote {
    background: url(../game_guides/img/pin_block.png) top left no-repeat, url(../game_guides/img/pin_block.png) top right no-repeat, url(../game_guides/img/pin_block.png) bottom left no-repeat, url(../game_guides/img/pin_block.png) bottom right no-repeat, rgba(0, 0, 0, .17);
    border-radius: 6px;
    padding: 10px;
    border: 1px solid rgba(0, 0, 0, .8);
    margin-left: 0;
    margin-right: 0;
    box-sizing: border-box;
    height: 100px
}
.tableBlock-conten_name img, .tableBlock-server img {
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .4);
    margin-right: 12px
}
.journey blockquote img {
    padding: 4px;
    border: 1px solid #f88938
}
.journey blockquote table {
    margin-left: 0
}
.journey blockquote p {
    padding-left: 7px
}
.journey blockquote ul li {
    margin-left: 30px
}
.journey blockquote table tr td {
    border: transparent
}
.journey blockquote table tr:first-child td {
    text-align: center;
    font-size: 12px
}
.journey blockquote table tr:first-child td:first-child {
    max-width: 78px !important;
    width: 78px
}
.journey blockquote table tr:first-child td:last-child {
    text-align: center;
    padding-right: 10px;
    padding-top: 7px;
    padding-bottom: 7px
}
.journey blockquote table tr:first-child td img {
    width: 70px;
    margin-top: -5px;
    margin-bottom: -5px;
    margin-left: -5px
}
.journey blockquote table tr:first-child td span {
    margin-left: -5px;
    color: #ac7950;
    font-weight: 700;
    text-shadow: 0 0 5px #ac7950
}
.journey blockquote table tr:first-child td span.bronze {
    color: #ac7950;
    text-shadow: 0 0 5px #ac7950
}
.journey blockquote table tr:first-child td span.silver {
    color: silver;
    text-shadow: 0 0 5px silver
}
.journey blockquote table tr:first-child td span.gold {
    color: #c29540;
    text-shadow: 0 0 5px #c29540
}
.journey blockquote table tr:first-child td span.emerald {
    color: #038839;
    text-shadow: 0 0 5px #038839
}
.journey blockquote table tr:first-child td span.diamond {
    color: #89a7f9;
    text-shadow: 0 0 5px #89a7f9
}
.journey blockquote table tr:first-child td span.legendary {
    color: #1caff3;
    text-shadow: 0 0 5px #1caff3
}
.journey blockquote table tr:first-child td span.master {
    color: #e9ab06;
    text-shadow: 0 0 5px #e9ab06
}
.journey blockquote table tr:first-child td span.elite {
    color: #9f68d8;
    text-shadow: 0 0 5px #9f68d8
}
.journey blockquote table tr:first-child td span.supreme {
    color: #f88938;
    text-shadow: 0 0 5px #f88938
}
.journey blockquote table tr:last-child td {
    font-size: 10px;
    vertical-align: top
}
#arka-dominant .tableBlock table tr td table tr td span, #castle-owner .tableBlock table tr td table tr td span, #throne-owner .tableBlock table tr td table tr td span, .journey blockquote table tr:last-child td span {
    color: #999
}
.color-purple {
    color: gold !important
}
.color-blue {
    color: #4990df !important
}
.color-green {
    color: #4ac08d !important
}
.color-yellow {
    color: #e0a45e !important
}
.color-orange, .nav li ul li:hover a {
    color: #fbac3f !important
}
.color-red {
    color: #ff7f7f !important
}
.row-ranking {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + 15px)
}

.row-coluns {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.guildheroInfo {
    margin-bottom: 50px;
    margin-top: 50px;
    width: 100%
}
.heroInfo-title {
    text-align: center;
    color: #ffdda9;
    font-weight: 600;
    font-size: 15px;
    margin-bottom: 30px
}
.heroInfo-row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 2px
}
.heroInfo-row span {
    padding: 13px;
    color: #fff
}
.heroInfo-row span:last-child {
    color: gold
}
.heroLeft-img {
     height:310px;
    background:radial-gradient(#200f09,#0d0807 70%);
    margin-bottom:15px;
    text-align:center;
    border: 0px solid rgba(255, 255, 255, .05);
}
.flexBlock, .heroName {
    height: 81px;
    background-color: #030508
}
.heroName, .heroflex {
    margin-bottom: 20px;
    display: flex
}
.heroLeft-img img {
    max-width: 100%;
    max-height: 100%
}
.heroName {
    font-family:philosopher,sans-serif;
    font-size:30px;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    text-transform:uppercase;
    background-color:#080503;
    width:100%;
    height:81px;
    margin-bottom:20px
}
}
.heroflex {
    display:flex;
    justify-content:space-between;
    margin-bottom:20px
}
.flexBlock {
    width:calc(100% - 1px);
    display:flex;
    align-items:center;
    justify-content:center;
    height:81px;
    background-color:#0e0906;
    color:#ffa07f;
    font-size:28px;
    position:relative;
    border:1px solid #3a3836
}
.flexBlock b {
    font-weight: 400;
    font-size: 14px;
    display: block;
    margin-left: 5px;
    padding-top: 12px
}
.flexBlock .flexBlock-sp {
    position: absolute;
    top: 0;
    left: 0;
    height: 21px;
    margin-top: -11px;
    width: 100%;
    display: flex;
    justify-content: center;
    z-index: 1
}

.flexBlock .flexBlock-sp span {
    color: #fff;
    font-size: 11px;
    text-transform: uppercase;
    display: inline-block;
    padding: 0 10px;
    height: 21px;
    line-height: 21px;
    background: url(../images/span-bg-profile.jpg) repeat-x
}
.flexBlock-flag {
    border: none
}
.flexBlock-lvl {
    border: none;
    background: #080503
}
.block-3 {
    width: 33%;
    padding: 0 15px
}
.block-6 {
    width: 50%;
    padding: 0 15px
}
.big-button-blue, .big-button-green, .big-button-red {
    width: 340px;
    font-color: white;
    height: 58px;
    border-width: 0;
    font-family: 'philosopher', sans-serif;;
    font-size: 18px;
    color: #fff !important;
    text-transform: uppercase;
    letter-spacing: 2px
}
.big-button-green {
    background: url(../images/button-green-big.jpg) 0 0/cover no-repeat;
    box-shadow: 0 0 20px 5px rgba(42, 255, 87, .2);
}
.big-button-red {
    background: url(../images/button-red-big.jpg) 0 0/cover no-repeat;
    box-shadow: 0 0 20px 5px rgba(255, 87, 42, .2);
}
.big-button-blue {
    background: url(../images/button-blue-big.jpg) 0 0/cover no-repeat;
    box-shadow: 0 0 20px 5px rgba(42, 87, 255, .2);
}
.infobuttons {
    text-align: center;
    padding: 40px 0
}
.line-height-20 {
    line-height: 20px
}

.sub-menu-nav:before, .sub-menu:before {
    background: url(../images/drop-icon.png) no-repeat;
    width: 12px;
    height: 8px;
    top: 50%;
    margin-top: -4px;
    content: ""
}
.nav-two {
    margin-left: 140px
}

.nav li {
    display: inline-block;
    position: relative;
    cursor: pointer
}
.nav li a {
    color: #fcedc0;
    font-family: 'philosopher', sans-serif;
    font-size: 18px;
    display: block;
    height: 90px;
    padding: 0 20px;
    line-height: 90px;
    position: relative;
    z-index: 1
}
.nav li ul {
    position: absolute;
    left: 0;
    top: calc(100%);
    background: rgba(0, 0, 0, .80);
    min-width: 140px;
    display: none
}
.nav li ul li a:hover {
    background-color: #eee9e92e;
    text-decoration: none;
    transition: 0.5s;
    
}

.nav li ul li a {
    font-size: 15px;
    padding: 15px 15px;
    height: auto;
    color: #fcedc0 !important;
    background-image: url(../images/menu-f-icon.webp);
    background-position: left -20px center;
    background-repeat: no-repeat
}
.dropdown-menu {
    display: none;
    animation: .3s linear opas
}
.nav li ul li:hover a {
    padding: 15px 0 15px 30px;
    background-position: left 10px center
}
.nav .sub-menu a {
    padding: 0 25px 0 20px
}
.nav .sub-menu li a {
    padding: 15px 40px
}
.sub-menu:before {
    position: absolute;
    right: 5px
}
.sub-menu-nav:before {
    position: absolute;
    right: 0
}

.blockHomeIndex {
    background-color: #12141f;
    box-shadow: 0 10px 15px 4px rgba(0, 0, 0, .3);
    padding: 35px;
    width: 370px
}
.tableBlock-title {
    background:url(../images/top-table-bg.png) repeat-x;
    height:36px;
    padding:0 17px;
    display:flex;
    align-items:center;
    box-shadow:0 5px 10px 2px rgba(0,0,0,.2);
    margin-bottom:10px;
    width:100%
}
.tableBlock-title span {
    color: #696868;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 600;
    display: block
}
.tableBlock-title_player {
    width: 62%
}
.tableBlock-title_level {
    width: 17%;
    text-align: center
}
.tableBlock-title_score {
    width: 21%;
    text-align: right
}
.tableBlock-content:nth-child(odd) {
    background-color: rgba(0, 0, 0, .1)
}
.tableBlock-content:hover { 
    background-image: url(../images/hover-table.png) 
 }
.tableBlock-conten_name {
    width: 52%;
    display: flex !important;
    align-items: center;
    color: #fff;
    line-height: 1.2
}
.tableBlock-conten_name img {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    position: relative
}
.tableBlock-conten_name a, .tableBlock-server a {
    color: #fff;
    position: relative
}
.tableBlock-content>div {
    font-size: 12px;
    font-weight: 600;
    display: flex;
    align-items: center;
    position: relative;
    height: 37px;
    padding-bottom: 1px
}
.color-gray {
    color: rgba(255, 255, 255, .5) !important
}
.tableBlock-conten_lvl {
    width: 17%;
    justify-content: center;
    color: #fbac3f
}
.tableBlock-conten_scr {
    width: 21%;
    justify-content: flex-end;
    color: gray
}
.tableBlock-conten_money {
    width: 21%;
    justify-content: flex-end;
    color: #fbac3f
}
.tablePopup-server-title, .tablePopup-title {
    color: #fff;
    margin-bottom: 18px;
    font-weight: 600;
    text-align: center
}
.tableBlock-content {
    display: flex;
    align-items: center;
    padding: 0 50px;
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    width: 365px;
    margin-left: -35px
}
.tableBlock-conten_number {
    width: 10%
}
.tablePopup, .tablePopup-server {
    padding: 15px 25px;
    width: 225px;
    position: absolute;
    z-index: 10;
    background: #000
}
.tablePopup {
    right: calc(100% + 15px);
    top: -40px;
    display: none
}
.tablePopup:after {
    content: "";
    position: absolute;
    right: -20px;
    top: 36px;
    border: 10px solid transparent;
    border-left: 10px solid #000
}
.tablePopup-title {
    font-size: 12px;
    display: block
}
.tablePopup-ava, .tablePopup-server-ava {
    text-align: center;
    margin-bottom: 18px
}
.tablePopup-ava img, .tablePopup-server-ava img {
    width: 75px;
    height: 75px;
    border-radius: 50%
}
.tablePopup-block, .tablePopup-server-block {
    display: flex;
    justify-content: space-between;
    margin-bottom: 18px
}
.tablePopup-block:last-child, .tablePopup-server-block:last-child {
    margin-bottom: 18px
}
.tablePopup-block span:first-child, .tablePopup-server-block span:first-child {
    color: #8485a4
}
.tablePopup-block span:last-child, .tablePopup-server-block span:last-child {
    text-align: right
}
.tableBlock-conten_name .show:hover .tablePopup, .tableBlock-conten_name a:hover .tablePopup, .tableBlock-conten_name a:hover .tablePopup-server, .tableBlock-server .show:hover .tablePopup, .tableBlock-server a:hover .tablePopup, .tableBlock-server a:hover .tablePopup-server {
    display: block;
    animation: .5s linear opas
}
.tablePopup-server {
    left: 25px;
    top: 200px;
    display: none;
    border: 1px solid rgba(255, 255, 255, .07)
}
.tablePopup-server:after {
    content: "";
    position: absolute;
    top: -60px;
    left: 36px;
    border: 10px solid transparent;
    border-bottom: 10px solid
}
.tablePopup-server-title {
    font-size: 16px;
    line-height: 130%;
    display: block
}
.blockHomePlugin {
     background:url(../images/block-arka.jpg) center top no-repeat;
    background-color:#1f1412;
    box-shadow:0 10px 15px 4px rgba(0,0,0,.3);
    padding:35px;
    width:364px
}
.countdown-start-div-three, .countdown-start-div-two, .countdown-start-m-div-two {
    padding-top: 12px;
    padding-left: 30px;
    font-family: 'philosopher', sans-serif;;
    float: left
}
.tabTable {
    margin-right: -12px
}
.tab-button, .tabTable-button, .tabTable-button-arka, .tabTable-button-cs, .tabTable-button-throne {
    display: inline-block;
    margin: 0 5px;
    position: relative;
    cursor: pointer
}
.tab-button:after, .tabTable-button-arka:after, .tabTable-button-cs:after, .tabTable-button-throne:after, .tabTable-button:after {
    content: "";
    position: absolute;
    width: 50%;
    margin-left: -25%;
    height: 1px;
    background: #fff;
    left: 50%;
    bottom: -26px;
    opacity: 0
}
.tab-button {
    color: #666 !important
}
.tab-button.active {
    color: #fff !important
}
#arka-dominant .tableBlock table, #castle-owner .tableBlock table, #throne-owner .tableBlock table {
    margin-left: -13px;
    width: calc(100% + 27px);
}
#arka-dominant .tableBlock table tr td, #castle-owner .tableBlock table tr td, #throne-owner .tableBlock table tr td {
    border: 0;
    width: 50% !important;
    vertical-align: top;
    padding-top: 0;
    padding-bottom: 0
}
#arka-dominant .tableBlock table tr td:last-child, #castle-owner .tableBlock table tr td:last-child, #throne-owner .tableBlock table tr td:last-child {
    padding-left: 20px
}
#arka-dominant .tableBlock table tr td h3, #castle-owner .tableBlock table tr td h3, #throne-owner .tableBlock table tr td h3 {
    line-height: 10px
}
#arka-dominant .tableBlock table tr td table tr td, #castle-owner .tableBlock table tr td table tr td, #throne-owner .tableBlock table tr td table tr td {
    border: 0;
    padding: 0;
    font-size: 12px;
    line-height: 16px;
    font-style: italic
}
#arka-dominant .tableBlock table tr td table tr td:first-child, #castle-owner .tableBlock table tr td table tr td:first-child, #throne-owner .tableBlock table tr td table tr td:first-child {
    padding: 0;
    width: 18% !important
}
#arka-dominant .tableBlock table tr td table tr td:last-child, #castle-owner .tableBlock table tr td table tr td:last-child, #throne-owner .tableBlock table tr td table tr td:last-child {
    padding-left: 5px !important
}
#arka-dominant .tableBlock table tr td table tr td img, #castle-owner .tableBlock table tr td table tr td img, #throne-owner .tableBlock table tr td table tr td img {
    border: 2px solid rgba(255, 255, 255, .1);
    padding: 2px;
    margin-top: 3px
}

.countdown-start {
    width: 100%;
    height: 50px;
    top: 95px;
    text-align: center;
    position: fixed;
    z-index: 10;
    right: 0
}
.countdown-start-div {
    border: 1px solid #fbac3f;
    box-shadow: 0 0 5px #000;
    background: rgba(0, 0, 0, 0.85);
    border-radius: 5px;
    width: 400px;
    margin-left: calc(50% - 200px);
    height: 65px !important
}
.countdown-start-div-two, .countdown-start-m-div-two {
    color: #ffc532;
    text-shadow: 0 0 2px #ffc532
}
.countdown-start-div-three {
    color: #fff;
    text-shadow: 0 0 2px #fff
}
.countdown-start-b, .countdown-start-m-b {
    font-size: 18px;
    text-shadow: 0 0 1px #000, 0 0 1px #000, 0 0 4px #ffc532
}
.countdown-start-bb {
    font-size: 18px;
    text-shadow: 0 0 1px #000, 0 0 1px #000, 0 0 4px #fff
}
.countdown-start-a {
    height: 25px;
    margin-top: 9px;
    margin-right: 10px;
    padding-top: 0;
    line-height: 210%;
    box-shadow: 0 0 3px #000
}
.countdown-start-m {
    width: 100%;
    height: 50px;
    top: 60px;
    position: absolute;
    text-align: center;
    transform: scale(.7);
    right: -50px
}
.countdown-start-m-div {
    width: 340px;
    height: 44px;
    border: 1px solid rgba(0, 0, 0, .6);
    box-shadow: 0 0 5px #000;
    background: rgba(0, 0, 0, .4);
    border-radius: 5px;
    float: left;
    margin-left: calc(50% - 170px)
}
.countdown-start-title {
    color: #fff;
    font-family: 'philosopher', sans-serif;;
    text-shadow: 0 0 2px #fff;
    text-align: center;
    font-size: 25px
}
.mainHomeBlockPlugin>div {
    height: 210px
}
.tableBlock-server {
    align-items: center;
    color: #fff;
    line-height: 1.2
}
.tableBlock-server img {
    width: 22px;
    height: 22px;
    position: relative
}
.yellow-light {
    background: url(../images/light-hand.webp);
    width: 350px;
    height: 350px;
    top: -4px;
    left: 666px;
    position: absolute;
    animation: 12s linear infinite p-prev;
}
.online {
    bottom: 45px;
    position: relative;
    top: -10px;
    transition: transform .3s;
    filter: brightness(1);
    cursor: pointer;
    transform: scale(.55)
}
.online:hover, .only {
    transform: scale(.65)
}
.online:hover {
    filter: brightness(130%)
}
.online-active {
    filter: brightness(.8)
}
.only:hover {
    transform: scale(.75)
}
.hand-animation {
    position: absolute;
    left: 50%;
    margin-left: -625px;
    top: 131px
}
.block-50 {
    width: calc(50% - 13px);
    box-shadow: 0 10px 10px 10px rgba(0, 0, 0, .2);
}
.topHomeBlocks {
    margin-bottom: 30px;
}
.swiper-container {
    width: 100%;
    height: 100%
}
.newsBlock {
    background: url(../images/news-home-bg.webp) no-repeat;
    padding: 40px 45px;
}

.newsBlock-sidebar {
    background: url(../images/news-home-bg.webp) no-repeat;
    padding: 35px 35px;
    width: 370px;
}
.newsContent {
    transition: .3s;
    padding-right: 75px
}
.newsContent_info span {
    color: #696868;
    font-size: 13px
}
.newsContent_info a, .newsContent_info-link {
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    white-space: nowrap
}
.newsContent:hover {
    transition: .4s;
    margin: 0 -10px 0 10px;
    cursor: pointer
}
.newsContent:hover .newsContent_info {
    width: 340px;
    margin-left: -20px;
    transition: .3s
}
.newsContent_info-link {
    margin-bottom: 2px
}
.newsContent_info a {
    color: #aba4a4;
    margin-bottom: 3px;
    width: 300px;
    text-decoration: none;
    padding: 2px 0
}


.newsLink-news > .newsContent_info > a > span {
    color: #43a0ff !important;
    font-size: 13px !important;
}
.newsLink-announcement > .newsContent_info > a > span {
    color: #ff5bff !important;
    font-size: 13px !important;
}
.newsLink-event > .newsContent_info > a > span {
    color: #eb6b6b !important;
    font-size: 13px !important;
}

.newsLink-update > .newsContent_info > a > span {
    color: #54b801 !important;
    font-size: 13px !important;
}

.newsLink-latest-news > .newsContent_info > a > span {
    color: #ffffff !important;
    font-size: 13px !important;
}

.newsLink-news {
    background: url(../images/news-icon.png) left top 2px no-repeat
}
.newsLink-announcement {
    background: url(../images/maintenance-icon.png) left top 2px no-repeat
}
.newsLink-event {
    background: url(../images/events-icon.png) left top 2px no-repeat
}
.newsLink-update {
    background: url(../images/patch-notes-icon.png) left top 2px no-repeat
}
.newsLink-latest-news {
    background: url(../images/latest-news-icon.png) left top 2px no-repeat
}
.newsLink {
    position: relative;
    padding: 4px 0 4px 50px
}
.newsLink:after {
    content: "";
    background: url(../images/news-hover.webp) no-repeat;
    position: absolute;
    width: 55px;
    height: 65px;
    right: -46px;
    top: 50%;
    margin-top: -33px;
    opacity: 0;
}
.newsLink-info a {
    display: block;
    color: #fcedc0;
    margin-bottom: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 300px;
    padding: 1px 0
}
.newsLink-info span, .rankingTable tbody tr td, .rankingTableGens tbody tr td, .rankingTableGuild tbody tr td {
    color: #696868
}
.newsLink-more {
    color: #fbac3f;
    display: block;
    position: relative;
    padding-right: 20px
}
.newsLink-more span {
    opacity: 0;
    transition: .3s
}
.newsLink-more:after {
    content: "";
    position: absolute;
    background: url(../images/h-right.png) no-repeat;
    width: 8px;
    height: 12px;
    right: 0;
    top: 50%;
    margin-top: -6px;
    transition: .3s
}
.newsLink:hover .newsLink-more:after {
    background: url(../images/menu-f-icon.webp) no-repeat;
    width: 24px;
    height: 28px;
    margin-top: -14px;
    right: -20px;
    filter: drop-shadow(0px 0px 10px #ff2a00)
}

.SidenewsLink-news {
    background: url(../images/news-icon.png) left top 12px no-repeat
}

.SidenewsLink-maintenance {
    background: url(../images/maintenance-icon.png) left top 12px no-repeat
}

.SidenewsLink-events {
    background: url(../images/events-icon.png) left top 12px no-repeat
}

.SidenewsLink-patch-notes {
    background: url(../images/patch-notes-icon.png) left top 12px no-repeat
}

.SidenewsLink {
    position: relative;
    padding: 13px 0 13px 50px
}

.SidenewsLink:after {
    content: "";
    background: url(../images/news-hover.webp) no-repeat;
    position: absolute;
    width: 55px;
    height: 65px;
    right: -32px;
    top: 50%;
    margin-top: -33px;
    opacity: 0;
}

.SidenewsLink-info a {
    display: block;
    color: #fcedc0;
    margin-bottom: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 225px;
    padding: 1px 0
}

.SidenewsLink-info span {
    color: #696868
}

.SidenewsLink-more {
    color: #cc7954;
    display: block;
    position: relative;
    padding-right: 10px;
    float: right
}

.SidenewsLink-more span {
    opacity: 0;
    transition: .3s
}

.SidenewsLink-more:after {
    content: "";
    position: absolute;
    background: url(../images/h-right.png) no-repeat;
    width: 8px;
    height: 12px;
    right: 0;
    top: 50%;
    margin-top: -6px;
    transition: .3s
}

.SidenewsLink:hover:after {
    opacity: 1
}

.SidenewsLink:hover .SidenewsLink-info a {
    color: #fff;
    text-decoration: underline
}

.SidenewsLink:hover .SidenewsLink-more span {
    opacity: 1
}

.SidenewsLink:hover .SidenewsLink-more:after {
    background: url(../images/right.png) no-repeat;
    width: 24px;
    height: 28px;
    margin-top: -14px;
    right: -20px;
    filter: drop-shadow(0px 0px 10px #ff2a00)
}

.mainRegister {
    max-width: 950px;
    width: 100%;
    position: relative;
    margin: 0 auto;
    display: flex;
    justify-content: center
}

.regBlock {
    background:url(../images/modal-bg.png) center bottom no-repeat;
    background-color:#080503;
    padding:50px 65px;
    box-shadow:0 10px 10px 0 rgba(0,0,0,.2)
}
.select-acc {
    background: url(../images/top-table-bg.png) repeat-x;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 18px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 9px
}
.select-acc_check label {
    margin-right: 9px
}
.check-container {
    display: block;
    position: relative;
    width: 19px;
    height: 19px;
    cursor: pointer;
    user-select: none
}
.select-acc_check, .socButton {
    display: flex
}
.check-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 19px;
    width: 19px;
    background-color: #e7bf4b;
    border-radius: 4px
}
.socBlock-button, .socButton {
    font-size: 30px;
    font-weight: 700;
    position: relative;
    font-family: 'philosopher', sans-serif;;
    color: #fff
}
.checkmark:after {
    content: "";
    position: absolute;
    display: none
}
.check-container .checkmark:after {
    background: url(../images/check.png) no-repeat;
    left: 4px;
    top: 5px;
    width: 12px;
    height: 9px
}
.socButton.socDiscord:before, .socButton.socFacebook:before, .socButton.socYoutube:before {
    width: 93px;
    height: 70px;
    margin-top: -33px;
    margin-left: -25px
}
.check-container-close .checkmark:after {
    background: url(../images/check-close.png) no-repeat;
    left: 5px
}

.socButton {
    width: 365px;
    height: 115px;
    align-items: center;
    flex-wrap: wrap;
    padding-left: 110px;
    margin-bottom: 26px;
    box-shadow: 0 10px 15px 4px rgba(0, 0, 0, .3);
}
.socButton:hover {
    padding-left: 130px
}
.socBlock-button span, .socButton span {
    display: block;
    width: 100%;
    color: #e8c4b2;
    font-size: 13px;
    font-weight: 400;
    font-family: open sans, sans-serif;
    margin-top: 5px;
    text-shadow: 0.1em 0.1em 0.2em black;
}
.socButton.socDiscord:before {
    background: url(../images/discord-icon.png) no-repeat
}
.socButton.socFacebook:before {
    background: url(../images/facebook-icon.png) no-repeat
}
.socBlock-button {
    text-align: center;
    width: 50%;
    height: 100%;
    padding: 100px 20px 20px
}
.reward-light-icon {
    background: url(../images/youtub-icon.png) no-repeat;
    position: absolute;
    width: 93px;
    height: 70px;
    top: 24px;
    left: 15px
}
.buttonsub-mid {
    transition: .3s;
    cursor: pointer;
    background: url(../images/buttonmid.png) no-repeat;
    height: 40px;
    width: 206px;
    border: none;
    color: #fff !important;
    font-family: 'philosopher', sans-serif;;
    font-size: 12px;
    position: relative;
    z-index: 1;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px;
    box-shadow: 0 0 22px 5px rgba(65,25,21,.5),0 10px 15px 4px rgba(0,0,0,.3);
}
.top-list-page a {
    
}

.pNewsBlock-block, .pNewsBlock-block_info {
    background: linear-gradient(to right, #000, rgba(0, 0, 0, 0))
}
.textsec {
    font-size: 14px;
    color: #ccc;
    padding: 5px;
    border-radius: 5px;
    border: 1px solid #fbac3f
}
.pNewsBlock-block, .pNewsBlock-img {
    width: 50%
}
.pNewsBlock-img a {
    display: block;
    height: 100%;
    position: relative
}
.pNewsBlock-img a:before {
    content: "";
    position: absolute;
    background: url(../images/news-big-hover.png) left/cover no-repeat;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    transition: .3s;
    opacity: 0
}
.pNewsBlock-img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}
.pNewsBlock-block {
    padding: 35px 0 40px 35px;
    position: relative
}
.pNewsBlock-block_text {
    line-height: 25px;
    margin-bottom: 50px
}
.pNewsBlock-block_info {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 12px 0 12px 40px;
    width: 100%
}
.pNewsBlock-block_info-date {
    color: #6a6a69;
    font-size: 12px
}
.pNewsBlock-block_info-date span {
    color: #ffe696;
    font-size: 14px;
    margin-right: 5px
}
.f-menu li a {
    position: relative;
    color: #fff;
    opacity: .3;
    display: block;
    background: url(../images/menu-f-icon.webp) left center no-repeat;
    padding: 11px 0 11px 24px
}
#armor, #boots, #gloves, #helm, #item_image_bg img, #pants, #pendant, #ring_left, #ring_right, #shield, #sword, #tooltip, #wings {
    position: absolute
}
.footerMenu-block {
    width: 25%
}
.copy a {
    color: #fff;
    opacity: 1
}
.copy span, .f-text {
    color: #fff;
    opacity: .3
}
.f-text {
    text-transform: uppercase;
    font-size: 10px;
    line-height: 1.3
}
.space-40 {
    width: 100%;
    height: 40px
}
.space-20 {
    width: 100%;
    height: 20px
}
.acc {
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    margin-bottom: 30px
}
.acc-title {
    display: block;
    text-align: center;
    color: #ffdda9;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 15px
}
.accBlock-content {
    width: calc(50% - 15px)
}
.m-top-less-50 {
    margin-top: -50px !important
}
.rankingTable td, .rankingTableGuild td {
    white-space: nowrap;
    padding: 15px 10px
}
.rankingTable td:first-child, .rankingTableGens td:first-child {
    padding: 15px 0 15px 35px
}
.rankingTable td:last-child, .rankingTableGens td:last-child {
    padding: 15px 35px 15px 10px;
    text-align: right
}
.rankingTable thead tr, .rankingTableGens thead tr, .rankingTableGuild thead tr {
    background: #2d1d1a
}
.rankingTable thead tr td, .rankingTableGuild thead tr td {
    color: #908585;
    font-size: 15px;
    text-transform: uppercase;
    padding: 20px 10px
}
.rankingTable thead tr td:first-child, .rankingTableGens thead tr td:first-child, .rankingTableGuild thead tr td:first-child {
    padding: 20px 0 20px 35px
}
.rankingTable thead tr td:last-child, .rankingTableGuild thead tr td:last-child {
    padding: 20px 35px 20px 10px
}
.rankingTable tbody tr, .rankingTableGens tbody tr, .rankingTableGuild tbody tr, .rankingTableHunt tbody tr {
    transition: .3s;
    background-image: url(../images/hover-xbig.png);
    background-position: center top -100px;
    background-repeat: no-repeat
}
.rankingTable tbody tr:nth-child(2n), .rankingTableGens tbody tr:nth-child(2n), .rankingTableGuild tbody tr:nth-child(2n) {
     background-color:rgba(0,0,0,.05);
}
.rankingTable tbody tr:nth-child(odd), .rankingTableGens tbody tr:nth-child(odd), .rankingTableGuild tbody tr:nth-child(odd) {
   background-color:rgba(0,0,0,.2);
}
.rankingTable tbody tr:hover, .rankingTableGens tbody tr:hover, .rankingTableGuild tbody tr:hover, .rankingTableHunt tbody tr:hover {
    background-position: center top -2px
}
.rankingTable tbody tr td:first-child, .rankingTableGens tbody tr td:first-child, .rankingTableGuild tbody tr td:first-child {
    font-size: 13px;
    border: 0
}
.rankingTable tbody tr td:nth-child(2), .rankingTableGens tbody tr td:nth-child(2) {
    font-weight: 600;
    color: #fff !important;
    border: 0;
    text-shadow: 0 0 5px #999
}
.rankingTable tbody tr td:nth-child(3) {
    display: flex;
    width: 170px !important;
    align-items: center;
    white-space: normal;
    border: 0
}
.rankingTable tbody tr td:nth-child(3) img, .rankingTableGens tbody tr td:nth-child(3) img {
    margin-right: 15px;
    width: 24px;
    height: 24px;
    border-radius: 50%
}
.rankingTable thead tr td:nth-child(3) {
    width: 170px !important
}
.rankingTable tbody tr td:nth-child(4), .rankingTableGens tbody tr td:nth-child(4), .rankingTableHunt tbody tr td:nth-child(4) {
    font-weight: 600;
    color: #ccc;
    border: 0
}
.rankingTable tbody tr td:nth-child(5) {
    font-size: 13px;
    text-align: right;
    border: 0
}
.rankingTable thead tr td:nth-child(5) {
    text-align: right !important
}
.rankingTable tbody tr td:nth-child(5) span, .rankingTableGens tbody tr td:nth-child(5) span, .rankingTableGuild tbody tr td:nth-child(5) span {
    color: #f08d2f
}
.rankingTable tbody tr td:nth-child(6), .rankingTableGens tbody tr td:nth-child(6) {
    width: 170px !important;
    white-space: normal;
    border: 0
}
.rankingTable thead tr td:nth-child(6), .rankingTableGens thead tr td:nth-child(6) {
    width: 130px !important
}
.rankingTableGuild td:first-child {
    padding: 18px 0 18px 35px
}
.rankingTableGuild td:last-child {
    padding: 15px 35px 9px 10px;
    text-align: right
}
.rankingTableGuild thead tr td:nth-child(2), .rankingTableGuild thead tr td:nth-child(5), .rankingTableHunt thead tr td:nth-child(5) {
    text-align: center !important
}
.rankingTableGuild tbody tr td:nth-child(2), .rankingTableHunt tbody tr td:nth-child(2) {
    font-weight: 600;
    color: #fff;
    border: 0;
    text-align: center !important
}
.rankingTableGuild tbody tr td:nth-child(3), .rankingTableGuild tbody tr td:nth-child(3) a {
    color: #fff;
    font-weight: 600;
    border: 0;
    width: 180px;
    text-shadow: 0 0 5px #999
}
.rankingTableGuild tbody tr td:nth-child(4) {
    font-weight: 600;
    color: #999;
    border: 0
}
.rankingTableGuild tbody tr td:nth-child(5) {
    text-align: center;
    border: 0
}
.rankingTableGens td {
    white-space: nowrap;
    padding: 20px 0
}
.rankingTableGens thead tr td {
    color: #908585;
    font-size: 15px;
    text-transform: uppercase;
    padding: 0
}
.rankingTableGens thead tr td:last-child {
    padding: 20px 35px 20px 50px
}
.rankingTableGens tbody tr td:nth-child(3) {
    width: 170px !important;
    align-items: center;
    white-space: normal;
    border: 0
}
.rankingTableGens thead tr td:nth-child(3) {
    width: 225px !important
}
.rankingTableGens tbody tr td:nth-child(5) {
    font-size: 15px;
    border: 0
}
.rankingTableHunt td tr {
    white-space: nowrap;
    padding: 14px 10px;
    color: #ccc
}
.rankingTableHunt td:first-child {
    padding: 14px 0 15px 35px
}
.rankingTableHunt td:last-child {
    padding: 13px 35px 12px 10px;
    text-align: right
}
.dropdown-menu.show li:hover, .rankingTableHunt thead tr {
    background: linear-gradient(to top, #4c5b99, #45749d)
}
.rankingTableHunt thead tr td {
    font-size: 14px;
    text-transform: uppercase;
    padding: 10px
}
.rankingTableHunt thead tr td:first-child {
    padding: 10px 0 10px 35px
}
.rankingTableHunt thead tr td:last-child {
    padding: 10px 35px 10px 10px
}
.rankingTableHunt tbody tr:nth-child(2n) {
    background-color: rgba(0, 0, 0, .05)
}
.rankingTableHunt tbody tr:nth-child(odd) {
    background-color: rgba(0, 0, 0, .2)
}
.rankingTableHunt tbody tr td {
    color: #ccc
}
.rankingTableHunt tbody tr td:first-child {
    font-size: 13px;
    border: 0;
    color: #ccc;
    padding-top: 20px
}
.rankingTableHunt thead tr td:nth-child(2) {
    text-align: center !important;
    padding: 0 40px
}
.rankingTableHunt tbody tr td:nth-child(3), .rankingTableHunt tbody tr td:nth-child(3) a {
    color: #fff;
    font-weight: 500;
    border: 0;
    width: 180px;
    text-shadow: 0 0 5px #999
}
.rankingTableHunt tbody tr td:nth-child(5) {
    font-size: 14px;
    text-align: center;
    border: 0;
    color: gold
}
.top-header thead tr {
    background: url(../images/top-table-bg.png) repeat-x;
    height: 35px
}
.top-header thead tr td, .top-header thead tr th {
    vertical-align: middle;
    color: #908585;
    font-weight: 400;
    text-align: left;
    padding-left: 18px
}

.search {
    justify-content: center;
    height: 44px;
    margin-bottom: 10px;
    background: #f4a63e;
    border: none;
    margin-top: 5px;
    margin-right: 20px;
    border-radius: 5px
}

.search-button {
    background: url(../images/icon-search.png) center no-repeat;
    height: 30px;
    width: 30px
}

.search-input {
    width: 220px;
    height: 30px;
    background: 0 0;
    color: #fff;
    text-align: left;
    padding: 0 10px
}

ul#paypal-options, ul#vote-options {
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    margin: 0;
    padding: 0;
    list-style: none
}
ul#paypal-options h3, ul#paypal-options h4, ul#vote-options h5 {
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    margin: 0;
    padding: 0
}
#paypal-options li h4, #vote-options li h5 {
    font-weight: bolder;
    padding-left: 10px;
    margin-left: 10px;
    color: #fbac3f;
}
#paypal-options, #vote-options {
    color: #555;
    font-size: auto;
    line-height: auto;
    list-style-type: none;
    margin: 0
}
#vote-options li {
    border-radius: 5px;
    line-height: 45px;
    height: 65px;
    border: 1px solid rgba(0, 0, 0, .15);
    padding: 10px
}
#vote-options li img {
    width: 75px;
    height: 45px
}
#vote-options li button {
    line-height: 19px;
    margin: 0
}
#vote-options li h5 {
    font-size: 24px;
    border-left: 1px solid #ffffff;
}
#paypal-options li {
    border-radius: 5px;
    padding: 10px;
    min-height: 55px
}
#pagination a, #pagination a.on {
    margin-right: 8px;
    padding: 4px 8px
}
#paypal-options li h4 {
    font-size: 22px
}
#paypal-options li h3 {
    color: #444;
    font-size: 18px;
    padding-left: 10px;
    margin-left: 10px
}
#helm {
    left: 73px;
    top: 58px;
    width: 56px;
    height: 66px
}
#wings {
    left: 272px;
    top: 59px;
    width: 127px;
    height: 110px
}
#pendant {
    left: 233px;
    top: 80px;
    width: 29px;
    height: 29px
}
#sword {
    left: 6px
}
#armor {
    left: 40px;
    top: 138px;
    width: 82px;
    height: 98px
}
#shield {
    left: 330px
}
#gloves {
    left: 271px;
    top: 178px;
    width: 85px;
    height: 55px
}
#pants {
    left: 89px
}
#ring_left {
    left: 102px;
    top: 252px;
    width: 29px;
    height: 29px
}
#ring_right {
    left: 272px;
    top: 252px;
    width: 29px;
    height: 29px
}
#boots {
    left: 258px
}
.inv {
    table-layout: fixed;
    background-color: #212121;
    border: 1px solid #100f0d;
    margin: 0;
    padding: 0
}
.waretitle {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    background: #610000;
    font-style: oblique;
    font-weight: 700;
    color: #fff
}
#pagination {
    color: #4c9aeb;
    font: 12px/17px verdana, arial, helvetica, serif;
    margin: 0;
    padding: 12px 8px 8px 12px;
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    -khtml-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px
}
#pagination a {
    border: 1px solid #ccc;
    background: #fff;
    color: #8e9091;
    font: bold 12px verdana, arial, helvetica, serif;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px
}
/* #events div, #events-modal div { */
    /* display: flex; */
    /* align-items: center; */
    /* padding: 14px 0 8px; */
    /* font-size: 15px; */
    /* transition: .3s; */
    /* width: 100% */
/* } */
#pagination a.on {
    border: 1px solid #600;
    background: #f7f7f7;
    color: #600;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px
}
#pagination a:hover {
    border: 1px solid #600;
    color: #600
}
#pagination ul {
    height: 21px
}
#pagination li {
    list-style-type: none;
    float: left
}
#item_buy {
    margin-left: 5px;
    margin-right: 5px;
    width: 100%
}
#item_buy_left {
    float: left;
    padding-right: 5px
}
#item_buy_right {
    float: left;
    background-color: #3e1d1c;
    width: 492px;
    padding: 1px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}
#item_buy_right .opt input[type=number], #item_buy_right .opt select {
    border: 0;
    line-height: 1;
    background: #5d302f;
    margin-top: 1px;
    -webkit-appearance: none;
    padding: 0
}
#item_buy_right .full {
    margin: 1px;
    padding: 1px;
    width: 488px;
    background-color: #76403f;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #fff;
    text-shadow: #000 0 1px 0;
    height: 18px;
    line-height: 18px
}
#item_buy_right .opt, #item_buy_right .opt_title {
    margin: 1px;
    padding-left: 1px;
    float: left;
    background-color: #76403f;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    color: #fff;
    text-shadow: #000 0 1px 0;
    font-family: Arial, Helvetica, sans-serif
}
#item_buy_right .opt_title {
    width: 250px
}
#item_buy_right .opt {
    width: 236px
}
#item_buy_right .opt select {
    border-radius: 0;
    width: 60%;
    font-size: 12px;
    color: #fff;
    outline: 0 !important
}
#item_buy_right .opt input[type=number] {
    width: 35px;
    border-radius: 0;
    font-size: 12px;
    color: #fff
}
#item_image_bg {
    position: relative;
    background: url(../images/item_bg.png) no-repeat;
    width: 129px;
    height: 184px
}
#item_image_bg img {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}
.item_info {
    margin-top: 2px;
    background: url(../images/item_desc.png) no-repeat;
    width: 129px;
    height: 36px;
    line-height: 36px;
    z-index: 500
}
.item_info .info {
    padding-left: 5px;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #fff;
    text-shadow: #000 0 1px 0
}
.item_info .info .btimes {
    color: #ed7876
}
.item_info .info .goldcr {
    color: #ffaf04
}
.item_info .info .normalcr {
    color: #d9a08a
}
#buy_buttons {
    margin-right: 10px;
    width: 99%
}
#buy_buttons button {
    margin: 2px
}
.buy_button {
    background: url(../images/slect_btn.png);
    width: 155px;
    height: 42px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #fff;
    text-shadow: #000 0 1px 0;
    border: 0;
    float: right
}
.buy_button:hover {
    cursor: pointer
}
.payment-method-button {
    margin: 4px;
    background-color: #efefef;
    border-radius: 4px;
    border: 1px solid #d0d0d0;
    overflow: auto;
    float: left
}
.buttonn, .span_red {
    background: #600;
    color: #fff
}
.payment-method-button label {
    float: left
}
.payment-method-button label span {
    text-align: center;
    display: block;
    width: 120px;
    height: 50px;
    line-height: 50px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    cursor: pointer
}
.payment-method-button label input {
    position: absolute;
    top: -20px
}
.btn-fld {
    width: 254px;
    overflow: hidden;
    padding: 12px 20px 12px 130px
}
.buttonn {
    float: right;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    border: none;
    width: auto;
    overflow: visible;
    font-size: 1.4em;
    padding: 7px 10px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    font-weight: 700;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .4)
}
/* #events div { */
    /* margin-left: -5px; */
    /* position: relative; */
    /* font-weight: 600 */
/* } */
/* #events div small { */
    /* margin-left: auto; */
    /* color: #fbac3f; */
    /* margin-right: 33px */
/* } */
/* #events div span { */
    /* font-size: 12px; */
    /* margin-left: 50px */
/* } */
#events-modal {
    max-height: 470px;
    overflow-y: auto;
}
/* #events-modal div { */
    /* position: relative; */
    /* color: #f5f3ec */
/* } */
/* #events-modal div small { */
    /* margin-left: auto; */
    /* color: #fbac3f; */
    /* margin-right: 24px */
/* } */
/* #events-modal div span { */
    /* font-size: 12px; */
    /* margin-left: 20px */
/* } */

/* #events-modal div span a { */
    /* color: #9E9E9E */
/* } */

#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
}
#tooltip {
    z-index: 11001;
    border: 1px solid #111;
    background-color: #221f28;
    padding: 5px;
    opacity: .9;
    font: 10px Tahoma, Helvetica, sans-serif;
    text-align: center;
    color: #fff
}
.modal-header, .modal-header2 {
    background: url(../images/hd-bg.png);
    padding: 18px 18px 14px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px
}
#lean_overlay {
    position: fixed;
    z-index: 9998;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #000;
    display: none
}
#add_to_card_windows, #auction_bet, #buy_windows, #select_server {
    width: 404px;
    padding-bottom: 2px;
    display: none;
    background: #fff;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0 0 4px rgba(0, 0, 0, .7);
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .7);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .7);
    z-index: 9999
}
#item_filter_overlay {
    position: absolute;
    height: 400px;
    width: 300px;
    display: none;
    z-index: 9999
}
#item_filter {
    width: 300px;
    height: 710px;
    padding-bottom: 2px;
    background: #fff;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0 0 4px rgba(0, 0, 0, .7);
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .7);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .7)
}
.item_filter_content {
    height: 600px;
    width: 285px;
    margin: 15px;
    overflow: auto
}
.close, .f16 .flag {
    width: 16px;
    height: 16px
}
.modal-header {
    border-top-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-border-top-right-radius: 5px
}
.modal-header h2, .modal-header2 h2 {
    color: #444;
    font-size: 2em;
    font-weight: 700;
    margin-bottom: 3px;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, .5)
}
.modal-header2 {
    border-top-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    cursor: move
}
.close {
    position: absolute;
    top: 12px;
    right: 12px;
    display: block;
    background: url(../images/close.png);
    z-index: 2;
    padding: 0 !important;
    margin: 0 !important;
    opacity: 1 !important
}
.add_to_card {
    font-size: 12px;
    background: #eaebec;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    width: 100%
}
.add_to_card th {
    padding: 15px 20px 16px;
    border-top: 1px solid #13161a;
    border-bottom: 1px solid #13161a;
    background: #ededed
}
.add_to_card th:first-child {
    text-align: left;
    padding-left: 20px
}
.add_to_card tr:first-child th:first-child, .ticket tr:first-child th:first-child {
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px
}
.add_to_card tr:first-child th:last-child, .ticket tr:first-child th:last-child {
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px
}
.add_to_card tr, .ticket tr {
    text-align: center;
    padding-left: 20px
}
.add_to_card td:first-child, .ticket td:first-child {
    text-align: left;
    padding-left: 20px;
    border-left: 0
}
.add_to_card td {
    padding: 10px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
    background: #fafafa
}
.add_to_card tr.even td, .ticket tr.even td {
    background: #f6f6f6
}
.add_to_card tr:last-child td, .ticket tr:last-child td {
    border-bottom: 0
}
.add_to_card tr:last-child td:first-child, .ticket tr:last-child td:first-child {
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px
}
.add_to_card tr:last-child td:last-child, .ticket tr:last-child td:last-child {
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px
}
.add_to_card tr:hover td {
    background: #f2f2f2
}
.ticket {
    font-size: 12px;
    background: #ededed !important;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #13161a
}
.ticket th {
    padding: 15px 10px 16px 0;
    border-top: 1px solid #13161a;
    border-bottom: 1px solid #13161a;
    background: #140d0a
}
.ticket th:first-child {
    text-align: left;
    padding-left: 10px
}
.ticket td {
    padding: 10px;
    background: #0b0101
}
.ticket tr:hover td {
    background: #f2f2f2;
    background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
    background: -moz-linear-gradient(top, #f2f2f2, #f0f0f0)
}
.discount_notice {
    margin: 20px auto;
    left: 200px;
    width: 280px;
    height: auto;
    background: #fff;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, .3);
    box-shadow: 0 0 8px rgba(0, 0, 0, .3);
    position: fixed;
    z-index: 90;
    opacity: .9
}
.discount_notice .content {
    padding: 30px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    color: #6a2f3c;
    font-weight: 700;
    position: relative;
    display: block
}
.ribbon-discount-green {
    width: 85px;
    height: 88px;
    overflow: hidden;
    position: absolute;
    top: -3px;
    right: -3px
}
.ribbon-green {
    font: bold 15px Sans-Serif;
    text-align: center;
    text-shadow: rgba(255, 255, 255, .5) 0 1px 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    position: relative;
    padding: 7px 0;
    left: -5px;
    top: 15px;
    width: 120px;
    background-color: #bfdc7a;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#bfdc7a), to(#8ebf45));
    background-image: -webkit-linear-gradient(top, #bfdc7a, #8ebf45);
    background-image: -moz-linear-gradient(top, #bfdc7a, #8ebf45);
    background-image: -ms-linear-gradient(top, #bfdc7a, #8ebf45);
    background-image: -o-linear-gradient(top, #bfdc7a, #8ebf45);
    color: #6a6340;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .3);
    box-shadow: 0 0 3px rgba(0, 0, 0, .3)
}
.ribbon-green:after, .ribbon-green:before {
    content: "";
    border-top: 3px solid #6e8900;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    position: absolute;
    bottom: -3px
}
.ribbon-green:before {
    left: 0
}
.ribbon-green:after {
    right: 0
}
​ .PriorityZero {
    background-color: #e68a8a
}
.PriorityOne {
    background-color: #cc4040
}
#exception, .PriorityTwo {
    background-color: red
}
.PriorityThree {
    background-color: #900
}
#exception {
    width: 100%;
    height: 0 auto;
    line-height: 25px;
    min-height: 25px;
    margin: 0;
    padding: 0;
    text-align: center;
    color: #fff;
    display: none;
    position: fixed;
    z-index: 9999
}
.f16 .flag {
    display: inline-block;
    vertical-align: text-top;
    line-height: 16px;
    background: url(../images/flags.png) no-repeat;
    margin-top: 2px
}
.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, .f16 .zh {
    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 .bl, .f16 .cp, .f16 .fr, .f16 .mf, .f16 .yt {
    background-position: 0 -1424px
}
.f16 .ga {
    background-position: 0 -1440px
}
.f16 .gb, .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, .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 .ko, .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 .bq, .f16 .nl {
    background-position: 0 -2752px
}
.f16 .bv, .f16 .no, .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 .en, .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 .vn {
    background-position: 0 -3776px
}
.f16 .vi {
    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
}
.ref-reward-dropdown {
    position: relative;
    display: inline-block
}
.ref-reward-dropdown-content {
    display: none;
    position: relative;
    background-color: #f9f9f9;
    min-width: 150px;
    overflow: hidden;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .2);
    z-index: 2500;
    overflow-y: auto;
    max-height: 500px
}
.ref-reward-dropdown-content a {
    color: #000;
    padding: 6px 8px;
    text-decoration: none;
    display: block
}
.ref-reward-dropdown-content a:hover {
    background-color: #f1f1f1
}
.item_size_12 {
    font-size: 12px;
    font-weight: 600;
}
.item_font_family {
    font-family: open sans, sans-serif;
}
.item_light_green {
    color: #0f0
}
.item_light_blue, .item_luck {
    color: #80b2ff
}
.item_light_blue_2 {
    color: #36f
}
.item_blue {
    color: #06f
}
.item_pink {
    color: #ff1493
}
.item_yellow {
    color: #fade09
}
.item_yellow_2 {
    color: #fc0
}
.item_red {
    color: red
}
.item_dark_red {
    color: maroon
}
.item_dark_red_background {
    background-color: maroon
}
.item_purple {
    color: purple
}
.item_socket, .item_socket_title {
    color: #b266ff
}
.item_grey {
    color: grey
}
.item_yellow_title {
    color: #ffcc19
}
.item_exe_title {
    color: #15cd15;
}
.item_socket_exe_title {
    color: #7401df
}
.item_ancient_title {
    color: #58ff58;
}
.item_ancient_background {
    background-color: #3636f5;
}
#inventoryc {
    background-image: url("../../default_assets/images/inventoryc.png");
    width: 399px;
    height: 320px;
    text-align: center;
    display: inline-block;
    position: relative
}
#inventoryc>img {
    position: absolute;
    top: 90px;
    left: 145px;
    border-radius: 50%;
    border: 3px solid #24314e;
    width: 110px;
    height: 110px
}
#inventoryc>div {
    position: absolute;
    background-repeat: no-repeat;
    background-position: center center
}

#shield, #sword {
    top: 242px;
    width: 69px;
    height: 129px
}
#boots, #pants {
    top: 297px;
    width: 58px;
    height: 74px
}
#in_boots, #in_gloves, #in_helm, #in_pants {
    width: 60px;
    height: 60px;
}
#in_ring1, #in_ring2 {
    width: 30px;
    height: 30px;
    bottom: 96px;
}
#in_armor, #in_ear1, #in_ear2 {
    top: 72px;
    background-size: contain !important
}
#in_armor, #in_boots, #in_ear1, #in_ear2, #in_gloves, #in_pants, #in_pendant, #in_pentagram, #in_ring1, #in_ring2, #in_shield, #in_weapon, #in_wings, #in_zoo {
    background-size: contain !important
}

#in_weapon {
    width: 90px;
    height: 100px;
    bottom: 20px;
    left: -6px;
}
#in_shield {
    width: 50px;
    height: 100px;
    bottom: 17px;
    right: 13px;
}
#in_helm {
    top: 2px;
    left: 70px
}
#in_armor {
    width: 70px;
    height: 104px;
    left: 42px;
}
#in_pants {
    bottom: 11px;
    left: 87px;
}
#in_gloves {
    top: 116px;
    right: 54px
}
#in_boots {
    bottom: 12px;
    right: 83px;
}
#in_wings {
    width: 138px;
    height: 102px;
    top: 8px;
    right: -2px
}
#in_zoo {
    width: 42px;
    height: 42px;
    top: 15px;
    left: 10px
}
#in_pendant {
    width: 31px;
    height: 31px;
    top: 22px;
    right: 138px;
}
#in_ring1 {
    left: 99px
}
#in_ring2 {
    right: 99px
}
#in_pentagram {
    width: 64px;
    height: 64px;
    bottom: 8px;
    right: 169px
}
#in_ear1 {
    left: 3
}
#in_ear2 {
    left: 122px
}
.cworkshop {
    display: table;
    margin: 50px auto
}
.cworkshop .inventoryy {
    background-image: url("../../default_assets/images/inv.png");
    height: 610px;
    width: 311px;
    display: block
}
.cworkshop .item {
    position: absolute;
    margin-top: 10px;
    margin-left: 3px
}
.cworkshop .item>div {
    cursor: pointer;
    border: 2px solid transparent
}
.cworkshop .item .hover_inv:hover, .cworkshop .item>div.selected {
    background-color: rgba(154, 60, 45, .43);
    border: 2px solid rgba(154, 60, 45, .44)
}
.cworkshop .title {
    margin-top: 13px;
    text-align: center;
    margin-bottom: 30px
}
.acp-coins {
    text-align: center;
    margin-bottom: 10px;
    display: block
}
.acp-coins .coins, .hidden-block a:hover {
    color: #c8c2a2
}
.accPanel:active~.hidden-block, .accPanel:focus~.hidden-block {
    visibility: visible;
    opacity: 1
}
.hidden-block {
    display: block;
    border-radius: 5px;
    opacity: 1;
    position: absolute;
    background: rgb(21 20 20 / 70%);
    min-width: 160px;
    z-index: 2;
    top: 6rem;
    transition: .5s;
    visibility: hidden;
    opacity: 0;
    padding: 10px 0;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .8);
    margin-left: -.5rem
}
.hidden-block a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 25px;
    color: #fff
}
.hidden-block:after {
    border: 5px solid transparent;
    border-bottom-color: #151414;
    position: absolute;
    left: 24px;
    top: -10px;
    content: ""
}
.dmn-content {
    margin: 0 auto;
    position: relative;
    height: 100%
}
@media (max-width:1200px) {
    .dmn-content {
        padding: 0 15px;
        width: 100%
    }
}
@media (min-width:1200px) {
    .dmn-page-box {
        max-width: 1200px;
        width: 1200px;
        margin: 0 auto 50px;
        box-shadow: 0 10px 15px 4px rgba(0, 0, 0, .3);
        background: url(../images/content-top-bg.png) center top repeat-x, url(../images/content-bottom-bg.jpg) center bottom repeat-x #16100c
    }
    .dmn-page-box-bp {
        max-width: 1200px;
        width: 1200px;
        margin: 0 auto
    }
}
.dmn-page-title {
    background: url(../images/title-img-opacity.png) center bottom no-repeat;
    padding: 35px 65px 45px 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap
}
.dmn-page-title h1 {
    margin-bottom: 0;
    text-transform: uppercase;
    font-size: 48px;
    letter-spacing: 2px
}
@media (max-width:700px) {
    .dmn-page-title h1 {
        font-size: 24px
    }
}
.dmn-page-content {
    margin-top: 25px;
    padding-left: 50px;
    padding-right: 50px;
    padding-bottom: 50px
}
.dmn-page-content-bp {
    margin-top: -10%;
    padding-left: 50px;
    padding-right: 50px
}
@media (max-width:380px) {
    .dmn-page-title h1 {
        font-size: 18px
    }
    .dmn-page-content .title, .dmn-page-content-bp .title {
        font-size: 16px
    }
}
.half table td, .ranking-table td, .ranking-table th {
    border: 1px solid #2c3844
}
.each_item td, .form table td, .full td, .item_table td, form table td {
    border: 0
}
.ranking-table img {
    vertical-align: top !important;
    margin: 0;
    padding: 0;
    border: 0
}
.ranking-table a {
    color: #ffd399 !important
}
.table-row {
    margin-right: -35px;
    margin-left: -35px
}
.add_to_card tr th, .dmn-account-table tr th {
    border: 1px solid #2f3d46 !important;
    vertical-align: middle;
    width: 180px;
    font-weight: 400
}
.add_to_card tr td, .dmn-account-table tr td {
    border: 1px solid #2f3d46 !important;
    vertical-align: middle
}
.dmn-rankings-table tr th {
    padding: 10px 10px 10px 18px !important;
    vertical-align: middle;
    color: #908585;
    font-weight: 400;
    text-align: left
}
.dmn-rankings-table>thead>tr {
    background-color: #2c3844 !important;
    background: url(../images/top-table-bg.png) repeat-x;
    height: 35px;
    vertical-align: middle
}

.dmn-rankings-table td {
    border-collapse: collapse;
    padding: 15px 18px;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    color: #fff;
    font-size: 14px;
    vertical-align: middle
}
.add_to_card {
    color: #212529
}
.rankings-player-class-img {
    height: auto
}
.rounded-image-corners {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -khtml-border-radius: 50%
}
.dropdown-menu>button.btn {
    padding: 0 !important
}
.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #ffff;
    white-space: nowrap;
    text-decoration: none
}
.dropdown-menu>li>a:hover {
        color: #16181b;
    text-decoration: none;
    background-color: #e9ecef
}
.dmn-sidebar-box {
    padding: 35px;
    background-color: #1f1212;
    box-shadow: 0 0 40px 0 rgba(0, 0, 0, .06)
}
.additional-links a:hover, .dmn-sidebar-box-items a:hover, .login_form a:hover, .registration_form a:hover {
    color: #ca9619
}
.dmn-donate-button, .dmn-download-button {
    border-radius: 0;
    border-style: none;
    margin-right: 0;
    width: 100%;
    height: 102px;
    font-size: 26px;
    padding-top: 30px
}

.donate-button {
background: url(../images/button-blue-big.jpg) no-repeat;
    background-size: cover;
    width: 300px;
    height: 58px;
    font-size: 23px;
    box-shadow: 0 0 20px 5px rgba(42,87,255,.2);
    text-align: center;
    padding: 0.375rem 0.75rem;
    border-radius: 0.25rem;
    display: inline-block;
    line-height: 40px;
    font-family: 'philosopher', sans-serif;;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.vault-grid-modern {
    width: 256px;
    margin: 2px auto;
    padding-top: 32px;
    height: 480px;
}
.dmn-grid-item-modern {
    position: absolute;
    border-right: 1px solid #171717;
    border-bottom: 1px solid #171717;
    background-repeat: no-repeat;
    background-position: center
}
.nav-tabs {
    border-bottom: 1px solid #2f3d46
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    border-color: #2f3d46;
    color: #fff
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #fff;
    background-color: #2f3d46;
    border-color: #2f3d46
}
.list-group-item-action:focus, .list-group-item-action:hover {
    background-color: transparent
}
#timers {
    margin-left: 20px;
    margin-top: 10px
}
#timer_div_title {
    height: 16px;
    width: 280px;
    font-size: 18px;
    text-align: center;
    color: #f8f9fa
}
#timer_div_time {
    height: 70px;
    width: 280px
}
.timmer_inner_block {
    width: 65px;
    height: 65px;
    background-color: #13161a;
    -moz-border-radius: .5em;
    -webkit-border-radius: 0.5em;
    border-radius: .5em;
    margin: 2px;
    float: left;
    opacity: .7
}
#timer_div_time .timmer_inner_block .title {
    text-align: center;
    font-size: 14px;
    color: #4effeb
}
#timer_div_time .timmer_inner_block .count {
    text-align: center;
    font-weight: 700;
    font-size: 20px;
    padding-top: 10px;
    color: #4effeb
}
.vbagde {
    position: absolute;
    top: -10px;
    right: -20px;
    padding: 2px;
    border-radius: 50px;
    color: #fff;
    font-size: 8px
}
.vbadgeBronze {
    background-color: #cd7f32
}
.vbadgeSilver {
    background-color: silver
}
.vbadgeGold {
    background-color: gold
}
.vbadgePlatinum {
    background-color: #0096ff
}
.castle-siege-banner, .gens-banner {
    width: 1200px;
    margin: 0 auto;
    padding: 20px;
    overflow: auto;
    text-shadow: 1px 1px 3px #000;
    background: #1a1d21
}
.castle-siege-banner img {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-box-shadow: 0 0 10px #000;
    -webkit-box-shadow: 0 0 10px #000;
    box-shadow: 0 0 10px #000
}
.castle-siege-banner .guild_countdown, .castle-siege-banner .guild_master, .castle-siege-banner .guild_owner, .gens-banner .vanert_contribution {
    color: #e74c3c;
    font-size: 32px
}
.gens-banner .duprian_contribution {
    color: #3498db;
    font-size: 32px
}
.withdrawHolder {
    display: flex;
    align-items: center;
    height: 40px;
    font-size: 16px;
    transition: .3s;
    color: #fbac3f;
    font-family: 'philosopher', sans-serif;
}
.withdrawHolder span:last-child {
    margin-left: auto
}
::-webkit-scrollbar {
    width: 10px
}
::-webkit-scrollbar-track {
    background-color: transparent
}
::-webkit-scrollbar-thumb {
    background-color: #d6dee1;
    border-radius: 20px;
    border: 3px solid transparent;
    background-clip: content-box
}
::-webkit-scrollbar-thumb:hover {
    background-color: #a8bbbf
}
.dropdown-menu {
    max-height: 380px;
    overflow-y: auto
}

.collapse-btn {
    cursor: pointer;
    width: 100%;
}
.collapse-btn2 {
    cursor: pointer;
    width: 100%;
    color: #999;
    font-size: 14px;
    margin-left: 30px;
    float: right;
    position: relative;
}

.arrow {
    display: inline-block;
    transition: transform 0.3s;
}

.collapse-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.active .collapse-content {
    max-height: none;
}

.active .arrow {
    transform: rotate(90deg);
}

.column-cell {
  width: 25%;
}









.table-pack {
    border: 3px solid rgb(255,255,255,.04);
    background: rgba(0,0,0,.3);
    border-radius: 5px;
    padding-top: 25px;
    padding-bottom: 25px;
}

.table-pack table {
    width: 100%
}

.table-pack table tr td {
    padding: 0!important;
    border: 0!important;
    text-align: center;
    line-height: 100%
}

.table-pack table tr td img {
    z-index: 1!important;
    position: relative;
    width: 70%;
}

.table-pack table tr td .base {
    margin-top: 20px;
    font-size: 16px;
    color: #ccc
}

.table-pack table tr td .bonus {
    margin-top: 6px;
    margin-bottom: 15px;
    font-size: 16px;
    color: #fbac3f;
}

.table-pack table tr td .coupon {
    text-align: center;
    line-height: 16px;
    color: #ccc;
    padding-top: 12px;
    font-size: 10px
}

.table-pack table tr td .coupon .b-bonus {
    font-size: 13px;
    color: #3bfc52
}

.table-pack table tr td h3 {
    font-weight: 400;
    text-transform: none;
    margin: 0;
    margin-top: 15px;
    margin-bottom: 15px;
    color: #fafafa
}

.table-pack table tr td h2 {
    font-weight: 400;
    text-transform: none;
    margin: 0;
    padding: 0;
    margin-top: 5px;
    color: #fafafa
}

.table-pack .right {
    float: right
}

.table-pack table tr td title {
    margin-top: 15px;
    margin-bottom: 10px;
    transition: all .3s ease;
    position: relative;
    z-index: 1;
    color: #fff!important;
    background-image: url(../images/button-blue-big.jpg);
    background-size: cover;
    justify-content: center;
    align-items: center;
    box-shadow: 0 8px 15px rgb(0 0 0/30%);
    text-shadow: 2px 2px #000;
    height: 43px!important;
    display: flex;
    font-size: 20px;
    font-family: philosopher,sans-serif;
    padding-top: 5px;
    border-radius: 20px;
    padding: 0 10px;
    max-width: 90%!important;
    margin-left: 5%!important
}

.table-pack table tr td.select-buy {
    padding-left: 10px!important;
    padding-top: 7px;
    padding-bottom: 20px!important
}

.table-pack table tr td.button-buy {
    padding-right: 10px!important;
    padding-top: 0!important
}

.table-pack table tr td.buy {
    padding: 30px!important;
    text-align: center!important
}

.table-pack table tr td .donate_text {
    color: #fff!important;
    text-shadow: 1px 1px 3px #000,1px 1px 3px #000;
    border-radius: 4px 5px 5px 5px;
    padding: 5px;
    margin-top: 7px;
    margin-right: 7px;
    border: 1px solid #ff4200;
    box-shadow: 0 0 5px #ff4200;
    background: 0 0
}

.bonus-item {
    padding-bottom: 0
}

.title-wcoin {
	color: #facb31;
    text-shadow: 0 0 10px #facb31;
    font-size: 22px;
    font-weight: bold;
}

.effect {
    animation: animate 2.5s linear infinite
}

@keyframes animate {
    0% {
        text-shadow: none;
        color: #fcd4c0
    }

    50% {
        opacity: 1;
        color: #f88938;
        text-shadow: 0 0 10px #f88938
    }

    100% {
        text-shadow: none;
        color: #fcd4c0
    }
}









































































.journey-block {
    padding-left: 25px;
    padding-right: 25px;
}
.journey-reward {
    background: url(../images/modal-bg.png) center bottom no-repeat, url(../images/modal-bg-inverso.png) center top no-repeat #12141f;
    padding: 15px;
    margin: auto;
    max-width: 85%;
    height: 140px;
}

.journey-list {
    border-top: 3px solid #0053a5;
    margin-bottom: 25px;
}
.reward-list {
    display: block;
    position: relative;
    text-align: center;
    padding-top: 20px;
    margin-right: 0;
}
.reward-list:before {
    content: "";
    position: absolute;
    height: 20px;
    border-right: 2px dashed #0053a5;
    top: 0;
}

.reward-list-lvl {
    background-color: rgb(0 83 165)!important;
    margin: 0 auto;
    border-radius: 4px;
    padding: 7px;
}

.reward-list-title {
    display: block;
    text-align: center;
    color: #ffdda9;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 0px;
    margin-top: 10px;
}

.reward-list-itens {
    text-align: justify;
    font-size:11px;
    line-height: 1.2;
}

























.alert-check {
    border-radius: 5px;
    text-align: left;
    display: flex;
    align-items: center;
    background-color: #214b2d;
    cursor: pointer;
    box-shadow: 0px 0px 10px #214b2d;
    color: #0ad406;
    margin: 20px;
    padding: 1rem 1.25rem;
    border: 1px solid transparent;
}


.color {
  animation: color 2s linear infinite;
}


.alert-info {
    border-radius: 5px;
    text-align: left;
    display: flex;
    align-items: center;
    background-color: #2B3246;
    cursor: pointer;
    box-shadow: 0px 0px 10px 0px #262c3e;
    color: rgb(82, 125, 243);
    margin: 20px;
    padding: 1rem 1.25rem;
    border: 1px solid transparent;
}

.spin {
  animation: spin 2s linear infinite;
}



.alert-warning {
    border-radius: 5px;
    text-align: left;
    display: flex;
    align-items: center;
    background-color: #734e32;
    cursor: pointer;
    box-shadow: 0px 0px 10px #734e32;
    color: rgb(247, 149, 72);
    margin: 20px;
    padding: 1rem 1.25rem;
    border: 1px solid transparent;
}


.rotate {
  animation: rotate 2s linear infinite;
}
.alert-danger {
    border-radius: 5px;
    text-align: left;
    display: flex;
    align-items: center;
    background-color: #710a2d;
    cursor: pointer;
    box-shadow: 0px 0px 10px #710a2d;
    color: rgb(255 255 255);
    margin: 20px;
    padding: 1rem 1.25rem;
    border: 1px solid transparent;
}




.shine {
  animation: shine 2s linear infinite;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes color {
  50% {
   color: #2B3246;
  }
  100% {
    color: #0ad406;
  }
}

@keyframes rotate {
 0% {
    transform: rotate(0deg);
  }
  20% {
    transform: rotate(90deg);
  }
  40% {
    transform: rotate(0deg);
  }
  80% {
    transform: rotate(-90deg);
  }
}

@keyframes shine {
  0% {
   color: #2B3246;
  }
  50% {
    text-shadow:
      0 0 5px #fff,
      0 0 10px #fff,
      0 0 40px red,
      0 0 60px red,
      0 0 80px red;
  }
}


.fa-info-circle {
    font-weight: 900;
    font-size: 20px;
    font-family: "Font Awesome 5 Free";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}


.fa-exclamation-triangle {
    font-weight: 900;
    font-size: 20px;
    font-family: "Font Awesome 5 Free";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}    

.fa-check-circle {
    font-weight: 900;
    font-size: 20px;
    font-family: "Font Awesome 5 Free";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

.fa-times-circle {
    font-weight: 900;
    font-size: 20px;
    font-family: "Font Awesome 5 Free";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;	
}




div.online-indicator {
  width: 14px;
  height: 14px;
  margin-right: 10px;
  background-color: #1da143;
  border-radius: 50%;
  position: relative;
  margin: 0 auto;
}

span.blink-online {
  display: block;
  width: 14px;
  height: 14px;
  background-color: #1da143;
  opacity: 0.7;
  border-radius: 50%;
  animation: blink 1s linear infinite;
}

div.offline-indicator {
  width: 14px;
  height: 14px;
  margin-right: 10px;
  background-color: #a91044;
  border-radius: 50%;
  position: relative;
  margin: 0 auto;
}

span.blink-offline {
  display: block;
  width: 14px;
  height: 14px;
  background-color: #a91044;
  opacity: 0.7;
  border-radius: 50%;
  animation: blink 1s linear infinite;
}


@keyframes blink {
  100% { transform: scale(2, 2); 
          opacity: 0;
        }
}

.flexBlock {
    white-space: normal;
}
.flexBlock a {
    font-size: 28px; color: #673AB7;
}

























.button-acc-menu {
    background-image: url(../images/menu-f-icon.webp);
    background-size: 25px 28px;
    background-repeat: no-repeat;
    color: #fff;
    display: block;
    margin: 5px 0;
    padding: 10px 8px 10px 48px;
    transition-duration: .3s;
    background-position: 10px 4px;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 600;
    cursor: pointer;
}

.button-acc-menu a {
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-decoration: none;
}

.button-acc-menu:hover {
    border-color: #fbac3f;
    outline: 0;
    box-shadow: 0 0 0 .05rem rgb(229 158 61);
    margin-left: 1px ;
    margin-right: 1px   
}

.button-acc-menu>span {
    background-color: #fff;
    display: inline-block;
    padding: 3px 10px;
    margin: -3px 6px;
    border-radius: 12px;
    color: #ff7900;
    font-weight: 700
}

.button-acc-menu>a:hover>span {
    color: #007cb8

}


.collapse-btn3 {
    cursor: pointer;
    color: #999;
    font-size: 14px;
    margin-left: 7px;
    position: relative;
}

.acc-menu-title>h2 {
    display: block;
    color: #ffdda9;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
}


.acc-menu {
    margin-bottom: 15px;
}




















.funkyradio input[type="radio"]:empty,
.funkyradio input[type="checkbox"]:empty {
  display: none;
}

.funkyradio input[type="radio"]:empty ~ label,
.funkyradio input[type="checkbox"]:empty ~ label {
  position: relative;
  line-height: 20px;
  text-indent: 45px;
  margin-top: 3px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.funkyradio input[type="radio"]:empty ~ label:before,
.funkyradio input[type="checkbox"]:empty ~ label:before {
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  content: '';
  width: 40px;
  background: #aba4a4;
  border-radius: 9px;
}

.funkyradio input[type="radio"]:checked ~ label,
.funkyradio input[type="checkbox"]:checked ~ label {
  color: #f4a63e;
}

.funkyradio input[type="radio"]:checked ~ label:before,
.funkyradio input[type="checkbox"]:checked ~ label:before {
  content: '\2714';
  text-indent: 1em;
  background-color: #9E9E9E;
}

.funkyradio-warning input[type="radio"]:checked ~ label:before,
.funkyradio-warning input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #f0ad4e;
}



.youtuber-viewer {
    background-image: url(https://i.imgur.com/hszF9Wi.png);
    height: 115px;
    position: fixed;
    bottom: 112px;
    z-index: 99;
    right: 0px;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.youtuber-viewer table {
    margin-left: 15px!important;
}

.youtuber-viewer table tr {
    background: transparent!important;
}

.youtuber-viewer table tr td.fist {
    width: 35px!important;
    min-width: 55px!important;
    padding-left: 0px!important;
    text-align: left!important;
    color: #fff!important;
    cursor: pointer!important;
    padding-top: 50px!important;
    border: 0px!important;
    background: transparent!important;
}

.youtuber-viewer table tr td {
    vertical-align: top!important;
    height: 100px!important;
    opacity: 0.7;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
    border: 0px!important;
    padding-top: 10px;
}

.img-youtuber {
    max-height: 100px!important;
    width: 148px!important;
    border: 1px solid rgba(255, 255, 255, 0.2)!important;
    float: left!important;
    z-index: 100;
    cursor: pointer!important;
    margin-top: -2px!important;
    margin-right: -10px!important;
    margin-left: -20px!important;
    border-radius: 20px!important;
}

.youtuber-viewer.minimizer {
    width: 115px!important;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}


.banner-promo {
    position: fixed;
    bottom: 60%;
    margin-bottom: -106px;
    right: -5px;
    z-index: 9999;
    border: none;
    outline: none;
    color: white;
    cursor: pointer;
    padding: 15px;
    border-radius: 30px 0px 0px 30px;
    height: 190px;
    width: 240px;
    background: url(https://i.imgur.com/S7Ktbko.png) top right no-repeat;
    -webkit-transition: 0.5s ease-out;
    -moz-transition: 0.5s ease-out;
    -o-transition: 0.5s ease-out;
    transition: 0.5s ease-out;
    text-align: center;
    padding: 120px 130px 0px 0px;
}

.button-closed {
    filter: grayscale(100%);
    align-items: center;
    appearance: none;
    background-clip: padding-box;
    background-color: initial;
    background-image: none;
    border-style: none;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    flex-direction: row;
    flex-shrink: 0;
    font-size: 12px;
    justify-content: center;
    margin: 0;
    outline: none;
    overflow: visible;
    padding: 3px 0;
    pointer-events: auto;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    vertical-align: middle;
    word-break: keep-all;
    z-index: 0;
    min-width: 60px;
    width: 60px;
    margin-right: -10px!important
}

@media(min-width: 768px) {
    .button-closed {
        padding:3px 0;
    }
}

.button-closed:before,.button-closed:after {
    border-radius: 5px
}

.button-closed:before {
    background-image: linear-gradient(92.83deg,#ff2626 0,#981313 100%);
    content: "";
    display: block;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -2
}

.button-closed:after {
    background-color: initial;
    background-image: linear-gradient(#541a0f 0,#0c0d0d 100%);
    bottom: 1px;
    content: "";
    display: block;
    left: 1px;
    overflow: hidden;
    position: absolute;
    right: 1px;
    top: 1px;
    transition: all 100ms ease-out;
    z-index: -1
}

.button-closed:hover:not(:disabled):after {
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    transition-timing-function: ease-in;
    opacity: 0
}

.button-join {
    filter: orange(100%);
    align-items: center;
    appearance: none;
    background-clip: padding-box;
    background-color: initial;
    background-image: none;
    border-style: none;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    flex-direction: row;
    flex-shrink: 0;
    font-size: 12px;
    justify-content: center;
    margin: 0;
    outline: none;
    overflow: visible;
    padding: 3px 0;
    pointer-events: auto;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    vertical-align: middle;
    word-break: keep-all;
    z-index: 0;
    min-width: 60px;
    width: 60px;
    margin-right: -10px!important
}

@media(min-width: 768px) {
    .button-join {
        padding:3px 0;
    }
}

.button-join:before,.button-join:after {
    border-radius: 5px
}

.button-join:before {
    background-image: linear-gradient(92.83deg,#ff2626 0,#981313 100%);
    content: "";
    display: block;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -2
}

.button-join:after {
    background-color: initial;
    background-image: linear-gradient(#541a0f 0,#0c0d0d 100%);
    bottom: 1px;
    content: "";
    display: block;
    left: 1px;
    overflow: hidden;
    position: absolute;
    right: 1px;
    top: 1px;
    transition: all 100ms ease-out;
    z-index: -1
}

.button-join:hover:not(:disabled):after {
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    transition-timing-function: ease-in;
    opacity: 0
}

/* elementos de animaçõe */
@keyframes p-next{
    0%{
        transform:rotate(0deg)
    }
    50%{
        transform:rotate(180deg)
    }
    100%{
        transform:rotate(360deg)
    }
}
@keyframes p-prev{
    0%{
        transform:rotate(0deg)
    }
    50%{
        transform:rotate(-180deg)
    }
    100%{
        transform:rotate(-360deg)
    }
}
.hand-animation{
    position:absolute;
    left:50%;
    margin-left:-625px;
    top:131px
}
.light-hand{
    background:url(../images/light-hand.webp);
    width:350px;
    height:350px;
    position:absolute;
    top:0;
    left: 666px;
    animation:20s light-hand linear infinite;
    opacity:.7
}
.light-hand-two{
    background:url(../images/light-hand.webp);
    width:350px;
    height:350px;
    position:absolute;
    top:0;
    left: 666px;
    animation:20s light-hand-two linear infinite;
}
.rune-hand{
    background:url(../images/rune-hand.webp);
    width:350px;
    height:350px;
    position:absolute;
    top:0;
    left: 666px;
    animation:15s rune-hand linear infinite;
 
}
@keyframes light-hand{
    0%{
        transform:rotate(0deg)
    }
    50%{
        transform:rotate(-180deg)
    }
    100%{
        transform:rotate(-360deg)
    }
}
@keyframes light-hand-two{
    0%{
        transform:rotate(0deg)
    }
    50%{
        transform:rotate(180deg)
    }
    100%{
        transform:rotate(360deg)
    }
}
@keyframes rune-hand{
    0%{
        transform:rotate(0deg)
    }
    50%{
        transform:rotate(180deg)
    }
    100%{
        transform:rotate(360deg)
    }
}
.sparks>div{
    position:absolute
}
.sparks .spark_1{
    background:url(../images/spark_1.png) no-repeat;
    width:764px;
    height:313px;
    right:0;
    bottom:-120px;
    transform:scale(.6);
    animation:spark-1 4s linear infinite;
    animation-delay:1s
}
@keyframes spark-1{
    0%{
        bottom:-320px;
        transform:scale(.6);
        opacity:1
    }
    25%{
        bottom:-240px;
        transform:scale(.7);
        opacity:1
    }
    50%{
        bottom:-160px;
        transform:scale(.8);
        opacity:1
    }
    75%{
        bottom:-80px;
        transform:scale(.9);
        opacity:.5
    }
    to{
        bottom:0;
        transform:scale(1);
        opacity:0
    }
}
.sparks .spark_2{
    background:url(../images/spark_2.png) no-repeat;
    width:149px;
    height:335px;
    right:230px;
    bottom:-320px;
    transform:scale(.6);
    animation:spark-1 4s linear infinite;
    animation-delay:2s
}
.sparks .spark_3{
    background:url(../images/spark_3.png) no-repeat;
    width:128px;
    height:165px;
    right:280px;
    bottom:-140px;
    transform:scale(.6);
    animation:spark-3 4s linear infinite;
    animation-delay:2s
}
@keyframes spark-3{
    0%{
        bottom:-140px;
        -webkit-transform:scale(.6);
        transform:scale(.6);
        opacity:1
    }
    25%{
        bottom:-80px;
        -webkit-transform:scale(.7);
        transform:scale(.7);
        opacity:1
    }
    50%{
        bottom:-20px;
        -webkit-transform:scale(.8);
        transform:scale(.8);
        opacity:1
    }
    75%{
        bottom:40px;
        -webkit-transform:scale(.9);
        transform:scale(.9);
        opacity:.5
    }
    to{
        bottom:100px;
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:0
    }
}
.sparks .spark-big{
    background:url(../images/spark_4.png) no-repeat;
    width:794px;
    height:176px;
    right:0;
    bottom:-180px;
    transform:scale(.6);
    animation:spark-5 4s linear infinite
}
@keyframes spark-5{
    0%{
        bottom:-180px;
        transform:scale(.6);
        opacity:1
    }
    25%{
        bottom:-120px;
        transform:scale(.7);
        opacity:1
    }
    50%{
        bottom:-60px;
        transform:scale(.8);
        opacity:1
    }
    75%{
        bottom:0;
        transform:scale(.9);
        opacity:.5
    }
    to{
        bottom:60px;
        transform:scale(1);
        opacity:0
    }
}