/* Import fonts */
@import url('https://fonts.googleapis.com/css?family=Merriweather');
@import url('https://fonts.googleapis.com/css2?family=Cinzel&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');

html {
    box-sizing: border-box;
}

h1 {
    font-size: 2.25rem;
    line-height: 2.75rem;
}

h2 {
    font-size: 1.875rem;
    line-height: 2.375rem;
}

h3 {
    font-size: 1.5rem;
    line-height: 2rem;
}

h4 {
    font-size: 1.125rem;
    line-height: 1.625rem;
}

h5 {
    font-size: 1rem;
    line-height: 1.5rem;
}

h6 {
    font-size: .75rem;
    line-height: 1.25rem;
}

h1, h2, h3, h4, h5, h6, ul {
    padding: 0;
    margin: 0;
}

ul,li {
    text-decoration: none;
    padding: 0;
    margin: 0;
    list-style: none;
}

.hideMe {
    -moz-animation: cssAnimation 0s ease-in 9s forwards;
    -webkit-animation: cssAnimation 0s ease-in 9s forwards;
    -o-animation: cssAnimation 0s ease-in 9s forwards;
    animation: cssAnimation 0s ease-in 9s forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

/* Gabi */

.submenu-gabi {
	display: block;
	color: #ccb35c;
	text-shadow: 0 1px 6px rgba(0, 0, 0, 0.85);
	font-size: 10px;
	margin-top: 5px;
	font-weight: 600;
    line-height: 1;
    letter-spacing: .8px;
}

.image-gabi {
	width: 100%;
	height: auto;
	padding-bottom: 10px;
	position: relative;
}

.sobek2-img {
	max-height: 300px;
	width: 100%;
	z-index: 0;
	
}

.sobek2-span {
	background: rgba(0, 0, 0, 0.8);
	padding: 20px;
	text-align: center;
	position: absolute;
	bottom: 0;
	z-index: 1;
	left: 0;
	right: 0;
}

.spark {
    background-color: #DE4A00;
    font-family: 'Helvetica', sans-serif;
    visibility: hidden;
    position: absolute;
    width: 4px;
    height: 4px;
    border-radius: 30%;
    box-shadow: 0 0 5px #AB000B;
}


/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #150705;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #3d1c1c;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #3d1c1c;
}

/* === */
@keyframes cssAnimation {
    to {
        width: 0;
        height: 0;
        overflow: hidden;
        display: none;
        border: 0;
        opacity: 0;
        text-indent: -9999px;
    }
}

@-webkit-keyframes cssAnimation {
    to {
        width: 0;
        height: 0;
        visibility: hidden;
        display: none;
        border: 0;
        opacity: 0;
        text-indent: -9999px;
    }
}

.mt2cms_icon_ml {
	margin:0 0 0 3px;
}
.mt2cms_icon_mr {
	margin:0 3px 0 0;
}
.mt2cms_color {
	color: #bbbbbb;
}

body {
    font-family: 'Merriweather', serif !important;
	/*background: #020000;*/
    /*background: #020000 url('../img/bg.png');
    background-repeat: no-repeat;
    background-position: center top;
	*/
    font-size: 14px;
    color: #fff;
	background: url('../img/bg-4k.webp');
	background-attachment: fixed;
	background-size: cover;
    background-position: center top;
}

body:before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(circle at 50% 8%, rgba(214, 169, 70, 0.13), transparent 31%),
        linear-gradient(180deg, rgba(7, 3, 2, 0.08) 0%, rgba(7, 3, 2, 0.56) 100%);
    z-index: -1;
}
/* Container
   ========================================================================== */
#mt2cms {
    width: 1175px;
    margin: 0 auto 20px auto;
	/*background: url('../img/header.png') center center no-repeat;*/
}

.mt2cms_grid {
    position: absolute;
    height: 100%;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: #000;
    opacity: .1;
    z-index: -1;
}

/* Main Content
   ========================================================================== */

 /* Language */
 
.social_elements a {
    display: block;
    width: 40px;
    height: 40px;
    padding: 0;
    margin: 1px 0 10px;
    filter: alpha(opacity=30);
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.social_elements {
    position: fixed;
    top: 180px;
    right: 10px;
}

.l_en {
    background: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4Ij4KPGNpcmNsZSBzdHlsZT0iZmlsbDojRjBGMEYwOyIgY3g9IjI1NiIgY3k9IjI1NiIgcj0iMjU2Ii8+CjxnPgoJPHBhdGggc3R5bGU9ImZpbGw6I0Q4MDAyNzsiIGQ9Ik0yNDQuODcsMjU2SDUxMmMwLTIzLjEwNi0zLjA4LTQ1LjQ5LTguODE5LTY2Ljc4M0gyNDQuODdWMjU2eiIvPgoJPHBhdGggc3R5bGU9ImZpbGw6I0Q4MDAyNzsiIGQ9Ik0yNDQuODcsMTIyLjQzNWgyMjkuNTU2Yy0xNS42NzEtMjUuNTcyLTM1LjcwOC00OC4xNzUtNTkuMDctNjYuNzgzSDI0NC44N1YxMjIuNDM1eiIvPgoJPHBhdGggc3R5bGU9ImZpbGw6I0Q4MDAyNzsiIGQ9Ik0yNTYsNTEyYzYwLjI0OSwwLDExNS42MjYtMjAuODI0LDE1OS4zNTYtNTUuNjUySDk2LjY0NEMxNDAuMzc0LDQ5MS4xNzYsMTk1Ljc1MSw1MTIsMjU2LDUxMnoiLz4KCTxwYXRoIHN0eWxlPSJmaWxsOiNEODAwMjc7IiBkPSJNMzcuNTc0LDM4OS41NjVoNDM2Ljg1MmMxMi41ODEtMjAuNTI5LDIyLjMzOC00Mi45NjksMjguNzU1LTY2Ljc4M0g4LjgxOSAgIEMxNS4yMzYsMzQ2LjU5NiwyNC45OTMsMzY5LjAzNiwzNy41NzQsMzg5LjU2NXoiLz4KPC9nPgo8cGF0aCBzdHlsZT0iZmlsbDojMDA1MkI0OyIgZD0iTTExOC41ODQsMzkuOTc4aDIzLjMyOWwtMjEuNywxNS43NjVsOC4yODksMjUuNTA5bC0yMS42OTktMTUuNzY1TDg1LjEwNCw4MS4yNTJsNy4xNi0yMi4wMzcgIEM3My4xNTgsNzUuMTMsNTYuNDEyLDkzLjc3Niw0Mi42MTIsMTE0LjU1Mmg3LjQ3NWwtMTMuODEzLDEwLjAzNWMtMi4xNTIsMy41OS00LjIxNiw3LjIzNy02LjE5NCwxMC45MzhsNi41OTYsMjAuMzAxbC0xMi4zMDYtOC45NDEgIGMtMy4wNTksNi40ODEtNS44NTcsMTMuMTA4LTguMzcyLDE5Ljg3M2w3LjI2NywyMi4zNjhoMjYuODIybC0yMS43LDE1Ljc2NWw4LjI4OSwyNS41MDlsLTIxLjY5OS0xNS43NjVsLTEyLjk5OCw5LjQ0NCAgQzAuNjc4LDIzNC41MzcsMCwyNDUuMTg5LDAsMjU2aDI1NmMwLTE0MS4zODQsMC0xNTguMDUyLDAtMjU2QzIwNS40MjgsMCwxNTguMjg1LDE0LjY3LDExOC41ODQsMzkuOTc4eiBNMTI4LjUwMiwyMzAuNCAgbC0yMS42OTktMTUuNzY1TDg1LjEwNCwyMzAuNGw4LjI4OS0yNS41MDlsLTIxLjctMTUuNzY1aDI2LjgyMmw4LjI4OC0yNS41MDlsOC4yODgsMjUuNTA5aDI2LjgyMmwtMjEuNywxNS43NjVMMTI4LjUwMiwyMzAuNHogICBNMTIwLjIxMywxMzAuMzE3bDguMjg5LDI1LjUwOWwtMjEuNjk5LTE1Ljc2NWwtMjEuNjk5LDE1Ljc2NWw4LjI4OS0yNS41MDlsLTIxLjctMTUuNzY1aDI2LjgyMmw4LjI4OC0yNS41MDlsOC4yODgsMjUuNTA5aDI2LjgyMiAgTDEyMC4yMTMsMTMwLjMxN3ogTTIyMC4zMjgsMjMwLjRsLTIxLjY5OS0xNS43NjVMMTc2LjkzLDIzMC40bDguMjg5LTI1LjUwOWwtMjEuNy0xNS43NjVoMjYuODIybDguMjg4LTI1LjUwOWw4LjI4OCwyNS41MDloMjYuODIyICBsLTIxLjcsMTUuNzY1TDIyMC4zMjgsMjMwLjR6IE0yMTIuMDM5LDEzMC4zMTdsOC4yODksMjUuNTA5bC0yMS42OTktMTUuNzY1bC0yMS42OTksMTUuNzY1bDguMjg5LTI1LjUwOWwtMjEuNy0xNS43NjVoMjYuODIyICBsOC4yODgtMjUuNTA5bDguMjg4LDI1LjUwOWgyNi44MjJMMjEyLjAzOSwxMzAuMzE3eiBNMjEyLjAzOSw1NS43NDNsOC4yODksMjUuNTA5bC0yMS42OTktMTUuNzY1TDE3Ni45Myw4MS4yNTJsOC4yODktMjUuNTA5ICBsLTIxLjctMTUuNzY1aDI2LjgyMmw4LjI4OC0yNS41MDlsOC4yODgsMjUuNTA5aDI2LjgyMkwyMTIuMDM5LDU1Ljc0M3oiLz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==) no-repeat 0;
	background-size: 40px 40px;
}

.l_es {
    background: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4Ij4KPHBhdGggc3R5bGU9ImZpbGw6I0ZGREE0NDsiIGQ9Ik0wLDI1NmMwLDMxLjMxNCw1LjYzMyw2MS4zMSwxNS45MjMsODkuMDQzTDI1NiwzNjcuMzA0bDI0MC4wNzctMjIuMjYxICBDNTA2LjM2NywzMTcuMzEsNTEyLDI4Ny4zMTQsNTEyLDI1NnMtNS42MzMtNjEuMzEtMTUuOTIzLTg5LjA0M0wyNTYsMTQ0LjY5NkwxNS45MjMsMTY2Ljk1N0M1LjYzMywxOTQuNjksMCwyMjQuNjg2LDAsMjU2eiIvPgo8Zz4KCTxwYXRoIHN0eWxlPSJmaWxsOiNEODAwMjc7IiBkPSJNNDk2LjA3NywxNjYuOTU3QzQ1OS45MDYsNjkuNDczLDM2Ni4wNzEsMCwyNTYsMFM1Mi4wOTQsNjkuNDczLDE1LjkyMywxNjYuOTU3SDQ5Ni4wNzd6Ii8+Cgk8cGF0aCBzdHlsZT0iZmlsbDojRDgwMDI3OyIgZD0iTTE1LjkyMywzNDUuMDQzQzUyLjA5NCw0NDIuNTI3LDE0NS45MjksNTEyLDI1Niw1MTJzMjAzLjkwNi02OS40NzMsMjQwLjA3Ny0xNjYuOTU3SDE1LjkyM3oiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K) no-repeat 0;
	background-size: 40px 40px;
}

.mt2cms_header {
    margin: 0 auto;
	position: absolute;
    width: 100%;
    height: 100%;
	background: url('../img/header.png') center center no-repeat;
}

/* Logo */

.mt2cms_logo_bg {
    margin: 0 auto;
    width: 100%;
    height: 405px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
    position: relative;
    pointer-events: none;
}

.mt2cms_logo_bg::before {
    content: "";
    position: absolute;
    width: 520px;
    height: 170px;
    max-width: 86%;
    background: radial-gradient(ellipse at center, rgba(255, 226, 138, 0.2), rgba(89, 42, 14, 0.1) 42%, rgba(0, 0, 0, 0) 72%);
    filter: blur(2px);
}

.mt2cms_logo_mark {
    position: relative;
    min-width: 420px;
    min-height: 170px;
    padding: 18px 48px 16px;
    text-align: center;
    background: linear-gradient(180deg, rgba(38, 15, 8, 0.3), rgba(8, 4, 3, 0.12));
    border-top: 1px solid rgba(255, 226, 138, 0.32);
    border-bottom: 1px solid rgba(204, 179, 92, 0.26);
    box-shadow: 0 26px 42px rgba(0,0,0,0.36), inset 0 1px 0 rgba(255,255,255,0.05);
}

.mt2cms_logo_mark::before,
.mt2cms_logo_mark::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 58px;
    height: 1px;
    background: linear-gradient(90deg, rgba(255, 226, 138, 0), rgba(255, 226, 138, 0.78));
}

.mt2cms_logo_mark::before {
    left: -38px;
}

.mt2cms_logo_mark::after {
    right: -38px;
    transform: rotate(180deg);
}

.mt2cms_logo_mark .mt2cms_logo_title::before {
    content: "";
    display: block;
    width: min(560px, 88vw);
    height: 116px;
    margin: 0 auto -6px;
    background: url('../img/logo.png') center center no-repeat;
    background-size: contain;
    filter: drop-shadow(0 8px 8px rgba(0,0,0,0.88)) drop-shadow(0 0 18px rgba(255, 218, 111, 0.28));
}

.mt2cms_logo_title {
    display: block;
    overflow: hidden;
    color: transparent;
    font-family: 'Cinzel', serif;
    font-size: 1px;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
    text-shadow: none;
}

.mt2cms_logo_subtitle {
    display: inline-block;
    margin-top: 0;
    padding: 5px 18px;
    color: #f6df9b;
    font-family: 'Cinzel', serif;
    font-size: 20px;
    font-weight: 800;
    text-transform: uppercase;
    background: rgba(0, 0, 0, 0.34);
    border: 1px solid rgba(204, 179, 92, 0.28);
    text-shadow: 0 2px 8px rgba(0,0,0,0.8);
}

/* Menu */

.mt2cms_menu {
	font-family: 'Cinzel', serif;
    width: calc(100% - 70px);
    height: 76px;
    margin: 0 auto;
	margin-bottom: 18px;
    position: relative;
	font-weight: 800;
    z-index: 10;
    top: 24px;
    background: linear-gradient(180deg, rgba(32, 17, 12, 0.76), rgba(8, 5, 4, 0.78));
    border: 1px solid rgba(216, 173, 87, 0.20);
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.50), inset 0 1px 0 rgba(255, 255, 255, 0.06);
    border-radius: 8px;
    backdrop-filter: blur(2px);
}

.mt2cms_menu_content {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 10px 14px 0;
    height: 100%;
    line-height: 1.2;
    font-size: 18px;
    font-weight: 700;
}

.mt2cms_menu_content li {
    float: none;
    width: auto;
    min-width: 0;
    flex: 0 0 142px;
    text-align: center;
    transition: all 0.15s ease-in-out;
}

.mt2cms_menu_content li:first-child {
    border-left: none;
}

.mt2cms_menu_content li:last-child {
    border-right: none
}

.mt2cms_menu_content li a {
	font-family: 'Cinzel', serif !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
	font-weight: 600;
    text-shadow: 0 2px 7px rgba(0, 0, 0, 0.95);
    font-size: 14px;
	color: #fff;
    transition: color .2s ease, text-shadow .2s ease, transform .2s ease;
    min-height: 54px;
    padding: 9px 8px 8px;
    border: 1px solid rgba(244, 215, 131, 0.13);
    border-radius: 6px;
    background: linear-gradient(180deg, rgba(43, 24, 17, 0.58), rgba(13, 8, 6, 0.64));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
    white-space: nowrap;
}

.mt2cms_menu_content li a[href*="discord"] {
    color: #dce7ff;
    border-color: rgba(112, 151, 255, 0.28);
    background: linear-gradient(180deg, rgba(42, 57, 101, 0.62), rgba(13, 12, 30, 0.66));
}

.mt2cms_menu_content li a[href*="discord"]:hover,
.mt2cms_menu_content li a[href*="discord"]:focus {
    color: #fff;
    border-color: rgba(137, 170, 255, 0.58);
    background: linear-gradient(180deg, rgba(63, 84, 148, 0.78), rgba(23, 20, 54, 0.76));
    text-shadow: 0 0 12px rgba(137, 170, 255, 0.5), 0 2px 2px rgba(0, 0, 0, 0.98);
}

.mt2cms_menu_content li a:hover,
.mt2cms_menu_content li a:focus {
    color: #f4d783;
    text-decoration: none;
    text-shadow: 0 0 12px rgba(244, 215, 131, 0.58), 0 2px 2px rgba(0, 0, 0, 0.98);
    transform: translateY(-1px);
    background: linear-gradient(180deg, rgba(70, 38, 22, 0.72), rgba(22, 12, 8, 0.72));
    border-color: rgba(244, 215, 131, 0.42);
}

.mt2cms_menu_content li.btn-download {
	padding-right: 0;
    padding-left: 0;
	position: relative;
}

.mt2cms_menu_content li.btn-download a {
    font-size: 16px;
	text-align: center;
	width: 100%;
    color: #2b1205;
    background: linear-gradient(180deg, #ffeca5 0%, #df9a34 54%, #9b5018 100%);
    border-color: rgba(255, 236, 168, 0.7);
    box-shadow: 0 9px 24px rgba(199, 123, 34, 0.33), inset 0 1px 0 rgba(255, 255, 255, 0.42);
    text-shadow: 0 1px 0 rgba(255, 238, 178, 0.55);
}

.mt2cms_menu_content li.btn-download a:hover,
.mt2cms_menu_content li.btn-download a:focus {
    color: #170903;
    background: linear-gradient(180deg, #fff0aa, #e09a33);
    box-shadow: 0 12px 30px rgba(224, 154, 51, 0.42), inset 0 1px 0 rgba(255, 255, 255, 0.46);
}

.mt2cms_menu_content li .text-nav {
	font-size: 14px;
    text-align: center;
    font-family: 'Merriweather',serif;
    text-shadow: 0px 1px #26c29b;
    width: 180px;
    position: absolute;
    top: 21px;
    left: 3%;
}

.mt2cms_menu_content .dropdown-menu {
    left: 50%;
    min-width: 194px;
    margin-top: 8px;
    padding: 8px;
    background: linear-gradient(180deg, rgba(26, 12, 8, 0.98), rgba(8, 4, 3, 0.98));
    border: 1px solid rgba(204, 179, 92, 0.28);
    border-radius: 7px;
    box-shadow: 0 18px 34px rgba(0, 0, 0, 0.58), inset 0 1px 0 rgba(255, 255, 255, 0.05);
    transform: translateX(-50%);
}

.mt2cms_menu_content .dropdown-menu li {
    width: 100%;
    min-width: 0;
    display: block;
}

.mt2cms_menu_content .dropdown-menu li a {
    min-height: 0;
    padding: 8px 12px;
    font-family: Arial, sans-serif !important;
    font-size: 12px;
    background: transparent;
    border: 0;
    box-shadow: none;
}

.mt2cms_menu_content .dropdown.open > .dropdown-toggle,
.mt2cms_menu_content .dropdown:hover > .dropdown-toggle {
    color: #f4d783;
    border-color: rgba(244, 215, 131, 0.42);
    background: linear-gradient(180deg, rgba(70, 38, 22, 0.72), rgba(22, 12, 8, 0.72));
}

.mt2cms_menu_content .dropdown:hover > .dropdown-menu {
    display: block;
}

.mt2cms_menu_content .dropdown-menu li + li {
    margin-top: 6px;
}

.navbar-nav .nav-dropdown-menu {
    padding: 8px;
    background: linear-gradient(180deg, rgba(26, 12, 8, 0.98), rgba(8, 4, 3, 0.98));
    border: 1px solid rgba(204, 179, 92, 0.24);
    border-radius: 6px;
}

.navbar-nav .nav-dropdown-menu li + li {
    margin-top: 6px;
}

.nav-language-menu {
    min-width: 242px;
}

.mt2cms_menu_content .dropdown-menu li a.nav-dropdown-link,
.navbar-nav .dropdown-menu li a.nav-dropdown-link {
    min-height: 44px;
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    align-items: center;
    gap: 9px;
    padding: 7px 8px;
    color: #f3dfad !important;
    text-align: left;
    text-decoration: none;
    background: linear-gradient(90deg, rgba(42, 18, 11, 0.92), rgba(12, 7, 5, 0.96));
    border: 1px solid rgba(204, 179, 92, 0.14);
    border-left: 3px solid rgba(204, 179, 92, 0.36);
    border-radius: 5px;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.72);
    white-space: normal;
    transition: transform .2s ease, filter .2s ease, border-color .2s ease;
}

.mt2cms_menu_content .dropdown-menu li a.nav-dropdown-link:hover,
.mt2cms_menu_content .dropdown-menu li a.nav-dropdown-link:focus,
.navbar-nav .dropdown-menu li a.nav-dropdown-link:hover,
.navbar-nav .dropdown-menu li a.nav-dropdown-link:focus {
    color: #fff6d7 !important;
    filter: brightness(1.12);
    border-left-color: #ffe28a;
    transform: translateY(-1px);
}

.mt2cms_menu_content .dropdown-menu li a.nav-dropdown-link.is-active,
.navbar-nav .dropdown-menu li a.nav-dropdown-link.is-active {
    border-left-color: #61cfa7;
    background: linear-gradient(90deg, rgba(36, 54, 30, 0.92), rgba(12, 8, 5, 0.96));
}

.nav-dropdown-icon {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #241005;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: 900;
    line-height: 1;
    background: linear-gradient(180deg, #fff0a8, #bd741f);
    border: 1px solid rgba(255, 235, 154, 0.46);
    border-radius: 4px;
}

.nav-language-code {
    color: #e8f7ff;
    background: linear-gradient(180deg, #2a7c8f, #13424d);
    border-color: rgba(126, 224, 244, 0.42);
}

.nav-dropdown-text {
    min-width: 0;
    display: block;
}

.nav-dropdown-text strong,
.nav-dropdown-text small {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.nav-dropdown-text strong {
    color: inherit;
    font-family: 'Cinzel', serif;
    font-size: 13px;
    line-height: 1.15;
}

.nav-dropdown-text small {
    margin-top: 2px;
    color: #aa9874;
    font-family: Arial, sans-serif;
    font-size: 10px;
    font-weight: 800;
    line-height: 1.1;
    text-transform: uppercase;
}

.nav-language-menu .nav-dropdown-text small {
    font-size: 9px;
}

/* Main */

.mt2cms_main {
    padding: 0;
    margin: 0px auto;
    width: 100%;
}

.mt2cms_main_box_middle_content_label {
    float: left;
    width: 100%;
    font-size: 14px;
    font-weight: normal;
    margin: 10px 0 5px 0;
	color: #ccb35c;
}

.mt2cms_main_box_middle_content_input, .form-control {
    width: 100%;
	background-color: #282020;
    border: 3px solid #ccb35c;
    padding: 4px 6px 4px 6px;
    margin: 5px 0px 5px 0px;
    font-size: 14px;
	color: #fff;
}

.mt2cms_main .text-link {
	color: #fff !important;
}

.mt2cms_main .stats-value {
	display: inline-block;
    vertical-align: middle;
    font-family: Arial;
    font-weight: 600;
    font-size: 14px;
    color: #ccb35c;
}

.mt2cms_main_content_button {
    background: url(../img/button.png) center center no-repeat;
	background-size: contain;
    width: 100%;
    margin: 15px auto 7px;
    text-align: center;
    line-height: 33px;
    color: #fff;
    font-size: 15px;
    border: none;
}

.btn {
    background: url(../img/button.png) center center no-repeat;
	background-size: contain;
    width: 100%;
    margin: 0px auto 7px;
    text-align: center;
    line-height: 33px;
    color: #fff;
    font-size: 15px;
    border: none;
}

.mt2cms_main_content_button:hover {
    background: url(../img/button-hover.png) center center no-repeat;
	background-size: contain;
}

.mt2cms_main_right .panel, .mt2cms_main_left .panel {
	margin-bottom: 0px;
}

.heading-secondary-text {
	text-align: center;
	color: #ccb35c;
	font-size: 13px;
	margin: 0 0 4px auto;
}

/* Left panel */

.ranking-row {
    height: 58px;
    width: 100%;
    background-color: #0d0c0c;
    border-bottom: 1px solid #141212;
}

.mt2cms_main_left_panel_body {
	background: #150705;
}

.mt2cms_main_left {
	float: left;
	padding: 0;
}

.mt2cms_main_left_panel_header, .pre-social {
	font-family: 'Open Sans', serif-serif !important;
	background: #200c09 !important;
	background-size: cover;
	background-repeat: no-repeat;
	text-transform: uppercase;
	text-align: center;
    height: 45px;
	font-weight: 600;
	text-shadow: 1px 0 5px 0 #111;
    padding: 0 0 0 0;
    line-height: 29px;
	font-size: 17px;
	border: none;
	border-radius: 0;
	margin: auto;
	display: flex;
	align-items: center;
	justify-content: center;
}

.mt2cms_main_right .online-now {
	width: 75%;
	text-align: center;
	margin: 0 auto;
	background: url('../img/stats-numbers.png');
	background-size: contain;
	background-position: 0px center;
    background-repeat: no-repeat;
	color: #ffae08;
	font-size: 5rem;
    font-family: Arial;
}

.mt2cms_main_right .offline-shops {
    letter-spacing: 1.0px;
    color: #7d7d7d;
    font-size: 11px;
    text-align: center;
    margin-top: 1px;
    width: 100%;
}

.mt2cms_main_right .stats {
	height: auto;
    background-color: #0d0c0c;
    margin-top: 10px;
	margin-bottom: 10px;
    text-align: center;
    padding-top: 6px;
	padding-bottom: 6px;
}

.mt2cms_main_right .stats-value {
	display: inline-block;
    vertical-align: middle;
    font-family: Arial;
    font-weight: 600;
    font-size: 12px;
    color: #ccb35c;
}

/* Right panel */

.user_panel_buttons_row {
    background-color: #0d0c0c;
    font-family: Arial;
    font-size: 11px;
    letter-spacing: 0.4;
    color: #FFF;
    height: 34px;
    outline: none;
    border: none;
    width: 100%;
    text-align: left;
    margin-bottom: 2px;
}

.user_panel_buttons_icon {
    text-align: center;
    width: 50px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
	font-size: 15px;
}

.user_panel_buttons {
    margin: 15px auto;
}

.mt2cms_main_right {
	float: left;
	padding: 0;
}

.mt2cms_main_left .ranking-icon {
    background-position: center;
    background-repeat: no-repeat;
    height: 50px;
}

.ranking-sidebar-body {
    padding: 10px 10px 14px !important;
}

.ranking-sidebar-list {
    display: grid;
    gap: 7px;
}

.ranking-sidebar-item {
    min-height: 48px;
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) 48px;
    align-items: center;
    gap: 9px;
    padding: 7px 8px;
    color: #efe1c2;
    background: linear-gradient(180deg, rgba(22, 10, 7, 0.96), rgba(8, 5, 4, 0.96));
    border: 1px solid rgba(204, 179, 92, 0.13);
    border-left: 3px solid rgba(204, 179, 92, 0.2);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
}

.ranking-sidebar-item:nth-child(1) {
    border-color: rgba(255, 226, 138, 0.38);
    border-left-color: #ffe28a;
    background: linear-gradient(180deg, rgba(54, 24, 12, 0.96), rgba(12, 6, 4, 0.96));
}

.ranking-sidebar-item:nth-child(2),
.ranking-sidebar-item:nth-child(3) {
    border-color: rgba(204, 179, 92, 0.24);
    border-left-color: rgba(204, 179, 92, 0.52);
}

.ranking-position {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #f4df9d;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: 800;
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(204, 179, 92, 0.24);
    border-radius: 2px;
}

.ranking-position .ranking-position-number {
    display: block !important;
    visibility: visible !important;
    position: static !important;
    width: auto !important;
    height: auto !important;
    overflow: visible !important;
    color: inherit !important;
    font-family: Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-indent: 0 !important;
    opacity: 1 !important;
}

.ranking-sidebar-item:nth-child(1) .ranking-position {
    color: #211005;
    background: linear-gradient(180deg, #ffe28a, #b56b1e);
    border-color: rgba(255, 235, 154, 0.5);
}

.ranking-sidebar-item:nth-child(1) .ranking-position .ranking-position-number {
    color: #211005 !important;
}

.ranking-sidebar-item:nth-child(n+4) .ranking-position {
    color: #d8c7a5;
    background: rgba(0, 0, 0, 0.32);
    border: 1px solid rgba(204, 179, 92, 0.22);
}

.ranking-name {
    overflow: hidden;
    color: #f4df9d;
    font-family: Arial, sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ranking-empire {
    display: flex;
    justify-content: flex-end;
}

.ranking-empire img {
    width: 38px;
    height: 22px;
    object-fit: cover;
    border: 1px solid rgba(204, 179, 92, 0.18);
    box-shadow: 0 2px 8px rgba(0,0,0,0.28);
}

.ranking-sidebar-more {
    margin-top: 11px;
    text-align: center;
}

.ranking-sidebar-more a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 118px;
    min-height: 30px;
    padding: 0 16px;
    color: #231005;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    background: linear-gradient(180deg, #ffe28a, #bd741f);
    border: 1px solid rgba(255, 235, 154, 0.42);
}

.ranking-sidebar-more a:hover,
.ranking-sidebar-more a:focus {
    color: #160903;
    text-decoration: none;
    filter: brightness(1.08);
}

.mt2cms_main_left .jugadores  div > div:nth-child(1) > div.ranking-icon {
    background-image: url(../img/top1icon.png);
}

.mt2cms_main_left .jugadores  div > div:nth-child(2) > div.ranking-icon {
	background-image: url(../img/top3icon.png);
}

.mt2cms_main_left .jugadores  div > div:nth-child(3) > div.ranking-icon {
	background-image: url(../img/top2icon.png);
}

.mt2cms_main_left .jugadores  div > div:nth-child(4) > div.ranking-icon {
	background-image: url(../img/top4icon.png);
}

.mt2cms_main_left .jugadores  div > div:nth-child(5) > div.ranking-icon {
	background-image: url(../img/top5icon.png);
}

.mt2cms_main_left .jugadores div > div:nth-child(1) > div:nth-child(2) {
	color: #ffbf00;
}

.mt2cms_main_left .jugadores div > div:nth-child(2) > div:nth-child(2) {
	color: #beb9b6;
}

.mt2cms_main_left .jugadores div > div:nth-child(3) > div:nth-child(2) {
	color: #f2ac68;
}

.mt2cms_main_left .jugadores {
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 30px;
	color: #ccb35c;
	/*background-color: #0d0c0c;*/
}

.mt2cms_main_left .ranking-sidebar-list {
    padding: 0;
    line-height: normal;
}

.mt2cms_main_left .ranking-sidebar-list .ranking-name {
    color: #efe1c2;
}

.mt2cms_main_left .ranking-sidebar-list .ranking-sidebar-item:nth-child(1) .ranking-name {
    color: #ffe28a;
}

.mt2cms_main_left .ranking-sidebar-list .ranking-sidebar-item:nth-child(2) .ranking-name {
    color: #ddd4c4;
}

.mt2cms_main_left .ranking-sidebar-list .ranking-sidebar-item:nth-child(3) .ranking-name {
    color: #e7b577;
}

.mt2cms_main_left .ranking-sidebar-list .ranking-position {
    background-image: none;
}

.ranking-page {
    width: 100%;
}

.ranking-page .page-hd .bd-c {
    display: grid;
    gap: 4px;
}

.ranking-page-heading {
    place-items: center;
    padding: 8px 0;
    background: linear-gradient(90deg, rgba(52, 19, 13, 0.94), rgba(112, 61, 21, 0.88), rgba(52, 19, 13, 0.94));
    border-bottom: 1px solid rgba(204, 179, 92, 0.24);
}

.ranking-page-heading h2 {
    margin: 0;
    color: #f6df9b;
    font-family: 'Cinzel', serif;
    font-size: 19px;
    font-weight: 800;
    line-height: 1.2;
    text-transform: uppercase;
    text-shadow: 0 2px 7px rgba(0, 0, 0, 0.82);
}

.ranking-page-heading span {
    display: block;
    margin-top: 4px;
    color: #d5b75f;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.2;
    text-transform: uppercase;
}

.ranking-page-content {
    padding: 18px;
    background: linear-gradient(180deg, rgba(18, 9, 6, 0.97), rgba(7, 4, 3, 0.97));
    border: 1px solid rgba(204, 179, 92, 0.15);
}

.ranking-search-card {
    padding: 14px !important;
    margin-bottom: 16px;
    background: rgba(0, 0, 0, 0.24) !important;
    border: 1px solid rgba(204, 179, 92, 0.14);
}

.ranking-search-card .row {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-right: 0;
    margin-left: 0;
}

.ranking-search-card [class*="col-"] {
    float: none;
    padding-right: 0;
    padding-left: 0;
}

.ranking-search-card .col-lg-7 {
    flex: 1 1 230px;
}

.ranking-search-card .col-lg-5 {
    flex: 0 0 150px;
}

.ranking-search-card .form-control {
    min-height: 40px;
    margin: 0;
    color: #fff6d7;
    background: rgba(0, 0, 0, 0.48);
    border: 1px solid rgba(204, 179, 92, 0.3);
}

.ranking-search-card .btn {
    width: 100%;
    min-height: 40px;
    margin: 0;
    color: #231005;
    font-family: Arial, sans-serif;
    font-weight: 800;
    background: linear-gradient(180deg, #ffe28a, #bd741f);
    border: 1px solid rgba(255, 235, 154, 0.5);
}

.ranking-search-card .btn:hover,
.ranking-search-card .btn:focus,
.ranking-search-card .btn:active,
.ranking-search-card .btn:active:focus {
    color: #231005;
    background: linear-gradient(180deg, #fff0a8, #c98225);
    border-color: rgba(255, 235, 154, 0.72);
    outline: none;
    box-shadow: 0 0 0 2px rgba(213, 163, 62, 0.18);
    filter: none;
    transform: none;
}

.ranking-tabs {
    display: flex;
    gap: 8px;
    margin-bottom: 14px;
    border-bottom: 0;
}

.ranking-tabs > li {
    float: none;
    flex: 1 1 0;
}

.ranking-tabs > li > a,
.ranking-tabs > li > .nav,
.ranking-tabs > li > .nav-link {
    min-height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin: 0;
    color: #d9c393;
    font-family: Arial, sans-serif;
    font-weight: 800;
    text-transform: uppercase;
    background: rgba(0, 0, 0, 0.26);
    border: 1px solid rgba(204, 179, 92, 0.15);
    border-radius: 0;
}

.ranking-tabs > li.open > a,
.ranking-tabs > li.open > .nav,
.ranking-tabs > li.open > .nav-link {
    color: #241005;
    background: linear-gradient(180deg, #ffe28a, #bd741f);
    border-color: rgba(255, 235, 154, 0.46);
}

.ranking-tabs img {
    width: 22px;
    height: 22px;
    object-fit: contain;
}

.ranking-table {
    width: 100%;
    margin: 0;
    color: #e8dcc4;
    background: rgba(0, 0, 0, 0.18);
    border: 1px solid rgba(204, 179, 92, 0.14);
}

.ranking-table > thead > tr > th {
    color: #f6df9b;
    font-family: Arial, sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    background: linear-gradient(180deg, rgba(55, 24, 13, 0.96), rgba(19, 9, 6, 0.96));
    border-bottom: 1px solid rgba(204, 179, 92, 0.22);
}

.ranking-table > tbody > tr > td,
.ranking-table > tbody > tr > th {
    vertical-align: middle;
    border-top: 1px solid rgba(204, 179, 92, 0.09);
}

.ranking-table > tbody > tr:nth-child(1) {
    background: rgba(204, 179, 92, 0.1);
}

.ranking-table > tbody > tr:hover {
    background: rgba(204, 179, 92, 0.08);
}

.ranking-page .pagination {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 5px;
    margin: 16px 0 0;
}

.ranking-page .pagination > li > a,
.ranking-page .pagination > li > span {
    color: #f6df9b;
    background: rgba(0, 0, 0, 0.3);
    border-color: rgba(204, 179, 92, 0.18);
}

.ranking-page .pagination > .active > a,
.ranking-page .pagination > .active > span {
    color: #231005;
    background: #ccb35c;
    border-color: #ccb35c;
}

.feature-page {
    width: 100%;
    padding: 0;
}

.feature-page-content {
    padding: 18px;
    background: linear-gradient(180deg, rgba(18, 9, 6, 0.97), rgba(7, 4, 3, 0.97));
    border: 1px solid rgba(204, 179, 92, 0.15);
}

.feature-card {
    padding: 18px;
    background: linear-gradient(180deg, rgba(22, 10, 7, 0.97), rgba(8, 5, 4, 0.97));
    border: 1px solid rgba(204, 179, 92, 0.16);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.04), 0 12px 26px rgba(0,0,0,0.18);
}

.feature-card-title {
    display: grid;
    grid-template-columns: 42px 1fr;
    align-items: center;
    gap: 12px;
    margin-bottom: 14px;
}

.feature-card-title > i {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #231005;
    font-size: 17px;
    background: linear-gradient(180deg, #ffe28a, #bd741f);
    border: 1px solid rgba(255, 235, 154, 0.5);
}

.feature-card-title strong {
    display: block;
    color: #f6df9b;
    font-family: 'Cinzel', serif;
    font-size: 18px;
    line-height: 1.2;
}

.feature-card-title span {
    display: block;
    margin-top: 3px;
    color: #bca987;
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 1.35;
}

.feature-inline-form .input-group,
.feature-copy-group {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    width: 100%;
}

.feature-copy-group .form-control {
    min-height: 42px;
    margin: 0;
    color: #fff6d7;
    background: rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(204, 179, 92, 0.3);
}

.feature-copy-group .input-group-btn {
    display: flex;
    justify-content: center;
    width: 100%;
}

.feature-copy-group .btn,
.feature-actions .btn {
    width: auto;
    min-width: 220px;
    max-width: 100%;
    min-height: 42px;
    margin: 0;
    padding: 0 20px;
    color: #231005;
    font-family: Arial, sans-serif;
    font-weight: 800;
    line-height: 1.2;
    text-align: center;
    text-transform: uppercase;
    white-space: normal;
    background: linear-gradient(180deg, #ffe28a, #bd741f);
    border: 1px solid rgba(255, 235, 154, 0.5);
}

.feature-copy-group .btn:hover,
.feature-copy-group .btn:focus,
.feature-copy-group .btn:active,
.feature-actions .btn:hover,
.feature-actions .btn:focus,
.feature-actions .btn:active {
    color: #231005;
    background: linear-gradient(180deg, #fff0a8, #c98225);
    border-color: rgba(255, 235, 154, 0.72);
    outline: none;
    box-shadow: 0 0 0 2px rgba(213, 163, 62, 0.18);
    filter: none;
    transform: none;
}

.feature-actions {
    display: flex;
    justify-content: center;
    margin-top: 16px;
}

.feature-actions .btn {
    max-width: 320px;
}

.feature-page .alert {
    color: #f2dfb6;
    background: rgba(18, 45, 52, 0.64);
    border: 1px solid rgba(111, 181, 193, 0.32);
    border-radius: 0;
}

.feature-page .alert-success {
    background: rgba(35, 70, 35, 0.62);
    border-color: rgba(126, 196, 101, 0.34);
}

.feature-page .alert-danger {
    background: rgba(76, 24, 22, 0.68);
    border-color: rgba(220, 92, 76, 0.35);
}

.feature-table {
    width: 100%;
    margin: 0;
    color: #e8dcc4;
    background: rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(204, 179, 92, 0.14);
}

.feature-table > thead > tr > th {
    color: #f6df9b;
    font-family: Arial, sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    background: linear-gradient(180deg, rgba(55, 24, 13, 0.96), rgba(19, 9, 6, 0.96));
    border-bottom: 1px solid rgba(204, 179, 92, 0.22);
}

.feature-table > tbody > tr > td,
.feature-table > tbody > tr > th {
    vertical-align: middle;
    border-top: 1px solid rgba(204, 179, 92, 0.09);
}

.feature-table > tbody > tr:hover {
    background: rgba(204, 179, 92, 0.07);
}

.feature-table td:last-child {
    text-align: center;
}

.feature-table td form {
    display: flex;
    justify-content: center;
    margin: 0;
}

.feature-table .btn {
    width: auto;
    min-width: 96px;
    margin: 0;
    color: #231005;
    font-family: Arial, sans-serif;
    font-weight: 800;
    background: linear-gradient(180deg, #ffe28a, #bd741f);
    border: 1px solid rgba(255, 235, 154, 0.5);
}

.feature-form-table td:first-child {
    width: 35%;
    color: #d8c7a5;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}

.feature-form-table .form-control {
    min-height: 42px;
    margin: 0;
    color: #fff6d7;
    background: rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(204, 179, 92, 0.3);
}

.feature-form-table img {
    max-width: 100%;
    border: 1px solid rgba(204, 179, 92, 0.2);
}

.login-page-links {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-top: 16px;
}

.login-page-links a {
    min-height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #d9c393;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
    background: rgba(0, 0, 0, 0.24);
    border: 1px solid rgba(204, 179, 92, 0.15);
}

.login-page-links a:hover,
.login-page-links a:focus {
    color: #f6df9b;
    text-decoration: none;
    background: rgba(204, 179, 92, 0.08);
    border-color: rgba(255, 226, 138, 0.3);
}

.referrals-list-card {
    margin-bottom: 14px;
}

.referrals-list-card > .container {
    width: 100%;
    padding: 0;
}

.referrals-list-card h3 {
    margin: 0 0 12px;
    color: #f6df9b;
    font-family: 'Cinzel', serif;
    font-size: 18px;
}

#footer {
    width: min(620px, calc(100% - 32px));
    margin: 22px auto 26px;
    padding: 14px 18px;
    text-align: center;
    background: linear-gradient(180deg, rgba(20, 10, 7, 0.88), rgba(7, 4, 3, 0.88));
    border: 1px solid rgba(204, 179, 92, 0.18);
    box-shadow: 0 12px 30px rgba(0,0,0,0.24), inset 0 1px 0 rgba(255,255,255,0.04);
}

#footer_other_infos {
    color: #d8c7a5;
    text-shadow: none;
}

#footer_other_infos p {
    margin: 0;
}

#footer_other_infos .footer-copy {
    color: #f6df9b;
    font-family: 'Cinzel', serif;
    font-size: 14px;
    letter-spacing: .4px;
}

#footer_other_infos .footer-copy span {
    color: #d5a33e;
}

#footer_other_infos .footer-tagline {
    margin-top: 5px;
    color: #bca987;
    font-family: Arial, sans-serif;
    font-size: 12px;
    text-transform: uppercase;
}

@media (max-width: 640px) {
    .feature-page-content {
        padding: 12px;
    }

    .feature-card {
        padding: 14px;
    }

    .feature-inline-form .input-group,
    .feature-copy-group {
        grid-template-columns: 1fr;
    }

    .feature-form-table,
    .feature-form-table tbody,
    .feature-form-table tr,
    .feature-form-table td {
        display: block;
        width: 100%;
    }

    .feature-form-table td:first-child {
        width: 100%;
        padding-bottom: 4px;
    }

    .login-page-links {
        grid-template-columns: 1fr;
    }
}

/* Middle panel */

.main_board_darker_background {
    width: 390px;
    margin: auto;
    padding: 20px 30px 20px 30px;
    margin-top: 30px;
    margin-bottom: 15px;
}

.main_board_subtitle {
    color: #ca9020;
    font-family: 'Merriweather',serif;
    font-size: 14px;
    letter-spacing: 0.4;
    margin-bottom: 15px;
}

.main_board_regular_text {
    color: #9d7933;
    font-family: 'Merriweather',serif;
    font-size: 11px;
    letter-spacing: 0.4;
    line-height: 1.6;
}

.download_requirements {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 40px;
}

.download_option {
    font-family: Arial;
    font-size: 12px;
    text-align: left;
    margin-bottom: 12px;
}

.mt2cms_main .text-debug {
	line-height: 20px;
    color: #ccb35c;
    font-size: 11px;
    text-align: center;
	margin: 0 auto;
	margin-bottom: 25px;
    width: 65%;
}

.mt2cms_main_middle {
    padding: 0;
    margin: 0 auto;
}

.mt2cms_bg_transparent {
	background: transparent;
	background: -moz-linear-gradient(left, transparent 0%, rgba(15, 14, 10, 0.6) 50%, transparent 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, transparent), color-stop(50%, rgba(15, 14, 10, 0.6)), color-stop(100%, transparent));
	background: -webkit-linear-gradient(left, transparent 0%, rgba(15, 14, 10, 0.6) 50%, transparent 100%);
	background: -o-linear-gradient(left, transparent 0%, rgba(15, 14, 10, 0.6) 50%, transparent 100%);
	background: -ms-linear-gradient(left, transparent 0%, rgba(15, 14, 10, 0.6) 50%, transparent 100%);
	background: linear-gradient(to right, transparent 0%, rgba(15, 14, 10, 0.6) 50%, transparent 100%);
	padding:1px 0;
}

.mt2cms_main_middle_message_error {
	background: transparent;
	background: -moz-linear-gradient(left, transparent 0%, rgba(15, 14, 10, 0.6) 50%, transparent 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, transparent), color-stop(50%, rgba(15, 14, 10, 0.6)), color-stop(100%, transparent));
	background: -webkit-linear-gradient(left, transparent 0%, rgba(15, 14, 10, 0.6) 50%, transparent 100%);
	background: -o-linear-gradient(left, transparent 0%, rgba(15, 14, 10, 0.6) 50%, transparent 100%);
	background: -ms-linear-gradient(left, transparent 0%, rgba(15, 14, 10, 0.6) 50%, transparent 100%);
	background: linear-gradient(to right, transparent 0%, rgba(15, 14, 10, 0.6) 50%, transparent 100%);
	font-family: 'Raleway', sans-serif;
	width: 100%;
	margin:70px auto;
	text-align:center;
	color:#fff;
	text-transform: uppercase;
	padding:20px;
	text-shadow: 0px 1px 2px rgba(0, 0, 0, 1);
}

.mt2cms_main_middle_legend_left {
    /* background: url(../img/left.png) left center no-repeat; */
    background: transparent;
    background: -moz-linear-gradient(right, transparent 0%, rgba(15, 14, 10, 0.7) 50%, rgba(15, 14, 10, 0.6) 100%);
    background: -webkit-gradient(right top, left top, color-stop(0%, transparent), color-stop(50%, rgba(15, 14, 10, 0.7)), color-stop(100%, rgba(15, 14, 10, 0.6)));
    background: -webkit-linear-gradient(right, transparent 0%, rgba(15, 14, 10, 0.7) 50%, rgba(15, 14, 10, 0.6) 100%);
    background: -o-linear-gradient(right, transparent 0%, rgba(15, 14, 10, 0.7) 50%, rgba(15, 14, 10, 0.6) 100%);
    background: -ms-linear-gradient(right, transparent 0%, rgba(15, 14, 10, 0.7) 50%, rgba(15, 14, 10, 0.6) 100%);
    background: linear-gradient(to left, transparent 0%, rgba(15, 14, 10, 0.7) 50%, rgba(15, 14, 10, 0.6) 100%);
    width: 80%;
	float: left;
    position: relative;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 29px;
    padding: 0 0 0 25px;
    margin: 10px 0 5px;
    color: #fff;
    text-align: left;
	text-transform: uppercase;
    line-height: 29px;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 1);
	-webkit-border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.mt2cms_main_middle_legend_left:after {
	content: "\f053";
	font: normal normal normal 15px/1 FontAwesome;
	color: #df893b;
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	padding-right: 3px;
	position: absolute;
	line-height: 29px;
	left: 7px;
}

.mt2cms_main_middle_btn_left {
    background: url(../img/btnLeft.png) center center no-repeat;
    background-size: 240px;
    width: 240px;
    height: 62px;
    line-height: 62px;
    float: left;
    position: relative;
    letter-spacing: 5px;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 1);
}

.mt2cms_main_middle_btn_download {
    background: url(../img/btndownload.png) center center no-repeat;
    background-size: 260px;
    width: 260px;
    height: 44px;
    line-height: 44px;
    margin: 0 0 10px 0;
    float: left;
	left: -36px;
    position: relative;
    letter-spacing: 5px;
    text-transform: uppercase;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 1);
}

.mt2cms_main_middle_btn_download:hover {
    background: url(../img/btndownloadhover.png) center center no-repeat;
    background-size: 240px;
}

.mt2cms_main_middle_btn_panelink {
    /*background: url(../img/btnpanellink.jpg) center center no-repeat;
    background-size: 200px;
    width: 200px;
    height: 25px;
    margin: 0 0 10px 0;
    float: left;
    position: relative;*/
    letter-spacing: 5px;
    text-transform: uppercase;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 1);
}

.mt2cms_main_title {
    width: 290px;
    margin: 0 auto 10px;
    height: 30px;
    background: url(../img/title1.png) left center no-repeat,url(../img/title2.png) right center no-repeat;
    top: 15px;
    text-align: center;
    line-height: 30px;
    color: #2D0707;
    letter-spacing: 5px;
}

.mt2cms_main_middle_box_top {
    width: 100%;
    height: 35px;
    float: left;
	position: relative;
    height: 0px;
    width: 270px;
    border-top: 65px solid #2ACA95;
    border-left: 60px solid transparent;
    border-right: 60px solid transparent;
}

.mt2cms_main_box_middle {
    background: linear-gradient(180deg, rgba(29, 11, 8, 0.94), rgba(10, 5, 4, 0.96));
    width: 100%;
    height: auto;
    float: left;
	min-height: 500px;
	margin: 0 auto;
    border: 1px solid rgba(204, 179, 92, 0.24);
    box-shadow: 0 22px 42px rgba(0, 0, 0, 0.42);
}

.mt2cms_main_box_middle_content_create_success {
    background: #DFF2BF;
    color: #4F8A10;
    margin: 0;
    text-align: center;
    border: 1px solid;
    line-height: 30px;
}

.mt2cms_main_box_middle_content_create_error {
    background: #FFBABA;
    color: #D8000C;
    margin: 0;
    text-align: center;
    border: 1px solid;
    line-height: 30px;
}

input:-webkit-autofill {
	background-color: #282020 !important;
}

.mt2cms_main_box_middle_content_input:focus {
    border: 1px solid #94191B;
    box-shadow: 0px 0px 5px 0px #000000
}

.mt2cms_main_middle_legend_right {
    /* background: url(../img/right.png) right center no-repeat; */
	background: transparent;
    background: -moz-linear-gradient(left, transparent 0%, rgba(15, 14, 10, 0.7) 50%, rgba(15, 14, 10, 0.6) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, transparent), color-stop(50%, rgba(15, 14, 10, 0.7)), color-stop(100%, rgba(15, 14, 10, 0.6)));
    background: -webkit-linear-gradient(left, transparent 0%, rgba(15, 14, 10, 0.7) 50%, rgba(15, 14, 10, 0.6) 100%);
    background: -o-linear-gradient(left, transparent 0%, rgba(15, 14, 10, 0.7) 50%, rgba(15, 14, 10, 0.6) 100%);
    background: -ms-linear-gradient(left, transparent 0%, rgba(15, 14, 10, 0.7) 50%, rgba(15, 14, 10, 0.6) 100%);
    background: linear-gradient(to right, transparent 0%, rgba(15, 14, 10, 0.7) 50%, rgba(15, 14, 10, 0.6) 100%);
    width: 80%;
	float: right;
    position: relative;
	white-space: nowrap;
    text-overflow: ellipsis;
    /* overflow: hidden!important;*/
    height: 29px!important;
    padding: 0 25px 0 0!important;
    margin: 10px 0 5px!important;
    color: #fff !important;
    text-align: right!important;
	text-transform: uppercase!important;
    line-height: 29px!important;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 1)!important;
	-webkit-border-top-right-radius: 4px!important;
    -webkit-border-bottom-right-radius: 4px!important;
    -moz-border-radius-topright: 4px!important;
    -moz-border-radius-bottomright: 4px!important;
    border-top-right-radius: 4px!important;
    border-bottom-right-radius: 4px!important;
}

.mt2cms_main_middle_legend_right:after {
	content: "\f054";
	font: normal normal normal 15px/1 FontAwesome;
	color: #df893b;
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	padding-left: 3px;
	position: absolute;
	line-height: 29px;
	right: 7px;
}

.mt2cms_main_middle_stats_right h2 {
    font-weight: normal;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 1);
}

.mt2cms_main_middle_stats_right_shinso {
    background: url(../img/shinso.png) no-repeat right 8px;
    height: 36px;
	display: inline-block;
    background-size: auto 25px;
    width: 52px;
    opacity: .7;
}

.mt2cms_main_middle_stats_right_chunjo {
    background: url(../img/chunjo.png) no-repeat right 8px;
    height: 36px;
	display: inline-block;
    background-size: auto 25px;
    width: 52px;
    opacity: .7;
}

.mt2cms_main_middle_stats_right_jinno {
    background: url(../img/jinno.png) no-repeat right 8px;
    height: 36px;
	display: inline-block;
    background-size: auto 25px;
    width: 52px;
    opacity: .7;
}

.mt2cms_main_middle_btn_right {
    background: url(../img/btnRight.png) center center no-repeat;
    background-size: 240px;
    width: 240px;
    height: 62px;
    line-height: 62px;
    float: right;
    position: relative;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 1);
}

.follow-us-icon {
	background-position: 0px center;
    background-repeat: no-repeat;
    width: 66px;
    height: 78px;
    border: none;
    outline: none;
    background-color: transparent;
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
}

.follow-us-text {
    color: #ccb35c;
    font-size: 12px;
	width: 65%;
    display: inline-block;
    vertical-align: middle;
}

.blogroll {
    display: grid;
    gap: 14px;
}

.post img {
    max-width: 100%!important;
    height: auto;
}

.post {
    width: 100%;
}

.news-card {
    position: relative;
    overflow: hidden;
    padding: 18px 20px 20px;
    background: linear-gradient(180deg, rgba(24, 10, 7, 0.98), rgba(10, 5, 4, 0.98));
    border: 1px solid rgba(204, 179, 92, 0.22);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 12px 28px rgba(0, 0, 0, 0.28);
}

.news-card:before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 3px;
    background: linear-gradient(90deg, transparent, rgba(255, 221, 128, 0.75), transparent);
}

.post_meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 10px;
    color: #9f8461;
    font-family: Arial, sans-serif;
    font-size: 11px;
    text-transform: uppercase;
}

.post_badge {
    display: inline-flex;
    align-items: center;
    min-height: 20px;
    padding: 0 8px;
    color: #261005;
    font-weight: 700;
    background: linear-gradient(180deg, #ffe28a, #b66d21);
    border-radius: 3px;
}

.post_title {
    color: #f6df9b;
    font-family: 'Cinzel', serif;
    font-size: 21px;
    line-height: 1.35;
    letter-spacing: 0;
    width: 100%;
    margin-bottom: 12px;
    overflow-wrap: anywhere;
}

.post_title a {
    color: #f6df9b;
    text-decoration: none;
}

.post_title a:hover {
    color: #fff0aa;
    text-decoration: none;
}

.news-admin-actions {
    float: right;
    margin-left: 10px;
    font-family: Arial, sans-serif;
    font-size: 14px;
}

.news-admin-actions a {
    color: #d5b75f;
    margin-left: 7px;
}

.news-admin-actions .fa-trash-o {
    color: #e35b4f;
}

.post_content a {
    text-decoration: none;
    color: #f0d37f;
}

.post_content {
    color: #f3eee5;
    font-family: Arial, sans-serif;
    font-size: 14px;
    letter-spacing: 0;
    width: 100%;
    line-height: 1.75;
    padding-bottom: 12px;
    overflow-wrap: anywhere;
}

.post_content p {
    margin: 0 0 12px;
}

.post_content p:last-child {
    margin-bottom: 0;
}

.post_content ul,
.post_content ol {
    margin: 10px 0 14px 20px;
    padding-left: 16px;
}

.post_content li {
    list-style: disc;
    margin-bottom: 6px;
}

.post_content ol li {
    list-style: decimal;
}

.post_content blockquote {
    margin: 14px 0;
    padding: 12px 14px;
    color: #e8d4a2;
    background: rgba(255, 226, 138, 0.08);
    border-left: 3px solid #d5a33e;
}

.post_image {
    margin: 0 0 14px;
    overflow: hidden;
    border: 1px solid rgba(204, 179, 92, 0.2);
}

.post_image img,
.post_content img {
    display: block;
    width: 100%;
    max-height: 330px;
    object-fit: cover;
}

.read_more a {
    color: #221005;
    text-decoration: none;
}

.read_more {
    cursor: pointer;
    display: flex;
    justify-content: flex-end;
    margin-top: 4px;
}

.read_more_text {
    color: #221005;
    font-family: Arial, sans-serif;
    font-size: 12px;
    letter-spacing: .5px;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 0 14px;
    background: linear-gradient(180deg, #ffe28a, #bd741f);
    border: 1px solid rgba(255, 235, 154, 0.55);
    border-radius: 4px;
}

.news-empty {
    padding: 22px;
    text-align: center;
    color: #d5b75f;
    background: rgba(0, 0, 0, 0.22);
    border: 1px solid rgba(204, 179, 92, 0.18);
}

.news-editor-box {
    padding: 16px;
    margin-bottom: 16px;
    background: rgba(0, 0, 0, 0.24);
    border: 1px solid rgba(204, 179, 92, 0.2);
}

.news-editor-box p {
    margin: 10px 0 6px;
    color: #f6df9b;
}

.account-dashboard {
    display: grid;
    gap: 14px;
}

.account-hero-card {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 18px;
    background: linear-gradient(135deg, rgba(34, 13, 8, 0.98), rgba(12, 6, 5, 0.98));
    border: 1px solid rgba(204, 179, 92, 0.22);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 12px 28px rgba(0,0,0,0.28);
}

.account-avatar {
    width: 68px;
    height: 68px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 68px;
    border-radius: 50%;
    color: #251005;
    font-size: 28px;
    background: linear-gradient(180deg, #ffe28a, #b56b1e);
    box-shadow: 0 0 26px rgba(213, 152, 54, 0.28);
}

.account-identity span {
    display: block;
    color: #b9944d;
    font-family: Arial, sans-serif;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1.4px;
}

.account-identity h3 {
    margin: 4px 0;
    color: #f6df9b;
    font-family: 'Cinzel', serif;
    font-size: 24px;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.account-identity p {
    margin: 0;
    color: #d7c7aa;
    font-family: Arial, sans-serif;
    font-size: 13px;
    overflow-wrap: anywhere;
}

.account-stats {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}

.account-stat {
    padding: 14px;
    text-align: center;
    background: rgba(0, 0, 0, 0.28);
    border: 1px solid rgba(204, 179, 92, 0.18);
}

.account-stat span {
    display: block;
    margin-bottom: 5px;
    color: #a98c5d;
    font-family: Arial, sans-serif;
    font-size: 11px;
    text-transform: uppercase;
}

.account-stat strong {
    color: #ffe28a;
    font-family: Arial, sans-serif;
    font-size: 24px;
}

.account-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

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

.account-action {
    width: 100%;
    min-height: 94px;
    display: grid;
    grid-template-columns: 38px 1fr;
    grid-template-rows: auto auto;
    align-items: center;
    gap: 2px 12px;
    padding: 14px;
    text-align: left;
    color: #f3eee5;
    background: linear-gradient(180deg, rgba(24, 12, 8, 0.98), rgba(8, 5, 4, 0.98));
    border: 1px solid rgba(204, 179, 92, 0.18);
    border-radius: 0;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.04);
    transition: transform .2s ease, border-color .2s ease, background .2s ease;
}

.account-action:hover,
.account-action:focus {
    color: #fff;
    text-decoration: none;
    transform: translateY(-1px);
    border-color: rgba(255, 226, 138, 0.42);
    background: linear-gradient(180deg, rgba(42, 21, 12, 0.98), rgba(13, 7, 5, 0.98));
}

.account-action i {
    grid-row: 1 / span 2;
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #241005;
    background: linear-gradient(180deg, #ffe28a, #b56b1e);
    border-radius: 4px;
}

.account-action strong {
    color: #f6df9b;
    font-family: 'Cinzel', serif;
    font-size: 15px;
    line-height: 1.2;
}

.account-action span {
    color: #bca987;
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 1.35;
}

.account-action.account-danger {
    border-color: rgba(217, 82, 68, 0.28);
}

.account-action.account-danger i {
    color: #fff;
    background: linear-gradient(180deg, #d95648, #7d1e18);
}

.account-action.account-warning i {
    color: #241005;
    background: linear-gradient(180deg, #ffd46f, #a96d1c);
}

.characters-dashboard {
    display: grid;
    gap: 14px;
}

.characters-summary {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}

.characters-summary > div {
    padding: 14px;
    text-align: center;
    background: linear-gradient(180deg, rgba(24, 12, 8, 0.98), rgba(8, 5, 4, 0.98));
    border: 1px solid rgba(204, 179, 92, 0.18);
}

.characters-summary span {
    display: block;
    margin-bottom: 5px;
    color: #a98c5d;
    font-family: Arial, sans-serif;
    font-size: 11px;
    text-transform: uppercase;
}

.characters-summary strong {
    color: #ffe28a;
    font-family: 'Cinzel', serif;
    font-size: 22px;
    overflow-wrap: anywhere;
}

.characters-grid {
    display: grid;
    gap: 12px;
}

.character-card {
    position: relative;
    display: grid;
    grid-template-columns: 48px 62px 1fr;
    align-items: center;
    gap: 14px;
    min-height: 112px;
    padding: 16px;
    background: linear-gradient(180deg, rgba(22, 10, 7, 0.98), rgba(7, 4, 3, 0.98));
    border: 1px solid rgba(204, 179, 92, 0.18);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.04), 0 10px 24px rgba(0,0,0,0.24);
}

.character-card:before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 2px;
    background: linear-gradient(90deg, transparent, rgba(255, 221, 128, 0.72), transparent);
}

.character-rank {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #241005;
    font-family: Arial, sans-serif;
    font-weight: 700;
    background: linear-gradient(180deg, #ffe28a, #b56b1e);
    border-radius: 50%;
}

.character-class {
    width: 58px;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.32);
    border: 1px solid rgba(204, 179, 92, 0.2);
}

.character-class img {
    max-width: 44px;
    max-height: 44px;
}

.character-info h3 {
    margin: 0 0 4px;
    color: #f6df9b;
    font-family: 'Cinzel', serif;
    font-size: 20px;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.character-info span {
    color: #bca987;
    font-family: Arial, sans-serif;
    font-size: 12px;
}

.character-stats {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
}

.character-stats div {
    padding: 10px;
    background: rgba(0, 0, 0, 0.24);
    border: 1px solid rgba(204, 179, 92, 0.12);
}

.character-stats span {
    display: block;
    color: #9f8461;
    font-family: Arial, sans-serif;
    font-size: 10px;
    text-transform: uppercase;
}

.character-stats strong {
    display: block;
    margin-top: 3px;
    color: #fff0aa;
    font-family: Arial, sans-serif;
    font-size: 15px;
    overflow-wrap: anywhere;
}

.character-debug {
    grid-column: 1 / -1;
    margin: 0;
}

.character-debug button {
    width: 100%;
    min-height: 34px;
    color: #221005;
    font-family: Arial, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    background: linear-gradient(180deg, #ffe28a, #bd741f);
    border: 1px solid rgba(255, 235, 154, 0.55);
}

.characters-empty {
    padding: 24px;
    text-align: center;
    color: #d5b75f;
    background: rgba(0, 0, 0, 0.24);
    border: 1px solid rgba(204, 179, 92, 0.18);
}

.admin-dashboard {
    display: grid;
    gap: 16px;
}

.admin-hero-card {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 18px;
    background: linear-gradient(135deg, rgba(34, 13, 8, 0.98), rgba(12, 6, 5, 0.98));
    border: 1px solid rgba(204, 179, 92, 0.22);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 12px 28px rgba(0,0,0,0.28);
}

.admin-hero-icon {
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 64px;
    color: #251005;
    font-size: 28px;
    background: linear-gradient(180deg, #ffe28a, #b56b1e);
    border-radius: 50%;
    box-shadow: 0 0 26px rgba(213, 152, 54, 0.28);
}

.admin-hero-card span {
    display: block;
    color: #b9944d;
    font-family: Arial, sans-serif;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1.4px;
}

.admin-hero-card h3 {
    margin: 4px 0;
    color: #f6df9b;
    font-family: 'Cinzel', serif;
    font-size: 24px;
}

.admin-hero-card p {
    margin: 0;
    color: #d7c7aa;
    font-family: Arial, sans-serif;
    font-size: 13px;
}

.admin-section {
    padding: 14px;
    background: rgba(0, 0, 0, 0.18);
    border: 1px solid rgba(204, 179, 92, 0.12);
}

.admin-section h3 {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0 0 12px;
    color: #f6df9b;
    font-family: 'Cinzel', serif;
    font-size: 18px;
}

.admin-section h3 i {
    color: #d5a33e;
}

.admin-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.admin-card {
    min-height: 106px;
    display: grid;
    grid-template-columns: 40px 1fr;
    grid-template-rows: auto auto;
    align-items: center;
    gap: 4px 12px;
    padding: 14px;
    color: #f3eee5;
    background: linear-gradient(180deg, rgba(24, 12, 8, 0.98), rgba(8, 5, 4, 0.98));
    border: 1px solid rgba(204, 179, 92, 0.18);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.04);
    transition: transform .2s ease, border-color .2s ease, background .2s ease;
}

.admin-card:hover,
.admin-card:focus {
    color: #fff;
    text-decoration: none;
    transform: translateY(-1px);
    border-color: rgba(255, 226, 138, 0.42);
    background: linear-gradient(180deg, rgba(42, 21, 12, 0.98), rgba(13, 7, 5, 0.98));
}

.admin-card > i {
    grid-row: 1 / span 2;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #241005;
    background: linear-gradient(180deg, #ffe28a, #b56b1e);
    border-radius: 4px;
}

.admin-card strong {
    color: #f6df9b;
    font-family: 'Cinzel', serif;
    font-size: 15px;
    line-height: 1.25;
}

.admin-card span {
    color: #bca987;
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 1.35;
}

.admin-page .bd-c {
    width: 100%;
}

.admin-page-body {
    display: block;
    margin: 0;
    padding: 0;
}

.admin-page-body > .container,
.admin-page-body > form,
.admin-page-body > select.form-control,
.admin-page-body > .table {
    width: 100%;
    max-width: none;
}

.admin-page-body > .container,
.admin-page-body > form {
    overflow-x: auto;
    padding: 18px;
    background: linear-gradient(180deg, rgba(20, 10, 7, 0.98), rgba(8, 5, 4, 0.98));
    border: 1px solid rgba(204, 179, 92, 0.16);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.04), 0 12px 26px rgba(0,0,0,0.18);
}

.admin-page-home .admin-page-body {
    background: none;
    border: 0;
    box-shadow: none;
}

.admin-page-body .alert {
    color: #f2dfb6;
    background: rgba(18, 45, 52, 0.64);
    border: 1px solid rgba(111, 181, 193, 0.32);
    border-radius: 0;
}

.admin-page-body .alert-success {
    background: rgba(35, 70, 35, 0.62);
    border-color: rgba(126, 196, 101, 0.34);
}

.admin-page-body .alert-danger {
    background: rgba(76, 24, 22, 0.68);
    border-color: rgba(220, 92, 76, 0.35);
}

.admin-page-body .form-group {
    margin-bottom: 14px;
}

.admin-page-body label,
.admin-page-body h3,
.admin-page-body p {
    color: #d8c7a5;
}

.admin-page-body label {
    margin-top: 8px;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}

.admin-page-body h3 {
    margin: 18px 0 8px;
    color: #f6df9b;
    font-family: 'Cinzel', serif;
    font-size: 18px;
}

.admin-page-body hr {
    border-top: 1px solid rgba(204, 179, 92, 0.16);
}

.admin-page-body .form-control {
    min-height: 39px;
    margin: 0;
    color: #fff6d7;
    background: rgba(3, 2, 2, 0.52);
    border: 1px solid rgba(204, 179, 92, 0.28);
    box-shadow: inset 0 1px 6px rgba(0,0,0,0.34);
}

.admin-page-body textarea.form-control {
    min-height: 92px;
}

.admin-page-body .form-control:focus {
    border-color: rgba(255, 226, 138, 0.62);
    box-shadow: 0 0 0 2px rgba(213, 163, 62, 0.16);
}

.admin-page-body .input-group-addon {
    color: #251005;
    background: linear-gradient(180deg, #ffe28a, #b56b1e);
    border: 1px solid rgba(255, 226, 138, 0.42);
}

.admin-page-body .btn,
.admin-page-body input[type="submit"].btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    min-width: 120px;
    min-height: 38px;
    padding: 0 18px;
    margin: 0 6px 7px 0;
    color: #231005;
    font-family: Arial, sans-serif;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
    background: linear-gradient(180deg, #ffe28a, #bd741f);
    border: 1px solid rgba(255, 235, 154, 0.55);
    border-radius: 0;
}

.admin-page-body .form-group .btn,
.admin-page-body .form-group input[type="submit"].btn,
.admin-page-body .input-group-btn .btn,
.admin-page-body td .btn,
.admin-page-body td form,
.admin-page-body .modal-footer {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.admin-page-body .form-group > button.btn,
.admin-page-body .form-group > input[type="submit"].btn,
.admin-page-body .form-group > .btn {
    display: flex;
}

.admin-page-body .form-group.row:last-child,
.admin-page-body form > .form-group:last-child,
.admin-page-body .tab-pane > form > .form-group:last-child {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px;
}

.admin-page-body td form {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 7px;
    margin-bottom: 0;
}

.admin-page-body .table td:last-child,
.admin-page-body .table th:last-child {
    text-align: center;
}

.admin-page-body .modal-footer .btn {
    margin-bottom: 0;
}

.admin-page-createitems form > .form-group:last-child .row {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-right: 0;
    margin-left: 0;
}

.admin-page-createitems form > .form-group:last-child .row > [class*="col-"] {
    float: none;
    width: auto;
    min-width: 0;
    padding-right: 0;
    padding-left: 0;
    flex: 0 0 auto;
}

.admin-page-createitems form > .form-group:last-child .row > .col-sm-4:empty {
    display: none;
}

.admin-page-createitems form > .form-group:last-child .btn {
    width: auto;
    min-width: 140px;
    margin: 0;
    white-space: nowrap;
}

.admin-page-body .btn-sm {
    min-width: 82px;
    min-height: 30px;
    padding: 0 12px;
    font-size: 11px;
}

.admin-page-body .btn:hover,
.admin-page-body .btn:focus {
    color: #160903;
    text-decoration: none;
    filter: brightness(1.08);
}

.admin-page-body .btn-success {
    background: linear-gradient(180deg, #b9e377, #5a8d2d);
}

.admin-page-body .btn-warning {
    background: linear-gradient(180deg, #ffd47a, #ad681e);
}

.admin-page-body .btn-danger {
    color: #fff3e8;
    background: linear-gradient(180deg, #d95f50, #732019);
}

.admin-page-body .jumbotron {
    padding: 16px !important;
    margin-bottom: 18px;
    background: rgba(0, 0, 0, 0.2) !important;
    border: 1px solid rgba(204, 179, 92, 0.13);
}

.admin-page-body .table {
    width: 100%;
    margin: 18px 0 8px;
    color: #e8dcc4;
    background: rgba(0, 0, 0, 0.22);
    border: 1px solid rgba(204, 179, 92, 0.14);
}

.admin-page-body .table > thead > tr > th {
    color: #f6df9b;
    font-family: Arial, sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    background: linear-gradient(180deg, rgba(54, 22, 13, 0.96), rgba(20, 9, 6, 0.96));
    border-bottom: 1px solid rgba(204, 179, 92, 0.22);
}

.admin-page-body .table > tbody > tr > td,
.admin-page-body .table > tbody > tr > th {
    vertical-align: middle;
    border-top: 1px solid rgba(204, 179, 92, 0.09);
}

.admin-page-body .table-hover > tbody > tr:hover,
.admin-page-body .table-striped > tbody > tr:nth-of-type(odd) {
    background: rgba(204, 179, 92, 0.06);
}

.admin-page-body .panel-group .panel {
    margin-top: 12px;
    background: rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(204, 179, 92, 0.13);
}

.admin-page-body .panel-body {
    color: #d8c7a5;
    background: rgba(0, 0, 0, 0.18);
}

.admin-page-body .nav-tabs {
    border-bottom: 1px solid rgba(204, 179, 92, 0.2);
}

.admin-page-body .nav-tabs > li > a,
.admin-page-body .nav-tabs > .nav-item > a {
    color: #d6bd78;
    background: rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(204, 179, 92, 0.12);
    border-radius: 0;
}

.admin-page-body .nav-tabs > li.active > a,
.admin-page-body .nav-tabs > li.active > a:focus,
.admin-page-body .nav-tabs > li.active > a:hover,
.admin-page-body .nav-tabs > .nav-item > .active {
    color: #231005;
    background: linear-gradient(180deg, #ffe28a, #bd741f);
    border-color: rgba(255, 235, 154, 0.55);
}

.admin-page-body .pagination > li > a,
.admin-page-body .pagination > li > span {
    color: #f6df9b;
    background: rgba(0, 0, 0, 0.26);
    border-color: rgba(204, 179, 92, 0.18);
}

.admin-page-body .pagination > .active > a,
.admin-page-body .pagination > .active > span {
    color: #231005;
    background: #ccb35c;
    border-color: #ccb35c;
}

.admin-page-body .modal-content {
    color: #d8c7a5;
    background: linear-gradient(180deg, rgba(20, 10, 7, 0.98), rgba(8, 5, 4, 0.98));
    border: 1px solid rgba(204, 179, 92, 0.18);
    border-radius: 0;
}

.admin-page-body .modal-header,
.admin-page-body .modal-footer {
    border-color: rgba(204, 179, 92, 0.16);
}

.admin-page-body .modal-title {
    color: #f6df9b;
    font-family: 'Cinzel', serif;
}

.admin-page-body .close {
    color: #f6df9b;
    opacity: .82;
}

.admin-page-log .admin-page-body {
    overflow-x: auto;
    padding: 18px;
    background: linear-gradient(180deg, rgba(20, 10, 7, 0.98), rgba(8, 5, 4, 0.98));
    border: 1px solid rgba(204, 179, 92, 0.16);
}

.stats-panel-modern {
    overflow: hidden;
}

.stats-panel-body {
    padding: 12px !important;
}

.stats-online-card {
    position: relative;
    padding: 14px 12px;
    text-align: center;
    background: linear-gradient(135deg, rgba(50, 18, 12, 0.98), rgba(7, 5, 4, 0.98));
    border: 1px solid rgba(255, 226, 138, 0.2);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.05);
}

.stats-online-card span,
.stats-row span {
    display: block;
    color: #bca987;
    font-family: Arial, sans-serif;
    font-size: 11px;
    line-height: 1.25;
    text-transform: uppercase;
}

.stats-online-card strong {
    display: block;
    margin-top: 5px;
    color: #ffe28a;
    font-family: Arial, sans-serif;
    font-size: 34px;
    line-height: 1;
    text-shadow: 0 0 18px rgba(213, 163, 62, 0.32);
}

.stats-grid {
    display: grid;
    gap: 8px;
    margin-top: 10px;
}

.stats-row {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 10px;
    padding: 10px;
    background: rgba(0, 0, 0, 0.28);
    border: 1px solid rgba(204, 179, 92, 0.11);
}

.stats-row strong {
    color: #f6df9b;
    font-family: Arial, sans-serif;
    font-size: 15px;
}

.read_more_button {
    width: 26px;
    height: 25px;
    background-image: url("../img/read_more_button.png");
    background-position: 0px center;
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
}

.read_more:hover>.read_more_button {
    background-position: center;
}

.read_more:active>.read_more_button {
    background-position: -52px center;
}

.posts_navigation {
    text-align: center;
    margin: 35px 0px 10px 0px;
}

.posts_navigation_item {
    display: inline-block;
    width: 10px;
    height: 12px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    margin-left: 11px;
    margin-right: 11px;
    outline: none;
    border: none;
}

.mt2cms_footer {
    margin: 0px 0;
	position: relative;
	top: 62%;
    text-align: center;
    color: #fff;
    font-family: 'Amaranth', 'Salsa', sans-serif;
	text-shadow: 0px 1px 2px rgba(0, 0, 0, 1);
}

#footer-bg {
	margin: 0 auto;
	top: 75%;
	z-index: -1;
	position: absolute;
    width: 100%;
    height: 62%;
    background: url('../img/footer.png') center center no-repeat;
}

#footer {
    position: relative;
    width: min(620px, calc(100% - 32px));
    margin: 22px auto 26px;
    padding: 14px 18px;
    text-align: center;
    background: linear-gradient(180deg, rgba(20, 10, 7, 0.88), rgba(7, 4, 3, 0.88));
    border: 1px solid rgba(204, 179, 92, 0.18);
    box-shadow: 0 12px 30px rgba(0,0,0,0.24), inset 0 1px 0 rgba(255,255,255,0.04);
    z-index: 20;
}

#footer_navigator_items_list {
    font-size: 12px;
    text-align: center;
    margin-bottom: 15px;
}

.footer_navigator_item {
    margin-right: 35px;
    display: inline-block;
    vertical-align: middle;
}

.footer_navigator_item a:hover {
    color: #fff;
}

.footer_navigator_item a {
    color: #fff;
    text-decoration: none;
	text-shadow: 0 1px 1px #0d0c0c;
}

#footer_other_infos {
	color: #d8c7a5;
	text-shadow: none;
    font-family: Arial;
    font-size: 11px;
    text-align: center;
    margin-bottom: 0;
}

#footer_other_infos p {
    margin: 0;
}

#footer_other_infos .footer-copy {
    color: #f6df9b;
    font-family: 'Cinzel', serif;
    font-size: 14px;
    letter-spacing: .4px;
}

#footer_other_infos .footer-copy span {
    color: #d5a33e;
}

#footer_other_infos .footer-tagline {
    margin-top: 5px;
    color: #bca987;
    font-family: Arial, sans-serif;
    font-size: 12px;
    text-transform: uppercase;
}

#social_networks {
    width: 100%;
    text-align: center;
}

.mt2cms_rank_title {
    line-height: 30px;
	color: #ccb35c;
	margin-bottom: 13px;
}

.mt2cms_rank_content {
    line-height: 60px;
	color: #fff;
	background-color: #0d0c0c;
    border-bottom: 2px solid #150705;
}

.mt2cms_race_style {
	vertical-align: middle;
    width: 14%;
    height: 82px;
    border-radius: 45px;
    box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.67),inset 0px 0px 0px 1px rgba(255,255,255,0.05);
}

.mt2cms_race_war_1 {
    background: url(../img/warm.jpg) center center no-repeat;
    background-size: cover,contain;
}

.mt2cms_race_war_2 {
    background: url(../img/warf.jpg) center center no-repeat;
    background-size: cover,contain;
}

.mt2cms_race_ninja_1 {
    background: url(../img/ninjam.jpg) center center no-repeat;
    background-size: cover,contain;
}

.mt2cms_race_ninja_2 {
    background: url(../img/ninjaf.jpg) center center no-repeat;
    background-size: cover,contain;
}

.mt2cms_race_sura_1 {
    background: url(../img/suram.jpg) center center no-repeat;
    background-size: cover,contain;
}

.mt2cms_race_sura_2 {
    background: url(../img/suraf.jpg) center center no-repeat;
    background-size: cover,contain;
}

.mt2cms_race_shaman_1 {
    background: url(../img/shamanm.jpg) center center no-repeat;
    background-size: cover,contain;
}

.mt2cms_race_shaman_2 {
    background: url(../img/shamanf.jpg) center center no-repeat;
    background-size: cover,contain;
}

.mt2cms_reich_style {
    position: relative;
    float: left;
    height: 24px;
    width: 47px;
    margin: 8px 10px 8px 0;
    box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.67),inset 0px 0px 0px 1px rgba(255,255,255,0.05);
}

.mt2cms_reich_shinso {
    background: url(../img/shinso.png) no-repeat center center;
    background-size: auto 25px;
}

.mt2cms_reich_chunjo {
    background: url(../img/chunjo.png) no-repeat center center;
    background-size: auto 25px;
}

.mt2cms_reich_jinno {
    background: url(../img/jinno.png) no-repeat center center;
    background-size: auto 25px;
}

.mt2cms_reich_custom {
    background-size: cover,contain;
    width: 28px;
    height: 19px;
    margin: 2px 5px 2px 0;
}

.mt2cms_country_style {
    background-image: url("../img/flags.png");
    background-position: 50% 96.0199005%;
    background-repeat: no-repeat;
    background-size: 30px auto;
    float: left;
    width: 32px;
    height: 20px;
    -webkit-filter: drop-shadow(1px 1px 2px rgba(96,112,129,0.6));
}

.mt2cms_country_custom {
    background-size: 28px auto;
    width: 28px;
    height: 19px;
    margin: 2px 5px 2px 0;
}

.mt2cms_fb {
	min-height:500px;margin:5px 0;max-width:340px;
}

.mt2cms_middle_page_title {
	width: 100%;
	text-align: center;
	font-weight: normal;
	position: relative;
    display: inline-block;
	color: #4c4c4c;
	text-transform: uppercase;
	font-size:13px;
}
.mt2cms_middle_page_title:after {
    content: "";
    position: absolute;
    width: 100%;
    left: 0;
    bottom: -1px;
    height: 1px;
    background: transparent;
    background: -moz-linear-gradient(left, transparent 0%, #8a8a8a 50%, transparent 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, transparent), color-stop(50%, #8a8a8a), color-stop(100%, transparent));
    background: -webkit-linear-gradient(left, transparent 0%, #8a8a8a 50%, transparent 100%);
    background: -o-linear-gradient(left, transparent 0%, #8a8a8a 50%, transparent 100%);
    background: -ms-linear-gradient(left, transparent 0%, #8a8a8a 50%, transparent 100%);
    background: linear-gradient(to right, transparent 0%, #8a8a8a 50%, transparent 100%);
}
.mt2cms_margin_icon_right {
	margin: 0 5px 0 0;
}

.mt2cms_bor {
    background: url(../img/warm.jpg) center center no-repeat;
	background-size: cover,contain;
    position: relative;
    float: right;
    width: 60px;
    height: 46px;
    border-radius: 3px;
    box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.67),inset 0px 0px 0px 1px rgba(255,255,255,0.05);
}

.mt2cms_recaptcha {
	margin: 10px auto;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background-color: #ccb35c;
    border-color: #ccb35c;
}

.pagination>li>a, .pagination>li>span {
    color: #ccb35c;
}

.panel-heading > h4 {
	line-height: 27px !important;
}

.panel-default>.panel-heading {
	background-image: linear-gradient(to bottom,#ccb35c 0,#0e3440 100%);
	color: #ccb35c;
	text-align: center;
}

.panel {
	background: none;
	border: none;
	margin-bottom: 0px;
}

.mt2cms_main_left .panel,
.mt2cms_main_right .panel,
.ranking-row,
.user_panel_buttons_row,
.mt2cms_main_right .stats {
    background: linear-gradient(180deg, rgba(18, 10, 8, 0.96), rgba(7, 5, 4, 0.96));
    border: 1px solid rgba(204, 179, 92, 0.13);
}

.mt2cms_main_left_panel_header,
.pre-social {
    background: linear-gradient(90deg, rgba(52, 19, 13, 0.98), rgba(112, 61, 21, 0.96), rgba(52, 19, 13, 0.98)) !important;
    color: #f6df9b;
    border-bottom: 1px solid rgba(204, 179, 92, 0.24);
}

.mt2cms_main_right .user-panel-modern {
    overflow: hidden;
    background: linear-gradient(180deg, rgba(18, 8, 6, 0.98), rgba(7, 4, 3, 0.98));
    border: 1px solid rgba(204, 179, 92, 0.16);
}

.user-panel-body {
    padding: 12px !important;
}

.user-login-form {
    display: grid;
    gap: 8px;
    width: 100%;
    margin: 0;
}

.user-login-form .mt2cms_main_box_middle_content_label {
    margin: 4px 0 0;
    color: #d8c7a5;
    font-family: Arial, sans-serif;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.2;
    text-transform: uppercase;
}

.user-login-form .mt2cms_main_box_middle_content_input {
    min-height: 38px;
    margin: 0;
    color: #fff6d7;
    background: rgba(0, 0, 0, 0.48);
    border: 1px solid rgba(204, 179, 92, 0.28);
    box-shadow: inset 0 1px 6px rgba(0,0,0,0.34);
}

.user-login-form .login-btn,
.user-panel-logout {
    width: 100%;
    min-height: 40px;
    margin: 8px 0 0;
    color: #231005;
    font-family: Arial, sans-serif;
    font-weight: 800;
    line-height: 1.2;
    text-transform: uppercase;
    background: linear-gradient(180deg, #ffe28a, #bd741f);
    border: 1px solid rgba(255, 235, 154, 0.5);
}

.user-login-form .center {
    margin-top: 3px;
}

.user-login-form .center a {
    color: #d5b75f;
    font-family: Arial, sans-serif;
    font-size: 12px;
}

.user-panel-account {
    display: grid;
    gap: 12px;
}

.user-panel-identity {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    align-items: center;
    gap: 11px;
    padding: 12px;
    background: linear-gradient(180deg, rgba(40, 17, 10, 0.96), rgba(10, 5, 4, 0.96));
    border: 1px solid rgba(204, 179, 92, 0.18);
}

.user-panel-identity > i {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #231005;
    font-size: 18px;
    background: linear-gradient(180deg, #ffe28a, #bd741f);
    border: 1px solid rgba(255, 235, 154, 0.48);
}

.user-panel-identity span {
    display: block;
    color: #bca987;
    font-family: Arial, sans-serif;
    font-size: 11px;
    line-height: 1.2;
    text-transform: uppercase;
}

.user-panel-identity strong {
    display: block;
    overflow: hidden;
    margin-top: 3px;
    color: #f6df9b;
    font-family: 'Cinzel', serif;
    font-size: 16px;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mt2cms_main_right .user_panel_buttons {
    display: grid;
    gap: 7px;
    margin: 0;
}

.mt2cms_main_right .user_panel_buttons a {
    display: block;
    color: inherit;
    text-decoration: none;
}

.mt2cms_main_right .user_panel_buttons_row {
    width: 100%;
    min-height: 42px;
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    align-items: center;
    gap: 8px;
    margin: 0;
    padding: 7px 10px;
    color: #efe1c2;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.25;
    text-align: left;
    background: linear-gradient(180deg, rgba(22, 10, 7, 0.96), rgba(8, 5, 4, 0.96));
    border: 1px solid rgba(204, 179, 92, 0.13);
    border-left: 3px solid rgba(204, 179, 92, 0.34);
    transition: filter .2s ease, transform .2s ease, border-color .2s ease;
}

.mt2cms_main_right .user_panel_buttons_row:hover,
.mt2cms_main_right .user_panel_buttons_row:focus {
    color: #fff6d7;
    filter: brightness(1.1);
    transform: translateY(-1px);
    border-left-color: #ffe28a;
}

.mt2cms_main_right .user_panel_buttons_icon {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #231005;
    font-size: 13px;
    background: linear-gradient(180deg, #ffe28a, #bd741f);
    border: 1px solid rgba(255, 235, 154, 0.45);
}

.user-panel-logout {
    margin-top: 0;
    background: linear-gradient(180deg, #d95f50, #732019);
    color: #fff3e8;
    border-color: rgba(220, 92, 76, 0.4);
}

.sobek2-img {
    display: block;
    object-fit: cover;
    filter: saturate(1.12) contrast(1.06);
}

.sobek2-span {
    font-family: 'Cinzel', serif;
    font-size: 21px;
    font-weight: 700;
    letter-spacing: 1px;
    color: #f8df91;
    background: linear-gradient(90deg, rgba(5, 2, 1, 0.84), rgba(48, 18, 10, 0.88), rgba(5, 2, 1, 0.84));
    border-top: 1px solid rgba(248, 223, 145, 0.28);
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.9);
}

.mt2cms_main_content_button,
.btn {
    transition: filter .2s ease, transform .2s ease;
}

.mt2cms_main_content_button:hover,
.btn:hover {
    filter: brightness(1.14);
    transform: translateY(-1px);
}

.login-page .feature-page-content {
    padding: 16px;
}

.login-card {
    padding: 20px;
    background: linear-gradient(180deg, rgba(22, 10, 7, 0.98), rgba(7, 4, 3, 0.98));
    border: 1px solid rgba(204, 179, 92, 0.18);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.04), 0 14px 28px rgba(0,0,0,0.22);
}

.login-card-title {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
}

.login-card-title > i {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #241005;
    font-size: 17px;
    background: linear-gradient(180deg, #ffe28a, #bd741f);
    border: 1px solid rgba(255, 235, 154, 0.52);
}

.login-card-title strong {
    display: block;
    color: #f6df9b;
    font-family: 'Cinzel', serif;
    font-size: 20px;
    line-height: 1.2;
    text-transform: uppercase;
}

.login-card-title span {
    display: block;
    margin-top: 4px;
    color: #bca987;
    font-family: Arial, sans-serif;
    font-size: 12px;
}

.login-fields {
    display: grid;
    gap: 14px;
}

.login-fields label {
    display: grid;
    grid-template-columns: 170px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    margin: 0;
}

.login-fields label > span {
    color: #d8c7a5;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
}

.login-fields .form-control {
    min-height: 44px;
    margin: 0;
    color: #fff6d7;
    background: rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(204, 179, 92, 0.35);
    box-shadow: inset 0 1px 6px rgba(0,0,0,0.34);
}

.login-fields .form-control:focus {
    border-color: rgba(255, 226, 138, 0.72);
    box-shadow: 0 0 0 2px rgba(213, 163, 62, 0.16);
}

.login-actions {
    display: flex;
    justify-content: center;
    margin: 18px 0 0;
    padding-top: 16px;
    border-top: 1px solid rgba(204, 179, 92, 0.14);
}

.login-page-button {
    min-width: 230px;
    min-height: 44px;
    padding: 0 24px;
    color: #241005;
    font-family: Arial, sans-serif;
    font-size: 13px;
    font-weight: 900;
    text-align: center;
    text-transform: uppercase;
    background: linear-gradient(180deg, #ffe28a, #bd741f);
    border: 1px solid rgba(255, 235, 154, 0.58);
    box-shadow: 0 8px 18px rgba(0,0,0,0.22), inset 0 1px 0 rgba(255,255,255,0.28);
}

.login-page-button:hover,
.login-page-button:focus {
    color: #160903;
    background: linear-gradient(180deg, #fff0a8, #c98225);
    border-color: rgba(255, 235, 154, 0.78);
    outline: none;
}

.login-card .login-page-links {
    margin-top: 16px;
    padding-top: 14px;
    border-top: 1px solid rgba(204, 179, 92, 0.14);
}

@media (max-width: 640px) {
    .login-fields label {
        grid-template-columns: 1fr;
        gap: 6px;
    }

    .login-page-button {
        width: 100%;
        min-width: 0;
    }
}

.mt2cms_main_right .user-panel-logout {
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin: 2px 0 0;
    color: #ffd9cf;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.2;
    text-transform: uppercase;
    background: linear-gradient(180deg, rgba(37, 12, 10, 0.98), rgba(12, 5, 4, 0.98));
    border: 1px solid rgba(220, 92, 76, 0.34);
    border-left: 3px solid rgba(220, 92, 76, 0.72);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
    filter: none;
    transform: none;
}

.mt2cms_main_right .user-panel-logout:hover,
.mt2cms_main_right .user-panel-logout:focus {
    color: #fff3e8;
    background: linear-gradient(180deg, rgba(58, 18, 14, 0.98), rgba(16, 6, 5, 0.98));
    border-color: rgba(231, 114, 94, 0.56);
    filter: none;
    transform: none;
}

.mt2cms_main_left .ranking-sidebar-body {
    padding: 10px !important;
    background:
        linear-gradient(180deg, rgba(10, 5, 4, 0.18), rgba(0, 0, 0, 0.34)),
        repeating-linear-gradient(135deg, rgba(255, 226, 138, 0.025) 0, rgba(255, 226, 138, 0.025) 1px, transparent 1px, transparent 8px);
}

.mt2cms_main_left .ranking-panel-modern {
    overflow: hidden;
    background:
        linear-gradient(180deg, rgba(26, 12, 8, 0.98), rgba(7, 4, 3, 0.98)),
        url('../img/1.png') center top / cover no-repeat;
    border: 1px solid rgba(224, 174, 80, 0.24);
    border-radius: 6px;
    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.32), inset 0 1px 0 rgba(255, 235, 154, 0.06);
}

.mt2cms_main_left .ranking-panel-heading {
    gap: 8px;
    color: #f6df9b;
    background: linear-gradient(90deg, rgba(52, 19, 13, 0.98), rgba(112, 61, 21, 0.96), rgba(52, 19, 13, 0.98)) !important;
    border-bottom: 1px solid rgba(204, 179, 92, 0.24);
}

.mt2cms_main_left .ranking-panel-heading i {
    width: 26px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #241005;
    font-size: 12px;
    background: linear-gradient(180deg, #fff0a8, #bd741f);
    border: 1px solid rgba(255, 235, 154, 0.46);
    border-radius: 4px;
}

.mt2cms_main_left .ranking-panel-heading-guilds {
    margin-top: 10px;
    border-top: 1px solid rgba(204, 179, 92, 0.16);
}

.mt2cms_main_left .ranking-sidebar-list {
    display: grid;
    gap: 7px;
    padding: 0;
    line-height: normal;
}

.mt2cms_main_left .ranking-sidebar-item {
    min-height: 50px;
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) 46px;
    align-items: center;
    gap: 9px;
    padding: 8px 9px;
    background: linear-gradient(90deg, rgba(22, 10, 7, 0.94), rgba(10, 6, 5, 0.98));
    border: 1px solid rgba(204, 179, 92, 0.14);
    border-left: 3px solid rgba(224, 174, 80, 0.4);
    border-radius: 5px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.035);
    transition: border-color .2s ease, filter .2s ease, transform .2s ease;
}

.mt2cms_main_left .ranking-sidebar-item:hover {
    border-left-color: #61cfa7;
    filter: brightness(1.08);
    transform: translateY(-1px);
}

.mt2cms_main_left .ranking-sidebar-item:nth-child(1) {
    background: linear-gradient(135deg, rgba(80, 35, 13, 0.96), rgba(11, 7, 5, 0.98) 58%, rgba(5, 22, 19, 0.94));
    border-color: rgba(255, 226, 138, 0.32);
    border-left-color: #ffe28a;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 9px 18px rgba(0, 0, 0, 0.2);
}

.mt2cms_main_left .ranking-position {
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #d8c7a5;
    background: rgba(0, 0, 0, 0.42);
    border: 1px solid rgba(204, 179, 92, 0.28);
    border-radius: 3px;
}

.mt2cms_main_left .ranking-sidebar-item:nth-child(1) .ranking-position {
    color: #211005;
    background: linear-gradient(180deg, #ffe28a, #b56b1e);
    border-color: rgba(255, 235, 154, 0.65);
}

.mt2cms_main_left .ranking-position .ranking-position-number {
    display: block !important;
    visibility: visible !important;
    position: static !important;
    color: inherit !important;
    font-family: Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-indent: 0 !important;
    opacity: 1 !important;
}

.mt2cms_main_left .ranking-name {
    overflow: hidden;
    color: #f0dfb5;
    font-family: Arial, sans-serif;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-shadow: 0 0 12px rgba(255, 226, 138, 0.08);
}

.mt2cms_main_left .ranking-sidebar-item:nth-child(1) .ranking-name {
    color: #ffe28a;
}

.mt2cms_main_left .ranking-empire {
    display: flex;
    justify-content: flex-end;
}

.mt2cms_main_left .ranking-empire img {
    width: 42px;
    height: 25px;
    object-fit: cover;
    border: 1px solid rgba(255, 226, 138, 0.34);
    box-shadow: 0 2px 8px rgba(0,0,0,0.35);
}

.ranking-table img[src*="images/empire"],
.table img[src*="images/empire"] {
    width: 42px;
    height: 25px;
    object-fit: cover;
    border: 1px solid rgba(255, 226, 138, 0.28);
    box-shadow: 0 2px 8px rgba(0,0,0,0.28);
}

.mt2cms_main_left .ranking-sidebar-more {
    margin-top: 10px;
    text-align: center;
}

.mt2cms_main_left .ranking-sidebar-more a {
    min-width: 132px;
    min-height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 16px;
    color: #241005;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
    text-decoration: none;
    background: linear-gradient(180deg, #fff0a8, #bd741f);
    border: 1px solid rgba(255, 235, 154, 0.5);
    border-radius: 5px;
    box-shadow: 0 4px 14px rgba(0,0,0,0.18);
    transition: transform .2s ease, filter .2s ease;
}

.mt2cms_main_left .ranking-sidebar-more a:hover,
.mt2cms_main_left .ranking-sidebar-more a:focus {
    color: #160903;
    filter: brightness(1.08);
    transform: translateY(-1px);
}

.mt2cms_main_right .stats-panel-modern {
    overflow: hidden;
    background:
        linear-gradient(180deg, rgba(26, 12, 8, 0.98), rgba(7, 4, 3, 0.98)),
        url('../img/1.png') center top / cover no-repeat;
    border: 1px solid rgba(224, 174, 80, 0.24);
    border-radius: 6px;
    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.32), inset 0 1px 0 rgba(255, 235, 154, 0.06);
}

.mt2cms_main_right .stats-panel-body {
    padding: 10px !important;
    background:
        linear-gradient(180deg, rgba(10, 5, 4, 0.18), rgba(0, 0, 0, 0.36)),
        repeating-linear-gradient(135deg, rgba(255, 226, 138, 0.025) 0, rgba(255, 226, 138, 0.025) 1px, transparent 1px, transparent 8px);
}

.mt2cms_main_right .stats-online-card {
    position: relative;
    overflow: hidden;
    min-height: 112px;
    padding: 16px 14px 15px;
    text-align: center;
    background:
        linear-gradient(135deg, rgba(80, 35, 13, 0.96), rgba(11, 7, 5, 0.98) 58%, rgba(5, 22, 19, 0.94));
    border: 1px solid rgba(255, 226, 138, 0.32);
    border-radius: 6px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 12px 22px rgba(0, 0, 0, 0.28);
}

.mt2cms_main_right .stats-online-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, transparent, rgba(255, 226, 138, 0.13), transparent);
    opacity: .5;
    pointer-events: none;
}

.mt2cms_main_right .stats-online-status {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 24px;
    padding: 4px 9px;
    color: #dff9df;
    font-family: Arial, sans-serif;
    font-size: 10px;
    font-weight: 800;
    line-height: 1;
    text-transform: uppercase;
    background: rgba(10, 56, 42, 0.64);
    border: 1px solid rgba(100, 214, 131, 0.34);
    border-radius: 4px;
}

.mt2cms_main_right .stats-online-status i {
    color: #61e27a;
    font-size: 7px;
    text-shadow: 0 0 10px rgba(97, 226, 122, 0.9);
}

.mt2cms_main_right .stats-online-card strong {
    position: relative;
    z-index: 1;
    display: block;
    margin-top: 10px;
    color: #fff1b5;
    font-family: 'Cinzel', serif;
    font-size: 42px;
    line-height: 1;
    text-shadow: 0 2px 0 rgba(0, 0, 0, 0.7), 0 0 20px rgba(255, 226, 138, 0.32);
}

.mt2cms_main_right .stats-online-label {
    position: relative;
    z-index: 1;
    display: block;
    margin-top: 6px;
    color: #b9a477;
    font-family: Arial, sans-serif;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.2;
    text-transform: uppercase;
}

.mt2cms_main_right .stats-grid {
    display: grid;
    gap: 7px;
    margin-top: 10px;
}

.mt2cms_main_right .stats-row {
    min-height: 50px;
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) auto;
    align-items: center;
    gap: 9px;
    padding: 8px 9px;
    background: linear-gradient(90deg, rgba(22, 10, 7, 0.94), rgba(10, 6, 5, 0.98));
    border: 1px solid rgba(204, 179, 92, 0.14);
    border-left: 3px solid rgba(224, 174, 80, 0.4);
    border-radius: 5px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035);
    transition: border-color .2s ease, filter .2s ease, transform .2s ease;
}

.mt2cms_main_right .stats-row:hover {
    border-left-color: #61cfa7;
    filter: brightness(1.08);
    transform: translateY(-1px);
}

.mt2cms_main_right .stats-row-icon {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #241005;
    background: linear-gradient(180deg, #fff0a8, #c77a22);
    border: 1px solid rgba(255, 235, 154, 0.46);
    border-radius: 4px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.22);
}

.mt2cms_main_right .stats-row-icon i {
    font-size: 13px;
}

.mt2cms_main_right .stats-row-label {
    overflow: hidden;
    color: #dec894;
    font-family: Arial, sans-serif;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.2;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.mt2cms_main_right .stats-row strong {
    min-width: 42px;
    color: #fff2bd;
    font-family: Arial, sans-serif;
    font-size: 15px;
    font-weight: 900;
    line-height: 1;
    text-align: right;
    text-shadow: 0 0 12px rgba(255, 226, 138, 0.14);
}

.debuglink, .debuglink:hover {
	color: #d20202;
	font-size: 14px;
}

.tooltip-arrow {
	border-top-color: #185ea1 !important;
}

.tooltip-inner {
	background-color: #185ea1;
}

.center {
	text-align: center;
}

.popover {
	background: none;
	box-shadow: none;
	-webkit-box-shadow: none;
	border: none;
}

/* equipamento */
.mt2cms_equip {
	margin: 0 auto; 
    background: url(../img/equipment_m.png);
    width: 162px;
    height: 194px;
	float: left;
}

.mt2cms_costume {
	margin: 0 auto; 
    background: url(../img/costume_m.png);
    width: 119px;
    height: 165px;
	float: right;
}

#eq_0 {
	position: absolute;
	margin-left: 47px;
	margin-top: 46px;
}
#eq_1 {
	position: absolute;
	margin-left: 45px;
	margin-top: 8px;
}
#eq_2 {
	position: absolute;
	margin-left: 47px;
	margin-top: 154px;
}
#eq_3 {
	position: absolute;
	margin-top: 76px;
	margin-left: 84px;
}
#eq_4 {
	position: absolute;
	margin-top: 6px;
	margin-left: 6px;
}
#eq_5 {
	position: absolute;
	margin-top: 78px;
	margin-left: 120px;
}
#eq_6 {
	position: absolute;
	margin-left: 121px;
	margin-top: 45px;
}
#eq_7 {
	position: absolute;
	margin-left: 121px;
	margin-top: 155px;
}
#eq_8 {
	position: absolute;
	margin-top: 115px;
	margin-left: 121px;
}
#eq_9 {
	position: absolute;
	margin-top: 4px;
	margin-left: 118px;
}
#eq_10 {
	position: absolute;
	margin-top: 47px;
	margin-left: 85px;
}

#eq_19 {
	position: absolute;
	margin-top: 42px;
	margin-left: 240px;
}

#eq_20 {
	position: absolute;
	margin-top: 5px;
	margin-left: 240px;
}

#eq_21 {
	position: absolute;
	margin-top: 13px;
	margin-left: 200px;
}

#eq_22 {
	position: absolute;
	margin-top: 121px;
	margin-left: 200px;
}

#eq_23 {
	position: absolute;
	margin-top: 117px;
	margin-left: 240px;
}

#eq_24 {
	position: absolute;
	margin-top: 107px;
	margin-left: 9px;
}

#eq_25 {
	position: absolute;
	margin-top: 107px;
	margin-left: 83px;
}

#eq_26 {
	position: absolute;
	margin-top: 118px;
	margin-left: 50px;
}
.page-hd {
	background-image: none!important;
	padding-bottom: 10px;
}
.jumbotron, .jumbotron-fluid {
	background-color: #150705!important;
}
.footer-nav .social a {
    display: -webkit-inline-box;
    height: 36px;
    width: 36px;
    margin: 0 auto;
    text-align: left;
    background: url(../../images/site/social-icons.png) no-repeat 0 0
}
.footer-nav .social a.youtube {
    background-position: 0 0
}
.footer-nav .social a.facebook {
    background-position: -36px 0
}
.footer-nav .social a.twitter {
    background-position: -72px 0
}
.footer-nav .social a.tumblr {
    background-position: -108px 0
}
.footer-nav .social a.flickr {
    background-position: -180px 0
}
.footer-nav .social a.googleplus {
    background-position: -144px 0
}
.footer-nav .social a.rss {
    background-position: -216px 0
}
.footer-nav .social a.twitchtv {
    background-position: -360px 0
}
.padding-container {
	padding: 15px;
}

.download-page {
    width: 100%;
    padding: 0;
}

.download-hero {
    position: relative;
    overflow: hidden;
    min-height: 145px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    background:
        linear-gradient(135deg, rgba(12, 5, 3, 0.92), rgba(74, 28, 13, 0.78)),
        url('../../images/user.png') center center / cover no-repeat;
    border-bottom: 1px solid rgba(244, 215, 131, 0.22);
}

.download-hero:after {
    content: "";
    position: absolute;
    left: 12%;
    right: 12%;
    bottom: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255, 225, 126, 0.85), transparent);
}

.download-hero .bd-c {
    position: relative;
    z-index: 1;
    text-align: center;
}

.download-hero .pre-social {
    background: transparent !important;
    border: 0;
    font-family: 'Cinzel', serif !important;
    font-size: 30px;
    line-height: 1.2;
    color: #ffe38d;
    text-shadow: 0 4px 18px rgba(0, 0, 0, 0.86);
}

.download-hero p {
    margin: 8px 0 0;
    font-family: Arial, sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #dcbf73;
}

.download-grid {
    display: grid;
    gap: 12px;
}

.download-card {
    display: grid;
    grid-template-columns: 48px 1fr 150px;
    align-items: center;
    gap: 14px;
    min-height: 86px;
    padding: 14px;
    background: linear-gradient(180deg, rgba(20, 10, 7, 0.98), rgba(9, 5, 4, 0.98));
    border: 1px solid rgba(244, 215, 131, 0.18);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 10px 24px rgba(0, 0, 0, 0.28);
}

.download-card-number {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #261005;
    font-family: Arial, sans-serif;
    font-weight: 700;
    background: linear-gradient(180deg, #ffe28a, #b56b1e);
    box-shadow: 0 0 18px rgba(213, 152, 54, 0.24);
}

.download-card-content h3 {
    margin: 0 0 5px;
    font-family: 'Cinzel', serif;
    font-size: 18px;
    color: #f6df9b;
}

.download-card-content span {
    color: #aa9270;
    font-family: Arial, sans-serif;
    font-size: 12px;
}

.download-card-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 40px;
    color: #221005;
    font-family: Arial, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    background: linear-gradient(180deg, #ffe28a, #c67a22);
    border: 1px solid rgba(255, 235, 154, 0.58);
    border-radius: 5px;
    box-shadow: 0 8px 18px rgba(198, 122, 34, 0.26);
    transition: transform .2s ease, filter .2s ease;
}

.download-card-button:hover,
.download-card-button:focus {
    color: #160903;
    text-decoration: none;
    filter: brightness(1.08);
    transform: translateY(-1px);
}

/* UPDATE */
.padding-menu {
	display: none;
}

@media only screen and (max-width: 1180px) {
	.mt2cms_menu, .mt2cms_logo_bg {
		display: none;
	}
	
	.padding-menu {
		display: block;
	}
	
	#mt2cms {
		width: 100%;
		margin: 0 auto 20px auto;
	}
	
	.mt2cms_main_left {
		float: none;
		padding: 0 5px 25px 5px;
		width: 100%
	}
	
	.mt2cms_main_right {
		padding: 25px 5px 25px 5px;
		width: 100%;
	}
	
	.padding-menu {
		padding: 15px 5px 10px 5px;
	}

    .navbar-default {
        background: linear-gradient(180deg, rgba(27, 11, 8, 0.96), rgba(8, 4, 3, 0.96));
        border: 1px solid rgba(204, 179, 92, 0.24);
    }

    .navbar-default .navbar-brand,
    .navbar-default .navbar-nav>li>a {
        color: #f4d783;
    }

    .download-card {
        grid-template-columns: 42px 1fr;
    }

    .download-card-button {
        grid-column: 1 / -1;
    }

    .account-actions,
    .account-stats {
        grid-template-columns: 1fr;
    }

    .account-hero-card {
        align-items: flex-start;
    }

    .characters-summary {
        grid-template-columns: 1fr;
    }

    .character-card {
        grid-template-columns: 44px 54px 1fr;
        gap: 10px;
        padding: 14px;
    }

    .admin-grid {
        grid-template-columns: 1fr;
    }

    .admin-hero-card {
        align-items: flex-start;
    }
		
	#footer {
		width: 100%;
	}
	
	.top-inline {
		float: left;
	}
	.top-inline-empire {
		float: right !important;
	}
	
	.online-now {
		width: 100%;
		background-position: center!important;
	}
	
	.mt2cms_main_middle {
		width: 100%
	}
}