.slider {
 
  width: 100%;
}
@font-face {
  font-family: TrajanPro-b;
  src: url(../fonts/TrajanPro-Bold.otf);
}
@font-face {
  font-family: TrajanPro-r;
  src: url(../fonts/TrajanPro-Regular.otf);
}
@font-face {
  font-family: UnZialish-n;
  src: url(../fonts/UnZialish.ttf);
}
@font-face {
  font-family: NunitoSans-R;
  src: url(../fonts/NunitoSans-Regular.ttf);
}
@media screen and (min-width: 2100px)
{
.slider-section { 
    padding-top: 263px !important;
}
}
body {
font-family: TrajanPro-r;
}
*
{
outline:none !Important;
}
section.content.content-bg {
    background: url(../img/contaner-bg.jpg) !Important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: top center !Important;
}
 .coin-section-upper:after {
        background: url(../img/border-t_10.png);
    /* padding-top: 93px; */
    background-repeat: no-repeat;
    max-width: 1000px;
    /* margin: 0px auto; */
    width: 100%;
    background-size: 100%;
    content: "";
    height: 67px;
    position: absolute;
    /* left: 0; */
    /* right: 0; */
    margin-top: -39px;
    background-position: bottom;
    margin-left: 7px;
}
.coin-section-upper:before {
    background: url(../img/bordernt_03_03.png);
    /* padding-top: 93px; */
    /* background-repeat: no-repeat; */
    /* max-width: 1006px; */
    /* margin: 0px auto; */
    width: 100%;
    background-size: 100%;
    content: "";
    height: 95px;
    position: absolute;
    /* left: 0; */ 
    /* right: 0; */
    margin-top: -39px;
    z-index: 4;
}
div#logo:hover .n-hover {
    display: none;opacity: 0;transition: 1.3s;
}

div#logo:hover .hover {
        display: block;
    transition: 1.3s;
    opacity: 1;
}
.hover {
    display: none; opacity: 0;
}
.coin-section-upper {
    
          z-index: 2;
    padding-top: 34px;
    background-repeat: no-repeat;
    max-width: 1006px;
    margin: 0px auto;
    width: 100%;
    background-size: 100%;
    position: relative;padding-bottom: 100px;
}
.coin-section-bottom {
    background-image: radial-gradient( circle at top center, rgba(95, 27, 32, 0.6196078431372549), rgba(35, 14, 16, 0.6509803921568628) );
    box-shadow: 2px -11px 139px rgba(0, 0, 0, 0.5411764705882353) inset;    padding-top: 42px;
}
 .coin-section-bottom.lit {
       background-position: bottom center !important;
    background: url(../img/bordernt_03_08.png);
    padding-bottom: 71px;
    background-repeat: no-repeat; 
    max-width: 1006px;
    margin: 0px auto;
    width: 100%;
    background-size: 100%;
}
input#paysafe2, input#amazon1  {
        margin-top: 3px;
    margin-left: 6px;
    float: right;
    margin-top: 9px;
    margin-right: 14px;
}
input#giftcard1 {
    margin-top: 3px;
    margin-left: 6px;
    float: right;
    margin-top: 13px;
    margin-right: 14px;
}
input#amazon1:after, input#giftcard1:after, input#paysafe2:after {
   
    border-radius: 10px;
    content: "";
    background-image: radial-gradient( circle at bottom center, #3e151a, #1a0a0d );
    width: 30px;
    height: 26px;
    position: absolute;
    margin-left: -4px;
    margin-top: -2px;
    /* border-top: 1px solid #fbf7f8; */
    box-shadow: 0px 0px 0px 1px #531a23 inset;
}
input#amazon1:checked:after, input#giftcard1:checked:after, input#paysafe2:checked:after{
     border-radius: 10px;
    content: "";
    background-image: radial-gradient( circle at bottom center, #e0ab05, #b67b13 );
    width: 30px;
    height: 26px;
    position: absolute;
    margin-left: -4px;
    margin-top: -2px; 
    /* border-top: 1px solid #fbf7f8; */
    box-shadow: 0px 0px 0px 2px #371317 inset;
    /* outline: 4px solid red; */
    border: 1px solid #531a23;
 


}
 
span.amazon  {
    background-image: radial-gradient( circle at bottom center, #3e151a, #1a0a0d );
    font-size: 0px;
    width: 233px;
    height: 59px;
    border: 1px solid #412c1d80;
    display: inline-block;
    padding: 9px 10px 0px 0px;
    background-repeat: no-repeat !important;
    border-radius: 11px;
    /* background-position: 17px 9px !important; */
    box-shadow: 2px 8px 19px #0000003d;
}
span.paysafe  {
    background-image: radial-gradient( circle at bottom center, #3e151a, #1a0a0d );
    font-size: 0px;
    width: 233px;
    height: 59px;
    border: 1px solid #412c1d80;
    display: inline-block;
    padding: 9px 10px 0px 0px;
    background-repeat: no-repeat !important;
    border-radius: 11px;
    /* background-position: 17px 9px !important; */
    box-shadow: 2px 8px 19px #0000003d;
}
.t-coin { 
    background: -moz-radial-gradient(center, ellipse cover, #3f1114 1%, #16070a 100%);
    /* background: -webkit-radial-gradient(center, ellipse cover, #4e2010 1%,#38180d 100%); */
    background: radial-gradient(ellipse at center, #3f1114 1%,#16070a 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f1114', endColorstr='#16070a',GradientType=1 );
    margin-top: 22px;
    /* float: left; */
    /* width: 100%; */
    padding-top: 21px;
    padding-bottom: 3px;
}
button.gift-submit {
    background: url(../img/button_07.png);
    border: 0;
    width: 48px;
    height: 39px;
    position: absolute;
    margin-left: -49px;
    margin-top: 1px;
    box-shadow: 1px 1px 6px #00000073;
}button.proced {
       background: url(../img/button_11.png);
    border: 0;
    width: 48px;
    height: 39px;
    margin-top: 1px;
    box-shadow: 1px 1px 6px #00000073;
    position: relative;
    bottom: -18px;
    left: 13px;
    position: relative;
    z-index: 99;
}
button.download-y {
    font-weight: 700;
    font-size: 22px;
    background: url(../img/button-d_03.png);
    width: 364px;
    height: 122px;
    border: 0;
    text-shadow: 1px 1px 4px #ffffff;
    padding: 0px 0px 12px 71px;
}
button.download-r {
      font-weight: 700;
    font-size: 22px;
    background: url(../img/button-d_05.png);
    width: 364px;
    height: 122px;
    border: 0;
    /* text-shadow: 1px 1px 4px #ffffff; */
    padding: 0px 0px 12px 71px;
    color: #edb721;
}
ul.requirements {
    margin: 0px;
    padding: 0px;
    width: 500px;
    text-align: left;
    margin: -14px auto 0;
}
ul.requirements li {
    color: #ae4247 !Important;
    font-size: 16px!Important;
    font-family: NunitoSans-R;
    list-style: none;
}
.download-section { 
    padding-top: 42px;
    padding-bottom: 26px;
    margin-bottom: 10px;
}
button.download-r em {
    clear: both;
    float: left;margin-top: -6px;
    width: 100%;
    font-style: initial;
    color: #ffe48c;
    font-size: 14px;
    font-weight: 700;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.69);
}
button.download-y em {
    clear: both;
    float: left;margin-top: -6px;
    width: 100%;
    font-style: initial;
    color: #ffe48c;
    font-size: 14px;
    font-weight: 700;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.69);
}
.ranking-section ::-webkit-input-placeholder { /* Edge */
  color: #ad5a62;
}
.ranking-section {
       background-image: radial-gradient( circle at bottom center, #3e151a, #1a0a0d );
    padding-top: 34px;
    margin-top: -41px;
    padding-bottom: 0px;
}
.requirements-outer{
    background-image: radial-gradient( circle at bottom center, #3e151a, #1a0a0d );
    padding-top: 29px;
    padding-bottom: 42px;
    margin-bottom: -11px;
}
 .coin-section-center .client-section p {margin:0px !Important; padding:0px !Important;}
 .coin-section-center .client-section h5{margin:0px !Important; padding:0px !Important;     font-size: 21px;}
.client-section{
    padding: 24px 0px 15px 0px;
    border-top: 1px solid #ac2a2d00;
    border-bottom: 1px solid #c52f32;
    background: #391214;
    background: -moz-linear-gradient(top, #391214 0%, #772427 100%);
    background: -webkit-linear-gradient(top, #391214 0%,#772427 100%);
    background: linear-gradient(to bottom, rgba(57, 18, 20, 0.59) 0%,rgba(119, 36, 39, 0.82) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#391214', endColorstr='#772427',GradientType=0 );
    box-shadow: 2px 10px 24px #00000047 inset;
}
.coin-section-center p {
    color:#a65c5e !Important;margin-bottom: 33px !Important; font-size:16px!Important;
}
p.mt30 {
    padding-top: 30px;
    margin-bottom: 24px !important;
}
.payment-proced {
    background: rgb(36,12,12);
    background: -moz-linear-gradient(top, rgba(36,12,12,1) 1%, rgba(84,24,26,1) 100%);
    background: -webkit-linear-gradient(top, rgba(36,12,12,1) 1%,rgba(84,24,26,1) 100%);
    background: linear-gradient(to bottom, rgba(36,12,12,1) 1%,rgba(84,24,26,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#240c0c', endColorstr='#54181a',GradientType=0 );
    font-size: 17px;
    color: #ca5155;
    padding: 0px 0px 0;
    margin-top: 35px;
    margin-bottom: -11px;
    height: 72px;
    border-top: 1px solid #351518;
    border-bottom: 1px solid #351518;
}
.payment-proced span {
    font-size: 19px;
    top: 7px;
    position: relative;
    font-family: NunitoSans-R;
    text-shadow: 1px 1px 5px #000000;
}


input.e_gift{
    height: 41px;  background: #260f10;
	background-image: radial-gradient( circle at bottom center, #3e151a, #1a0a0d );
  
    border: 1px solid #fe7e5854;
    width: 300px;
    color: #f2696963;
    padding: 0px 9px;
}
.t-coin h1 {
    color: #a65c5e;
    margin-bottom: 24px;
    font-family: NunitoSans-R;
    margin: 0;
    line-height: 36px !important;
    margin-top: 5px;
}
input.e_uro {
    height: 39px;
    background: #260f10;
    border: 1px solid #fe7e5854;
    width: 300px;    font-family: NunitoSans-R;
    color: #f2696963;
    padding: 0px 9px;background-image: radial-gradient( circle at bottom center, #3e151a, #1a0a0d );
}
span.giftcard{
    background-image: radial-gradient( circle at bottom center, #3e151a, #1a0a0d );
    font-size: 0px;
    width: 233px;
    height: 59px;
    border: 1px solid #412c1d80;
    display: inline-block;
    padding: 6px 10px 0px 0px;
    background-repeat: no-repeat !important;
    border-radius: 11px;
    /* background-position: 17px 9px !important; */
    box-shadow: 2px 8px 19px #0000003d;
}
.coin-section-center {
    position: relative;
}
img.r-pic {
    position: absolute;
    bottom: 0px;
    right: 29px;
}
input.c-account {
    background: url(../img/submit.png);
    border: 0px;
    width: 294px;
    height: 47px;
    background-repeat: no-repeat;
    margin: 34px auto 70px;
    float: none;
    display: block;
    font-size: 17px;
    font-weight: bolder;
    letter-spacing: 1px;
    text-shadow: 1px 1px 6px #ffffff;
}
.tab-panels a.nav-link.active, .tab-panels a.nav-link:hover{
    background:url(../img/border-right.png)!important;
    border-bottom: 1px solid #dcbc5b !important;
    border: 0;  color:#dcbc5b; background-repeat: no-repeat !important;
    background-position: right center !important;
}
.tab-panels li.nav-item {
    background: none;
    line-height: 26px;
    
}
table#example tr.odd td, table#example tr.even td  { 
    /* float: left; */ color:#a65c5e !important  ; 
}
table#example {
    border: 0; 
    margin: 0 !important;
}
li#example_previous a {
    font-size: 0;
    background: url(../img/ranking-n_11.png);
    padding: 0;
    width: 49px;
    height: 40px;
    border: 0;
}
li#example_next a {
    font-size: 0;
    background: url(../img/ranking-n_13.png);
    padding: 0;
    width: 49px;
    height: 40px;
    border: 0;
} 
div#example_length {
    display: none;
}
div#example_info {
    display: none;
}
table#example td:first-child, table#example th:first-child {
    width: 10px !important;
    padding: 0px !important;
}
table#example td:nth-child(2) , table#example th:nth-child(2)  {
    margin-left: 0px !important; 
}
 
div#example_wrapper {
    padding-bottom: 100px;
}
 .page-item.active .page-link {
    z-index: 3;
    color: #e3b826;
    background-color: #561f24;
    border-color: #561f24;
    margin: 0px 12px;
    border-radius: 5px;
}
table#example tr.odd {
    background: #260f10 !important;
    border: 1px solid #6e3328 !important;
    /* float: left; */ color:#a65c5e !important;
    /* width: 100%; */ font-family: NunitoSans-R;
    box-shadow: 0px 0px 1px 1px #742e2f;
	border-radius: 70px 0px 0px 70px;
    overflow: hidden !important;
}
button.player-btn:hover {
 transition: 1.3s;
    background: url(../img/button-h.png);
	}
button.player-btn {
 
    background: url(../img/button.png);transition: 1.3s;
    float: none;
    clear: both;    z-index: 9;
    position: relative;
    background-repeat: no-repeat;
    border: 0;
    width: 240px; 
    height: 91px;margin-top: -30px !important;
    margin: 0px auto; 
    display: block;    font-weight: bolder;
 
}
button.btn.aqua-gradient.btn-rounded.btn-sm.my-0 {
    background: url(../img/ranking-n_03.png);
    float: none;
    width: 48px;
    font-size: 0px;
    height: 40px;
}

 
div#example_filter {
    display: none;
}
.l-panel  a:hover {
    color: #a2595b;
    text-decoration: underline;
}
.l-panel .field {
    height: 40px;
        background: #260f10;
    background-image: radial-gradient( circle at bottom center, #622c16, #431e0f );
    border: 1px solid #fe7e5854;
    font-family: NunitoSans-R;
    width: 300px;
    color: #a65c5e;
    width: 100%;
    padding: 0px 9px;
    float: left;
    margin-top: 9px;
}
nav.navbar.navbar-expand-sm.navbar-light.bg-faded {
    padding: 0;
}
input.u-account {
    float: left; 
    margin-bottom: 16px;
    margin-top: 10px;
} 
input.u-account:checked:before {
    content: "";
    background: #e79312;
    border: 2px solid #823e28;
}
input.u-account:before {
   content: "";
    float: left;
    background: #451f10;
    width: 18px;
    height: 18px;
    border: 1px solid #6e3328;
}
.l-panel .user-detail {
    padding-bottom: 9px;
    margin-bottom: 10px;
    float: left;
    width: 100%;
}

.l-panel a {
    color: #a2595e;
    text-decoration: none;
    background-color: transparent;
    width: 100%;
    float: left;
    line-height: 25px;
    padding: 4px 0px 0px 0px;
}
.user-panel input.c-account {
   background-size: 100% 42px !important;
    background: url(../img/login-1.png);
    border: 0px;
    width: 100%;
    height: 42px;
    background-repeat: no-repeat;
    margin: 7px auto 9px;
    float: none;
    display: block;
    font-size: 17px;
    font-weight: bolder;
    letter-spacing: 1px;
    text-shadow: 1px 1px 6px #ffffff;
    line-height: 37px !important;
}
.login-p a {
    color: #ad6a4f;
    text-shadow: none;
	padding: 0px 0px 0px 0px;
}
.user-detail.login-p {
    padding: 0 0 4px 0 !important;
    margin: 0 0 3px 0 !important;
}
.user-panel {
    padding: 0px 15px;
}
a.create-account {
    float: left;
    line-height: 14px;
    color: #df9039;
}
.l-panel{
text-align:center;
}
.rank {
    background:  #2b121500;
    padding: 26px 36px;
}
table#example tr.even {
    background: #180809 !important;
    border: 1px solid #6e3328 !important;
    /* float: left; */ color:#a65c5e !important;
    /* width: 100%; */ font-family: NunitoSans-R;
    box-shadow: 0px 0px 1px 1px #742e2f;
	border-radius: 70px 0px 0px 70px;
}
table#example tr.even td.sorting_1 {
    background: #2a1012 !important;
}

table#example tr.odd td.sorting_1
{
    background: #2e1215 !important;
}
form.form-inline.md-form.mr-auto.mb-4 {
 z-index: 9;
    position: relative;
}
button.guilds-btn {
 background: url(../img/button2-2.png);
    float: none;
    clear: both;    z-index: 9;
    position: relative;
    background-repeat: no-repeat;
    border: 0;
    width: 240px;margin-top: -30px !important;
    height: 91px;
    margin: 0px auto;
    display: block;    font-weight: bolder;
}


table th {
    text-shadow: 1px 1px 1px #000000;
    color: #ffea90 !important;
    font-weight: 100 !important;
    font-size: 14px;
}
table#example td, table#example th {
    border: 0;
}
table#example {
    border: 0;
}
.tab-panels {
    padding-bottom: 105px;
}
.tab-panels li:last-child a.nav-link
{
background:none !Important;
}
.input-group>.input-group-append>.btn {
    border-left: 0;
    color: #6e3328;
    background-color: #260f10;
    border-color: #6e3328;
}
.input-group>.input-group-append>.btn.active, .btn-outline-secondary:not(:disabled):not(.disabled):active
{
background-color: #260f10;
    border-color: #6e3328;
}
body table#example tr .yellow {
    color: #ffc12e !important;
    text-shadow: 1px 1px 21px #ffc12e;
}
body table#example tr .white {
    color: #b7b7b7 !important;
	 text-shadow: 1px 1px 21px #b7b7b7;
}
body table#example tr a {
    color: #1d6ee7 !important;
}
table#example tr td {
       padding: 5px 0px 4px 0px;
    line-height: 32px;
    /* padding-bottom: 0; */
}
.rank td.sorting_1 span{
    color: #995456 !important;
    background: #100405;
    width: 34px !important;
    font-size: large;
    border: 2px solid #f6bc7cb8;
    height: 22px;
    position: absolute;
    font-size: 14px; 
    line-height: 21px;
    border-radius: 8px;
    z-index: 99;
    margin-top: 14px;
    font-weight: bold;
    margin-left: -16px;
}

img.u-img {
    float: left;
    margin-top: -12px;
    /* margin-left: -2px; */
    margin-right: -12px;
    position: relative;
    margin-bottom: -9px;
}
table#example {
    border-collapse: separate;
    border-spacing: 0 1.1em;
}
.page-link:hover {
    z-index: 2;
    color: #831306;
    text-decoration: none;
    background-color: rgba(233, 236, 239, 0);
    border-color: rgba(222, 226, 230, 0);
    text-shadow: 1px 1px 3px #000000;
}
table.dataTable thead .sorting:before, table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:before, table.dataTable thead .sorting_desc_disabled:after {
    position: absolute;
    bottom: 0.4em;
    display: block;
    opacity: 0.3;
}
table#example th {
    padding-bottom: 4px !important;
}
div#example_paginate {
    text-align: left;
    float: left;
    margin-top: 13px;
}
.page-link {
    z-index: 2;
    color: #885c5e;
    text-decoration: none;
    background-color: rgba(233, 236, 239, 0);
    border-color: rgba(222, 226, 230, 0);
    text-shadow: 1px 1px 3px #000000;
    /* margin-right: 7px; */
    margin: 0px 8px 0px 0px;
}

/* Dynamic download page */
.download-page .download-column {
    display: flex;
    flex-direction: column;
}

.download-page a.download-y,
.download-page a.download-r {
    align-items: center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: flex;
    flex-direction: column;
    height: 122px;
    justify-content: center;
    margin: 0 auto;
    max-width: 364px;
    padding: 0 0 12px 71px;
    text-decoration: none;
    width: 100%;
}

.download-page a.download-y {
    background-image: url(../img/button-d_03.png);
    color: #260f10;
    text-shadow: 1px 1px 4px #fff;
}

.download-page a.download-r {
    background-image: url(../img/button-d_05.png);
    color: #edb721;
}

.download-page a.download-y:hover,
.download-page a.download-r:hover {
    filter: brightness(1.12);
    text-decoration: none;
}

.download-page a.download-y span,
.download-page a.download-r span {
    font-size: 22px;
    font-weight: 700;
}

.download-page a.download-y em,
.download-page a.download-r em {
    color: #ffe48c;
    font-family: NunitoSans-R;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .69);
}

.download-page .download-unavailable {
    margin: 42px 0 !important;
    text-align: center;
}

/* Vote 4 Buffs */
.vote-buffs-panel:after {
    margin-top: -51px !important;
}

.vote-buffs-panel:before,
.vote-buffs-panel:after {
    pointer-events: none;
}

.vote-buffs-page .coin-section-bottom {
    padding: 46px 42px 88px;
}

.vote-buffs-content {
    margin: 0 auto;
    max-width: 860px;
    text-align: left;
}

.vote-buffs-intro {
    align-items: center;
    display: flex;
    min-height: 118px;
    margin-bottom: 24px;
    padding: 22px 26px;
    background:
        radial-gradient(circle at 12% 0%, rgba(231, 111, 31, .18), transparent 38%),
        linear-gradient(135deg, rgba(67, 20, 21, .96), rgba(28, 9, 12, .96));
    border: 1px solid #74302c;
    box-shadow: inset 0 0 30px rgba(0, 0, 0, .32), 0 10px 25px rgba(0, 0, 0, .2);
}

.vote-buffs-intro-icon {
    align-items: center;
    display: flex;
    flex: 0 0 66px;
    height: 66px;
    justify-content: center;
    margin-right: 20px;
    color: #ffd15a;
    font-size: 26px;
    background: radial-gradient(circle, #8d351f, #321013 70%);
    border: 1px solid #c98738;
    border-radius: 50%;
    box-shadow: 0 0 0 4px rgba(192, 111, 40, .08), 0 0 24px rgba(205, 70, 25, .3);
}

.vote-buffs-intro span,
.vote-buffs-card-header small,
.vote-buffs-meta span {
    color: #a86c50;
    font-family: NunitoSans-R;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.8px;
}

.vote-buffs-intro h3 {
    margin: 3px 0 5px;
    color: #f5d978;
    font-family: Philosopher, serif;
    font-size: 24px;
}

.vote-buffs-intro p {
    margin: 0 !important;
    color: #b87a72 !important;
    font-family: NunitoSans-R;
    font-size: 14px !important;
}

.vote-buffs-alert {
    align-items: center;
    display: flex;
    margin: 0 0 24px;
    padding: 15px 48px 15px 18px;
    color: #e9aba4;
    font-family: NunitoSans-R;
    background: linear-gradient(90deg, rgba(105, 27, 29, .9), rgba(49, 14, 17, .94));
    border: 1px solid #a3423c;
    border-radius: 0;
}

.vote-buffs-alert > i {
    margin-right: 14px;
    color: #e4a345;
    font-size: 20px;
}

.vote-buffs-alert strong,
.vote-buffs-alert span {
    display: block;
}

.vote-buffs-alert strong {
    color: #ffe18a;
    font-family: TrajanPro-r;
    font-size: 12px;
}

.vote-buffs-alert .close {
    color: #e8b577;
    text-shadow: none;
}

.vote-buffs-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
    gap: 20px;
}

.vote-buffs-card {
    overflow: hidden;
    background:
        radial-gradient(circle at 50% 0%, rgba(112, 34, 30, .24), transparent 48%),
        rgba(27, 8, 11, .93);
    border: 1px solid #74322d;
    box-shadow: inset 0 0 28px rgba(0, 0, 0, .32), 0 8px 22px rgba(0, 0, 0, .2);
}

.vote-buffs-card-header {
    align-items: center;
    display: flex;
    min-height: 76px;
    padding: 14px 18px;
    background: linear-gradient(90deg, rgba(105, 32, 28, .52), rgba(43, 12, 15, .18));
    border-bottom: 1px solid #71302c;
}

.vote-buffs-number {
    align-items: center;
    display: flex;
    flex: 0 0 38px;
    height: 28px;
    justify-content: center;
    margin-right: 14px;
    color: #ffcf4e;
    font-family: TrajanPro-b;
    font-size: 13px;
    background: #180708;
    border: 2px solid #b77a38;
    border-radius: 9px;
    box-shadow: inset 0 0 8px rgba(0, 0, 0, .7);
}

.vote-buffs-card-header h4 {
    margin: 2px 0 0;
    color: #f6db7c;
    font-family: Philosopher, serif;
    font-size: 20px;
    word-break: break-word;
}

.vote-buffs-rewards {
    display: grid;
    padding: 22px 20px;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    border-bottom: 1px solid rgba(113, 48, 44, .68);
}

.vote-buffs-rewards > div {
    align-items: center;
    display: flex;
    min-height: 54px;
    padding: 9px 11px;
    color: #c8867c;
    font-family: NunitoSans-R;
    font-size: 13px;
    background: rgba(73, 22, 22, .38);
    border: 1px solid rgba(127, 52, 42, .64);
}

.vote-buffs-rewards i {
    margin-right: 9px;
    color: #d98231;
}

.vote-buffs-rewards strong {
    color: #ffd65c;
    font-size: 16px;
}

.vote-buffs-meta {
    display: grid;
    padding: 17px 20px 8px;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}

.vote-buffs-meta > div {
    display: flex;
    flex-direction: column;
}

.vote-buffs-meta strong {
    margin-top: 2px;
    color: #cf8a70;
    font-family: NunitoSans-R;
    font-size: 14px;
    font-weight: 400;
}

.vote-buffs-action {
    align-items: center;
    display: flex;
    height: 47px;
    justify-content: center;
    margin: 18px auto 24px;
    max-width: 294px;
    width: calc(100% - 40px);
    color: #271006 !important;
    font-family: TrajanPro-b;
    font-size: 15px;
    letter-spacing: .8px;
    text-shadow: 1px 1px 5px rgba(255, 255, 255, .85);
    background: url(../img/submit.png) center / 100% 100% no-repeat;
    text-decoration: none !important;
    transition: filter .3s ease, opacity .3s ease;
}

.vote-buffs-action:hover {
    color: #271006 !important;
    filter: brightness(1.14);
    opacity: .92;
}

.vote-buffs-empty {
    align-items: center;
    display: flex;
    flex-direction: column;
    min-height: 180px;
    justify-content: center;
    padding: 28px;
    color: #b7756e;
    font-family: NunitoSans-R;
    text-align: center;
    background: rgba(29, 9, 12, .88);
    border: 1px solid #71302c;
}

.vote-buffs-empty i {
    margin-bottom: 12px;
    color: #cf873b;
    font-size: 26px;
}

.vote-buffs-empty strong {
    color: #f2d578;
    font-family: Philosopher, serif;
    font-size: 19px;
}

.vote-buffs-empty span {
    margin-top: 4px;
}

@media screen and (max-width: 768px) {
    .vote-buffs-page .coin-section-bottom {
        padding: 32px 14px 68px;
    }

    .vote-buffs-intro {
        align-items: flex-start;
        padding: 20px 17px;
    }

    .vote-buffs-intro-icon {
        flex-basis: 50px;
        height: 50px;
        margin-right: 13px;
        font-size: 20px;
    }

    .vote-buffs-intro h3 {
        font-size: 20px;
    }

    .vote-buffs-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .vote-buffs-rewards {
        grid-template-columns: 1fr;
    }
}

@media screen and (max-width: 768px) {
    .download-page a.download-y,
    .download-page a.download-r {
        height: auto;
        min-height: 92px;
    }
}

/* Vertical presentation */
.presentation-page {
    background: #110708;
    overflow: hidden;
    width: 100%;
}

.presentation-track {
    margin: 0 auto;
    max-width: 750px;
    width: 100%;
}

.presentation-track img {
    display: block;
    height: auto;
    margin: 0;
    width: 100%;
}

/* Dynamic ranking pages */
.ranking-page-panel:after {
    margin-top: -51px !important;
}

.ranking-page .ranking-tab {
    color: #260f10;
    text-decoration: none;
}

.ranking-page .ranking-tab button {
    color: #160b07 !important;
    cursor: pointer;
    text-shadow: 1px 1px 2px rgba(255, 244, 200, .45);
}

.ranking-page .ranking-tab-active button {
    background-image: url(../img/button.png);
}

.ranking-page .ranking-tab:not(.ranking-tab-active) button {
    background-image: url(../img/button2-2.png);
}

.ranking-page .ranking-tab button::before {
    position: absolute;
    z-index: 0;
    inset: 0;
    background: url(../img/button-h.png) center no-repeat;
    content: "";
    opacity: 0;
    pointer-events: none;
    transition: opacity 1.3s ease;
}

.ranking-page .ranking-tab button span {
    position: relative;
    z-index: 1;
}

.ranking-page .ranking-tab:hover button::before,
.ranking-page .ranking-tab:focus-visible button::before {
    opacity: 1;
}

.ranking-page .ranking-tab:focus-visible {
    outline: none;
}

.ranking-page .ranking-table-scroll {
    overflow: visible;
}

.ranking-page table#example {
    min-width: 820px;
    table-layout: fixed;
}

.ranking-page table#example.ranking-players-table th:nth-child(1),
.ranking-page table#example.ranking-players-table td:nth-child(1) {
    width: 4%;
}

.ranking-page table#example.ranking-players-table th:nth-child(2),
.ranking-page table#example.ranking-players-table td:nth-child(2) {
    width: 18.5%;
}

.ranking-page table#example.ranking-players-table th:nth-child(3),
.ranking-page table#example.ranking-players-table td:nth-child(3) {
    width: 14%;
}

.ranking-page table#example.ranking-players-table th:nth-child(4),
.ranking-page table#example.ranking-players-table td:nth-child(4) {
    width: 18%;
}

.ranking-page table#example.ranking-players-table th:nth-child(5),
.ranking-page table#example.ranking-players-table td:nth-child(5) {
    width: 14%;
}

.ranking-page table#example.ranking-players-table th:nth-child(6),
.ranking-page table#example.ranking-players-table td:nth-child(6) {
    width: 15%;
}

.ranking-page table#example.ranking-players-table th:nth-child(7),
.ranking-page table#example.ranking-players-table td:nth-child(7) {
    width: 16.5%;
}

.ranking-page table#example thead th {
    position: relative;
    padding: 0 22px 9px 8px !important;
    white-space: nowrap;
}

.ranking-page table#example thead th:not(:first-child):after {
    color: #765032;
    content: "\2195";
    font-family: Arial, sans-serif;
    font-size: 16px;
    opacity: .7;
    position: absolute;
    right: 5px;
    top: -2px;
}

.ranking-page table#example tbody tr {
    background: #260f10 !important;
    box-shadow: 0 0 1px 1px #742e2f;
    color: #a65c5e !important;
    font-family: NunitoSans-R;
    height: 43px;
}

.ranking-page table#example tbody tr:nth-child(even) {
    background: #180809 !important;
}

.ranking-page table#example tbody td,
.ranking-page table#example tbody th {
    border-bottom: 1px solid #6e3328 !important;
    border-top: 1px solid #6e3328 !important;
    color: #a65c5e !important;
    vertical-align: middle;
}

.ranking-page table#example tbody td:first-child {
    border-left: 1px solid #6e3328 !important;
}

.ranking-page table#example tbody td:last-child {
    border-right: 1px solid #6e3328 !important;
}

.ranking-page table#example .ranking-position {
    min-width: 0;
    position: relative;
}

.ranking-page .rank table#example .ranking-position span {
    align-items: center;
    display: flex;
    height: 22px;
    justify-content: center;
    left: -10px;
    line-height: normal;
    margin: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    width: 34px !important;
}

.ranking-page table#example .ranking-level {
    min-width: 145px;
}

.ranking-page table#example .ranking-level-content {
    align-items: center;
    display: flex;
    left: -15px;
    position: relative;
}

.ranking-page table#example .ranking-class-icon {
    flex: 0 0 54px;
    height: 54px;
    position: relative;
    width: 54px;
    z-index: 2;
}

.ranking-page table#example .ranking-level em {
    float: none;
    margin-left: -12px;
    position: relative;
    z-index: 1;
}

.ranking-page table#example .ranking-name {
    min-width: 120px;
}

.ranking-page table#example .ranking-kingdom img {
    display: inline-block;
    height: auto;
    max-width: 34px;
}

.ranking-page .panel-ranking-pagination {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: center;
    padding: 4px 0 55px;
}

.ranking-page .ranking-page-arrow {
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
    flex: 0 0 48px;
    font-size: 0;
    height: 40px;
    width: 48px;
}

.ranking-page .ranking-page-prev {
    background-image: url(../img/ranking-n_11.png);
}

.ranking-page .ranking-page-next {
    background-image: url(../img/ranking-n_13.png);
}

.ranking-page .ranking-page-disabled {
    cursor: default;
}

.ranking-page .ranking-page-number {
    align-items: center;
    color: #885c5e;
    display: inline-flex;
    font-family: NunitoSans-R;
    font-size: 16px;
    height: 40px;
    justify-content: center;
    min-width: 36px;
    text-decoration: none;
}

.ranking-page .ranking-page-number:hover {
    color: #ffdf77;
    text-decoration: none;
}

.ranking-page .ranking-page-current {
    background: #682129;
    border-radius: 5px;
    color: #ffcf37;
}

@media screen and (max-width: 768px) {
    .ranking-page .ranking-table-scroll {
        overflow-x: auto;
        overflow-y: visible;
        padding-left: 12px;
    }
}
#example em {
    float: left;
    background: url(../img/btn.png);
    padding: 6px 21px;
    font-size: 13px;
    font-style: initial;
    box-shadow: 0 0 0 !important;
    border-radius: 2px;
    line-height: 20px;
    text-shadow: 1px 1px 4px #ffffff;
    color: #260f10;
    font-weight: bolder;
    background-repeat: no-repeat;
    background-position: right;
}
input.form-control.mr-sm-2 {
background: #260f10; background-image: radial-gradient( circle at bottom center, #3e151a, #1a0a0d );
}
input.form-control {
    height: 40px;
    background: #260f10;
    border: 1px solid #fe7e5854;
    font-family: NunitoSans-R;
    width: 300px;
    color: #a65c5e;
    width: 100%;
    padding: 0px 9px;
    margin-right: -12px !important;
    width: 218px !important;
}
.container.tab-pane {
    padding: 25px 41px;
}.tab-content label {
    font-size: 16px;
    text-align: left;
    float: left;
    margin-bottom: 28px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 30px;
}
.tab-content {
    background: #1d0f10;
	background: -moz-radial-gradient(center, ellipse cover, #3f1114 1%, #16070a 100%);
    /* background: -webkit-radial-gradient(center, ellipse cover, #4e2010 1%,#38180d 100%); */
    background: radial-gradient(ellipse at center, #3f1114 1%,#16070a 100%) !important;
}
.tab-panels .nav-tabs {
    margin: 0px 37px;
    border-bottom: 1px solid #66262b;
    text-align: center;
    display: inline-flex;    padding: 0px 61px;
}
.tab-panels a.nav-link {  
    border-bottom: 1px solid rgba(220, 188, 91, 0) !important;
    border: 0;
    color: #a65c5e;
    font-family: NunitoSans-R;
    background:url(../img/border-right.png);
    border-radius: 0px;
    padding: 0 23px;
    line-height: 47px;   
    background-repeat: no-repeat;
    background-position: right center;	
}
::-webkit-input-placeholder { /* Edge */
  color: #a65c5e;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #a65c5e;
}

::placeholder {
  color: #a65c5e;
}
label {
    color: #a65c5e;
    font-family: NunitoSans-R;
    font-size: 13px;
    margin-bottom: 9px;
    font-weight: 100;
}
.register-section {
    width: 316px;
    text-align: left;
    margin: 0px auto;
}

.register-page-panel {
    padding-bottom: 12px;
}

.recovery-page-panel:after {
    margin-top: -51px !important;
}

.recovery-section {
    position: relative;
    z-index: 2;
    padding-bottom: 12px;
}

.recovery-section .alert {
    margin-bottom: 17px;
    border-radius: 3px;
    font-family: NunitoSans-R;
    font-size: 14px;
    line-height: 1.45;
}

.recovery-section .c-account {
    margin-top: 21px;
}

.recovery-section .recovery-password-check {
    margin: 0 0 5px !important;
    font-size: 13px !important;
    line-height: 1.25;
}

.recovery-section .recovery-password-check:empty {
    display: none;
}

.recovery-section .recovery-change-password-submit {
    margin-top: 8px;
}

.email-change-section {
    width: min(100%, 360px);
}

.email-current-address {
    margin-bottom: 18px;
    padding: 11px 13px;
    background: rgba(28, 8, 10, .72);
    border: 1px solid rgba(126, 49, 45, .8);
    font-family: NunitoSans-R;
}

.email-current-address span,
.email-current-address strong {
    display: block;
}

.email-current-address span {
    margin-bottom: 3px;
    color: #9f5657;
    font-size: 11px;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.email-current-address strong {
    overflow: hidden;
    color: #e2b576;
    font-size: 14px;
    font-weight: 400;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.email-captcha {
    display: grid;
    grid-template-columns: 132px minmax(0, 1fr);
    margin-top: 7px;
    gap: 10px;
}

.email-captcha img {
    width: 132px;
    height: 46px;
    object-fit: cover;
    border: 1px solid #83362f;
}

.email-captcha .field {
    height: 46px;
    margin: 0;
    text-align: center;
    letter-spacing: .12em;
}

.recovery-section .email-change-submit {
    margin-top: 10px;
}

.email-confirmation-success {
    padding: 22px 18px !important;
    text-align: center;
}

.email-confirmation-success i,
.email-confirmation-success strong,
.email-confirmation-success span {
    display: block;
}

.email-confirmation-success i {
    margin-bottom: 10px;
    color: #c98e35;
    font-size: 30px;
}

.email-confirmation-success strong {
    margin-bottom: 5px;
    color: #7c471a;
    font-family: TrajanPro-r;
    font-size: 15px;
}

.email-confirmation-success span {
    color: #5f3a27;
    font-size: 13px;
}

.email-confirmation-action {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 10px;
    color: #261006 !important;
    text-decoration: none !important;
}

/* Login page */
.login-page-panel:after {
    margin-top: -51px !important;
}

.login-page-panel:before,
.login-page-panel:after {
    pointer-events: none;
}

.login-page .coin-section-bottom {
    padding: 42px 36px 88px;
}

.login-page-content {
    margin: 0 auto;
    max-width: 460px;
    position: relative;
    z-index: 2;
    text-align: left;
}

.login-page-intro {
    margin-bottom: 24px;
    text-align: center;
}

.login-page-icon {
    align-items: center;
    display: flex;
    height: 66px;
    justify-content: center;
    margin: 0 auto 13px;
    width: 66px;
    color: #ffd15a;
    font-size: 25px;
    background: radial-gradient(circle, #8d351f, #321013 70%);
    border: 1px solid #c98738;
    border-radius: 50%;
    box-shadow: 0 0 0 4px rgba(192, 111, 40, .08), 0 0 24px rgba(205, 70, 25, .3);
}

.login-page-intro h3 {
    margin: 0 0 5px;
    color: #f5d978;
    font-family: Philosopher, serif;
    font-size: 25px;
}

.login-page-intro p {
    margin: 0 !important;
    color: #b87a72 !important;
    font-family: NunitoSans-R;
    font-size: 14px !important;
}

.login-page-form-card {
    padding: 27px 28px 22px;
    background: radial-gradient(circle at 50% 0%, rgba(111, 32, 30, .2), transparent 48%), rgba(26, 8, 11, .91);
    border: 1px solid #71302c;
    box-shadow: inset 0 0 28px rgba(0, 0, 0, .3), 0 9px 24px rgba(0, 0, 0, .2);
}

.login-page-field {
    margin-bottom: 18px;
}

.login-page-field label {
    display: block;
    margin: 0 0 7px;
    color: #d3a06d;
    font-family: TrajanPro-r;
    font-size: 11px;
    letter-spacing: .6px;
}

.login-page-input {
    position: relative;
}

.login-page-input > i {
    left: 15px;
    position: absolute;
    top: 50%;
    z-index: 2;
    color: #a95b43;
    font-size: 13px;
    pointer-events: none;
    transform: translateY(-50%);
}

.login-page-input .field {
    height: 46px;
    padding: 0 14px 0 42px;
    color: #d08a83;
    background: radial-gradient(circle at bottom center, #3e151a, #170609);
    border: 1px solid #77342e;
    transition: border-color .25s ease, box-shadow .25s ease;
}

.login-page-input .field:focus {
    border-color: #c47638;
    box-shadow: 0 0 0 2px rgba(194, 103, 43, .1), inset 0 0 15px rgba(0, 0, 0, .25);
}

.login-page-submit {
    cursor: pointer;
    margin: 27px auto 17px !important;
    color: #271006;
    font-family: TrajanPro-b;
    transition: filter .3s ease, opacity .3s ease;
}

.login-page-submit:hover {
    filter: brightness(1.14);
    opacity: .92;
}

.login-page-links {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-top: 5px;
    background: none;
}

.login-page-links a {
    color: #bd7a65;
    font-family: NunitoSans-R;
    font-size: 13px;
    text-decoration: underline;
    text-decoration-color: rgba(189, 122, 101, .45);
    text-underline-offset: 3px;
    transition: color .25s ease;
}

.login-page-links a:first-child {
    color: #bd7a65;
}

.login-page-links a:hover {
    color: #ffe07a;
    text-decoration-color: #ffe07a;
}

.login-page-alert {
    align-items: flex-start;
    display: flex;
    margin: 0 0 20px;
    padding: 15px 17px;
    color: #d9948d;
    font-family: NunitoSans-R;
    background: linear-gradient(90deg, rgba(105, 27, 29, .92), rgba(47, 13, 16, .95));
    border: 1px solid #a3423c;
}

.login-page-alert > i {
    margin: 3px 13px 0 0;
    color: #e09a43;
    font-size: 18px;
}

.login-page-alert strong,
.login-page-alert span,
.login-page-alert small {
    display: block;
}

.login-page-alert strong {
    margin-bottom: 2px;
    color: #ffe18a;
    font-family: TrajanPro-r;
    font-size: 12px;
}

.login-page-alert small {
    margin-top: 4px;
    color: #c77d76;
}

.login-page-alert-success {
    background: linear-gradient(90deg, rgba(53, 92, 48, .88), rgba(24, 48, 29, .94));
    border-color: #688d4e;
}

.login-page-alert-success > i {
    color: #b6d56e;
}

.login-page-security {
    margin: 18px 0 0 !important;
    color: #8e5b56 !important;
    font-family: NunitoSans-R;
    font-size: 12px !important;
    text-align: center;
}

.login-page-security i {
    margin-right: 6px;
    color: #a96d45;
}

@media screen and (max-width: 576px) {
    .login-page .coin-section-bottom {
        padding: 30px 13px 66px;
    }

    .login-page-form-card {
        padding: 23px 17px 19px;
    }

    .login-page-links {
        flex-wrap: wrap;
        gap: 8px 18px;
    }

    .login-page-submit {
        max-width: 100%;
    }
}

/* Account administration */
.account-page-panel:after {
    margin-top: -51px !important;
}

.account-page-panel:before,
.account-page-panel:after {
    pointer-events: none;
}

.account-page .coin-section-bottom {
    padding: 38px 36px 88px;
}

.account-dashboard {
    margin: 0 auto;
    max-width: 900px;
    text-align: left;
}

.account-dashboard-nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: -12px 0 30px;
    background: none;
    gap: 8px;
}

.account-dashboard-nav a {
    align-items: center;
    display: inline-flex;
    min-height: 40px;
    padding: 0 17px;
    color: #d3a06d;
    font-family: TrajanPro-r;
    font-size: 12px;
    letter-spacing: .5px;
    background: linear-gradient(180deg, rgba(77, 28, 25, .9), rgba(34, 12, 14, .95));
    border: 1px solid rgba(154, 61, 48, .72);
    box-shadow: inset 0 0 13px rgba(0, 0, 0, .35);
    gap: 8px;
    text-decoration: none;
    transition: border-color .25s ease, color .25s ease, background .25s ease;
}

.account-dashboard-nav a:hover,
.account-dashboard-nav a.active {
    color: #2a120a;
    background: linear-gradient(180deg, #ffeaa1, #d78025 54%, #a73a1d);
    border-color: #ffd665;
    box-shadow: 0 0 15px rgba(218, 91, 28, .35), inset 0 1px rgba(255, 255, 255, .45);
}

.account-dashboard-nav a.account-dashboard-logout:hover {
    color: #ffe6ba;
    background: linear-gradient(180deg, #9b342b, #4d1718);
    border-color: #ce6552;
}

.account-dashboard-notice .alert,
.account-characters .alert {
    margin: 0 0 20px;
    font-family: NunitoSans-R;
    font-size: 14px;
    text-align: left;
}

.account-welcome {
    align-items: center;
    display: flex;
    min-height: 112px;
    margin-bottom: 20px;
    padding: 22px 26px;
    background:
        radial-gradient(circle at 12% 0%, rgba(206, 91, 31, .18), transparent 38%),
        linear-gradient(135deg, rgba(66, 20, 21, .96), rgba(29, 10, 12, .96));
    border: 1px solid #74302c;
    box-shadow: inset 0 0 30px rgba(0, 0, 0, .3), 0 10px 25px rgba(0, 0, 0, .2);
}

.account-welcome-icon {
    align-items: center;
    display: flex;
    flex: 0 0 62px;
    height: 62px;
    justify-content: center;
    margin-right: 18px;
    color: #ffcf55;
    font-size: 25px;
    background: radial-gradient(circle, #7d2b20, #321013);
    border: 1px solid #c47a35;
    border-radius: 50%;
    box-shadow: 0 0 0 4px rgba(192, 111, 40, .08), 0 0 22px rgba(181, 53, 24, .28);
}

.account-welcome-copy {
    min-width: 0;
}

.account-welcome-copy > span,
.account-section-heading > span {
    color: #9f6750;
    font-family: NunitoSans-R;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2px;
}

.account-welcome-copy h3 {
    margin: 2px 0 3px;
    color: #f5d978;
    font-family: Philosopher, serif;
    font-size: 23px;
}

.account-welcome-copy h3 strong {
    color: #fff0ae;
    font-weight: 700;
}

.account-welcome-copy p {
    margin: 0 !important;
    color: #b87a72 !important;
    font-family: NunitoSans-R;
    font-size: 13px !important;
}

.account-coins-link {
    align-items: center;
    display: inline-flex;
    min-height: 42px;
    margin-left: auto;
    padding: 0 18px;
    white-space: nowrap;
    color: #281108;
    font-family: TrajanPro-b;
    font-size: 12px;
    background: linear-gradient(180deg, #ffe891, #e58b27 58%, #a73a1e);
    border: 1px solid #ffcf52;
    box-shadow: inset 0 1px rgba(255, 255, 255, .5), 0 5px 14px rgba(0, 0, 0, .3);
    gap: 8px;
    text-decoration: none;
}

.account-coins-link:hover {
    color: #1d0b05;
    filter: brightness(1.08);
    text-decoration: none;
}

.account-card {
    margin-top: 20px;
    overflow: hidden;
    background: rgba(30, 10, 12, .88);
    border: 1px solid #71302c;
    box-shadow: inset 0 0 28px rgba(0, 0, 0, .28);
}

.account-section-heading {
    padding: 17px 22px 14px;
    background: linear-gradient(90deg, rgba(103, 31, 28, .48), rgba(42, 13, 15, .18));
    border-bottom: 1px solid #71302c;
}

.account-section-heading h4 {
    margin: 2px 0 0;
    color: #f4d779;
    font-family: Philosopher, serif;
    font-size: 19px;
    letter-spacing: .5px;
}

.account-detail-row {
    align-items: center;
    display: grid;
    min-height: 61px;
    padding: 9px 18px;
    grid-template-columns: 42px minmax(160px, 1fr) minmax(220px, 1.4fr) 42px;
    border-bottom: 1px solid rgba(113, 48, 44, .68);
}

.account-detail-row:last-child {
    border-bottom: 0;
}

.account-detail-icon {
    color: #b97142;
    font-size: 15px;
}

.account-detail-label {
    color: #d09a79;
    font-family: TrajanPro-r;
    font-size: 12px;
}

.account-detail-value {
    overflow: hidden;
    color: #b96868;
    font-family: NunitoSans-R;
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.account-detail-value.account-secret {
    color: #d1a36d;
    letter-spacing: 3px;
}

.account-detail-action {
    text-align: right;
}

.account-detail-action form {
    margin: 0;
}

.account-detail-action a,
.account-detail-action button {
    align-items: center;
    display: inline-flex;
    width: 31px;
    height: 31px;
    justify-content: center;
    padding: 0;
    color: #edb84d;
    background: rgba(91, 28, 26, .7);
    border: 1px solid #844137;
    border-radius: 3px;
    cursor: pointer;
    transition: color .2s ease, border-color .2s ease, background .2s ease;
}

.account-detail-action a:hover,
.account-detail-action button:hover {
    color: #281108;
    background: #e69a36;
    border-color: #ffd263;
}

.account-characters-scroll {
    padding: 0 44px 12px;
    overflow: visible;
}

.account-characters-table {
    width: 100%;
    min-width: 0;
    margin: 0;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0 10px;
    font-family: NunitoSans-R;
}

.account-characters-table thead th {
    padding: 12px 14px 5px;
    color: #ffdf72;
    font-family: TrajanPro-r;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
}

.account-characters-table tbody td {
    height: 55px;
    padding: 7px 14px;
    color: #c46c6c !important;
    font-size: 14px;
    text-align: center;
    background: rgba(37, 11, 13, .94);
    border-top: 1px solid #74302d;
    border-bottom: 1px solid #74302d;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
}

.account-characters-table tbody td:first-child {
    border-left: 1px solid #74302d;
}

.account-characters-table tbody td:last-child {
    border-right: 1px solid #74302d;
}

.account-characters-table img {
    object-fit: contain;
}

.account-characters-table th:first-child,
.account-characters-table td:first-child {
    padding-right: 4px;
    padding-left: 4px;
}

.account-characters-table th:nth-child(2),
.account-characters-table td:nth-child(2) {
    padding-right: 0;
    padding-left: 0;
}

.account-characters-table thead th:first-child {
    padding-left: 8px;
    text-align: left;
}

.account-characters-table thead th:nth-child(2) {
    padding-left: 24px;
    text-align: left;
}

.account-characters-table thead th:nth-child(3) {
    text-align: left;
}

.account-characters-table .account-col-rank {
    width: 4%;
}

.account-characters-table .account-col-level {
    width: 28%;
}

.account-characters-table .account-col-name {
    width: 24%;
}

.account-characters-table .account-col-exp {
    width: 21%;
}

.account-characters-table .account-col-debug {
    width: 23%;
}

.account-characters-table tbody td:first-child {
    overflow: visible;
    position: relative;
}

.account-characters-table .account-character-name {
    color: #c46c6c !important;
    font-size: 13px;
    font-weight: 400;
    text-align: left;
}

.account-rank-position {
    align-items: center;
    display: inline-flex;
    min-width: 34px;
    height: 22px;
    justify-content: center;
    color: #995456 !important;
    background: #100405;
    border: 2px solid rgba(246, 188, 124, .72);
    border-radius: 8px;
    font-size: 14px;
    font-weight: bold;
    line-height: 21px;
    position: absolute;
    left: -10px;
    top: 50%;
    transform: translateY(-50%);
}

.account-rank-position .fa-times {
    color: #df3030 !important;
    text-shadow: 0 0 6px rgba(223, 48, 48, .55);
}

.account-characters-table .account-character-level {
    overflow: visible;
}

.account-character-level-content {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    position: relative;
    left: -15px;
    white-space: nowrap;
}

.account-characters-table .account-character-class-icon {
    position: relative;
    z-index: 2;
    flex: 0 0 54px;
    width: 54px;
    height: 54px;
}

.account-character-level-content em {
    position: relative;
    z-index: 1;
    min-width: 94px;
    margin-left: -12px;
    padding: 6px 15px 6px 23px;
    color: #260f10;
    background: url(../img/btn.png) center / 100% 100% no-repeat;
    box-shadow: none;
    border-radius: 2px;
    font-family: NunitoSans-R;
    font-size: 13px;
    font-style: initial;
    font-weight: bolder;
    line-height: 20px;
    text-align: center;
    text-shadow: 1px 1px 4px #ffffff;
}

.account-debug-button {
    position: relative;
    z-index: 3;
    width: 68px;
    max-width: 100%;
    padding: 5px 12px;
    box-sizing: border-box;
    color: #261006;
    background: #d9902f;
    border: 1px solid #f4cb62;
    cursor: pointer;
    font-family: TrajanPro-r;
    font-size: 11px;
    pointer-events: auto;
}

.account-debug-button:hover,
.account-debug-button:focus {
    color: #1d0b05;
    background: #edaa43;
    border-color: #ffe08a;
}

.account-characters-table tbody td:last-child {
    position: relative;
    z-index: 2;
    overflow: visible;
    pointer-events: auto;
}

.account-characters-table td:last-child form {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    margin: 0;
    position: relative;
    z-index: 3;
    pointer-events: auto;
}

.account-empty-state {
    padding: 48px 20px;
    color: #98605d;
    text-align: center;
}

.account-empty-state i {
    margin-bottom: 12px;
    color: #a97145;
    font-size: 30px;
}

.account-empty-state p {
    margin: 0 !important;
    color: #b97570 !important;
    font-size: 14px !important;
}

@media screen and (max-width: 768px) {
    .account-page .coin-section-bottom {
        padding: 28px 14px 65px;
    }

    .account-dashboard-nav {
        gap: 6px;
    }

    .account-dashboard-nav a {
        flex: 1 1 calc(50% - 6px);
        justify-content: center;
        padding: 0 9px;
    }

    .account-welcome {
        align-items: flex-start;
        flex-wrap: wrap;
        padding: 18px;
    }

    .account-welcome-icon {
        flex-basis: 48px;
        width: 48px;
        height: 48px;
        margin-right: 12px;
        font-size: 19px;
    }

    .account-welcome-copy {
        width: calc(100% - 60px);
    }

    .account-welcome-copy h3 {
        font-size: 19px;
    }

    .account-coins-link {
        justify-content: center;
        width: 100%;
        margin: 16px 0 0;
    }

    .account-detail-row {
        padding: 12px;
        grid-template-columns: 32px 1fr 38px;
    }

    .account-detail-label {
        grid-column: 2;
    }

    .account-detail-value {
        grid-column: 2;
        margin-top: 4px;
    }

    .account-detail-action {
        grid-column: 3;
        grid-row: 1 / span 2;
    }

    .account-characters-scroll {
        padding-right: 14px;
        padding-left: 22px;
    }
}

.field {
height: 40px;
    background: #260f10;
	background-image: radial-gradient( circle at bottom center, #3e151a, #1a0a0d );
    border: 1px solid #fe7e5854;font-family: NunitoSans-R;
    width: 300px;
    color: #a65c5e; width:100%;
    padding: 0px 9px;
	}
.coin-section-center h5 {
    color: #ffea90; 
    font-size: 17px;
    letter-spacing: 1px;   margin-bottom: 39px;
    text-shadow: 3px 1px 3px #000000;
	
}
.m20 {
    margin-top: 42px;
}
.coin-section-center {
    background: url(../img/bordernt_03_06.png);
    padding-top: 0px;
    background-repeat: repeat;
    max-width: 1006px;
    margin: 0px auto;padding-left: 37px;padding-right: 34px;
    width: 100%;
    background-size: 100%; text-align:center;
}
.short-banner
{
max-height: 412px;
    background: url(../img/short-banner.png);
    height: 60vh;
    float: left;
    width: 100%;
    background-position: bottom center;
    min-height: 200px;
}
nav {
background-position: center bottom !important;
    background: url(../img/header-bg.png);
    background-repeat: repeat-x;
}
li.nav-item {
background:url(../img/line.png);
background-position:right;
}
ul.nav.navbar-nav {
    width: 100%;
}
.navbar-light .navbar-nav .nav-link {
    float: left;
    /* padding-right: 20%; */
    /* padding-left: 20%; */
    width: 100%;
    text-align: center; 
} 
button.accoutn:hover, button.buy-c:hover, button.vote-c:hover{transition: 1.3s;
    background: url(../img/button-bg-1.png) !important;
	}
	 button.buy-c:hover {transition: 1.3s;
    background: url(../img/button-bg-2.png) !important;     background-position: 0px -51px !important;
	} button.vote-c:hover{transition: 1.3s;
    background: url(../img/button-bg-3.png) !important;  background-position: 2px 52px !important;
	}
button.accoutn {
    background: url(../img/button-bg.png);
    border: 0;
    width: 100%;
    float: left;
    line-height: 50px;
	text-shadow: 1px 1px 4px #fff644 !important;
    font-weight: bold !important;
	letter-spacing: 1px;transition: 1.3s;
}


 
button.buy-c {
    background: url(../img/button-bg.png);
    border: 0;
    width: 100%;transition: 1.3s;
    float: left;
    line-height: 52px;
	background-position: 0px -51px;
	font-family: TrajanPro-r;
    font-size: 16px; 
    letter-spacing: 1px;
	color: #ffec99 !important; 
    font-weight: bold !important;
}
.dropdown-menu { padding: .5rem 0 36px 0;
    width: 250px;
}
.dropdown-menu span {
    color: #e6ad2b;
}
em.logout {
    font-style: initial;
    float: right;
}
button.vote-c {
    background: url(../img/button-bg.png);
    border: 0;transition: 1.3s;
    width: 100%;
    float: left; 
    line-height: 51px;
    background-position: 2px 52px;
    font-family: TrajanPro-r;
    /* font-size: 0px; */
    font-size: 16px;
    letter-spacing: 1px;
    color: #ffec99 !important;
    font-weight: bold !important;
    text-shadow: 1px 1px 5px #000000;
}
 

li.nav-item {
    background: url(../img/line.png);
    background-position: right;
    background-repeat: no-repeat;
    line-height: 58px;
        margin: -4px 0 0 0px !important;
    padding: 0;
}
div#nav-right {
    width: 40%;
}
div#nav-left {
    width: 40%;
}
.user-detail {
     float: left;
    width: 91%;
    margin: 0px 10px !important;
    color: #cf876a;
    text-shadow: 1px 1px 1px #000000;
    font-family: NunitoSans-R;
    padding: 0;
    margin: 0;
    font-size: 14px;
    line-height: 33px;
    border-bottom: 1px solid #9e726269;
    /* background-color: white; */
}
section.content p {
    text-align: center;
    color: #ff8077;font-family: NunitoSans-R;
    font-size: 14px;    margin-bottom: 51px;
}
.total-coin {
    float: left;
    width: 91%;
    color: #cf876a;text-shadow: 1px 1px 1px #000000;
    margin: 0px 10px !important;
    font-family: NunitoSans-R;
    padding: 0;
    margin: 0;
    font-size: 14px;
    line-height: 43px;
    /* background-color: white; */
}
.copyright span a {
    color: #f4eac0 !important; 
}
footer .navbar-light .navbar-nav .nav-link
{
background: -webkit-linear-gradient(#e7d3a1, #bb8b74);
    -webkit-background-clip: text;
    -webkit-text-fill-color: #feee373b;
    filter: drop-shadow(1px 1px 5px #000000);
}
img.fire-icon {
    MAX-WIDTH: 210PX;
}
.copyright p { 
      color: #ffec99 !important;
    font-family: NunitoSans-R;
    text-align: right;
    font-size: 14px;
    letter-spacing: 1px;
}
.copyright span { 
       color: #ffec99 !important;
    font-family: NunitoSans-R;
    text-align: right;
    font-size: 14px;
    letter-spacing: 1px;
    float: left;
}
.copyright {
    float: right;
    color: #ffec99; font-family: NunitoSans-R;
}
.nav-item h4 {
    margin: 11px 0px 6px 0px;
    padding: 0;
    font-family: UnZialish-n;
    color: #ffec99;
    text-align: center;
    font-size: 27px;
    letter-spacing: 1px !important;
    text-shadow: 2px 2px 6px #151515;
}
.dropdown-menu.l-panel.log {
    padding-bottom: 16px;
}
.language-menu .language-toggle {
    cursor: pointer;
}
.language-menu .language-dropdown {
    background: url(../img/rectangle_2_copy_5.jpg) #2a110a !important;
    border: 1px solid rgba(231, 147, 18, .45);
    border-radius: 0;
    box-shadow: 0 8px 18px rgba(10, 2, 2, .65);
    left: auto !important;
    margin: 0;
    min-width: 145px;
    padding: 5px 0;
    right: 0 !important;
    top: 100% !important;
    transform: none !important;
    width: 145px;
}
.language-menu .language-dropdown li {
    background: none !important;
    float: none !important;
    line-height: normal;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
}
.language-menu .language-dropdown .dropdown-item {
    background: transparent;
    color: #e6c66d;
    display: block;
    font-family: TrajanPro-r;
    font-size: 13px;
    padding: 10px 16px;
    text-align: center;
    text-shadow: 1px 1px 2px #150605;
    transition: background-color .25s ease, color .25s ease;
    width: 100%;
}
.language-menu .language-dropdown .dropdown-item:hover,
.language-menu .language-dropdown .dropdown-item:focus {
    background: rgba(173, 55, 25, .36);
    color: #fff0a6;
}
.language-menu .language-dropdown .dropdown-item.active {
    background: rgba(212, 117, 34, .22);
    color: #fff2a1;
}
.show .dropdown-menu {
    display: block;
    background: url(../img/rectangle_2_copy_5.jpg) #2a110a;
    border-radius: 0;
    border: 1px solid rgba(231, 147, 18, 0.22);
    background-repeat: no-repeat;
}
body #nav-right li.nav-item.dropdown:hover
 {
   background: url(../img/login-h.png) !important; 
 }
 .navbar-light .navbar-nav a.nav-link.login {
 background: -webkit-linear-gradient(#3a2216, #3f2317);
    -webkit-background-clip: text;
    -webkit-text-fill-color: #4e281b;
    filter: drop-shadow(0px 0px 7px #ffffff);
    font-family: TrajanPro-b;
    font-size: 16px;
    /* font-size: 72px; */
    letter-spacing: 0;
    /* text-shadow: 2px 2px 6px #000000; */
    font-weight: bolder !important;
}
body li.nav-item.dropdown{
   background: url(../img/login.png) !important;
  background-size: 100%;transition: 1.3s;
    background-repeat: no-repeat;
    width: 179px !important;
    margin-top: 10px;
    line-height: 49px; margin:0px;
    color: #632317 !important;
    text-shadow: 1px 1px 4px #fff644 !important;
    font-weight: bold !important;
}
body li.nav-item.dropdown:hover{  transition: 1.3s;
   background: url(../img/login-h.png) !important; 
}
li.nav-item:last-child{
    background: none !important;
    background-position: right; 
}
.navbar-light .navbar-nav .nav-link {
    background: -webkit-linear-gradient(#f8efbe, #ffe938);
    -webkit-background-clip: text;
    -webkit-text-fill-color: #feee373b;
    filter: drop-shadow(2px 2px 2px #000000);
    font-family: TrajanPro-b;
    font-size: 16px;
    /* font-size: 72px; */
    letter-spacing: 0;
    /* text-shadow: 2px 2px 6px #000000; */
    font-weight: bolder !important;
}
.navbar-light .navbar-nav .nav-link:after {
  background: none;
  content: attr(data-text);
  left: 0;
  top: 0;
  z-index: -1;
  position: absolute;
  text-shadow: 1px 1px 2px #000;
}
.navbar-toggler {
  margin-top: 15px;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: #e6de72;
}
.slider-section {
    background-position: bottom center !important;
    background: url(../img/slider.png);
    top: 0;
	padding-bottom: 26px;
    width: 100%;
    float: left;
}
.slider
{
position:relative;
}
.slider img
{ 
width:100%;
}
.navbar {  
	  position: relative;
    z-index: 99;

   }
   .progress {
    display: flex;
    height: 28px;
    overflow: initial;
    font-size: .75rem;
    background: url(../img/bar-1.png);
    border-radius: .25rem;
    margin: 24px 0px;
    box-shadow: 0px 0px 8px 3px #03030380;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
 
}
.progress span {
    color: #ffe886 !important;
    position: absolute;
    left: -31px;
    transition: width 4.6s ease;
    transform: rotate(90deg);
    top: 5px;
    font-size: 14px;
    font-weight: 600;
    text-shadow: 1px 1px 2px #000000;
}
.left-bar h3 {
  font-size: 33px;
    color: #fff4c6;
    margin: 0px 0px;
    font-weight: 700;
} 
.left-bar p {
    margin: 4px 0px;
    font-size: 13px;
    color: #ffb46a;
}
.slider-section .fire-icon {
   width: 150px;
   height: 150px;
    
    max-width: 150px;
	max-height: 150px;
}
.carousel-control-next-icon {
    background-image: url(../img/right-icon.png) !Important;
	    height: 67px;
    width: 39px;
}
.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: auto;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    top: 0px;
}
section.content h2 {
    text-align: center;
    color: #ffea90;
    font-size: 40px;
    font-weight: 500;
    text-shadow: 1px 1px 1px #000000;
}
table.table-bg td {
    color: #a25b61 !Important;
    font-family: NunitoSans-R;
    line-height: 29px;
    text-shadow: 1px 1px 1px #000000;
}
.homepage-ranking-flag {
    display: inline-block;
    height: auto;
    max-width: 34px;
    vertical-align: middle;
}
.homepage-ranking-character {
    display: inline-block;
    height: 452px;
    max-width: 100%;
    object-fit: contain;
}
#carouselSlide .carousel-caption h3 {
    font-family: TrajanPro-b;
}
.rtlm .table-content {
    transform: skew(13deg);
}
.rtlm .table-bg {
    transform: skew(-13deg);
}
span.yell {
    color: #c77a0b !important;
}
span.red {
    color: #cf1516 !important;
}
.table-content
{
  
    width: 100%;
    background: #4e2010;
    background: -moz-radial-gradient(center, ellipse cover, #4e1b20 1%, #270e12 100%);
    /* background: -webkit-radial-gradient(center, ellipse cover, #4e2010 1%,#38180d 100%); */
    background: radial-gradient(ellipse at center, #5b1411 1%,#210d0c 100%) !important;
    float: left;
    padding: 14px 36px 14px 44px !important;
    transform: skew(-13deg);
    margin-top: 7px;
    border: 1px solid #52292d96;
 
}

table td.name
{
color:#ffea90 !important;
}
table td span
{
color:#0b8bc7 !important;
}
.carousel-caption h3 {
font-size:30px;font-family: UnZialish-n;
color:#ffec99;
}
.table-content table {
    width: 100%;
    margin: 0px 0px;
}
table {
    width: 100%;
    margin: 0px 44px;
}
table td{

    text-shadow: 1px 1px 1px #000000;
	color:#ffea90 !important;
}
table.table-bg{
     
    width: 100%; 
    font-size: 15px;
    color: #a25b61;
    font-family: NunitoSans-R;
        transform: skew(13deg);
    float: left;
    display: table;
}
table {
    width: 100%; 
}
 section.content h1 {
    text-align: center;
    font-size: 27px;
    color: #ffea90 !Important;
    text-shadow: 1px 1px 8px #c8584b; line-height: 69px;
}
.player-list ul {
    margin: 0;
    padding: 0;
}
section.content h1, section.content li, section.content td {
    color: #ffffff;
}
 
    color: #ffffff;
}

.content {
    margin-top: -57px;padding-top: 88px;
}
.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover, .carousel-control-next, .carousel-control-prev {
    
    opacity: 1!Important;
}
.carousel-item {
    text-align: center;    padding-top: 50px;
}
.carousel-control-prev-icon{
    background-image: url(../img/left-icon.png)  !Important;
	    height: 67px;
    width: 49px;
}
 footer .navbar-light .navbar-nav .nav-link {
    color: #ffec99 !important;
	}
footer
{
background: url(../img/footer-bg.png);
    background-position: top !important;
    float: left;padding-bottom: 14px;
    width: 100%; 
}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
    color: #fffb49;
}
footer nav.navbar.navbar-expand-lg.navbar-light.bg-dark {
    background: none !important; float: right;
    margin: 0px -15px 42px 0px !important;
    padding: 0;
}
footer .navbar-light .navbar-brand {
    color: #f5da68 !important;
}
footer li.nav-item {
    background: none;
    color: red;padding: 0px 10px;
}
div#nav-left ul.nav.navbar-nav li {
    width: 33%;
    float: left;
    
}

div#nav-left.nav-left--authenticated ul.nav.navbar-nav {
    justify-content: flex-end;
}

div#nav-left.nav-left--authenticated ul.nav.navbar-nav li {
    width: 33%;
}

div#nav-right ul.nav.navbar-nav li {
    /* min-width: 21%; */
    float: left;
    
    padding: 0px 2px;
}
#nav-right li.nav-item.dropdown:hover {
    background: none !important;
} 
nav.navbar.navbar-expand-sm.navbar-light.bg-faded li.nav-item:hover,
nav.navbar.navbar-expand-sm.navbar-light.bg-faded li.language-menu:has(.btn-group.show) {
    /* background: #5d311a !Important; */
    background: #4e2010;
    background: -moz-radial-gradient(center, ellipse cover, #4e201012 1%, #38180d 100%);
    /* background: -webkit-radial-gradient(center, ellipse cover, #4e2010 1%,#38180d 100%); */
    background: radial-gradient(ellipse at center, #4e201012 1%,#38180d 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e2010', endColorstr='#38180d',GradientType=1 );
}
 
.go-top {
    background: url(../img/move-top.png);
    width: 99px;
    height: 76px;
    margin: -23px auto 0;
    display: flex;
	border: 0;
    font-size: 0;
}
.buy-coin:hover {
    height: 114px;transition: 1.3s;
    background: url(../img/button2-h.png) !important;
    background-repeat: no-repeat !important;
}
.vote-coin:hover
{    height: 114px;transition: 1.3s;
    background: url(../img/button2-h.png) !important;
    background-position: right !important;
    background-repeat: no-repeat;
}
.buy-coin
{
background: url(../img/button2.png);
 border: 0;margin-top: 39px;
    width: 333px;
    height: 114px;transition: 1.3s;
    background-repeat: no-repeat;
	    text-align: center;
    font-size: 19px;
    padding-left: 88px;
    font-weight: bold;
    color: #dde97a;
    text-transform: uppercase;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.56);
 

}
section.content {
       float: left;
    background: url(../img/content1.jpg) #421210;
    background-position: bottom center !Important;
    /* background-size: 100%; */
    background-repeat: no-repeat;
    margin-top: -65px;
    padding-top: 90px;
    width: 100%; overflow:hidden;padding-bottom: 74px;
}
.left-bar {
         margin-left: 24%;
    text-align: center;
    max-width: 257px;
    margin-top: 60px;
}
.vote-coin
{
background: url(../img/button2.png);
 border: 0;
    width: 333px;background-position: right;
    height: 114px;
    background-repeat: no-repeat;
	    text-align: center;
    font-size: 19px;
    padding-left: 88px;
    font-weight: bold;
    color: #dde97a;transition: 1.3s;
    text-transform: uppercase;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.56);
}

 .show-button:hover { transition: 1.3s;
   background: url(../img/button-h.png) !important;
   }
.show-button {
   background: url(../img/button.png);transition: 1.3s;
    float: none;
    clear: both;
    background-repeat: no-repeat;
    border: 0;
    width: 240px;
    height: 91px;
    text-shadow: 1px 1px 6px #ffffff;
    margin: 0px auto;
    display: block;
    /* filter: drop-shadow(0px 0px 3px #ffffff); */
    font-family: TrajanPro-b;
    font-size: 16px;
    /* font-size: 72px; */
    letter-spacing: 0;
    color: #250301;
    line-height: 38px;
    padding: 5px 0px 0px 0px;
}
span.new-update:hover { 
       background: url(../img/more-h.png) !important;
    
	}
span.new-update {
       background: url(../img/more.png);transition: 1.3s;
      
   float: right;
    clear: both;
    padding: 13px 92px 9px 41px;
    height: 86px;
    width: 400px;
    color: #ebc05d;
    text-align: center;
    font-size: 20px;
    line-height: 27px;margin-top: 9px;
}
.right-bar {
    text-align: center;
    float: right;
    margin-top: 253px;
	margin-right:10%;
}
span.new-update em {
    float: left;
	font-family: NunitoSans-R;
    width: 100%;
    text-align: center;
    color: #dca987;
    font-size: 14px;
    font-style: initial;
}
.progress-bar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background: url(../img/bar.png);
    transition: width .6s ease;
    box-shadow: 0px 0px 1px 5px #cb7c038f inset;
    width: 40px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}
 
.player {
    background: #811b168c;
    float: left;
    padding: 16px 17px 16px 28px;
    border-radius: 6px;
    border: 1px solid #dc5520ad;
    background: #4e2010;
    background: -moz-radial-gradient(center, ellipse cover, #4e201012 1%, #38180d 100%);
    /* background: -webkit-radial-gradient(center, ellipse cover, #4e2010 1%,#38180d 100%); */
    background: radial-gradient(ellipse at center, #8d453e61 1%,#2b1007 100%) !important;
}
.left-bar > .player {
    display: inline-block;
    float: none;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
    vertical-align: top;
}
.online-channels {
    align-items: flex-end;
    display: flex;
    gap: clamp(6px, 1.1vw, 13px);
    height: 215px;
    justify-content: center;
    max-width: 100%;
    min-width: 0;
    width: 100%;
}
.online-channel {
    align-items: center;
    display: flex;
    flex-direction: column;
    width: 36px;
}
.online-channel em {
    color: #ffe886;
    font-family: NunitoSans-R;
    font-size: 13px;
    font-style: normal;
    height: 20px;
    text-shadow: 1px 1px 2px #000;
}
.online-channel-track {
    background: linear-gradient(90deg, #501812 0%, #70251d 45%, #3b100d 100%);
    border: 2px solid #6d2a20;
    box-shadow: 0 0 8px 2px rgba(3, 3, 3, .5), inset 0 0 4px #1c0705;
    height: 165px;
    overflow: hidden;
    position: relative;
    width: 27px;
}
.online-channel-fill {
    background: linear-gradient(90deg, #bc651c 0%, #f4c63f 48%, #9a4011 100%);
    bottom: 0;
    box-shadow: inset 0 0 5px 2px rgba(255, 224, 91, .45);
    left: 0;
    min-height: 0;
    position: absolute;
    transition: height 1.2s ease;
    width: 100%;
}
.online-channel strong {
    color: #ffe886;
    font-family: TrajanPro-b;
    font-size: 13px;
    margin-top: 7px;
    text-shadow: 1px 1px 2px #000;
}
.left-bar {
    max-width: 330px;
}
   .card2 {
       transform: rotate(-90deg);
    width: 200px;
    height: 200px;
    padding: 0px 0 0 20px;
	
}
.card2 em {
    color: #ffe886;
    font-size: 14px;
    font-style: initial;
    right: -27px;
    position: absolute;
    transform: rotate(90deg);font-family: NunitoSans-R;
}

/* Account login notification */
#toast-container {
    top: 96px;
    right: 24px;
    left: auto;
    padding: 0 !important;
    pointer-events: none;
}

.login-toast {
    position: relative;
    display: flex;
    align-items: center;
    width: min(390px, calc(100vw - 32px));
    max-width: none;
    min-height: 104px;
    padding: 18px 52px 18px 22px;
    overflow: hidden;
    color: #f7e8cf;
    background:
        radial-gradient(circle at 12% 0%, rgba(255, 175, 62, .15), transparent 42%),
        linear-gradient(135deg, rgba(55, 15, 15, .98), rgba(24, 8, 10, .98));
    border: 1px solid rgba(205, 132, 49, .72);
    border-radius: 4px;
    box-shadow:
        0 18px 45px rgba(0, 0, 0, .55),
        inset 0 0 24px rgba(156, 47, 27, .13);
    opacity: 0;
    pointer-events: auto;
    backdrop-filter: blur(8px);
}

.login-toast.showing,
.login-toast.show {
    opacity: 1;
    animation: login-toast-enter .45s cubic-bezier(.2, .8, .2, 1) both;
}

.login-toast__accent {
    position: absolute;
    inset: 0 auto 0 0;
    width: 4px;
    background: linear-gradient(#ffcf55, #a93626);
    box-shadow: 0 0 16px rgba(255, 126, 50, .75);
}

.login-toast__icon {
    display: grid;
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    margin-right: 16px;
    place-items: center;
    color: #ffbd4a;
    font-size: 20px;
    background: linear-gradient(145deg, rgba(139, 43, 31, .8), rgba(55, 12, 14, .9));
    border: 1px solid rgba(229, 149, 49, .65);
    border-radius: 50%;
    box-shadow:
        inset 0 0 0 3px rgba(255, 198, 72, .06),
        0 0 20px rgba(144, 36, 24, .4);
}

.login-toast__content {
    display: flex;
    min-width: 0;
    flex-direction: column;
    line-height: 1.3;
}

.login-toast__eyebrow {
    margin-bottom: 3px;
    color: #a97a58;
    font-family: "Open Sans", sans-serif;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 2px;
}

.login-toast__title {
    margin-bottom: 4px;
    color: #ffe791;
    font-family: "Philosopher", serif;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: .4px;
}

.login-toast__message {
    color: #d7afa0;
    font-family: "Open Sans", sans-serif;
    font-size: 13px;
    line-height: 1.45;
}

.login-toast__close {
    position: absolute;
    top: 10px;
    right: 12px;
    padding: 4px 7px;
    color: #9e7464;
    font: 22px/1 Arial, sans-serif;
    background: transparent;
    border: 0;
    transition: color .2s ease, transform .2s ease;
}

.login-toast__close:hover,
.login-toast__close:focus {
    color: #ffe791;
    outline: none;
    transform: rotate(90deg);
}

.login-toast__timer {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 2px;
    background: linear-gradient(90deg, #9f2e26, #ffca48);
    transform-origin: left;
    animation: login-toast-timer 6s linear forwards;
}

.login-toast--success {
    border-color: rgba(196, 164, 68, .76);
}

.login-toast--success .login-toast__accent,
.login-toast--success .login-toast__timer {
    background: linear-gradient(90deg, #8d751f, #ffdf67);
}

.login-toast--success .login-toast__icon {
    color: #ffe377;
    background: linear-gradient(145deg, rgba(105, 87, 27, .8), rgba(35, 30, 12, .9));
}

@keyframes login-toast-enter {
    from {
        opacity: 0;
        transform: translate3d(28px, -8px, 0) scale(.97);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1);
    }
}

@keyframes login-toast-timer {
    to {
        transform: scaleX(0);
    }
}

@media (prefers-reduced-motion: reduce) {
    .login-toast.showing,
    .login-toast.show,
    .login-toast__timer {
        animation: none;
    }
}

@media screen and (min-width: 992px) {
  .navbar { 
      height: 80px;
	  position: relative;
    z-index: 99;

   }
  #logo { 
    height: 120px;
    position: relative;
    bottom: -20px;
  }
   
  
}

@media screen and (min-width: 1800px) {
  .slider-section {
    background-size: 100% !important;
}
 section.content {
    background-size: cover;
    margin-top: -111px;
    padding-top: 169px;
}
.short-banner {
    background-size: 100%;
}
   
  
}
@media screen and (max-width: 768px) {
  #toast-container {
    top: 76px;
    right: 16px;
  }

  .login-toast {
    min-height: 92px;
    padding: 15px 44px 15px 16px;
  }

  .login-toast__icon {
    flex-basis: 42px;
    width: 42px;
    height: 42px;
    margin-right: 12px;
  }

  div#logo {
    width: 195px !important;
    margin-top: -11px;
    margin-bottom: -34px;
}
div#logo img
{
width:100%;
}
button.navbar-toggler.navbar-toggler-right {
    margin-top: 0;
    margin-left: 15px;
    background: #fbd02b;
    padding: 5px;
}
footer {
    text-align: center;
}

footer img.fire-icon {
  MAX-WIDTH: 156PX;
    margin-top: 8px;
    margin-bottom: 7px;
}
.copyright span {
    float: left;
    width: 100%;
    text-align: center;
}
section.content {
    background-size: cover;
}
.copyright p {
    text-align: center;
}
section.content {
    padding: 0px 14px 40px 14px;
}
.table-content { 
    padding: 14px 16px 14px 34px !important; 
}
 footer li.nav-item {
    float: left;
}
footer ul.navbar-nav {
    display: initial;
    font-size: 12px;
}
footer nav.navbar.navbar-expand-lg.navbar-light.bg-dark { 
    margin: 0!important;
	}
footer nav.navbar.navbar-expand-lg.navbar-light.bg-dark {
    width: 100%;
    float: left;
}
footer button.navbar-toggler {
    display: none;
}
footer div#navbarNav {
    display: block !important;
}
footer li.nav-item {
    float: left;
    line-height: 20px;
    font-size: 12px !important;
    text-align: center;
} 
span.amazon, span.paysafe {
    margin-bottom: 10px;
}
.coin-section-center h5 {
    padding: 0px 9px;
    margin: 23px 0px;
}
.payment-proced {
    margin-bottom: 0;
}
.coin-section-upper {
    padding-bottom: 21px;
}
.coin-section-center {
    background: none;
    padding: 0;
    border: 2px solid #b89641;
}
.coin-section-upper:before, .coin-section-upper:after
{
display:none;
}
footer .navbar-light .navbar-nav .nav-link {
    color: #ffec99 !important;
    font-size: 13px;
    margin-bottom: 5px;
}
.copyright {
    float: left;
    width: 100%;
    text-align: center;
}
div#navbarMobile {
    position: absolute;
    width: 100%;
    background: #781d0dc7;
    margin-top: 64px;
    top: 0;
}
.left-bar { 
    margin-top: 37px;
}
.col-sm-12.text-md-center {
    text-align: center;
}
section.content {
    padding-top: 80px;
}
.right-bar {
    text-align: center;
    float: right;
    margin-top: 0;
    margin-right: 0;
}
section.content.content-bg {
    padding-top: 84px;
}
.slider-section .fire-icon {
    width: 258px;
    max-width: 148px;
}
.slider-section {
    background-size: cover;
}
.tab-panels .nav-tabs {
    margin: 0px 0px;
    border-bottom: 1px solid #66262b;
    text-align: center;
    display: inline-flex;
    padding: 0px 0px;
}
img.r-pic {
    display: none;
}
form.form-inline.md-form.mr-auto.mb-4 {
    text-align: center;
    width: 258px;
    margin: 0px auto;
}
div#example_wrapper {
    overflow-x: scroll;
}
ul.requirements { 
    padding: 0px 19px;
    width: 100%; 
}
.requirements-outer { 
    margin-bottom: 0;
}
#navbarMobile li.nav-item {
    border-bottom: 1px solid #8d2e19;
}
section.content h2 { 
    font-size: 26px;
	}
}