/* GLOBAL STYLES
/* Coded by m1xawy
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

/*
body {
    padding-top: 3rem;
    padding-bottom: 3rem;
    color: rgb(var(--bs-tertiary-color-rgb));
}
*/

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
    margin-bottom: 4rem;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
    bottom: 3rem;
    z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel-item {
    height: 32rem;
}


/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
    margin-bottom: 1.5rem;
    text-align: center;
}
/* rtl:begin:ignore */
.marketing .col-lg-4 p {
    margin-right: .75rem;
    margin-left: .75rem;
}
/* rtl:end:ignore */


/* Featurettes
------------------------- */

.featurette-divider {
    margin: 5rem 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
/* rtl:begin:remove */
.featurette-heading {
    letter-spacing: -.05rem;
}

/* rtl:end:remove */

/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {
    /* Bump up size of carousel content */
    .carousel-caption p {
        margin-bottom: 1.25rem;
        font-size: 1.25rem;
        line-height: 1.4;
    }

    .featurette-heading {
        font-size: 50px;
    }
}

@media (min-width: 62em) {
    .featurette-heading {
        margin-top: 7rem;
    }
}

/* INLINE CSS
-------------------------------------------------- */

.bd-placeholder-img {
    font-size: 1.125rem;
    text-anchor: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

@media (min-width: 768px) {
    .bd-placeholder-img-lg {
        font-size: 3.5rem;
    }
}

.b-example-divider {
    width: 100%;
    height: 3rem;
    background-color: rgba(0, 0, 0, .1);
    border: solid rgba(0, 0, 0, .15);
    border-width: 1px 0;
    box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
}

.b-example-vr {
    flex-shrink: 0;
    width: 1.5rem;
    height: 100vh;
}

.bi {
    vertical-align: -.125em;
    fill: currentColor;
}

.nav-scroller {
    position: relative;
    z-index: 2;
    height: 2.75rem;
    overflow-y: hidden;
}

.nav-scroller .nav {
    display: flex;
    flex-wrap: nowrap;
    padding-bottom: 1rem;
    margin-top: -1px;
    overflow-x: auto;
    text-align: center;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
}

.btn-bd-primary {
    --bd-violet-bg: #712cf9;
    --bd-violet-rgb: 112.520718, 44.062154, 249.437846;

    --bs-btn-font-weight: 600;
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: var(--bd-violet-bg);
    --bs-btn-border-color: var(--bd-violet-bg);
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: #6528e0;
    --bs-btn-hover-border-color: #6528e0;
    --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
    --bs-btn-active-color: var(--bs-btn-hover-color);
    --bs-btn-active-bg: #5a23c8;
    --bs-btn-active-border-color: #5a23c8;
}

.bd-mode-toggle {
    z-index: 1500;
}

.bd-mode-toggle .dropdown-menu .active .bi {
    display: block !important;
}

/* START CSS
-------------------------------------------------- */
@font-face {
    font-family: Creolia;
    src: url(../fonts/Creolia.ttf);
}
@font-face {
    font-family: Transducer-Regular;
    src: url(../fonts/Transducer/TransducerTest-Regular-BF645c3dd843c3b.otf);
}
@font-face {
    font-family: Transducer-Medium;
    src: url(../fonts/Transducer/TransducerTest-Medium-BF645c3dd896377.otf);
}
@font-face {
    font-family: Transducer-Black;
    src: url(../fonts/Transducer/TransducerTest-Black-BF645c3dd71b125.otf);
}
@font-face {
    font-family: AlbraBookTRIAL-Regular;
    src: url(../fonts/albra/AlbraBookTRIAL-Regular.otf);
}
@font-face {
    font-family: AlbraBookTRIAL-Black;
    src: url(../fonts/albra/AlbraBookTRIAL-Black.otf);
}
body {
    color: #fff4d0;
    background-color: #150900;
    background-image: url(../images/unknown-bg.png);
    background-position: top center;
    background-repeat: no-repeat;
    font-family: Transducer-Regular, serif;
}
@media (min-width: 1400px){
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1480px;
    }
}

nav#top-bar {
    background-color: #150900;
    background-image: url(../images/topbar-bg.png);
    position: absolute;
    width: 100%;
    height: 60px;
    z-index: -1;
}
nav#top-bar ul.nav {
    margin-top: 10px;
    display: flex;
}
nav#top-bar ul.nav li a.nav-link {
    color: #fffaea;
}
header {
    background-image: url(../images/nav-bg.png);
    background-position: top center;
    background-repeat: repeat-x;
    font-family: Creolia, serif;
}
header ul.nav {
    margin-top: 15px;
}

.navbar {
    background-color: transparent !important;
    border: none;
}
.navbar-toggler {
    color: #bda871;
    background-color: transparent;
    border: 1px solid #bda871;
}

header ul.nav li a.nav-link {
    color: #bda871;
    font-size: .9rem;
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: 0px 0px 8px rgb(255 143 76 / 50%), 1px 1px 1px #000, -1px -1px 1px #000;
    border-right: 1px solid rgb(189 168 113 / 20%);
    padding-left: 25px !important;
    padding-right: 25px !important;
    filter: drop-shadow(0px 0px #000);
}

header ul.nav li:first-child a.nav-link {
    padding-left: 0 !important;
}
header ul.nav li:last-child a.nav-link {
    border: none;
    padding-right: 0 !important;
}
footer ul.nav li a.nav-link {
    color: #bda871;
}

.text-body-secondary {
    color: #fffaea !important;
}
#pegi_text {
    font-size: 9px;
    color: #d3d3d3;
}

.footer-sponsors a {
    border: 4px solid #cc9c51;
    border-radius: 15px;
    padding: 10px;
    margin-right: 10px;
}
.footer-sponsors a:hover {
    background-color: #401400;
}
section.home-intro a.btn {
    color: #150900;
    padding: 0.6rem 5rem !important;
    background-image: linear-gradient(to left, #f6e27a 0%, #cc9c51 100%);
    box-shadow: inset 0px -4px 4px 0px #ffdf87, 0px -4px 4px 0px #000, 0px 4px 4px 0px rgb(211 55 0 / 61%);
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 0;
    border-radius: 50px;
    font-family: Transducer-Black, serif;
    font-weight: bold;
}
section.home-intro a.btn.btn-login {
    background-image: linear-gradient(to bottom, #f6e27a 0%, #cc9c51 100%);
    box-shadow: inset 0px -4px 4px 0px #ffdf87, 0px -4px 4px 0px #000, 0px 4px 4px 0px rgb(211 55 0 / 61%);
}
section.home-intro a.btn.btn-register {
    background-image: linear-gradient(to bottom, #68ed93 0%, #46c456 100%);
    box-shadow: inset 0px -4px 4px 0px #68ed93, 0px -4px 4px 0px #000, 0px 4px 4px 0px rgb(48 139 64 / 61%);
}
a:hover, button:hover {
    filter: brightness(120%) !important;
}
section.home-intro .intro-stats > div {
    color: #150900;
    padding: 0.6rem 1rem !important;
    background-color: rgb(21 9 0 / 50%);
    box-shadow: inset 0px 4px 4px 0px rgb(255 255 255 / 30%);
    border-radius: 25px;
    text-align: center;
}

/*
section.home-intro .intro-stats > div.intro-fortress h4:before, section.home-intro .intro-stats > div.intro-fortress h4:after {
    content: "";
    width: 25px;
    height: 50px;
    position: absolute;
    background-image: url(../images/intro-fortress-badge.png);
    background-position: top center;
    background-repeat: no-repeat;
}
*/

section.home-intro {
    margin-top: 80px;
    margin-bottom: 140px;
    font-family: Creolia, serif;
}
section.home-intro .intro-stats > div p {
    color: #fff;
    font-size: .8rem;
    text-transform: uppercase;
    text-shadow: 0px 0px 8px rgb(255 143 76 / 50%), 0px 0px rgb(0 0 0 / 100%);
    margin-bottom: 0;
}
section.home-intro .intro-stats > div h4 {
    color: #ffc24c;
    font-size: 1.5rem;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 0;
    background: linear-gradient(to bottom, #f6e27a, #cc9c51);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    //text-shadow: 0px 0px 8px rgb(255 143 76 / 50%), 0px 0px rgb(0 0 0 / 100%);
}
section.home-intro .intro-stats > div.intro-status p {
    color: #ffc24c;
    background: linear-gradient(to bottom, #f6e27a, #cc9c51);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: none;
    font-weight: bold;
}
.progress, .progress-stacked {
    background-color: #150900;
    border: 2px solid #000;
}
section.home-intro .intro-stats .progress-bar {
    color: #fff;
    background-color: #46c456;
    background-image: linear-gradient(to right, #39ff9f 0%, #f6e27a 100%) !important;
}

.top-divider {
    width: 100%;
    height: 50px;
    background-image: url(../images/top-divider.png);
    background-position: center;
    background-repeat: no-repeat;
}
.download-top-divider {
    width: 100%;
    height: 50px;
    background-image: url(../images/download-top-divider.png);
    background-position: center;
    background-repeat: no-repeat;
}
.center-divider {
    width: 100%;
    height: 50px;
    background-image: url(../images/center-divider.png);
    background-position: center;
    background-repeat: no-repeat;
}
.bottom-divider {
    width: 100%;
    height: 50px;
    background-image: url(../images/bottom-divider.png);
    background-position: center;
    background-repeat: no-repeat;
}

.card {
    color: #bda871;
    background-color: #110700;
    border-radius: 0;
    border: 2px solid #bda871;
}
.card:before {
    content: "";
    display: block;
    position: absolute;
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 1px;
    pointer-events: none;
    border: 2px solid #a07944;
}
#home-carousel.carousel {
    position: relative;
    height: 317px;
    margin-bottom: 0;
    float: right;
    border: 2px solid #bda871;
}
#home-carousel.carousel:before {
    content: "";
    display: block;
    position: absolute;
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 1px;
    pointer-events: none;
    border: 2px solid #a07944;
    z-index: 1;
}
#home-carousel.carousel .carousel-item {
    height: 312px;
    overflow: hidden;
    position: relative;
}
#home-carousel.carousel .carousel-item:before {
    content: "";
    display: block;
    position: absolute;
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 1px;
    background: linear-gradient(to bottom, rgb(0 0 0 / 0%), rgb(17 7 0 / 100%));
    z-index: 0;
}
#home-carousel.carousel .slider-body {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 210px;
    padding-left: 20px;
    font-size: 12px;
}
#home-carousel.carousel .slider-body a.btn {
    display: inline-block;
    color: #000;
    background: linear-gradient(to bottom, #f6e27a, #cc9c51);
    font-family: Transducer-Regular, serif;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 900;
    margin-right: 20px;
    border-radius: 50px;
    padding: 5px 20px;
}
#home-carousel.carousel .slider-body h4 {
    display: inline-block;
    color: #f6e27a;
    font-size: 1rem;
    font-weight: 900;
    font-family: Transducer-Regular, serif;
    background: linear-gradient(to bottom, #f6e27a, #cc9c51);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
#home-carousel.carousel .slider-body p {
    margin-top: 10px;
    font-size: 9px;
}
#home-carousel.carousel .carousel-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.carousel-control-next, .carousel-control-prev {
    opacity: 1;
}
.carousel-control-next-icon, .carousel-control-prev-icon {
    width: 20px;
    height: 24px;
}
.carousel-control-prev-icon {
    background-image: url(../images/slider-prev-icon.png);
}
.carousel-control-next-icon {
    background-image: url(../images/slider-next-icon.png);
}
.carousel-indicators {
    bottom: auto;
    justify-content: start;
    align-content: center;
    padding: 0;
    margin: 1rem 0 0 1rem;
}
.carousel-indicators [data-bs-target] {
    width: 14px;
    height: 14px;
    background-color: transparent;
    border: 2px solid #a07944;
    border-image: linear-gradient(to bottom, #f6e27a, #cc9c51) 1;
    border-radius: 5px;
    opacity: 1;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
}
.carousel-indicators .active {
    opacity: 1;
    background: linear-gradient(to bottom, #f6e27a, #cc9c51);
}
.card.server-info {
    height: 317px;
}
.card.activity-ranking {
    height: 317px;
}

.buttons .btn-default {
    width: 100%;
    height: 120px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 25px;
    position: relative;
    transition: all 0.3s ease !important;
    border-radius: 0 !important;
    background-image: url(../images/top-player-btn-bg.png);
    background-size: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    overflow: hidden;
    text-decoration: none;
}
.buttons .btn-top-player {
    background-image: url(../images/top-player-btn-bg.png);
    background-size: 100%;
    background-position: center center;
    background-repeat: no-repeat;
}
.buttons .btn-top-guild {
    background-image: url(../images/top-guild-btn-bg.png);
    background-size: 100%;
    background-position: center center;
    background-repeat: no-repeat;
}
.buttons .btn-top-unique {
    background-image: url(../images/top-unique-btn-bg.png);
    background-size: 100%;
    background-position: center center;
    background-repeat: no-repeat;
}
.buttons .btn-top-honor {
    background-image: url(../images/top-honor-btn-bg.png);
    background-size: 100%;
    background-position: center center;
    background-repeat: no-repeat;
}
.buttons .btn-default span {
    color: #f6e27a;
    font-family: Creolia, serif;
    font-size: .8rem;
    font-weight: 400;
    text-transform: uppercase;
    text-shadow: 0px 0px 8px rgb(255 143 76 / 50%), 0px 0px rgb(0 0 0 / 100%);
}
.buttons .btn-default img {
    padding-bottom: 10px;
    margin-right: 5px;
}
.buttons .btn-default h3 {
    color: #f6e27a;
    font-family: Creolia, serif;
    font-size: 2.4rem;
    font-weight: bold;
    text-transform: uppercase;
    background: linear-gradient(to bottom, #f6e27a, #865011);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.buttons .row {
    position: relative;
}
.buttons .row:before {
    content: "";
    display: block;
    width: 44px;
    height: 33px;
    position: absolute;
    top: 40px;
    left: -32px;
    background-image: url(../images/home-buttons-figure-left.png);
    background-size: 100%;
    background-position: center center;
    background-repeat: no-repeat;
}
.buttons .row:after {
    content: "";
    display: block;
    width: 44px;
    height: 33px;
    position: absolute;
    top: 40px;
    right: -32px;
    background-image: url(../images/home-buttons-figure-right.png);
    background-size: 100%;
    background-position: center center;
    background-repeat: no-repeat;
}
.buttons .row.no-badge:before, .buttons .row.no-badge:after {
    content: none;
}

.card.last-global, .card.unique-kills {
    height: auto;
    padding: 20px 10px;
    background-image: url(../images/last-global-bg.png);
    background-size: 100%;
    background-position: top center;
    background-repeat: no-repeat;
    border: none;
}


.card.last-global:before, .card.unique-kills:before {
    border: none;
}
section.discord .row {
    background-image: url(../images/discord-bg.png);
    background-size: 92%;
    background-position: top center;
    background-repeat: no-repeat;
}
.server-info ul li:first-child span, .server-info ul li:first-child span:last-child {
    color: #39ff9f;
}
.server-info ul li span:first-child {
    text-transform: uppercase;
}
.server-info ul li span:last-child {
    color: #fff4d0;
}
.activity-ranking .card-header {
    color: #f6e27a;
    font-family: Creolia, serif;
    font-size: 1rem;
    font-weight: 400;
    text-transform: uppercase;
    text-shadow: 0px 0px 8px rgb(255 143 76 / 50%), 0px 0px rgb(0 0 0 / 100%);
}
.activity-ranking .table {
    font-size: 12px;
    font-weight: 400;

    border-collapse: separate;
    border-spacing: 5px 5px;
}
.activity-ranking .table thead tr th {
    color: #f1d289;
    background: none;
    border: none;
    box-shadow: none;
}
.activity-ranking .table tbody tr td {
    color: #fff4d0;
    background: #2a1506;
    border: none;
    box-shadow: none;
    text-align: center;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.activity-ranking .table tbody tr td a {
    color: #fff4d0;
    text-decoration: none;
}

.last-global .card-header, .unique-kills .card-header {
    color: #f6e27a;
    font-family: Creolia, serif;
    font-size: 1rem;
    font-weight: 400;
    text-transform: uppercase;
    text-shadow: 0px 0px 8px rgb(255 143 76 / 50%), 0px 0px rgb(0 0 0 / 100%);
}
.unique-kills ul li, .last-global ul li {
    color: #fff4d0;
    font-size: 14px;
    font-weight: 400;
}
.unique-kills ul li a, .last-global ul li a {
    color: #ffd360;
    font-size: 1rem;
    font-weight: 900;
    text-decoration: none;
}
section.event .row {
    background-image: url(../images/Leaf.png);
    background-size: 95%;
    background-position: center center;
    background-repeat: no-repeat;
}
.event-schedule .card-header,
.sox-drop .card-header,
.sox-plus .card-header {
    color: #f6e27a;
    font-family: Creolia, serif;
    font-size: 1rem;
    font-weight: 400;
    text-transform: uppercase;
    text-shadow: 0px 0px 8px rgb(255 143 76 / 50%), 0px 0px rgb(0 0 0 / 100%);
}
section.event .event-schedule .card-body,
section.event .sox-drop .card-body,
section.event .sox-plus .card-body {
    overflow-y: scroll;
}
section.event .event-schedule,
section.event .sox-drop,
section.event .sox-plus {
    height: 515px;
}
.sox-drop ul li,
.sox-plus ul li {
    color: #fff4d0;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.2;
}
.sox-drop ul li a,
.sox-plus ul li a {
    color: #ffd360;
    font-size: 12px;
    font-weight: 900;
    text-decoration: none;
}

section.event .event-schedule .table {
    border-collapse: separate;
    border-spacing: 10px 10px;
}
section.event .event-schedule .table tbody tr td {
    width: 50%;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

section.news .post .card-header {
    color: #e4be76;
    font-family: Creolia, serif;
    font-size: 1.2rem;
    font-weight: 400;
    text-transform: uppercase;
}
section.news .post .post-content {
    color: #fffaea;
    font-family: Creolia, serif;
    font-size: 14px;
    font-weight: 400;
    text-transform: none;
}
section.news .post .post-thumbnail {
    width: 640px;
    height: 340px;
    border-radius: 50px;
    border: 4px solid #7f5b2d;
    overflow: hidden;
    padding: 0;
    text-align: center;
    margin-right: 25px;
}
section.news .post .post-thumbnail img {
    max-width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.2);
}
section.event .card-header:before {
    content: "";
    display: block;
    width: 100%;
    height: 33px;
    background-image: url(../images/event-figure.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto;
    position: absolute;
    top: -25px;
    left: 0;
    z-index: 1;
}

::-webkit-scrollbar {
    width: 14px;
}
::-webkit-scrollbar-track {
    background: #2a1506;
    border: 1px solid #e4be76;

}
::-webkit-scrollbar-thumb {
    background: linear-gradient(to left, #f6e27a, #cc9c51);
    background-clip: content-box;
    border: 4px solid transparent;
}
::-webkit-scrollbar-thumb:hover {
    background: #e4be76;
}

/******LOGIN*******/
.login-page form {
    margin-top: 3rem;
}
.login-page h1 {
    color: #f6e27a;
    font-family: Creolia, serif;
    font-size: 4rem;
    font-weight: bold;
    text-transform: uppercase;
    background: linear-gradient(to top, #cc9c51, #f6e27a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    filter: drop-shadow(2px 2px 4px #000);
    margin-bottom: 0;
}

.login-page button.btn {
    display: inline-block;
    color: #000;
    background: linear-gradient(to bottom, #f6e27a, #cc9c51);
    border: none;
    font-family: Transducer-Regular, serif;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    margin-top: 5px;
    border-radius: 13px;
    padding: 7px 85px;
}
.login-page a {
    color: #ffd036;
    text-decoration: none;
    font-weight: bold;
}
.login-page label {
    color: #bda871;
    text-transform: uppercase;
    font-family: Creolia, serif;
    background: linear-gradient(to top, #cc9c51 0%, #f6e27a 50%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    filter: drop-shadow(0px 0px 4px rgb(255 143 76 / 50%));
}
.login-page input {
    color: #bda871;
    background-color: #110700;
    border-radius: 0;
    border: 4px double #cc9c51;
}
.login-page .form-control:focus {
    color: #bda871;
    background-color: #110700;
    border-color: #bda871;
    outline: 0;
    box-shadow: none;
}
.login-page input::placeholder {
    opacity: 0.2;
    color: #fff4d0;
}

.login-page a#forget-password {
    color: #fff4d0;
    text-decoration: none;
    font-weight: bold;
    padding-left: 50px;
    filter: brightness(100%) !important;
    position: initial;
    left: 140px;
}
.login-page a#forget-password:before {
    content: "";
    display: inline;
    width: 50px;
    height: 33px;
    background-image: url(../images/forget-figure.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50%;
    position: absolute;
    top: -10px;
    left: 0;
    z-index: 1;
}

.login-page label.form-check-label {
    color: #fff4d0;
    text-transform: none;
    background: linear-gradient(to top, #fff4d0 0%, #fff4d0 25%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    filter: none;
    margin-left: 5px;
    margin-top: 2px;
}
.login-page input[type="checkbox"] {
    width: 2em;
    height: 2em;
    margin-top: 0;
    accent-color: #bda871 !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    display: inline-flex;
    justify-content: center;
    padding: 3px;
    border: 1px solid #bda871;
    border-radius: 0.5rem;
    background: none;
    box-shadow: none;
}
.login-page input[type="checkbox"]::before {
    content: "";
    width: 1.4rem;
    height: 1.4rem;
    transform: scale(-0);
    background-image: url(../images/check-icon.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
}
.login-page input[type="checkbox"]:checked::before {
    transform: scale(1);
}
.form-check-input:checked[type=checkbox] {
    --bs-form-check-bg-image: none;
}
.login-page input[type="checkbox"]:hover {
    color: black;
}

/******DOWNLOAD*******/
.download-page .download-box .download-icon {
    width: 130px;
    height: 130px;
    background-color: #110700;
    border-radius: 100px;
    padding: 1.5rem;
    margin-right: 20px;
    border: 5px solid #cc9c51;
    text-align: center;
}
.download-page .download-box .download-icon img {
    max-width: 100%;
    object-fit: cover;
}
.download-page a {
    color: #fff4d0;
    text-decoration: none;
}
.download-page .download-box h4.hoster {
    color: #ffd360;
    font-size: 1.5rem;
    font-weight: 900;
    font-family: Creolia, serif;
    text-transform: uppercase;
    text-decoration: none;
}
.download-page .download-box p.memo-size {
    color: #ffdaa6;
}
.download-page .download-box .btn {
    display: inline-block;
    color: #000;
    background: linear-gradient(to bottom, #f6e27a, #cc9c51);
    border: none;
    font-family: Transducer-Black, serif;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    margin-top: 0;
    border-radius: 13px;
    padding: 7px 60px;
}
.download-requirements .table>:not(caption)>*>* {
    padding: 1rem .5rem !important;
}

.download-drivers h6,
.download-requirements h6 {
    color: #f6e27a;
    font-family: Creolia, serif;
    font-size: 2rem;
    font-weight: 400;
    margin-bottom: 0;
    text-transform: uppercase;
    text-shadow: 0px 0px 8px rgb(255 143 76 / 50%), 0px 0px rgb(0 0 0 / 100%);
}
.download-drivers p,
.download-requirements p {
    font-size: 13px;
}
.download-drivers .card {
    height: 170px;
    color: #bda871;
    background-color: #110700;
    border-radius: 15px;
    border: 4px solid #bda871;
}
.download-drivers .card:before {
    content: none;
}
.download-drivers .card-body {
    height: 100px;
    padding: 0;
    text-align: center;
    align-content: center;
}
.download-drivers .card-body img {
    max-width: 100%;
    object-fit: cover;
    transform: scale(.8);
}

/******RANKING*******/
.ranking-buttons .btn.ranking-main-button {
    width: 148px;
    height: 47px;
    background-color: transparent;
    background-image: url(../images/ranking-button.png);
    background-size: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    box-shadow: none;
    border: none;
}
.ranking-buttons .btn.ranking-main-button {
    color: #f6e27a;
    font-family: Creolia, serif;
    font-size: .8rem;
    font-weight: 400;
    text-transform: uppercase;
    text-shadow: 0px 0px 8px rgb(255 143 76 / 50%), 0px 0px rgb(0 0 0 / 100%);
}
.ranking-page .row:first-child {
    position: relative;
}
.ranking-page .row:first-child:before {
    content: "";
    display: block;
    width: 44px;
    height: 33px;
    position: absolute;
    top: -5px;
    left: 45px;
    background-image: url(../images/home-buttons-figure-left.png);
    background-size: 100%;
    background-position: center center;
    background-repeat: no-repeat;
}
.ranking-page .row:first-child:after {
    content: "";
    display: block;
    width: 44px;
    height: 33px;
    position: absolute;
    top: -5px;
    right: 45px;
    background-image: url(../images/home-buttons-figure-right.png);
    background-size: 100%;
    background-position: center center;
    background-repeat: no-repeat;
}

.table {
    border-color: #5a3a0b;
    text-align: center;
}
.table>:not(caption)>*>* {
    color: #ffdaa6;
    background-color: #150900;
    border-bottom-width: 3px;
    box-shadow: none;
    position: relative;
}
.table-bordered>:not(caption)>* {
    border-width: 3px;
}
.table-bordered>:not(caption)>*>* {
    border-width: 3px;
}
.table-dark {
    color: #ffdaa6;
    border-color: #5a3a0b;
}
.table>thead {
    background-color: #150900;
}
.table thead tr th {
    color: #ffd360;
    background-color: #110700;
}
.table>:not(caption)>*>* {
    border: 3px solid #5a3a0b;
}
.ranking-page .table>:not(caption)>*>* {
    padding: 1rem .5rem !important;
}
#content-replace .table tbody tr td:nth-child(2) a {
    color: #ffd360;
    text-decoration: none;
}
#content-replace .table tbody tr td:nth-child(3) a {
    color: #add6c6;
    text-decoration: none;
}
#content-replace .table thead tr th:first-child {
    border-top-left-radius: 25px;
}
#content-replace .table thead tr th:last-child {
    border-top-right-radius: 25px;
}
#content-replace .table tbody tr:last-child td:first-child {
    border-bottom-left-radius: 25px;
}
#content-replace .table tbody tr:last-child td:last-child {
    border-bottom-right-radius: 25px;
}

#content-replace table tbody tr:nth-child(1) td:nth-child(1):before {
    content: '';
    position: absolute;
    width: 26px;
    height: 26px;
    background: url(../images/rank-1.png) no-repeat center;
    background-size: contain;
    left: 61px
}

#content-replace table tbody tr:nth-child(2) td:nth-child(1):before {
    content: '';
    position: absolute;
    width: 26px;
    height: 26px;
    background: url(../images/rank-2.png) no-repeat center;
    background-size: contain;
    left: 61px
}

#content-replace table tbody tr:nth-child(3) td:nth-child(1):before {
    content: '';
    position: absolute;
    width: 26px;
    height: 26px;
    background: url(../images/rank-3.png) no-repeat center;
    background-size: contain;
    left: 61px
}

.page-link {
    color: #a07944;
    background-color: transparent;
    border: 2px solid #a07944;
    border-radius: 10px;
    margin-right: 5px;
}
.disabled>.page-link, .page-link.disabled {
    color: #a07944;
    background-color: transparent;
    border-color: #a07944;
}
.active>.page-link, .page-link.active {
    color: #000;
    background-color: transparent;
    background-image: linear-gradient(to bottom, #f6e27a, #cc9c51);
    border-color: #a07944;
}
.page-link:hover {
    color: #000;
    background-color: transparent;
    background-image: linear-gradient(to bottom, #f6e27a, #cc9c51);
    border-color: #a07944;
}
.page-item:first-child .page-link {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.page-item:last-child .page-link {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
svg {
    max-height: 32px;
    height: 24px;
}
img {
    border: 0 none;
    height: 100%;
    max-width: 100%;
    vertical-align: middle;
}
.navbar-brand {
    width: auto;
    height: 50px;
    background: none;
}
.map h6,
.map h6 {
    color: #f6e27a;
    font-family: Creolia, serif;
    font-size: 2rem;
    font-weight: 400;
    margin-bottom: 0;
    text-transform: uppercase;
    text-shadow: 0px 0px 8px rgb(255 143 76 / 50%), 0px 0px rgb(0 0 0 / 100%);
}
.map p,
.map p {
    font-size: 13px;
}
.page-item.active .page-link, .page-link:hover {
    color: #000;
    background-color: transparent;
    border-color: transparent;
}
.page-item.disabled .page-link {
    color: #a07944;
    background-color: transparent;
    border-color: #a07944;
}
.table-striped>tbody>tr:nth-of-type(odd)>* {
    color: #ffdaa6;
}
#content-replace .table>:not(caption)>*>* {
    padding: 1rem .5rem;
}
#content-replace > h2 {
    display: none;
}

header ul.nav {
    margin-top: 0 !important;
    margin-bottom: 10px !important;
}
header .logo {
    position: relative;
    top: -20px;
    margin-right: 40px;
    margin-left: 40px;
}
header ul.nav li a.nav-link {
    padding-left: 30px !important;
    padding-right: 30px !important;
    font-size: 1rem;
    color: #bda871;
}
.card {
    color: #ffed9f;
}
section.page-content .card {
    background-color: rgb(17 7 0 / 80%);
    border-radius: 20px;
}
section.page-content .card:before {
    border-radius: 20px;
}
.server-info ul li:first-child span, .server-info ul li:first-child span:last-child {
    color: #2ff595;
}
.server-info ul li:first-child span i {
    color: #ffed9f;
}
.buttons .btn-default h3 {
    background: linear-gradient(to top, #cc9c51, #f6e27a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
section.event .event-schedule .card-body, section.event .sox-drop .card-body, section.event .sox-plus .card-body {
    overflow-y: scroll;
    margin: 0 1rem;
    padding: 0;
}
section.news .post .post-content {
    color: #fffaea;
    font-family: Transducer-Regular, serif;
    font-size: 14px;
    font-weight: 400;
    text-transform: none;
}
.card-footer:last-child {
    font-family: Creolia, serif;
}
#home-carousel.carousel .slider-body p {
    font-family: AlbraBookTRIAL-Regular, serif;
    font-size: 10px;
}
img {
    height: auto;
}
section.home-intro .intro-stats > div h4 {
    font-size: 1.4rem;
}
.card.account-panel {
    color: #ffc24c;
    padding: 1rem !important;
    background-color: rgb(21 9 0 / 50%);
    border: 2px solid #bda871;
    box-shadow: none;
    border-radius: 20px;
    text-align: left;
}
.card.account-panel:before {
    content: none;
}
.card.account-panel h3 {
    display: inline-block;
    color: #000;
    background: linear-gradient(to bottom, #f6e27a, #cc9c51);
    border: none;
    font-family: Transducer-Black, serif;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    margin-top: 5px;
    border-radius: 19px;
    padding: 11px 100px;
}
.account-panel-divider {
    width: 100%;
    height: 25px;
    background-image: url(../images/account-panel-line.png);
    background-position: center;
    background-repeat: no-repeat;
}
.card.account-panel .silks {
    width: 50%;
    margin: auto;
}
.card.account-panel #coinsWidgetSidebar {
    width: 100%;
    text-align: center;
    border: 2px solid #ffc24c;
    border-radius: 25px;
    padding: 5px 20px;
    font-family: Transducer-Regular, serif;
}
.card.account-panel .nav .nav-link {
    display: flex;
    align-items: center;
    color: #ffc24c;
    border: 2px solid #ffc24c;
    border-radius: 25px;
    padding: 0;
    margin-bottom: 10px;
}
.card.account-panel .nav .nav-link:last-child {
    margin-bottom: 0;
}
.card.account-panel .nav .nav-link span {
    padding-left: 10px;
    border-left: 2px solid #ffc24c;
    padding-top: 5px;
    padding-bottom: 5px;
    font-family: Transducer-Regular, serif;
}
.card.account-panel .nav .nav-link i {
    margin-left: 5px;
}
section.home-intro {
    margin-top: 0;
    margin-bottom: 0;
}
.intro-stats {
    margin: 140px 0;
}
.card.server-info ul li {
    margin-bottom: 9px !important;
}
section.event .sox-drop ul li img,
section.event .sox-plus ul li img {
    height: 100%;
}
.download-box {
    cursor: pointer;
    text-align: left;
    padding: 0;
    margin: 0;
    background-color: transparent;
    -webkit-box-shadow: none !important;
    box-shadow: none;
}
.page-content .page-title h6 {
    color: #f6e27a;
    font-family: Creolia, serif;
    font-size: 2rem;
    font-weight: 400;
    margin-bottom: 0;
    text-transform: uppercase;
    text-shadow: 0px 0px 8px rgb(255 143 76 / 50%), 0px 0px rgb(0 0 0 / 100%);
}
.page-content .page-title p {
    font-size: 13px;
}
.login-page h1 {
    color: #f6e27a;
    font-family: AlbraBookTRIAL-Black, serif;
    font-size: 4rem;
    font-weight: bold;
    text-transform: uppercase;
    background: linear-gradient(to top, #cc9c51, #f6e27a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    filter: drop-shadow(2px 2px 4px rgb(255 143 76 / 50%));
    margin-bottom: 0;
}
.login-page button.btn {
    font-family: Creolia, serif;
    font-weight: 400;
}
.card.last-global, .card.unique-kills {
    height: 220px;
}
.unique-kills ul li, .last-global ul li {
    margin-bottom: 10px !important;
}
.owl-carousel.top-ranking-carousel .owl-item img {
    display: inline-block;
    width: 20px;
}
.owl-theme.top-ranking-carousel .owl-nav.disabled+.owl-dots {
    margin-top: 0;
}
.owl-theme.top-ranking-carousel .owl-dots {
    position: relative;
    top: -27px;
}
.owl-theme.top-ranking-carousel .owl-dots .owl-dot span {
    width: 14px;
    height: 14px;
    background-color: transparent;
    border: 2px solid #a07944;
    border-image: linear-gradient(to bottom, #f6e27a, #cc9c51) 1;
    border-radius: 5px;
    margin: 0px 3px;
    opacity: 1;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
}
.owl-theme.top-ranking-carousel .owl-dots .owl-dot.active span, .owl-theme.top-ranking-carousel .owl-dots .owl-dot:hover span {
    opacity: 1;
    background: linear-gradient(to bottom, #f6e27a, #cc9c51);
}

#tns1-ow .tns-nav button,
#tns2-ow .tns-nav button {
    width: 14px;
    height: 14px;
    background-color: transparent;
    border: 2px solid #f6e27a;
    border-radius: 50px;
    margin: 0px 3px;
    opacity: 1;
}
#tns1-ow .tns-nav button.tns-nav-active,
#tns2-ow .tns-nav button.tns-nav-active {
    opacity: 1;
    background: linear-gradient(to bottom, #f6e27a, #cc9c51);
}
#tns1-ow,
#tns2-ow {
    display: flex;
    flex-direction: column-reverse;
}
#tns1-ow > button,
#tns2-ow > button {
    display: none;
}
#tns1-ow .tns-nav,
#tns2-ow .tns-nav {
    display: flex;
    align-self: flex-end;
    position: relative;
    top: -15px;
    z-index: 1;
}

.btn-primary {
    display: inline-block;
    color: #000;
    background: linear-gradient(to bottom, #f6e27a, #cc9c51);
    border: none;
    font-family: Transducer-Black, serif;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    margin-top: 5px;
    border-radius: 19px;
    padding: 11px 100px;
}
.btn-primary:hover {
    color: #000;
    background: linear-gradient(to bottom, #f6e27a, #cc9c51);
    border: none;
}
input.form-control {
    color: #bda871;
    background-color: #110700;
    border-radius: 0;
    border: 4px double #cc9c51;
}
.form-control {
    color: #bda871;
    background-color: #110700;
    border-radius: 0;
    border: 4px double #cc9c51;
}
.form-control:focus {
    color: #bda871;
    background-color: #110700;
    border-radius: 0;
    border: 4px double #cc9c51;
    box-shadow: none;
}
.ranking-buttons .btn.ranking-main-button {
    margin-top: 0;
    border-radius: 0;
    padding: 0px 0px;
}

#characterInfoData .table {
    font-size: 12px;
    font-weight: 400;

    border-collapse: separate;
    border-spacing: 10px 10px;
    text-align: left;
}
#characterInfoData .table thead tr th {
    color: #ffffc6;
    background: none;
    border: none;
    box-shadow: none;
}
#characterInfoData .table tbody tr td {
    color: #ffffc6;
    font-weight: bold;
    background: #2a1506;
    border: none;
    box-shadow: none;
    text-align: center;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
#characterInfoData .table tbody tr th:first-child {
    text-align: center !important;
}
#characterInfoData .table tbody tr td a {
    color: #ffffc6;
    text-decoration: none;
}
#characterInfoData .table>:not(caption)>*>* {
    border: none;
    font-weight: bold;
    border-radius: 10px;
    background-color: #6c5935;
    background-image: linear-gradient(213deg, #ba904e 10%, #6c5935 100%);
    box-shadow: inset 0px -2px 6px 0px #ffdf87, 0px -2px 0px 0px #000 !important;
}
#characterInfoData .table-striped>tbody>tr:nth-of-type(odd)>* {
    color: #ffffc6;
}
#characterInfoData .table>:not(caption)>*>* {
    color: #ffffc6;
}
#characterInfoData .table>:not(caption)>*>* {
    padding: 0.6rem .6rem;
}
#characterInfoData .card {
    background-color: rgb(17 7 0 / 30%);
    background-image: url(../images/char-panel-bg-ptr.png);
    background-position: center right;
    background-size: cover;
    border: 5px solid #ba904e;
    border-radius: 20px;
}
#characterInfoData .card:before {
    content: none;
}
#characterInfoData .char-info ul {
    margin-bottom: 2rem;
    margin-top: 1rem;
}
#characterInfoData .char-info ul li {
    color: #fff4d0;
    text-transform: none;
}
#characterInfoData .char-info ul li span:first-child {
    text-transform: none;
}
#characterInfoData .char-info ul li span {
    color: #ffd360;
    text-transform: uppercase;
}
#characterInfoData .char-info img {
    width: 128px;
    position: relative;
    top: 20px;
}
#characterInfoData .char-info img:last-child {
    width: 50px;
    position: relative;
    top: -5px;
}
#characterInfoData .char-image {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 200px;
    background-image: url(../images/char-img-efx.png);
    background-position: center;
    background-size: 150%;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
}
#characterInfoData .char-info ul li h3 {
    color: #ffd360;
    font-size: 1.5rem;
    font-weight: bold;
    font-family: Creolia, serif;
    text-transform: none;
    margin-bottom: 0;
    background: linear-gradient(to top, #cc9c51, #f6e27a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

section.donate .donate-btn {
    display: flex;
    width: 100%;
    height: 170px;
    color: #ffd360;
    background-color: #100700;
    border-radius: 14px;
    border: 4px solid #ffd360;
}
.modal-header {
    border-bottom: 1px solid #ffd360;
}
.modal-content {
    color: #ffd360;
    background-color: #100700;
    border: 1px solid #ffd360;
    border-radius: 10px;
}

.btn-close {
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
}

.charview-header h3 {
    color: #fff1d0;
    font-size: 1.5rem;
    font-weight: bold;
    font-family: Creolia, serif;
    text-transform: none;
    margin-bottom: 0;
    padding-top: 60px;
    background: linear-gradient(to right, #cc9c51, #f6e27a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

section.char-page .table {
    font-size: 1rem;
    font-weight: 400;

    border-collapse: separate;
    border-spacing: 10px 10px;
    text-align: left;
}
section.char-page .table thead tr th {
    color: #ffffc6;
    background: none;
    border: none;
    box-shadow: none;
}
section.char-page .table tbody tr td {
    color: #ffffc6;
    font-weight: bold;
    background: #2a1506;
    border: none;
    box-shadow: none;
    text-align: center;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
section.char-page .table tbody tr th:first-child {
    text-align: center !important;
}
section.char-page .table tbody tr td a {
    color: #ffffc6;
    text-decoration: none;
}
section.char-page .table>:not(caption)>*>* {
    border: 2px solid #7b643a;
    font-weight: bold;
    border-radius: 13px;
    background-color: #150900;
    background-image: none;
    box-shadow: none !important;
}
section.char-page .table-striped>tbody>tr:nth-of-type(odd)>* {
    color: #ffffc6;
}
section.char-page .table>:not(caption)>*>* {
    color: #ffffc6;
}
section.char-page .table>:not(caption)>*>* {
    padding: 0.6rem .6rem;
}
section.char-page .card {
    background-color: #0c0500;
    background-image: url(../images/charview-bg-ptr.png);
    background-position: center right;
    background-size: cover;
    border: 3px solid #ba904e;
    border-radius: 10px;
}
section.char-page .card:before {
    content: none;
}
section.char-page .char-info ul {
    margin-bottom: 2rem;
    margin-top: 1rem;
}
section.char-page .char-info ul li {
    color: #fff4d0;
    text-transform: none;
}
section.char-page .char-info ul li span:first-child {
    text-transform: none;
}
section.char-page .char-info ul li span {
    color: #ffd360;
    text-transform: uppercase;
}
section.char-page .char-info img {
    width: 128px;
    position: relative;
    top: 20px;
}
section.char-page .char-info img:last-child {
    width: 50px;
    position: relative;
    top: -5px;
}
section.char-page .char-image {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 200px;
    background-image: url(../images/char-img-efx.png);
    background-position: center;
    background-size: 150%;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
}
section.char-page .char-info ul li h3 {
    color: #ffd360;
    font-size: 1.5rem;
    font-weight: bold;
    font-family: Creolia, serif;
    text-transform: none;
    margin-bottom: 0;
    background: linear-gradient(to top, #cc9c51, #f6e27a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

section.char-page #display-inventory-set,
section.char-page #display-inventory-job,
section.char-page #display-inventory-avatar {
    width: 100%;
    height: 400px;
    position: relative;
    background-color: #0c0500;
    background-image: url(../images/inv-bg.png);
    background-position: center center;
    background-size: cover;
    border: 3px solid #ba904e;
    border-radius: 10px;
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding: 1rem 0;
}
section.char-page #display-inventory-set > h2,
section.char-page #display-inventory-avatar > h2 {
    display: none;
}
section.char-page .table.table-inventory>:not(caption)>*>* {
    padding: 10px;
}
section.char-page .table.table-inventory tbody tr td {
    color: #ffffc6;
    font-weight: bold;
    background: none;
    border: none;
    box-shadow: none;
    text-align: left;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
section.char-page .table.table-inventory tbody tr:first-child td .sro-item-detail {
    margin-bottom: 20px !important;
}
section.char-page .table.table-inventory {
    font-size: 1rem;
    font-weight: 400;
    border-collapse: unset;
    border-spacing: 0;
    text-align: left;
    margin-bottom: 0;
}
.sro-item-detail {
    background: none;
    width: 38px;
}
.sro-item-detail.sro-item-special {
    background: none;
}
.sro-item-detail .item {
    background-color: transparent;
    background-image: url(../images/item-bg.png);
    background-position: center center;
    background-size: 100%;
    margin: 0;
}
section.char-page .card.lastkilled {
    background-color: #0c0500;
    background-image: url(../images/charview-lastkilled-bg.png);
    background-position: center center;
    background-size: cover;
    border: 3px solid #ba904e;
    border-radius: 10px;
}
#inventory-char-image {
    width: 100%;
    height: 100%;
    position: absolute;
    text-align: center;

    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
#inventory-char-image > img {
    width: 110px;
    height: auto;
}
section.char-page .char-info {
    margin-bottom: 10px;
}
section.char-page .table {
    margin-bottom: 0;
}
section.char-page .btn-primary {
    width: 50%;
    padding: 11px 20px;
    font-weight: bold;
    font-family: Creolia, serif;
    background: linear-gradient(to right, #f6e27a, #cc9c51);
    box-shadow: inset 0px -2px 6px 0px #ffdf87, 0px -2px 0px 0px #000 !important;
}
section.char-page .btn-primary:focus {
    color: #000;
    box-shadow: none;
}
section.char-page .btn-primary:first-child {
    margin-right: 10px;
}
section.char-page .btn-primary:last-child {
    margin-left: 10px;
}
section.char-page .race-inv-image {
    width: 50px !important;
    height: auto !important;
    position: relative;
    top: 5px;
}
.sro-item-detail .tooltip {
    font-size: 12px;
    width: 220px;
    min-height: 200px;
    background-color: rgba(28, 30, 52, .8);
    color: #fff;
    padding: 6px;
    border: 1px solid #808bba;
    border-radius: 5px;
    box-shadow: none
}

section.char-page .card.lastkilled h6 {
    color: #ffed9f;
    font-family: Creolia, serif;
    font-size: 1rem;
    font-weight: 400;
    text-transform: uppercase;
    text-shadow: 0px 0px 8px rgb(255 143 76 / 50%), 0px 0px rgb(0 0 0 / 100%);
}
section.char-page .card.lastkilled ul li h4 {
    color: #f6e27a;
    font-family: Creolia, serif;
    font-size: 1.8rem;
    font-weight: bold;
    text-transform: none;
    background: linear-gradient(to top, #cc9c51, #f6e27a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
section.char-page .card.last-global,
section.char-page .card.job-history {
    padding: 0;
    background-image: none;
    background-color: #100600;
    height: 100%;
}
section.char-page .card.last-global {
    margin-bottom: 4px;
}
section.char-page .card.last-global ul li {
    color: #fff4d0;
    font-size: 12px;
    font-weight: 400;
}
section.guild-page .guild-info p span {
    color: #ffe043;
    font-size: 1rem;
    font-weight: 900;
    text-decoration: none;
}
section.guild-page .card.guild-info {
    color: #fff2b0;
    background-color: #0c0500;
    background-image: url(../images/guild-info-bg.png);
    background-position: center center;
    background-size: cover;
    border: 3px solid #ab8549;
    border-radius: 9px;
}
section.guild-page .card.guild-info:before {
    content: none;
}
section.guild-page .guild-info h3 {
    color: #f6e27a;
    font-family: Creolia, serif;
    font-size: 2.8rem;
    font-weight: bold;
    text-transform: none;
    background: linear-gradient(to top, #cc9c51, #f6e27a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
section.guild-page .extra-guild-info p {
    color: #fff2b0;
    font-size: 1rem;
    font-weight: 900;
    text-decoration: none;
    border: 3px solid #ab8549;
    border-radius: 9px;
    padding: 20px 10px;
}
section.guild-page .extra-guild-info p span {
    color: #ffe043;
    font-size: 1rem;
    font-weight: 900;
    text-decoration: none;
}
section.custom-page .col-lg-8 {
    width: 100%;
}
section.custom-page .col-lg-8 .bg-dark-1 > p:last-child {
    margin-bottom: 0;
}
.card.event-schedule.activity-ranking {
    height: 515px;
}
.sox-drop ul li img,
.sox-plus ul li img {
    height: 100%;
}
.event-schedule .card-body,
.sox-drop .card-body,
.sox-plus .card-body {
    overflow-y: scroll;
    margin: 0 1rem;
    padding: 0;
}
.event-schedule,
.sox-drop,
.sox-plus {
    height: 515px;
}
section.custom-page .card-body:before {
    content: "";
    display: block;
    width: 100%;
    height: 33px;
    background-image: url(../images/event-figure.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto;
    position: absolute;
    top: -25px;
    left: 0;
    z-index: 1;
}
section.custom-page .card {
    color: #bda871;
    background-color: #0d0600;
    border-radius: 15px;
    border: 2px solid #3e311c;
    background-image: url(../images/custom-page-widget-bg.png);
    background-position: center center;
    background-size: cover;
}

section.custom-page .card.custom-page-content {
    color: #fff1d0;
    background-image: none;
}
section.custom-page .card:before {
    content: none;
}
section.custom-page .card.custom-page-content .card-header {
    color: #f5e079;
    font-family: Creolia, serif;
    font-size: 2rem;
    font-weight: 400;
    text-transform: uppercase;
}
#content-replace select.form-control {
    padding: .5rem .75rem;
}
#content-replace button.btn-primary {
    border-radius: 0;
    margin-top: 0;
    padding: 14px 100px;
}
.ranking-page .row:first-child:before {
    top: -5px;
    left: -35px;
}
.ranking-page .row:first-child:after {
    top: -5px;
    right: -35px;
}
#pServerCMSGuildMember .table tbody tr td a {
    color: #ffd360;
    text-decoration: none;
}
section.char-page .char-info img[alt~="Buff"] {
    width: 32px !important;
    position: initial;
}
.iti {
    display: block !important;
}
.iti__country-list {
    box-shadow: none !important;
    background-color: #110700 !important;
    border: 1px solid #cc9c51 !important;
}
/*
#content-replace table tbody tr:nth-child(1) td:nth-child(1):before {
    left: 35px;
}
#content-replace table tbody tr:nth-child(2) td:nth-child(1):before {
    left: 35px;
}
#content-replace table tbody tr:nth-child(3) td:nth-child(1):before {
    left: 35px;
}
*/
#content-replace table tbody tr:nth-child(1) td:nth-child(1):before {
    left: 54px;
}
#content-replace table tbody tr:nth-child(2) td:nth-child(1):before {
    left: 54px;
}
#content-replace table tbody tr:nth-child(3) td:nth-child(1):before {
    left: 54px;
}
.ranking-page .row:first-child:before {
    content: none;
}
.ranking-page .row:first-child:after {
    content: none;
}
.ranking-page .ranking-buttons:before {
    content: "";
    display: block;
    width: 44px;
    height: 33px;
    position: initial;
    top: -5px;
    left: -35px;
    background-image: url(../images/home-buttons-figure-left.png);
    background-size: 100%;
    background-position: center center;
    background-repeat: no-repeat;
}
.ranking-page .ranking-buttons:after {
    content: "";
    display: block;
    width: 44px;
    height: 33px;
    position: initial;
    top: -5px;
    right: -35px;
    background-image: url(../images/home-buttons-figure-right.png);
    background-size: 100%;
    background-position: center center;
    background-repeat: no-repeat;
}

body:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 60px;
    top: 0;
    background-color: #150900;
    background-image: url(../images/topbar-bg.png);
    z-index: -1;
}
nav#top-bar {
    background-color: transparent;
    background-image: none;
    position: absolute;
    width: 100%;
    height: 60px;
    z-index: 1;
}
nav#top-bar ul.nav {
    margin-top: 0;
    display: flex;
}
nav#top-bar ul.nav li {
    margin-right: 10px;
}
nav#top-bar ul.nav li a {
    font-size: 1rem;
    color: #bda871;
}
.dropdown-menu {
    background-color: #150900;
    color: #bda871;
    border: 1px solid #ab8549;
}
.dropdown-item {
    color: #bda871;
}
.dropdown-item:focus, .dropdown-item:hover {
    color: #000 !important;
    background-color: #ab8549;
}
nav#top-bar ul.nav.nav-social li a i {
    display: inline-block;
    color: #f6e27a;
    font-size: 20px;
}
nav#top-bar ul.nav.nav-right li a.btn-search {
    display: inline-block;
    color: #000;
    background: linear-gradient(to bottom, #f6e27a, #cc9c51);
    border: none;
    border-radius: 5px;
    padding: 5px 10px;
}
nav#top-bar ul.nav.nav-right li a.btn-logout {
    display: inline-block;
    color: #bda871;
    background-color: #110700;
    border: 2px solid #bda871;
    border-radius: 5px;
    padding: 3px 20px;
}

/******** HIDE MENU ********/
#extended-navbar {
    display: none;
    position: absolute;
    top: 159px;
    height: auto;
    background-color: rgb(21 9 0 / 85%);
    width: 100%;
    z-index: 1;
}
#extended-navbar ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    text-align: center;
}
#extended-navbar ul li {
    margin: 0px 0px;
}
#extended-navbar ul li a {
    display: inline-block;
    color: #fff4d0;
    text-decoration: none;
    font-size: 12px;
    width: 125px;
}
section.streamers .row {
    max-height: 435px;
    overflow: hidden;
}
section.streamers .swiper .swiper-slide {
    border: 4px solid #cc9c51;
    border-radius: 15px;
    padding: 10px;
    margin-right: 10px;
}
section.streamers .swiper.carousel {
    margin-bottom: 1rem;
}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    content: '';
    color: transparent;
    background-image: url(../images/slider-prev-icon.png);
    background-size: 100%;
    background-position: center center;
    background-repeat: no-repeat;
}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
    content: '';
    color: transparent;
    background-image: url(../images/slider-next-icon.png);
    background-size: 100%;
    background-position: center center;
    background-repeat: no-repeat;
}
.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: 30px !important;
}
.swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: 30px !important;
}
#tns1-ow .tns-nav, #tns2-ow .tns-nav {
    position: absolute;
    top: auto;
    bottom: 20px;
}
.sox-drop ul li, .sox-plus ul li {
    margin-bottom: 19px !important;
}
#content-replace table tbody tr:nth-child(1) td:nth-child(1):before {
    content: none;
    background: none;
}
#content-replace table tbody tr:nth-child(2) td:nth-child(1):before {
    content: none;
    background: none;
}
#content-replace table tbody tr:nth-child(3) td:nth-child(1):before {
    content: none;
    background: none;
}
#modalSearch .input-group.mb-3 {
    margin-bottom: 0 !important;
}
#modalSearch .input-group > input {
    display: inline-block;
}
#modalSearch .input-group-append:last-child {
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 10px;
}
#modalSearch button.close {
    background: #ffd360;
    color: black;
}
.ranking-buttons {
    flex-wrap: wrap;
}
@media only screen and (max-width: 992px) {
    #extended-navbar {
        display: none !important;
        opacity: 0 !important;
    }
}
@media only screen and (max-width: 992px) {
    header {
        background-image: none;
        margin-bottom: 500px !important;
    }
    body[style*="home-bg"] header {
        background-image: none;
        margin-bottom: 670px !important;
    }
}
section.page-content .col-sm-12 {
    width: auto !important;
}
section.page-content .row {
    justify-content: center;
}
section.page-content .card {
    overflow: hidden;
}
section.page-content .card .card-body {
    padding: 0;
}
section.page-content .card .card-body .align-center {
    text-align: center;
}

/********/
section.home-intro .progress {
    width: 191px;
    border-radius: 20px;
}
section.home-intro .intro-stats > div {
    justify-content: space-between;
}
section.home-intro a.btn {
    width: 241px;
    padding: 0.6rem !important;
}
section.char-page table tr th a {
    color: #ffd360;
}
section.guild-page .card.guild-info {
    margin-bottom: 1.5rem;
}
section.home-intro .intro-status {
    display: flex;
    flex-direction: column;
    align-items: center;
}
section.home-intro .intro-fortress h4 a:hover {
    filter: none !important;
}
section.page-content .col-sm-12:has(form input[name="currentPassword"]) {
    width: 100% !important;
}

.home-slogan {
    width: 100%;
    height: 0;
    text-align: center;
    position: relative;
    left: 0;
    right: 0;
    top: -200px;
    bottom: 0;
    z-index: -1;
}
.home-slogan video {
    width: 1908px;
    height: 160px;
    object-fit: cover;
    object-position: 80%;
}