@import url('./reset.css');
 body {
    width: 100%;
    background: url(https://i.imgur.com/O1KnHT9.png) center top no-repeat, url(https://i.imgur.com/T4BRduE.png) center bottom no-repeat, url(../images/fon-bg-repeat.jpg) center repeat-y;
    background-color: #030102;
    line-height: 1;
    min-height: 100vh;
    overflow-x: hidden;
}
 .breadcrumb {
     display: none;
}
 ul {
     list-style: none;
}
 .wrapper {
     width: 1097px;
     margin: auto;
}
 .wrapper main {
    padding: 10px;
    display: flex;
    gap: 10px;
    align-items: start;
    box-sizing: border-box;
    overflow: hidden;
    border-bottom: 1px solid #a67a5d40;
    background: #170b04cf;
}
 header .header {
     height: 525px;
     position: relative;
}
header .redes {
position: absolute;
     right: 0;
     bottom: 0;
     display: flex;
     gap: .5rem;
     align-items: center;
}header .redes a {
     display: block;
     width: 53px;
     height: 56px;
     transition: all .2s ease-in-out
}header .redes a:hover {
    filter: grayscale(80%)

}
 header .navbar {
    height: 43px;
    display: flex;
    align-items: center;
}
 header .navbar ul {
     display: flex;
     align-items: center;
     justify-content: center;
}
 header .navbar ul li a {
    display: block;
    height: 60px;
    line-height: 90px;
    text-align: center;
    color: #ffe5d2;
    font-size: 17px;
    margin-left: 20px;
    text-transform: uppercase;
    width: 100px;
    text-shadow: 0px 2px 0px #330202, 0px 0px 20px #523827;
}
header .navbar ul li a:hover {
    background: transparent;
    color: #ff8d2b;
    text-shadow: 1px 2px 15px #ff4900, 1px 1px 5px #100500;
}
 .sidebar {
     width: 280px;
}
 main .main-container {
    flex: 1;
    max-width: 800px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #1b0d04;
    box-sizing: border-box;
    overflow: hidden;
    border: solid 1px #a67a5d1c;
    padding-bottom: 25px;
}
 main .main-container > *:not(:last-child) {
     margin-bottom: 1rem;
}
 .sidebar .sidebar-title {
    font-family: 'Trajan Pro Regular';
    color: #ecd6b4;
    border-bottom: 2px solid #a67a5d;
    background: url('../images/title-menu.png')no-repeat 50% 50% #2e0f06;
    background-size: contain;
    font-size: 16px !important;
    text-shadow: 0px 1px 0px #962c11;
    padding: 10px 0px;
}
 .sidebar > *:not(:last-child){
     margin-bottom: 1rem;
}
 .sidebar .box{
    padding: 0;
    color: #b5b5b5;
    margin-top: -5px;
    margin-bottom: 20px;
    background-color: #170b04;
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    border-bottom: solid 1px #a67a5d;
    box-shadow: inset 0 0 10px hsl(24deg 73.77% 11.96%);
}
 .sidebar .box ul > *:not(:last-child){
    display: block;
    background-color: #211005;
    margin-bottom: 5px;
    padding: 10px 9px;
    border-bottom: 1px solid #85604b;
    color: #ecd6b4;
    font-family: 'Trajan Pro Bold';
    font-size: 12px;
    text-transform: uppercase;
}
 .sidebar .box ul li {
    display: block;
    background-color: #211005;
    margin-bottom: 5px;
    padding: 10px 9px;
    border-bottom: 1px solid #85604b;
    color: #ecd6b4;
    font-family: 'Trajan Pro Bold';
    font-size: 12px;
    
} .sidebar .box ul li span {
    color: #a89475;
    font-family: 'Trajan Pro Bold';
    font-size: 13px;
    font-weight: 100;
    text-shadow: 0px 0px 4px #020b1f;
    float: right;
    text-transform: uppercase;
}
 .sidebar .box-login .input {
    width: 250px;
    height: 35px;
    display: flex;
    margin-bottom: 10px;
    margin-left: 10px;
    border-bottom: 2px solid #8f6751;
    background-color: #291406;
}
 .sideba .box-login .input label, .sideba .box-login .input label span{
    font-size: 0px;
    display: block;
    position: relative;
    left: 4px;
    top: 5px;
    width: 26px;
    height: 26px;
    text-align: center;
    background-image: url(https://i.imgur.com/7EKBtw7.png);
}.sidebar .box-login .services {
    margin: 1rem 0;
    padding: 8px;
}.sidebar .box-login .services > *:not(:last-child) {
      margin-bottom: .5rem;
}
.sidebar .box-login .services a,
.sidebar .box-login a.logout{
    display: block;
    padding: 2px 5px;
    background: #2e0f06;
    color: #d3be9f;
    border: 1px solid #352317;
}
.sidebar .box-login .services a:hover{
     background: #411d07;
}
.sidebar .box-login a.logout{
    padding: 5px 0 5px 0;
    background: #5c1111;
    text-align: center;
    border: 1px solid #a01b1b;
}.sidebar .box-login a.logout:hover{
     background: #7d190ae6;
}
 .sidebar .box-login .input input {
    padding: 5px 30px;
    color: #7a5844;
    font-size: 16px;
    background-color: #1b0d04;
}
 .sidebar .box-login button[type='submit']{
    display: block;
    margin: 0 auto;
    background-color: #2e0f06;
    border: none;
    border-top: 1px solid #48271a;
    box-shadow: inset 0px -1px 0px 0px #a7836f, 0px 0px 20px 13px rgb(63 42 30 / 10%);
    padding: 10px 30px;
    color: #fffbec;
    outline: none;
    cursor: pointer;
    font-family: 'Trajan Pro Bold';
}
 .sidebar .box-login button[type='submit']:hover{
     background: #3c1e0b;
}
 .sidebar .box-login .action {
    display: flex;
    gap: 2.5rem;
    align-items: center;
    flex-direction: column-reverse;
}
 .sidebar .box-login .action a {
     display: block;
    font-size: 12px;
    padding: 10px 10px;
    background-color: #291406;
    text-align: center;
    color: #b38f7a;
}
.sidebar .dupla_pvp .image {
    width: 100px;
    height: 100px;
    margin: auto;
    border-radius: 5px;
    border: solid 1px #283a4d;
    background: #191922;
}
.sidebar .dupla_pvp .image img {
     background: #fff;
}
.sidebar .dupla_pvp p {
     color: #fff;
     font-size: 12px;
     padding: 2px;
     background:  #444;
     border-radius: 3px;
     margin: 4px 0 0;
}
.sidebar .dupla_pvp .info {
     width: 90px;
     text-align: center;
}
.sidebar .dupla_pvp .char_1{
     background: url('../images/dp-2.jpg');
     height: 140px;
     display: flex;
     justify-content: end;
     padding-right: 25px;
     align-items: center;
     margin-bottom: 1rem;
}
.sidebar .dupla_pvp .char_2{
     background: url('../images/dp-1.jpg');
     height: 140px;
     padding-left: 25px;
     display: flex;
     align-items: center;
}
 .text-danger {
     color: #ac1111 
}
 .text-success{
     color: #42ac11 
}
 h1 {
    display: flex;
    justify-content: space-between;
    padding: 0.5rem 3rem 0.5rem 4rem;
    color: #ccc;
    font-size: 16px;
    text-transform: uppercase;
    position: relative;
    background: linear-gradient(310deg, #202331, #12141f);
    border-bottom: 1px solid #262a3e;
}
 h2,h3 {
     color: #938d8d;
}
 
 h1 a {
    padding: 5px;
    width: 80px;
    position: absolute;
    right: 5px;
    background: #62391e;
    font-size: 13px;
    box-shadow: 0 0 3px #291406;
    color: #ccc;
    text-align: center;
}
 .posts {
    margin-top: -7px;
    padding: 1rem;
    border: solid 1px #74534021;
    background: #170b04;
}
 .posts > :not(:last-child){
     margin-bottom: .5rem;
     position: relative;
}
.posts .posts-post:nth-child(1)::before {

}

@keyframes piscar {
  0% { opacity: 1; }
  50% { opacity: .5; }
  100% { opacity: 1; }
}

 .posts .posts-title {
    background: #1c0f07;
    padding: 8px;
    display: flex;
    justify-content: space-between;
}
 .posts .posts-title:hover {
     background: transparent;
}
 .posts .posts-title a {
     font-size: 15px;
     color: #ecd6b4;
     padding-left: .5rem;
}
 .posts .posts-title .posts-created {
     color: #998a61;
     font-size: 12px;
}
.posts .posts-title a:hover {
     color: #fbac51;
}
 .ranking {
    margin-top: -7px;
    padding: 1rem;
    border: solid 1px #74534021;
    background: #170b04;
}
.ranking .ranking-button {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin-bottom: 15px;
    gap: 5px;
}
.ranking .ranking-button a {
    display: block;
    font-size: 11px;
    text-align: center;
    text-transform: uppercase;
    padding: 5px 5px;
    color: #ada598;
    box-shadow: inset 0 0 10px #513422;
    border-bottom: 1px solid #85604b;
    background: #211205;
}
.ranking .ranking-button a.active, .ranking .ranking-button a:hover{
    padding: 5px 5px;
    color: #ecd6b4;
    box-shadow: inset 0 0 10px #6a4b39;
    border-bottom: 1px solid #85604b;
    background-color: #2e0f06;
}
 .ranking .rankings > div {
     display: none;
}
 .ranking .rankings > div.active {
     display: block;
     
}
 .ranking .rankings > div .list-characters > div {
    text-align: center;
    color: #ccc;
    border-bottom: 2px solid #553324;
    box-shadow: inset 0 0 10px #2b1e15;
    background: #312218;
}
 .ranking .rankings > div .list-characters > div img, .ranking .rankings > div .list-characters > div svg{
    width: 134px;
    height: 134px;
    margin: .5rem auto;
    border-bottom: 2px solid #553324;
    background: #170b04;
}
 table {
     width: 100%;
     border-collapse: collapse;
}
 table thead tr th {
     padding: 8px;
     background: #212434;
     color: #a4a4a4;
     font-weight: normal;
     text-align: left;
}
 table tbody tr td {
     padding: 8px;
     background: #1c1e2b;
     color: #fff;
     font-weight: normal;
     border-bottom: 2px solid #40291a 
}
.badge{
    font-size: 12px;
    padding: 3px 3px;
    color: #fff;
    animation: piscar 0.8s linear infinite;
}
.badge.bg-primary {
     background: #764516;
}
.badge.bg-secondary {
     background: #2e0f06;
}
.badge.bg-warning {
     background: #64511c;
}
 table tbody tr td a {
     background: #3a1b0a;
     padding: 4px;
     color: #f3a54c;
     text-transform: capitalize;
     border-radius: 2px;
}
table tbody tr td a:hover {
     background: #642d0b;
}
 .page-body{
     padding: 1rem;
     background: #170b04;
     color: #9f9f9f 
}
.page-body > *:not(:last-child), .page-body form > *:not(:last-child) {
     margin-bottom: 1rem;
}
 .page-body form label {
     font-size: 12px;
     display: block;
     margin-bottom: .2rem;
}
 .page-body form input:not(input[type='checkbox']), .page-body form select, .page-body form textarea{
     width: 100%;
     padding: .2rem;
     border-radius: 2px;
     background: #211005;
     color: #ac9778;
}
 .page-body .terms {
     display: flex;
     gap: .3rem 
}
.page-body .terms a{
     color: #adaaaa;
     position: relative;
     top: 2px 
}
 .page-body form button[type='submit']{
     padding: .5rem .8rem;
     color: #ddd;
    color: #c46d3d;
    background: #2e0f06;
}
 .page-body form button[type='submit']:hover{
    color: #c46d3d;
    background: #56280c;
}
.page-body .nav-tabs {
     display: grid;
     grid-template-columns: repeat(4,1fr);
     gap: 1rem;
}
.page-body .nav-tabs a {
     padding: .5rem;
     background: #43190c;
     display: block;
     border-radius: 4px;
     text-align: center;
     color: #df997f;
}
.page-body .nav-tabs a:hover {
     background: #7c2f0d;
}
 .page-body .info{
     padding: 1rem;
     background: #211005;
}
.page-body .info h3 {
     color: #fff
}
 .page-body .info:not(:last-child){
     margin: 0 0 1rem;
}
.page-body .info a {
     color: #e6ad44;
}
.page-body .info a:hover {
     text-decoration: underline;
}
.select-rankings {
     display: flex;
     gap: 1rem
}.select-rankings select {
     padding: 5px;
     background: #3a1b0a;
     color: #eee;
     border-radius: 5px;
     width: 150px;
}
.result-ranking table thead tr th:nth-child(1),
.result-ranking table tbody tr td:nth-child(1){
    text-align:center;
}.result-ranking table tbody tr td .guild {
display: flex;
gap: .5rem}
.gateways .list {
     display: grid;
     grid-template-columns: repeat(4,1fr);
     gap: 1rem;
}.gateways .list .card {
padding: 5px;
background: #403f3f;
border-radius: 5px;}
.gateways .list .card a {
     color: #fff;
     padding: 2px;
     display: block;
     background: #2563a9;
     border-radius: 5px;
     text-align: center;
     margin-top: .5rem;
}.gateways .list .card a:hover {
     background: #1a487b;
}
.page-body .list-group {
    gap: 1rem;
    display: flex;
    padding: 8px;
    flex-direction: column;
    margin-bottom: 5px;
    color: #ccc;
    border: solid 1px #5e39203d;
    background: #211005;
    
}.page-body .list-group a {
     padding: 5px;
     background: #43190c;
     text-align: center;
     border-radius: 5px;
     color: #bd8a4f;
}.page-body .list-group a:hover {
     background: #7c2f0d;
     
}.list-characters{
   display: grid;
     grid-template-columns: repeat(5,1fr);
     gap: 1rem; 
     margin-bottom: 10px;
}
.list-characters .character {
    border-radius: 5px;
    text-align: center;
   color: #c46d3d;
    background: #2e0f06;
}

.list-characters .character p {
     padding: 2px;
     background: #3e1e09;
}
.list-characters .character img {
     margin: 1rem auto;
     width: 100px;
     height: 100px;
     background: transparent;
     border-radius: 5px;
}
.list-characters .character  a,.btn-new-ticket,.guides .categories a {
    padding: 3px;
    text-align: center;
    color: #c46d3d;
    background: #2e0f06;
}

.list-characters .character a:hover,.btn-new-ticket:hover,.guides .categories a:hover {
    padding: 3px;
    text-align: center;
    color: #c46d3d;
    background: #2e0f06;
    
}.list-characters .character.active {
    padding: 3px;
    text-align: center;
    color: #425273;
    color: #ff6a26;
    background: #2e0f06;
    box-shadow: 0 5px 10px #46240f;
}
.ticket-message,
.ticket-answers li{
     padding: 5px;
    background: #250852;
    text-align: center;
    border-radius: 5px;
    color: #fff;
}

.ticket-answers > *:not(:last-child) {
     margin-bottom: 1rem;
}

.ticket-header{
     display: flex;
     justify-content: space-between;
     align-items: center;
     background: #080808;
     padding: 2px 5px;
     border-radius: 2px;
     margin-bottom: 5px;
}
.guides {
     display: flex;
     gap: 8px;
     align-items: start;
}
.guides .categories {
     background: #2e0f06;
     padding: 13px;
}.guides .categories > *:not(:last-child),
.guides .list .list-group-item > *:not(:last-child){
     margin-bottom: .5rem;
}.guides .categories a {
     display: block;
}
.guides .list {
flex: 1}

.guides .list .list-group-item a,
 .votes a{
     display: flex;
     justify-content: space-between;
     padding: 8px;
     align-items: center;
     color: #c8752e;
     background: #2e0f06;
     border-radius: 5px;
}
.guides .list .list-group-item a:hover,
 .votes a:hover{
     background: #3f170c;
}
.votes,
.votes p{
     display: flex;
     color:#c8752e;
     gap: 16px;
     align-items: center;
}
.votes p,
 .votes a,
.votes p span{
    color: #c8752e;
     gap: 2px;
     font-size: 15px;
}

.guides .list .list-group-item a:hover,
 .votes a:li{
    color: #c8752e;
}

.guides .list .list-group-item i,
 .votes i{
    color: #c8752e;
}

.votes i,
 .votes a,
.votes i span{
    color: #c8752e;
     gap: 2px;
     font-size: 15px;
}

.box-custom {
     width: 100%;
     height: 245px;
}

.box-custom.time {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: end;
    background-repeat: no-repeat;
    background-size: contain;
    border: solid 1px #74534021;
    background-color: #170b04;
}
.box-custom.time .chars {
     padding: 0px 10px 0 10px;
    display: flex;
    justify-content: center;
    column-gap: 10px;
    align-items: center;
}
.box-custom.time .chars .image,
.box-custom.time .chars p{
    padding: 2px;
    border: solid 1px #79553f85;
    background: #2e0f06;
    FONT-SIZE: 11px;
    margin-top: 3px;
    font-family: 'Trajan Pro Bold';
}
.box-custom.time .chars p {
    color: #b38f7a;
    text-align: center;
    padding: 3px;
    margin-bottom: 0px;
    text-transform: uppercase;
    font-family: 'Trajan Pro Bold';
}
.box-custom.time .chars img {
     width: 100%;
     background: #1d1d1d;
     animation: piscar 1.4s linear infinite;
}
.box-custom.battle {
     background:url('../images/battle-guild.jpg')
}
.box-custom.battle .guild,
.box-custom.king .char{text-align: center;color: #fff;position: relative;left: 245px;top: 50px;width: 130px;}
.box-custom.battle .guild p,.box-custom.king .char p {
     position: relative;
     top: 7px
}
.box-custom.king .char img {
     background: #fff;
}
.box-custom.king {
     background:url('../images/rei-do-mu.jpg')
}
footer {
    display: flex;
    padding: 0rem;
    color: #939393;
    align-items: center;
    padding-top: 400px;
    min-height: 800px;
}

.header .header-brand-logo {
    max-width: 100%;
    height: 310px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin: 3rem 0;
}
.img-fluid {
    max-width: 100%;
    height: auto;
}








.row {
    display: flex;
    flex-wrap: wrap;
    margin-top: 0px;
    margin-right: -1.75px;
    margin-left: -5.75px;
}    

.col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
}

.h-100 {
    height: 100% !important;
}

.card {
    position: relative;
    padding: 5px;
    display: flex;
    flex-direction: column;
    min-width: 0;
    color: #fff;
    word-wrap: break-word;
    background-color: #111114;
    background-clip: border-box;
    border: 1px solid #242424;

}

.card .card-header {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.card-header:first-child {
    border-radius: 5px;
}

.card-header {
    padding: 3px;
    margin-bottom: 0;
    color: c45s7f2;
    background-color: #cdcdcd;
    border-bottom: #fff;
}

.webshop-product .card-body {
    position: relative;
}

.flex-column {
    flex-direction: column !important;
}

.card-body {
    flex: 1 1 auto;
    padding: 5pc;
    color: #fff;
}

.section_event_title span {
    width: 50%;
    margin-left: 25%;
    margin-top: 5px;
    text-align: center;
    display: block;
    color: #ffb138ba;
    font-size: 12px;
    padding: 5px 0px;
    margin-bottom: 10px;
    text-transform: uppercase;
    border-bottom: 1px solid #a67a5d;
    background: #26170ef2;
    font-family: 'Trajan Pro Bold';
}
.section_event_order {
    text-align: center;
    padding: 1rem;
}
.section_event_order p {
    width: 50%;
    margin-left: 25%;
    margin-top: 5px;
    text-align: center;
    display: block;
    color: #ffb138ba;
    font-size: 12px;
    padding: 5px 0px;
    margin-bottom: 10px;
    text-transform: uppercase;
    border-bottom: 1px solid #a67a5d;
    background: #26170ef2;
    font-family: 'Trajan Pro Bold';
}
.section_event_order span {
    width: 50%;
    margin-left: 25%;
    text-align: center;
    display: block;
    color: #ffb138ba;
    font-size: 12px;
    padding: 5px 0px;
    margin-bottom: 10px;
    text-transform: uppercase;
    border-bottom: 1px solid #a67a5d;
    background: #26170ef2;
    font-family: 'Trajan Pro Bold';
}