@font-face {
    font-family: 'Gagarin';
    src: url('../media/legacy/fonts/Gagarin/GAGARIN.TTF');
}
@font-face {
    font-family: 'VisbyCF';
    src: url('../media/legacy/fonts/Visby CF/VisbyCF-Bold.otf');
}
@font-face {
    font-family: 'BluuNext';
    src: url('../media/legacy/fonts/Bluu Next/BluuNext-Titling.otf');
}
.home-intro h4 {
    text-shadow: none;
    font-family: 'VisbyCF', serif;
    letter-spacing: 15px;
}
.home-intro span {
    font-family: 'VisbyCF', serif;
}

.home-intro h3 {
    text-shadow: none;
    font-family: 'Gagarin', serif;
    color: #000 !important;
    letter-spacing: 5px;
}
@media (min-width: 992px) {
    .app-header-secondary .app-container {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
}

.header-menu .menu.menu-left .menu-item {
    margin-right: 0 !important;
}

.header-menu .menu.menu-left .menu-item .menu-link {
    border-right: 2px solid rgb(200 170 110 / 55%) !important;
    margin-top: 2rem;
    margin-bottom: 2rem;
    padding-left: 1rem !important;
}

.header-menu .menu.menu-left .menu-item .menu-sub .menu-link {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 1rem !important;
}
.header-menu .menu.menu-left .menu-item:last-child .menu-link {
    border-right: none !important;
}
.header-menu .menu.menu-left > .menu-item > .menu-link .menu-title {
    align-items: center;
}

.app-header-secondary .logo {
    top: 5px;
}
.header-menu {
    background-image: url(../media/legacy/logo-effect.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto;
}

[data-bs-theme=dark] .app-header-secondary {
    background-image: linear-gradient( 90deg, rgb(50 40 30) 100%, rgb(50 40 30) 100%, rgb(50 40 30) 100% );
}

[data-bs-theme=dark] .app-header-secondary:after {
    content: "";
    display: block;
    width: 100%;
    height: 12px;
    background-image: url(../media/legacy/nav-border.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: auto;
    position: absolute;
    top: 148px;
    z-index: -1;
}
[data-kt-app-header-secondary-sticky=on] .app-header-secondary {
    z-index: 1 !important;
}
[data-kt-app-header-secondary-sticky=on] .app-header-secondary:after {
    top: 70px !important;
    z-index: -1 !important;
}
#kt_app_header {
    box-shadow: 0px 20px 20px 0px rgb(0 0 0 / 50%);
    box-shadow: none;
    height: 157px;
}
body {
    background-color: #020b10;
    background-image: url(../media/legacy/subpage-bg.png);
    background-repeat: no-repeat;
    background-position: center 150px;
    background-size: auto;
}
[data-bs-theme=dark] body:not(.app-blank) {
    background-color: #020b10;
    background-image: url(../media/legacy/subpage-bg.png);
    background-repeat: no-repeat;
    background-position: center 150px;
    background-size: auto;
}
[data-bs-theme=dark] body:not(.home) {
    background-color: #020b10;
    background-image: url(../media/legacy/subpage-bg.png);
    background-repeat: no-repeat;
    background-position: center 150px;
    background-size: auto;
}
[data-bs-theme=dark] body.home {
    background-color: #020b10;
    background-image: url(../media/legacy/bg.png);
    background-repeat: no-repeat;
    background-position: center 150px;
    background-size: auto;
}
[data-bs-theme=dark] body.home {
    background-color: #020b10;
    background-image: url(../media/legacy/bg.png);
    background-repeat: no-repeat;
    background-position: center 150px;
    background-size: auto;
}
[data-bs-theme=dark] body {
    background-color: #010808;
}
[data-bs-theme=dark] .app-header-primary {
    background-image: linear-gradient( 90deg, rgb(2 11 16) 0%, rgb(2 11 16) 50%, rgb(2 11 16) 100% );
    border-bottom: 1px solid rgb(2 11 16);
}

.header-menu .menu.menu-right #kt_toolbar_primary_button {
    color: #000 !important;
    font-weight: 900;
    text-transform: uppercase;
    padding: 0.5rem 3rem !important;
    background-image: linear-gradient(to bottom, #f6e27a 0%, #cc9c51 100%);
    box-shadow: inset 0px 0px 0px 1px #f6e27a !important;
}
.header-menu .menu.menu-right .btn-register {
    color: #000 !important;
    font-weight: 900;
    text-transform: uppercase;
    padding: 0.5rem 3rem !important;
    background-image: linear-gradient(to bottom, #f6e27a 0%, #cc9c51 100%);
    box-shadow: inset 0px 0px 0px 1px #f6e27a !important;
}

@media (min-width: 992px) {
    .header-menu .menu > .menu-item > .menu-link .menu-title .menu-text {
        color: #f0e6d2;
    }
}
.ki-duotone, .ki-outline, .ki-solid {
    color: #f0e6d2;
}
i.bi, i[class*=" fa-"], i[class*=" fonticon-"], i[class*=" la-"], i[class^=fa-], i[class^=fonticon-], i[class^=la-] {
    color: #f0e6d2;
}
@media (min-width: 992px) {
    .home-intro .col-6 {
        position: relative;
        left: -225px;
    }
}
[data-bs-theme=dark] .home-intro a.btn {
    color: #000 !important;
    font-weight: 900;
    padding: 0.7rem 3rem !important;
    background-image: linear-gradient(to left, #f6e27a 0%, #cc9c51 100%);
    box-shadow: inset 0px 0px 6px 2px #fff4bb, 0px -2px 3px 0px #000 !important;
    text-transform: uppercase;
    font-family: 'Gagarin', serif;
    font-size: 24px;
    letter-spacing: 2px;
}
.card.home-banner:before {
    content: none;
}
.card.home-banner h3 {
    position: initial;
    text-align: left;
}
.card.home-banner .carousel-item {
    box-shadow: none;
}

.card.home-banner::after {
    margin: -3px;
    background-image: linear-gradient(to right, #785a28, #c89b3c);
}
[data-bs-theme=dark] .card.home-banner .carousel-item.slide-1 {
    background-image: url(../media/legacy/slider/slide-01.png) !important;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
[data-bs-theme=dark] .card.home-banner .carousel-item.slide-2 {
    background-image: url(../media/legacy/slider/slide-02.png) !important;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
[data-bs-theme=dark] .card.home-banner .carousel-item.slide-3 {
    background-image: url(../media/legacy/slider/slide-03.png) !important;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
[data-bs-theme=dark] .card.home-banner .carousel-item .col-7 >* {
    opacity: 0 !important;
}

.card.server-status .card-header {
    background: transparent;
}
.card.server-status::after {
    margin: -3px;
    background-image: linear-gradient(to left, #785a28, #c89b3c);
}
.card.server-status {
    background-color: #785a28 !important;
    background-image: linear-gradient(to right, rgb(120 90 40 / 0%) 50%, rgb(200 155 60)), url(../media/legacy/patternmask.png) !important;
    background-size: 120%;
    background-position: right center;
    background-repeat: repeat-x;
    border-radius: 61px !important;
}
.card.server-status .server-progress {
    border: 1px solid #32281e;
    background-color: #32281e !important;
    border-radius: 25px !important;
}
.card.server-status .server-progress .bg-success {
    background-image: linear-gradient(to left, #785a28, #c89b3c) !important;
    border-radius: 25px !important;
}
.server-status span {
    font-family: 'VisbyCF', serif;
}
.server-status span.server-time-title {
    font-family: 'VisbyCF', serif;
    letter-spacing: 5px;
}
.sparks_1 {
    display: none;
}
.card.home-banner, .card.home-banner .carousel-inner {
    border-radius: 61px !important;
}
.home-buttons .btn-home:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    border-radius: inherit;
    margin: -3px;
    background-image: linear-gradient(to left, #785a28, #c89b3c);
}
/*
.home-buttons .btn-home {
    border: 0 !important;
    overflow: inherit;
}
*/

.home-buttons .btn-home {
    border-radius: 20px !important;
    background-color: #785a28 !important;
    background-image: linear-gradient(to right, rgb(120 90 40 / 0%) 50%, rgb(200 155 60)), url(../media/legacy/patternmask.png) !important;

    height: 89px;
    border: 3px solid #c89b3c;
}
.home-buttons .btn-home:hover {
    padding-left: 50px;
    color: #fff;
    background-color: #785a28 !important;
    background-image: linear-gradient(to right, rgb(255 173 0 / 0%) 0%, rgb(255 173 0)), url(../media/legacy/patternmask.png) !important;
    filter: none !important;
}
.home-buttons .btn-home h3 {
    font-family: 'Gagarin', serif;
    letter-spacing: 2px;
    font-size: 25px;
}

.home-buttons .btn-home.btn-instagram:before {
    background-image: url(../media/legacy/char/char-01.png);
    background-size: 70%;
    background-position: 30px -50px;
    background-repeat: no-repeat;
    width: 500px;
    height: 100%;
    margin-top: 0px;
}
.home-buttons .btn-home.btn-youtube:before {
    background-image: url(../media/legacy/char/char-02.png);
    background-size: 70%;
    background-position: 90px -55px;
    background-repeat: no-repeat;
    width: 500px;
    height: 100%;
    margin-top: 0px;
}
.home-buttons .btn-home.btn-facebook:before {
    background-image: url(../media/legacy/char/char-03.png);
    background-size: 75%;
    background-position: 75px -75px;
    background-repeat: no-repeat;
    width: 500px;
    height: 100%;
    margin-top: 0px;
}
.home-buttons .btn-home.btn-discord:before {
    background-image: url(../media/legacy/char/char-04.png);
    background-size: 80%;
    background-position: 115px -30px;
    background-repeat: no-repeat;
    width: 500px;
    height: 100%;
    margin-top: 0px;
    transform: scaleX(-1);
}

.card.event-times {
    background-color: #c89b3c !important;
    background-image: url(../media/legacy/events-bg.png);
    background-size: 100%;
    background-position: center center;
    background-repeat: repeat-x;
    border-radius: 61px !important;
}
.card.event-times::after {
    margin: -3px;
    background-image: linear-gradient(to left, #785a28, #c89b3c);
}
.card.event-times .event-label {
    background-image: linear-gradient(to right, #785a28 0%, #c89b3c 100%);
    border-radius: 0 !important;
    color: #000;
    text-transform: uppercase;
}
.card.event-times .event-dates .fs-7 {
    font-family: 'VisbyCF', serif;
    text-transform: uppercase;
    font-size: 16px !important;
}
.card.event-times .event-minute {
    font-family: 'VisbyCF', serif;
    text-transform: uppercase;
    font-size: 40px !important;
    color: #f6e27a !important;
    font-weight: 900 !important;
    margin-bottom: 1rem;
}
.card.event-times .event-box {
    background: #14100c;
    background: linear-gradient(to right, rgb(20 16 12 / 100%) 30%, rgb(20 16 12 / 0%) 50%), url(../media/legacy/ctf-bg.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 50px !important;
    border: 3px solid #c89b3c;
    overflow: hidden;
    padding: 0 !important;
}
.card.event-times .event-box.CTF {
    background: #14100c;
    background: linear-gradient(to right, rgb(20 16 12 / 100%) 40%, rgb(20 16 12 / 0%) 60%), url(../media/legacy/ctf-bg.png);
    background-size: 170%;
    background-position: -60px 0px;
    background-repeat: no-repeat;
}
.card.event-times .event-box.Medusa {
    background: #14100c;
    background: linear-gradient(to right, rgb(20 16 12 / 100%) 30%, rgb(20 16 12 / 0%) 50%), url(../media/legacy/medusa-bg.png);
    background-size: 250%;
    background-position: -110px 0px;
    background-repeat: no-repeat;
}
.card.event-times .event-box.Fortress.war {
    background: #14100c;
    background: linear-gradient(to right, rgb(20 16 12 / 100%) 30%, rgb(20 16 12 / 0%) 50%), url(../media/legacy/fortress-bg.png);
    background-size: 175%;
    background-position: 0px 0px;
    background-repeat: no-repeat;
}

[data-bs-theme=dark] .card {
    background-color: #020b10;
    border-radius: 61px;
    border: 3px solid #c89b3c;
}
[data-bs-theme=dark] .card.news {
    background-color: #010a13;
}
.news {
    background: #010a13;
    background: url(../media/legacy/news-pattern-bottom.png) center bottom no-repeat, url(../media/legacy/news-pattern-top.png) center top no-repeat;
    background-size: 100%;
    border-radius: 61px !important;
    border: 3px solid #785a28 !important;
}
.card.news .news-line {
    display: none !important;
}
.card.news h3 {
    color: #f0e6d2 !important;
    font-family: 'Gagarin', serif;
    letter-spacing: 2px;
    padding-top: 20px;
}
.card.news .blog-content-image {
    padding: 20px 0;
}
.card.news .card-footer {
    padding: 0;
}

.footer-line {
    border: 3px solid #c89b3c;
    margin: 30px 0;
    width: 100%;
}
.footer .footerheadlines, .footer .footerheadlines a {
    color: #be9239;
}
body:after {
    content: "";
    background-image: url(../media/legacy/footer-bg.png);
    background-size: 50%;
    background-position: 50% 100%;
    background-repeat: no-repeat;
    position: fixed;
    z-index: -1;
    width: 100%;
    height: 100%;
}
a {
    color: #be9239;
}
a:hover {
    color: #be9239;
    font-weight: bold;
    filter: brightness(150%) !important;
}
.app-header .menu > .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-text, .app-header .menu > .menu-item:not(.here) > .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-text {
    color: #c89b3c;
}
[data-bs-theme=dark] .menu-sub-lg-dropdown {
    background-color: rgb(50 40 30);
}
[data-bs-theme=dark] .menu-sub-dropdown {
    background-color: rgb(50 40 30);
}

.app-header .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here) .menu-title, .app-header .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-title {
    color: #c89b3c;
}
.menu-active-bg .menu-item .menu-link.active {
    background-color: rgb(200 155 60);
}
.menu-state-color .menu-item .menu-link.active .menu-title {
    color: #000;
}
.menu-state-color .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here) .menu-icon, .menu-state-color .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon, .menu-state-color .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here) .menu-icon i, .menu-state-color .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon, .menu-state-color .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon, .menu-state-color .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon i {
    color: #c89b3c;
}
.menu-state-color .menu-item .menu-link.active .menu-icon, .menu-state-color .menu-item .menu-link.active .menu-icon .svg-icon, .menu-state-color .menu-item .menu-link.active .menu-icon i {
    color: #000;
}
.btn-check:active+.btn.btn-active-light-primary .svg-icon, .btn-check:active+.btn.btn-active-light-primary i, .btn-check:checked+.btn.btn-active-light-primary .svg-icon, .btn-check:checked+.btn.btn-active-light-primary i, .btn.btn-active-light-primary.active .svg-icon, .btn.btn-active-light-primary.active i, .btn.btn-active-light-primary.show .svg-icon, .btn.btn-active-light-primary.show i, .btn.btn-active-light-primary:active:not(.btn-active) .svg-icon, .btn.btn-active-light-primary:active:not(.btn-active) i, .btn.btn-active-light-primary:focus:not(.btn-active) .svg-icon, .btn.btn-active-light-primary:focus:not(.btn-active) i, .btn.btn-active-light-primary:hover:not(.btn-active) .svg-icon, .btn.btn-active-light-primary:hover:not(.btn-active) i, .show>.btn.btn-active-light-primary .svg-icon, .show>.btn.btn-active-light-primary i {
    color: #c89b3c;
}
.menu-state-primary .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here), .menu-state-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) {
    background-color: rgb(200 155 60);
}
.app-header .menu.menu-left .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-title {
    color: #000;
}
.app-header .menu.menu-left .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here) .menu-icon, .app-header .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon, .menu-state-primary .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here) .menu-icon i, .menu-state-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon, .menu-state-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon, .menu-state-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon i {
    color: #000;
}

#kt_toolbar_container h1 {
    font-family: 'Gagarin', serif;
    letter-spacing: 5px;
    font-size: 10rem !important;
    line-height: 0.7;
}
#kt_toolbar {
    left: -225px;
}

.border {
    border: 1px solid rgb(200 155 60) !important;
}
.downloads .border {
    border: 3px solid rgb(200 155 60) !important;
}
.downloads .btn {
    border-radius: 25px !important;
}
.downloads .btn i {
    color: #c89b3c;
    font-size: 30px !important;
}
.downloads p {
    color: #c89b3c;
}
.downloads-notes h6 {
    color: #c89b3c;
}

[data-bs-theme=dark] .table thead th {
    color: #f0e6d2;
    background-color: rgb(50 40 30 / 0%);
    border-color: rgb(50 40 30 / 0%);
}
[data-bs-theme=dark] .table thead th {
    color: #c89b3c;
    background-color: rgb(50 40 30 / 0%);
    border-color: rgb(50 40 30 / 0%);
}
[data-bs-theme=dark] .table tr:not(:first-child) td {
    border-top: 1px solid rgb(50 40 30) !important;
}
[data-bs-theme=dark] .table tr:first-child td {
    border-top: 1px solid rgb(50 40 30) !important;
}
[data-bs-theme=dark] .table tr td:first-child {
    color: #c89b3c;
}

.login-form form div.mb-3:has(.btn.btn-secondary) {
    text-align: right;
}
.login-form form .btn.btn-secondary {
    color: #c89b3c;
    background-color: transparent;
    border: 3px solid #c89b3c !important;
    border-radius: 25px;
    text-transform: uppercase;
    padding: 0.5rem 4rem !important;
    font-weight: bold;
}
.login-form form .btn.btn-secondary:hover {
    color: #000;
    background-color: #c89b3c !important;
    border: 3px solid #c89b3c !important;
}
.login-form form .form-control {
    color: #c89b3c;
    background-color: transparent !important;
    border: 3px solid #c89b3c !important;
    border-radius: 25px;
}
.login-form .forget {
    top: -50px;
    font-size: 18px;
}
.register-form form .btn.btn-secondary {
    color: #000;
    background-color: #c89b3c !important;
    border: 3px solid #c89b3c !important;
    border-radius: 25px;
    text-transform: uppercase;
    padding: 0.5rem 4rem !important;
    font-weight: bold;
    width: 100%;
}
.register-form form .btn.btn-secondary:hover {
    color: #000;
    background-color: #c89b3c !important;
    border: 3px solid #c89b3c !important;
}
.btn.btn-primary {
    color: #000;
    border-color: #c89b3c;
    background-color: #c89b3c;
}
.text-success {
    color: #c89b3c !important;
}
.border-bottom {
    border-bottom: 1px solid rgb(50 40 30) !important;
}
.page-item.active .page-link, .page-link:hover {
    color: #c89b3c;
    background-color: transparent;
    border-color: #785a28;
}
.ranking .btn.btn-outline:not(.btn-outline-dashed) {
    border: 1px solid rgb(50 40 30);
}
.ranking .ranking-main-button:hover, .ranking .ranking-main-button.active {
    border: 1px solid #c89b3c !important;
}
.text-muted {
    color: rgb(200 155 60) !important;
}
.header-menu .menu > .menu-item > .menu-link {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    padding-top: 0;
    padding-bottom: 0;
}
.separator {
    border-bottom: 1px solid #785a28;
}
.menu-state-primary .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here), .menu-state-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) {
    color: #c89b3c !important;
}
.menu-state-primary .menu-item.here>.menu-link {
    color: #c89b3c !important;
}
#kt_header_user_menu_toggle .profile-username:hover {
    color: #c89b3c !important;
}
[data-bs-theme=dark] .card.home-banner .carousel-item .col-7 >* {
    opacity: 1 !important;
}
.card.home-banner h3 {
    color: #c89b3c !important;
}