:root {
    --body-min-width: 320px;
    --body-max-width: 100%;
    --body-background-color-rgb: #080808;
    --body-background-color: 8,8,8;
    --box-bg-color: 23,23,26;
    --container-width: 93rem;
    --panel-height: max(4.5rem,72px);
    --panel-height-scroll: max(3.125rem,50px);
    --navigation-height: max(4.75rem,68px);
    --navigation-height-scroll: 4.625rem;
    --navigation-color: var(--box-bg-color);
    --font-0: "Cinzel", serif;
    --font-1: "Cinzel", serif;
    --font-2: "Cinzel", serif;
    --font-3: "Cinzel", serif, ; 
    --font-ico: "gwi";
    --color-light-rgb: #e8d1a6;
    --color-light: 232,209,166;
    --color-dark-rgb: #000;
    --color-dark: 0,0,0;
    --color-red-rgb: #e14747;
    --color-red: #e14747;
    --color-yellow-rgb: #ffd84f;
    --color-yellow: 255,216,79;
    --color-orange-rgb: orange;
    --color-orange: 255,165,0;
    --color-pink-rgb: pink;
    --color-pink: 255,192,203;
    --color-purple-rgb: purple;
    --color-purple: 128,0,128;
    --color-blue-rgb: #00f;
    --color-blue: 0,0,255;
    --color-green-rgb: #52be37;
    --color-green: 82,190,55;
    --color-grey-rgb: grey;
    --color-grey: 128,128,128;
    --color-white-rgb: #fff;
    --color-white: 255,255,255;
    --color-black-rgb: #000;
    --color-black: 0,0,0;
    --color-brown-rgb: brown;
    --color-brown: 165,42,42;
    --color-aqua-rgb: #0ff;
    --color-aqua: 0,255,255;
    --color-0-rgb: #fff;
    --color-0: 255,255,255;
    --color-1-rgb: #a39494;
    --color-1: 163,148,148;
    --color-2-rgb: #4a4b56;
    --color-2: 86,74,74;
    --color-3-rgb: #393939;
    --color-3: 57,57,57;
    --color-4-rgb: #30281f;
    --color-4: 48,40,31;
    --color-5-rgb: #2d603e;
    --color-5: 45,96,62;
    --color-6-rgb: #fff;
    --color-6: #fff;
    --color-7-rgb: #fff;
    --color-7: #fff;
    --color-8-rgb: #fff;
    --color-8: #fff;
    --color-9-rgb: #fff;
    --color-9: #fff;
    --color-accent-rgb: #00ff5a;
    --color-accent: 0,255,90;
    --color-accent-hover-rgb: #00ff5a;
    --color-accent-hover: 0,255,90;
    --color-accent-active-rgb: #00ff5a;
    --color-accent-active: 0,255,90;
    --color-box-rgb: #212325;
    --color-box: 37,33,33;
    --color-border-rgb: #5e5e5e;
    --color-border: 94,94,94;
    --color-url: rgba(var(--color-accent),1);
    --input-width: auto;
    --input-height: 2.375rem;
    --input-bg: #fff;
    --input-border: 1px solid #dadada;
    --input-border-radius: max(0.3125rem,5px);
    --input-color: #455971;
    --input-text-align: left;
    --input-font-family: var(--font-0);
    --input-font-size: max(0.875rem,14px);
    --input-font-weight: 400;
    --input-padding: max(0.1875rem,3px) max(0.625rem,10px);
    --input-box-shadow: none;
    --input-outline: none;
    --input-disabled-bg: #f9f9f9;
    --input-placeholder-color: #999;
    --input-placeholder-color-focus: transparent;
    --input-focus-width: var(--input-width);
    --input-focus-height: var(--input-height);
    --input-focus-bg: var(--input-bg);
    --input-focus-border: var(--input-border);
    --input-focus-border-radius: var(--input-border-radius);
    --input-focus-color: var(--input-color);
    --input-focus-text-align: var(--input-text-align);
    --input-focus-font-family: var(--input-font-family);
    --input-focus-font-size: var(--input-font-size);
    --input-focus-font-weight: var(--input-font-weight);
    --input-focus-padding: var(--input-padding);
    --input-focus-box-shadow: var(--input-box-shadow);
    --input-focus-outline: var(--input-outline);
    --input-focus-disabled-bg: var(--input-disabled-bg);
    --margin: max(0.625rem,10px);
    --margin-x2: calc(var(--margin * 2));
    --margin-half: calc(var(--margin)/2);
    --margin-third: calc(var(--margin)/3);
    --negative-margin: calc(var(--margin)*-1);
    --border-radius: max(0.3125rem,5px);
    --border-width: max(0.0625rem,1px);
    --border-type: solid;
    --border-color: #2f7eb8;
    --table-heading-bg: #1f6ea8;
    --table-bg: #2f7eb8;
    --table-border-width: max(0.0625rem,1px);
    --table-border-type: solid;
    --table-border-color: #2f7eb8;
    --tippy-bg-color: #fff;
    --tippy-text-color: rgba(var(--color-1),1);
    --tippy-font-size: max(0.875rem,14px);
    --tippy-border-radius: max(0.3125rem,5px);
    --tippy-border-color: #f1c93c
}



main {
    display: block;
}
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}
hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
    border-color: rgba(0, 0, 0, 0.15);
}
pre {
    font-family: monospace, monospace;
    font-size: 1em;
}
abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
}
b,
strong {
    font-weight: bolder;
}
code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}
small {
    font-size: 80%;
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sub {
    bottom: -0.25em;
}
sup {
    top: -0.5em;
}
button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}
button,
input {
    overflow: visible;
}
button,
select {
    text-transform: none;
}
[type="button"],
[type="reset"],
[type="submit"],
button {
    -webkit-appearance: button;
}
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0;
}
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText;
}
fieldset {
    padding: 0.35em 0.75em 0.625em;
}
legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}
progress {
    vertical-align: baseline;
}
textarea {
    overflow: auto;
}
[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}
[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}
details {
    display: block;
}
summary {
    display: list-item;
}
[hidden],
template {
    display: none;
}
img {
    border-style: none;
    display: inline-block;
}
iframe,
img,
video {
    max-width: 100%;
}
a {
    background-color: transparent;
    color: rgba(rgba(255, 174, 79, 1), 1);
    color: rgba(var(--color-url), 1);
    transition-duration: 0.2s;
    transition-property: opacity, color, background-color;
    outline: 0;
}
a:hover {
    text-decoration: none;
}
a:active,
a:focus {
    outline: 0;
}
::-webkit-input-placeholder {
    color: #999;
    color: var(--input-placeholder-color);
    opacity: 1;
}
:-moz-placeholder,
::-moz-placeholder {
    color: #999;
    color: var(--input-placeholder-color);
    opacity: 1;
}
:-ms-input-placeholder {
    color: #999;
    color: var(--input-placeholder-color);
    opacity: 1;
}
:focus::-webkit-input-placeholder {
    color: transparent;
    color: var(--input-placeholder-color-focus);
}
:focus:-moz-placeholder,
:focus::-moz-placeholder {
    color: transparent;
    color: var(--input-placeholder-color-focus);
}
:focus:-ms-input-placeholder {
    color: transparent;
    color: var(--input-placeholder-color-focus);
}
[class*=" gwi_"]:before,
[class^="gwi_"]:before {
    margin: 0;
    width: auto;
}
ol,
ul {
    padding-left: 1.375rem;
    margin: 0.625rem 0;
}
table {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-collapse: collapse;
}
td,
th {
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 0.625rem 1rem;
}
::-webkit-scrollbar {
    width: max(0.375rem, 6px);
    height: max(0.125rem, 2px);
    background-color: rgba(0, 0, 0, 0.4);
}
::-webkit-scrollbar-thumb {
    background-color: #038E00;
}
::-webkit-scrollbar-thumb:hover {
    background-color: #038E00;
}
svg {
    fill: inherit;
    stroke: inherit;
}
.svg-ico {
    width: max(1.5rem, 24px);
    height: max(1.5rem, 24px);
}
html {
    line-height: 1.3;
    -webkit-text-size-adjust: 100%;
    font-family: Whitney, PT Sans, Tahoma, Arial, sans-serif;
    font-family: var(--font-0);
    font-size: 75%;
    font-weight: 400;
    color: #fff;
    color: rgba(var(--color-0), 1);
    cursor: default;
}
body {
    z-index: 0;
    margin: 0;
    background-color: #111;
    background-color: rgba(var(--body-background-color), 1);
    background-image: none;
    background-size: auto;
    background-position: 50%;
    background-repeat: no-repeat;
    min-height: 100vh;
}
.page,
body {
    position: relative;
    overflow-x: hidden;
    min-width: 320px;
    min-width: var(--body-min-width);
    display: flex;
    flex-direction: column;
}
.page {
    margin: 0 auto;
    min-height: calc(100vh - max(4.5rem, 72px) - max(4.75rem, 68px));
    min-height: calc(100vh - var(--panel-height) - var(--navigation-height));
    width: 100%;
    max-width: 100%;
    max-width: var(--body-max-width);
    flex-grow: 1;
    transition: all 0.3s;
    padding-top: calc(max(4.5rem, 72px) + max(4.75rem, 68px));
    padding-top: calc(var(--panel-height) + var(--navigation-height));
    background: url(../images/bg/bg-top-mobile.jpg) no-repeat top, url(../images/bg/bg-mid-mobile.jpg) no-repeat center 1000px;
}
.page,
.section {
    z-index: 2;
    box-sizing: border-box;
}
.section {
    position: relative;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
}
.section_pt {
    padding-top: 4.5rem;
}
.section_pb {
    padding-bottom: 4.5rem;
}
.container {
    max-width: calc(93rem + max(0.625rem, 10px) * 4);
    max-width: calc(var(--container-width) + var(--margin) * 4);
    width: 100%;
    min-width: 0;
    padding-right: calc(max(0.625rem, 10px) * 2);
    padding-right: calc(var(--margin) * 2);
    padding-left: calc(max(0.625rem, 10px) * 2);
    padding-left: calc(var(--margin) * 2);
    position: relative;
    z-index: 2;
    box-sizing: border-box;
}
.container_fluid {
    max-width: 100%;
}
.rw {
    margin-left: calc(max(0.625rem, 10px) * -1);
    margin-left: calc(var(--margin) * -1);
    margin-right: calc(max(0.625rem, 10px) * -1);
    margin-right: calc(var(--margin) * -1);
}
.cl {
    box-sizing: border-box;
    padding-left: calc(max(0.625rem, 10px));
    padding-left: calc(var(--margin));
    padding-right: calc(max(0.625rem, 10px));
    padding-right: calc(var(--margin));
}
.spacer {
    flex-grow: 1;
    min-height: 12.5rem;
}
.compensate-navigation {
    padding-top: max(4.75rem, 68px);
    padding-top: var(--navigation-height);
    box-sizing: border-box;
}
.widgets {
    display: grid;
    grid-gap: max(8.125rem, 130px) max(0.9375rem, 15px);
    gap: max(8.125rem, 130px) max(0.9375rem, 15px);
}
.decor {
    background-color: #016900;
    background: linear-gradient(90deg, #016900 0, #016900 calc(50% - 1rem), rgba(212, 170, 104, 0) calc(50% - 1rem), rgba(212, 170, 104, 0) calc(50% + 1rem), #016900 calc(50% + 1rem), #016900);
    height: max(0.125rem, 2px);
    position: relative;
    z-index: 0;
}
.decor:after {
    display: block;
    content: "";
    background: url(../images/decor.png) no-repeat;
    background-size: 100% 100%;
    width: max(2.125rem, 34px);
    height: max(1.25rem, 20px);
    position: absolute;
    left: calc(50% - max(1.0625rem, 17px));
    top: 0;
}
.decor_mt {
    margin-top: max(3.5rem, 56px);
}
.decor_mb {
    margin-bottom: max(3.75rem, 60px);
}
.link {
    text-decoration: underline;
    color: currentColor;
}
.link:hover,
.link_td_n {
    text-decoration: none;
}
.link_td_h_u:hover {
    text-decoration: underline;
}
[data-place-container] {
    opacity: 1;
    -webkit-animation: place-container 1s linear forwards;
    animation: place-container 1s linear forwards;
}
@-webkit-keyframes place-container {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes place-container {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.author {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: max(0.8125rem, 13px);
    color: hsla(0, 7.5%, 61%, 0.6);
    color: rgba(var(--color-1), 0.6);
}
.author__logo_ml {
    margin-left: 3px;
}
.preload {
    background-color: #111;
    background-color: rgba(var(--body-background-color), 1);
    min-width: 320px;
    min-width: var(--body-min-width);
    position: fixed;
    z-index: 500;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 1;
    visibility: visible;
    transition: all 0.5s cubic-bezier(0.64, 0.14, 0.34, 1.32);
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    padding: 0 10px;
}
.preload__logo {
    max-width: 100%;
    width: auto;
    height: auto;
    display: block;
}
.preload_fade {
    opacity: 0;
    visibility: hidden;
    transform: scale(1.4);
}
@-webkit-keyframes preanimateout {
    0% {
        transform: translate(-50%, -50%) scale(1);
    }
    to {
        transform: translate(-50%, -50%) scale(0);
    }
}
@keyframes preanimateout {
    0% {
        transform: translate(-50%, -50%) scale(1);
    }
    to {
        transform: translate(-50%, -50%) scale(0);
    }
}
.preload__progress {
    z-index: 20;
    width: 0;
    height: 5px;
    background: #c8816b;
}
.preload__progress,
.scene {
    position: absolute;
    top: 0;
    left: 0;
}
.scene {
    right: 0;
    height: 100vh;
    pointer-events: none;
    z-index: 14;
}
.scene__characters {
    display: none;
    background-image: url(../images/scene/characters.png);
    background-size: 100% 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    width: 41.0625rem;
    height: 45.1875rem;
    position: absolute;
    left: calc(50% + 12.5rem);
    top: 4.625rem;
    transition: all 0.3s;
    -webkit-mask: linear-gradient(180deg, #000 75%, rgba(0, 0, 0, 0.5) 90%, transparent);
}
[data-gw-anime] {
    opacity: 0;
    transition: all 1s;
}
.fadeIn {
    -webkit-animation: fadeIn 1s ease forwards;
    animation: fadeIn 1s ease forwards;
}
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.fadeInLeft {
    -webkit-animation: fadeInLeft 1s ease forwards;
    animation: fadeInLeft 1s ease forwards;
}
@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(-20%);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}
@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(-20%);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}
.fadeInRight {
    -webkit-animation: fadeInRight 1s ease forwards;
    animation: fadeInRight 1s ease forwards;
}
@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(20%);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}
@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(20%);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}
.spag {
    display: grid;
    grid-gap: 10px;
    gap: 10px;
    grid-template-columns: auto auto auto;
    justify-content: flex-start;
}
.sarrow,
.spag {
    align-items: center;
}
.sarrow {
    flex-shrink: 0;
    cursor: pointer;
    color: #fff;
    color: rgba(var(--color-0), 1);
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 0;
    background-image: url(../images/swiper/sarrow-prev.svg);
    background-size: 100% 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    width: max(6.875rem, 110px);
    height: max(1.5rem, 24px);
}
.sarrow_prev {
    transform: rotateY(180deg);
}
.sarrow_next,
.sarrow_prev {
    background-image: url(../images/swiper/sarrow-next.svg);
}
.sarrow.swiper-button-disabled {
    pointer-events: none;
    filter: grayscale(100%);
    opacity: 0.3;
}
.sarrows {
    grid-gap: max(0.9375rem, 15px);
    gap: max(0.9375rem, 15px);
}
.dots,
.sarrows {
    display: flex;
    justify-content: center;
    align-items: center;
}
.dots {
    grid-gap: 5px;
    gap: 5px;
    width: auto !important;
}
.dot {
    width: 1.875rem;
    height: max(0.375rem, 6px);
    border-radius: 0;
    background-color: transparent;
    border: 1px solid #564a4a;
    border: 1px solid rgba(var(--color-2), 1);
    box-sizing: border-box;
    opacity: 1;
    cursor: pointer;
    flex-shrink: 0;
    transition: all 0.3s;
    position: relative;
    z-index: 0;
}
.dot:after {
    display: block;
    content: "";
    position: absolute;
    top: max(0.0625rem, 1px);
    right: max(0.0625rem, 1px);
    bottom: max(0.0625rem, 1px);
    left: max(0.0625rem, 1px);
    background-color: rgba(255, 174, 79, 0);
    background-color: rgba(var(--color-accent), 0);
}
.dot_active:after {
    background-color: #00ff5a;
    background-color: rgba(var(--color-accent), 1);
}
/* Estilo base dos botões */
.btn {
    display: inline-grid;
    grid-auto-flow: column;
    grid-gap: max(0.75rem, 12px);
    gap: max(0.75rem, 12px);
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    text-decoration: none;
    text-align: center;
    flex-shrink: 0;
    font-style: normal;
    font-weight: 500;
    font-size: max(1.125rem, 18px);
    color: #fff;
    color: rgba(var(--color-0), 1);
    border: 2px solid #9e9e9e; /* Contorno cinza */
    padding: max(0.6875rem, 11px) max(2.875rem, 16px);
    min-height: max(4rem, 64px);
    cursor: pointer;
    transition: all 0.2s;
    text-shadow: none;
    box-shadow: none; /* Remover sombra */
    position: relative;
    z-index: 0;
    outline: 0;
    background: transparent;
    fill: #fff;
    fill: rgba(var(--color-0), 1);
    border-radius: 30px; /* Aumentar o arredondamento */
    background-image: none; /* Garantir que não há imagens de fundo */
}

/* Efeito hover no botão "Informações" */
.btn:focus,
.btn:hover {
    color: #00ff00;
    fill: #00ff00;
    border-color: #00ff00; /* Contorno verde */
    background-image: none; /* Remover qualquer imagem de fundo no hover */
    box-shadow: none; /* Garantir que não há sombra no hover */
}

/* Efeito hover nos losangos */
.btn:hover:before, .btn:hover:after {
    border-color: #00ff00; /* Contorno dos losangos fica verde */
}

/* Efeito ativo no botão "Informações" */
.btn:active {
    color: #30281f;
    fill: #30281f;
    border-color: #00cc00;
    background-color: #00cc00;
    box-shadow: none; /* Remover sombra */
    background-image: none; /* Garantir que não há imagens de fundo */
}

/* Losangos menores nos lados */
.btn:before, .btn:after {
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    border: 2px solid #9e9e9e; /* Cor inicial do losango */
    transform: rotate(45deg);
}

.btn:before {
    left: -10px;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
}

.btn:after {
    right: -10px;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
}


/* Estilo do botão "Jogue agora!" */
.btn_type_1 {
    border: 2px solid #00ff00; /* Bordas arredondadas com contorno verde por padrão */
    background-color: #00f000; /* Preencher com verde */
    color: #30281f; /* Texto e ícone pretos por padrão */
    fill: #30281f;
    border-radius: 30px; /* Arredondamento */
    box-shadow: none; /* Certificar que não há sombra */
    background-image: none; /* Remover qualquer imagem de fundo extra */
}

/* Losangos do botão "Jogue agora!" em verde por padrão */
.btn_type_1:before, .btn_type_1:after {
    border-color: #00ff00; /* Losangos sempre verdes por padrão */
}

/* Efeito hover no botão "Jogue agora!" */
.btn_type_1:focus,
.btn_type_1:hover {
    background-color: transparent; /* Manter fundo transparente no hover */
    border-color: #00ff00; /* Contorno verde no hover */
    color: #00ff00; /* Texto verde no hover */
    fill: #00ff00; /* Ícone verde no hover */
    box-shadow: none; /* Garantir que não há sombra */
    background-image: none; /* Remover qualquer imagem de fundo extra */
}

/* Losangos do botão "Jogue agora!" em verde no hover */
.btn_type_1:hover:before, .btn_type_1:hover:after {
    border-color: #00ff00; /* Losangos verdes no hover */
}

/* Efeito ativo (ao clicar) no botão "Jogue agora!" */
.btn_type_1:active {
    background-color: #00cc00; /* Fundo verde escuro ao clicar */
    border-color: #00cc00; /* Contorno verde escuro ao clicar */
    color: #fff; /* Texto branco ao clicar */
    fill: #fff; /* Ícone branco ao clicar */
    box-shadow: none; /* Remover sombra */
    background-image: none; /* Garantir que não há imagem de fundo extra */
}


/* Estilo base dos botões */
.button {
    display: inline-grid;
    grid-auto-flow: column;
    grid-gap: max(0.75rem, 12px);
    gap: max(0.75rem, 12px);
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    text-decoration: none;
    text-align: center;
    flex-shrink: 0;
    font-style: normal;
    cursor: pointer;
    transition: all 0.2s;
    text-shadow: none;
    box-shadow: none;
    position: relative;
    z-index: 0;
    outline: 0;
    background: transparent;
    fill: #fff;
    font-size: max(0.9375rem, 15px);
    color: #fff;
    color: rgba(var(--color-0), 1);
    border: 1px solid #00ff00; /* Contorno verde */
    padding: max(0.625rem, 11px) max(1rem, 16px);
    min-height: max(2.5rem, 40px);
    min-width: max(8.375rem, 134px);
    border-radius: 30px; /* Deixar o botão arredondado */
}

/* Adicionar losangos */
.button:before, .button:after {
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    border: 1px solid #00ff00; /* Cor inicial do losango verde */
    transform: rotate(45deg); /* Rotacionar para formar o losango */
}

.button:before {
    left: -10px;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
}

.button:after {
    right: -10px;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
}

/* Efeito hover */
.button:focus,
.button:hover {
    border-color: #00ff00; /* Contorno verde no hover */
    background-color: #00ff00; /* Fundo verde no hover */
    color: #30281f; /* Texto preto no hover */
    fill: #30281f; /* Ícone preto no hover */
}

/* Losangos mudam de cor no hover */
.button:hover:before, .button:hover:after {
    border-color: #00ff00; /* Losangos verdes no hover */
}

/* Efeito ativo */
.button:active {
    border-color: #00cc00; /* Verde escuro ao clicar */
    background-color: #00cc00; /* Fundo verde escuro ao clicar */
    color: #30281f; /* Texto preto ao clicar */
    fill: #30281f; /* Ícone preto ao clicar */
}

/* Estilo desabilitado */
.button_disabled,
.button_disabled:active,
.button_disabled:hover {
    color: #a39494;
    fill: #a39494;
    border-color: #a39494;
    background-color: transparent;
}

/* Losangos no estado desabilitado */
.button_disabled:before, .button_disabled:after {
    border-color: #a39494;
}

/* Adicionando o tipo de botão "Painel do Jogador" */
.button_type_1 {
    outline: 1px solid #00ff00; /* Contorno verde no hover */
    outline-offset: max(0.125rem, 2px);
}

/* Hover e active para o botão com outline */
.button_type_1:active,
.button_type_1:focus {
    outline: 1px solid #00ff00;
}

.button_type_1.button_disabled,
.button_type_1.button_disabled:active,
.button_type_1.button_disabled:hover {
    color: #30281f;
    fill: #30281f;
    border-color: #a39494;
    background-color: #a39494;
    outline: 1px solid #a39494;
}


.logo {
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    font-size: 12px;
    position: relative;
    z-index: 0;
}
.logo__img {
    display: block;
    transition: all 0.3s;
}
.logo__img_hover_effect:hover {
    filter: brightness(120%);
}
.logo__img_hover_animation {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    opacity: 0;
    transition: all 0.2s;
    pointer-events: none;
}
.logo:hover .logo__img_hover_animation {
    -webkit-animation: logo 0.3s ease;
    animation: logo 0.3s ease;
}
@-webkit-keyframes logo {
    0% {
        transform: scale(1);
        opacity: 0;
    }
    20% {
        opacity: 0.3;
    }
    to {
        transform: scale(1.2);
        opacity: 0;
    }
}
@keyframes logo {
    0% {
        transform: scale(1);
        opacity: 0;
    }
    20% {
        opacity: 0.3;
    }
    to {
        transform: scale(1.2);
        opacity: 0;
    }
}
.logotype {
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    font-size: 12px;
    position: relative;
    z-index: 0;
}
.logotype__img {
    display: block;
    transition: all 0.3s;
}
.logotype__img_hover_effect:hover {
    filter: brightness(120%);
}
.logotype__img_hover_animation {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    opacity: 0;
    transition: all 0.2s;
    pointer-events: none;
}
.logotype:hover .logotype__img_hover_animation {
    -webkit-animation: logotype 0.3s ease;
    animation: logotype 0.3s ease;
}
@-webkit-keyframes logotype {
    0% {
        transform: scale(1);
        opacity: 0;
    }
    20% {
        opacity: 0.3;
    }
    to {
        transform: scale(1.2);
        opacity: 0;
    }
}
@keyframes logotype {
    0% {
        transform: scale(1);
        opacity: 0;
    }
    20% {
        opacity: 0.3;
    }
    to {
        transform: scale(1.2);
        opacity: 0;
    }
}
.logotype__dec {
    position: absolute;
    right: -1.8rem;
    top: 1px;
    -webkit-animation: agathion 6s ease infinite;
    animation: agathion 6s ease infinite;
    pointer-events: none;
}
@-webkit-keyframes agathion {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-1.125rem);
    }
    to {
        transform: translateY(0);
    }
}
@keyframes agathion {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-1.125rem);
    }
    to {
        transform: translateY(0);
    }
}
.lang {
    padding: max(0.5rem, 8px) max(1.5rem, 24px) max(0.5rem, 8px) max(0.625rem, 10px);
    flex-shrink: 0;
    color: #fff;
    color: rgba(var(--color-0), 1);
    box-sizing: border-box;
    font-size: max(0.9375rem, 15px);
}
.lang,
.lang__current {
    width: auto;
    position: relative;
    cursor: pointer;
}
.lang__current {
    display: grid;
    grid-auto-flow: column;
    grid-gap: max(0.5rem, 8px);
    gap: max(0.5rem, 8px);
    justify-content: center;
    align-items: center;
    transition: all 0.3s;
    z-index: 0;
}
.lang__current-img {
    transition: all 0.3s;
    display: block;
}
.lang__current:after {
    display: block;
    content: "";
    background: url(../images/lang/arrow-down.svg) no-repeat;
    background-size: 100% 100%;
    width: max(0.625rem, 10px);
    height: max(0.625rem, 10px);
    color: #4c4757;
    position: absolute;
    left: calc(100% + max(0.5rem, 8px));
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}
.lang__current:after,
.lang__link {
    transition: all 0.3s;
    cursor: pointer;
}
.lang__link {
    display: grid;
    grid-auto-flow: column;
    grid-gap: max(0.625rem, 10px);
    gap: max(0.625rem, 10px);
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
    font-size: max(0.9375rem, 15px);
    grid-template-columns: max(1.5rem, 24px) 1fr;
    flex-shrink: 0;
    text-decoration: none;
    color: #fff;
    color: rgba(var(--color-0), 1);
    box-sizing: border-box;
}
.lang__link:hover {
    background-color: hsla(0, 0%, 100%, 0.1);
    background-color: rgba(var(--color-0), 0.1);
    opacity: 1;
}
.lang__name {
    color: inherit;
}
.lang__pic {
    box-sizing: border-box;
}
.lang__img,
.lang__pic {
    width: max(1.5rem, 24px);
    height: max(1.5rem, 24px);
    flex-shrink: 0;
}
.lang__img {
    display: block;
}
.lang__link_sub {
    box-sizing: border-box;
    padding: max(0.3125rem, 5px) max(0.3125rem, 5px) max(0.3125rem, 5px) max(0.625rem, 10px);
    width: 100%;
}
.lang__list {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
    transform: translateY(-10px);
    padding: max(0.875rem, 14px) 0 max(0.3125rem, 5px);
    top: 100%;
}
.lang__list,
.lang__list:before {
    box-sizing: border-box;
    position: absolute;
    right: 0;
    left: 0;
}
.lang__list:before {
    display: block;
    content: "";
    top: max(0.625rem, 10px);
    bottom: 0;
    z-index: -2;
    background: #252121;
    background: rgba(var(--color-box), 1);
    border: solid #5e5e5e;
    border: max(0.0625rem, 1px) solid rgba(var(--color-border), 1);
}
.lang:hover .lang__list {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.scl {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    grid-gap: max(0.3125rem, 5px) max(0.875rem, 14px);
    gap: max(0.3125rem, 5px) max(0.875rem, 14px);
}
.scl__title {
    font-size: max(0.9375rem, 15px);
    color: #fff;
    color: rgba(var(--color-0), 1);
}
.scl__list {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    grid-gap: max(0.3125rem, 5px) max(0.875rem, 14px);
    gap: max(0.3125rem, 5px) max(0.875rem, 14px);
}
.scl__list_start {
    justify-content: flex-start;
}
.scl__item {
    color: #fff;
    color: rgba(var(--color-0), 1);
    text-decoration: none;
    position: relative;
    z-index: 0;
    width: max(1.5rem, 24px);
    height: max(1.5rem, 24px);
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.2s;
    font-size: max(0.8125rem, 13px);
    box-sizing: border-box;
    background-color: hsla(0, 0%, 100%, 0.07);
    background-color: rgba(var(--color-0), 0.07);
}
.scl__item:hover {
    background-color: hsla(0, 0%, 100%, 0.13);
    background-color: rgba(var(--color-0), 0.13);
}
.scl__gwi {
    position: relative;
    z-index: 5;
}
.box {
    display: flex;
    flex-direction: column;
    min-width: 0;
}
.box__body {
    background-image: url(../images/box/box-bg.jpg);
    background-position: top;
    background-repeat: repeat;
    box-sizing: border-box;
    padding: max(1.875rem, 30px) max(1.5rem, 24px) max(1.25rem, 20px);
    position: relative;
    z-index: 0;
    flex-grow: 1;
    border-bottom: 1px solid rgba(255, 174, 79, 0.3);
    border-bottom: 1px solid rgba(var(--color-accent), 0.3);
    min-width: 0;
    max-width: 100%;
}
.box__body_padding_none {
    padding-left: 0;
    padding-right: 0;
}
.box__body:before {
    left: 0;
    right: 0;
    top: 0;
    height: 1px;
    background-color: #00ff5a;
    background-color: rgba(var(--color-accent), 1);
    background: linear-gradient(
        90deg,
        rgba(255, 174, 79, 0.5) 0,
        rgba(255, 174, 79, 0.5) calc(50% - 1.9rem),
        rgba(255, 174, 79, 0) calc(50% - 1.9rem),
        rgba(255, 174, 79, 0) calc(50% + 1.9rem),
        rgba(255, 174, 79, 0.5) calc(50% + 1.9rem),
        rgba(255, 174, 79, 0.5)
    );
    background: linear-gradient(
        90deg,
        rgba(var(--color-accent), 0.5) 0,
        rgba(var(--color-accent), 0.5) calc(50% - 1.9rem),
        rgba(var(--color-accent), 0) calc(50% - 1.9rem),
        rgba(var(--color-accent), 0) calc(50% + 1.9rem),
        rgba(var(--color-accent), 0.5) calc(50% + 1.9rem),
        rgba(var(--color-accent), 0.5)
    );
}
.box__body:after,
.box__body:before {
    display: block;
    content: "";
    position: absolute;
}
.box__body:after {
    background: url(../images/box/decor.png) no-repeat;
    background-size: 100% 100%;
    width: max(4rem, 64px);
    height: max(2.0625rem, 33px);
    left: 50%;
    transform: translateX(-50%);
    top: -0.1875rem;
}
.box__title {
    margin: 0;
    padding: max(1.5rem, 24px) 0;
    box-sizing: border-box;
    font-size: max(2.125rem, 30px);
    color: #fff;
    color: rgba(var(--color-0), 1);
    text-align: center;
    font-weight: 600;
}
.box_short {
    max-width: max(46.25rem, 740px);
}
.heading {
    min-height: max(2.25rem, 36px);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    grid-gap: max(2.125rem, 34px) 1rem;
    gap: max(2.125rem, 34px) 1rem;
}
.heading_mb {
    margin-bottom: max(1.25rem, 20px);
}
.heading__content {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.heading__pic {
    margin-right: max(0.75rem, 12px);
}
.heading__img {
    width: max(2.25rem, 36px);
    height: max(2.25rem, 36px);
    border: 1px solid #ffdb5e;
    box-sizing: border-box;
    display: block;
}
.heading__title {
    font-size: 1.75rem;
    color: #fff;
    color: rgba(var(--color-0), 1);
    text-transform: uppercase;
    font-weight: 600;
}
.heading__link {
    text-decoration: none;
    display: inline-block;
    font-size: max(0.875rem, 14px);
    line-height: max(0.875rem, 14px);
    text-align: center;
    color: 163, 148, 148;
    color: var(--color-1);
    transition: all 0.2s;
}
.heading__link:hover {
    color: 255, 174, 79;
    color: var(--color-accent);
}
[data-section="panel"] {
    z-index: 20;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    transition: all 0.3s;
}
.panel {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: max(4.5rem, 72px);
    height: var(--panel-height);
    grid-gap: max(2.125rem, 34px);
    gap: max(2.125rem, 34px);
    transition: all 0.3s;
}
.panel__logotype {
    max-width: 174px;
    margin-right: auto;
}
.panel__gw-burger {
    margin-left: auto;
}
[data-section="navigation"] {
    background: #262121;
    background: rgba(var(--navigation-color), 1);
    z-index: 10;
    position: absolute;
    left: 0;
    right: 0;
    top: max(4.5rem, 72px);
    top: var(--panel-height);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}
.mob-menu-active [data-section="navigation"] {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    height: 0;
}
.nav-scroll [data-section="navigation"] {
    top: max(3.125rem, 50px);
    top: var(--panel-height-scroll);
    position: fixed;
    z-index: 19;
}
@-webkit-keyframes navigationUp {
    0% {
        transform: translateY(100%);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}
@keyframes navigationUp {
    0% {
        transform: translateY(100%);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}
@-webkit-keyframes navigationDown {
    0% {
        transform: translateY(-100%);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}
@keyframes navigationDown {
    0% {
        transform: translateY(-100%);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}
.navigation {
    display: flex;
    height: max(4.75rem, 68px);
    height: var(--navigation-height);
}
.navigation__container {
    flex-grow: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}
.progress {
    width: 100%;
    height: max(0.75rem, 12px);
    background: url(../images/server/server-progress.svg) no-repeat;
    background-size: 100% 100%;
    position: relative;
    z-index: 0;
}
.progress__load {
    --load: 0%;
    display: block;
    position: absolute;
    top: max(0.125rem, 2px);
    right: 0;
    bottom: max(0.125rem, 2px);
    left: 0;
    background: url(../images/server/server-progress-full.svg) no-repeat;
    background-size: 100% 100%;
    transition: all 2s;
    -webkit-clip-path: polygon(0 0, var(--load) 0, var(--load) 100%, 0 100%);
    clip-path: polygon(0 0, var(--load) 0, var(--load) 100%, 0 100%);
}
.server {
    min-height: 54px;
    border-radius: 0;
    box-sizing: border-box;
    display: flex;
    position: relative;
    z-index: 0;
}
.server_custom {
    min-height: 0;
}
.server__container {
    min-width: 0;
    flex-grow: 1;
}
.server__box {
    justify-content: space-between;
    font-weight: 400;
    font-size: max(1.125rem, 18px);
    line-height: 1.3;
    color: rgba(var(--color-text-0), 1);
    min-height: max(1.75rem, 28px);
}
.server__box,
.server__online {
    display: flex;
    align-items: center;
}
.server__online {
    justify-content: center;
}
.server__count,
.server__status {
    padding: 1px 0.625rem 2px;
    background: #52be37;
    background: rgba(var(--color-green), 1);
    border-radius: max(1.5625rem, 25px);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    color: rgba(var(--color-0), 1);
    font-size: inherit;
    height: max(1.75rem, 28px);
    margin-left: 0.75rem;
    min-width: max(1.75rem, 4rem);
    box-sizing: border-box;
}
.server__soon {
    background-color: #fff;
}
.server__workload {
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgba(#fff, 1);
    color: rgba(var(--color-7), 1);
}
.server__percent {
    margin-left: 0.375rem;
    color: #e14747;
    color: var(--color-red);
    min-width: max(1.875rem, 30px);
}
.server__link {
    text-decoration: none;
    color: rgba(var(--color-text-0), 1);
    transition: all 0.2s;
}
.server__link:hover {
    color: #a39494;
    color: rgba(var(--color-1), 1);
}
.server__progress {
    margin: max(0.875rem, 14px) 0 0;
}
.server_soon {
    opacity: 0.5;
}
.server_soon .server__count {
    background: hsla(0, 0%, 100%, 0.2);
    background: rgba(var(--color-0), 0.2);
}
.header {
    box-sizing: border-box;
    padding-bottom: 130px;
}
.header__content {
    box-sizing: border-box;
    padding-top: 0.9375rem;
    max-width: 30.3125rem;
    width: 100%;
    margin: 0 auto;
}
.header__logotype-box {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 320px;
    margin: 0 auto;
}
.header__desc {
    font-weight: 400;
    font-size: 1.5rem;
    line-height: 1.4;
    text-align: center;
    color: #a39494;
    color: rgba(var(--color-1), 1);
    margin-top: 1.5rem;
}
.header__server-list {
    display: grid;
    grid-gap: 2rem;
    gap: 2rem;
    margin-top: 1rem;
    margin-bottom: 4rem;
}
.header__btns {
    justify-content: center;
    align-items: center;
    grid-gap: 2.125rem;
    gap: 2.125rem;
}
.header__btns,
.post {
    display: flex;
    flex-direction: column;
}
.post {
    --size-title: max(1.5rem, 20px);
    --size-desc: max(0.9375rem, 15px);
    --desc-max-height: max(3.75rem, 60px);
    --line-clamp: 3;
    position: relative;
    z-index: 0;
    overflow: hidden;
    box-sizing: border-box;
    padding: 1.5rem 1.5625rem 2.5rem;
    max-width: 100%;
    min-height: max(21rem, 256px);
    background-color: #111;
}
.post:after {
    display: block;
    content: "";
    background: linear-gradient(0deg, #252121, rgba(37, 33, 33, 0.8) 40%, rgba(37, 33, 33, 0) 90%);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
}
.post__link {
    z-index: 5;
    display: block;
}
.post__bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -2;
    background-image: url(../images/post/img-def.html);
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    transition: all 0.3s;
    opacity: 0.45;
}
.post:hover .post__bg {
    transform: scale(1.1);
}
.post__date {
    color: #fff;
    color: rgba(var(--color-0), 1);
    white-space: nowrap;
    position: absolute;
    top: 0;
    right: 2.125rem;
    min-width: 3.375rem;
    height: 3.75rem;
    background: rgba(21, 21, 20, 0.75);
    border-bottom: 1px solid #00ff5a;
    border-bottom: 1px solid rgba(var(--color-accent), 1);
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    font-size: max(0.9375rem, 15px);
}
.post__date-day {
    font-size: max(1.5rem, 24px);
    font-weight: 500;
}
.post__container {
    margin-top: auto;
}
.post__title {
    color: #fff;
    font-size: var(--size-title);
    font-weight: 400;
    margin: 0;
}
.post__desc {
    color: #a39494;
    color: rgba(var(--color-1), 1);
    font-size: var(--size-desc);
    line-height: 1.3;
    font-weight: 400;
    margin-top: max(0.3125rem, 5px);
    margin-bottom: 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: var(--line-clamp);
    overflow: hidden;
    max-height: var(--desc-max-height);
}
.post__link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 20;
    text-decoration: none;
}
.post__status {
    position: absolute;
    left: 1.25rem;
    top: 1.0625rem;
    background-color: #00ff5a;
    background-color: rgba(var(--color-accent), 1);
    font-size: max(0.9375rem, 15px);
    color: #30281f;
    color: rgba(var(--color-4), 1);
    padding: max(0.25rem, 4px) max(1rem, 16px);
    border-radius: 2rem;
}
.post__status_hot:before {
    content: "\0E80";
    font-family: gwi;
    font-family: var(--font-ico);
    margin-right: 0.625rem;
}
.news {
    margin-bottom: max(8.125rem, 130px);
}
.news__wrap {
    overflow: hidden;
}
.news__dots {
    margin-top: max(2.25rem, 36px);
}
.top {
    box-sizing: border-box;
    color: #fff;
    color: rgba(var(--color-0), 1);
    position: relative;
    z-index: 0;
    font-size: max(0.9375rem, 15px);
}
.top__rw {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 0;
    cursor: default;
    min-height: max(2rem, 32px);
    box-sizing: border-box;
}
.top__rw:not(.top__header):first-child,
.top__rw:not(.top__header):nth-child(2),
.top__rw:not(.top__header):nth-child(3) {
    color: #ffd84f;
    color: rgba(var(--color-yellow), 1);
}
.top__rw {
    transition: all 0.2s;
}
.top__num {
    flex-basis: max(1.875rem, 30px);
    min-width: 0;
    text-align: center;
    box-sizing: border-box;
    padding: max(0.3125rem, 5px);
    justify-content: center;
}
.top__icon,
.top__num {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}
.top__icon {
    width: max(2rem, 32px);
    height: max(0.75rem, 12px);
    justify-content: flex-end;
    margin-right: max(0.9375rem, 12px);
}
.top__ico {
    display: block;
}
.top__name {
    flex-grow: 1;
    display: flex;
    justify-content: flex-start;
}
.top__info,
.top__name {
    min-width: 0;
    text-align: left;
    box-sizing: border-box;
    padding: max(0.3125rem, 5px);
    align-items: center;
}
.top__info {
    flex-basis: max(8.125rem, 130px);
    display: none;
    justify-content: start;
    flex-shrink: 0;
}
.top__total {
    flex-basis: max(5.625rem, 90px);
    min-width: 0;
    text-align: center;
    box-sizing: border-box;
    padding: max(0.3125rem, 5px);
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    grid-gap: max(0.25rem, 4px);
    gap: max(0.25rem, 4px);
}
.top__score-1 {
    text-align: right;
}
.top__score-2 {
    text-align: left;
}
.top__total_large {
    flex-basis: max(5.625rem, 90px);
}
.top__content {
    min-width: 0;
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.top__info .top__content {
    white-space: normal;
}
.top__header {
    color: #a39494;
    color: rgba(var(--color-1), 1);
}
.top__header .top__content {
    cursor: default;
}
.rating-tab {
    grid-gap: max(0.875rem, 14px);
    gap: max(0.875rem, 14px);
}
.rating-tab,
.rating-tab__btn {
    display: flex;
    justify-content: center;
    align-items: center;
}
.rating-tab__btn {
    padding: max(0.5rem, 8px) max(1rem, 16px);
    min-width: max(3.125rem, 50px);
    border: 1px solid #564a4a;
    border: 1px solid rgba(var(--color-2), 1);
    font-size: max(0.9375rem, 15px);
    text-align: center;
    box-sizing: border-box;
    cursor: pointer;
    color: #a39494;
    color: rgba(var(--color-1), 1);
    transition: all 0.3s;
}
.rating-tab__btn:hover {
    border-color: rgba(255, 174, 79, 0.6);
    border-color: rgba(var(--color-accent), 0.6);
}
.rating-tab__btn[data-open-tab-active="true"] {
    background-color: #00ff5a;
    background-color: rgba(var(--color-accent), 1);
    border-color: #00ff5a;
    border-color: rgba(var(--color-accent), 1);
    color: #30281f;
}
.rating__tab {
    display: none;
    -webkit-animation: tab 1s ease forwards;
    animation: tab 1s ease forwards;
    opacity: 0;
}
@-webkit-keyframes tab {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes tab {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.theme {
    --theme-margin: max(1.5rem, 24px);
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    padding: max(0.5rem, 8px) var(--theme-margin) max(0.3125rem, 5px);
    position: relative;
    z-index: 0;
    overflow: hidden;
    min-height: max(4.25rem, 70px);
    cursor: default;
    transition: all 0.3s;
    min-width: 0;
    max-width: 100%;
    border-bottom: solid transparent;
}
.theme:hover {
    background: #00ff5a;
    background: rgba(var(--color-5), 1);
    border-color: #00ff5a;
    border-color: rgba(var(--color-accent), 1);
}
.theme__pic {
    width: max(3rem, 48px);
    height: max(3rem, 48px);
    position: relative;
    z-index: 0;
    display: none;
    margin-right: max(1rem, 16px);
    background: linear-gradient(180deg, #00ff5a, #00ff5a);
    box-sizing: border-box;
    padding: max(0.0625rem, 1px);
}
.theme__ava,
.theme__pic {
    flex-shrink: 0;
    border-radius: 50%;
}
.theme__ava {
    width: max(2.875rem, 46px);
    height: max(2.875rem, 46px);
}
.theme__content {
    min-width: 0;
    flex-grow: 1;
    box-sizing: border-box;
}
.theme__title {
    text-decoration: none;
    font-size: max(1.125rem, 18px);
    color: #fff;
    color: rgba(var(--color-0), 1);
    transition: all 0.3s;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.theme__info,
.theme__title {
    padding: max(0.0625rem, 1px) 0;
}
.theme__info {
    display: flex;
    align-items: center;
    font-size: max(0.9375rem, 15px);
    color: #a39494;
    color: rgba(var(--color-1), 1);
}
.theme__sep {
    margin-left: max(0.5rem, 8px);
    margin-right: max(0.5rem, 8px);
}
.theme__author {
    box-sizing: border-box;
    white-space: nowrap;
}
.theme__author-name {
    color: #fff;
    color: rgba(var(--color-0), 1);
}
.theme__date {
    box-sizing: border-box;
    white-space: nowrap;
}
.theme__link {
    display: block;
    text-decoration: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
}
.forum {
    overflow: hidden;
    min-width: 0;
    max-width: 100%;
}
.widget {
    flex-grow: 1;
}
.widget iframe {
    width: 100%;
    height: 100%;
    min-height: max(23.5625rem, 377px);
}
.stream {
    height: max(12.125rem, 194px);
    background-image: url(../images/stream/bg.jpg);
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    display: flex;
    color: hsla(0, 0%, 84.3%, 0.5);
    font-size: max(0.9375rem, 15px);
    font-weight: 400;
    cursor: default;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    z-index: 0;
    width: 100%;
}
.stream iframe {
    width: 100%;
    height: 100%;
}
.stream__content {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    width: 100%;
    color: #fff;
    color: rgba(var(--color-0), 1);
    position: relative;
    z-index: 0;
    box-sizing: border-box;
}
.stream__ico {
    display: inline-block;
    font-size: max(2.125rem, 34px);
}
.stream__desc {
    margin-top: max(0.375rem, 6px);
    margin-bottom: max(0.375rem, 6px);
}
.stream__link {
    text-decoration: none;
    color: #00ff5a;
    color: rgba(var(--color-accent), 1);
    transition: all 0.2s;
}
.stream__link:hover {
    color: #ff8a00;
    color: rgba(var(--color-accent-hover), 1);
}
.streams {
    margin-bottom: max(2rem, 32px);
}
.streams__wrap {
    overflow: hidden;
}
.streams__dots {
    margin-top: max(2.25rem, 36px);
}
.res {
    flex-direction: column;
    grid-gap: max(1.5rem, 24px);
    gap: max(1.5rem, 24px);
    background-color: rgba(17, 17, 17, 0.7);
    background-color: rgba(var(--body-background-color), 0.7);
    border-bottom: 1px solid #393939;
    padding: 1rem;
}
.res,
.res__container,
.res__pic {
    display: flex;
    justify-content: center;
    align-items: center;
}
.res__pic {
    fill: #00ff5a;
    fill: rgba(var(--color-accent), 1);
    margin-right: max(1.125rem, 18px);
}
.res__ico,
.res__pic {
    width: max(2.125rem, 34px);
    height: max(2.125rem, 34px);
    flex-shrink: 0;
}
.res__title {
    color: #fff;
    color: rgba(var(--color-0), 1);
    font-size: max(0.9375rem, 15px);
}
.res__desc {
    color: #a39494;
    color: rgba(var(--color-1), 1);
    font-size: max(0.75rem, 12px);
}
.res__btns {
    display: grid;
    grid-gap: max(1.5rem, 24px);
    gap: max(1.5rem, 24px);
    width: 100%;
}

/* Estilo base para a seção de requisitos */
.requirements__grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
}

.requirement {
    flex: 1 1 calc(33.33% - 20px);
    background-color: #1a1a1a !important; /* Forçar fundo escuro */
    padding: 15px;
    border: 1px solid #393939; /* Borda em cinza escuro */
    border-radius: 8px;
    color: #e8d1a6 !important; /* Forçar cor do texto */
    font-family: var(--font-0);
}

.requirement h3 {
    font-size: 1.25rem; /* Tamanho do título */
    margin-bottom: 10px;
    color: #00ff5a !important; /* Forçar cor do título (verde) */
}

.requirement p {
    margin: 5px 0;
    font-size: 1rem;
    color: #e8d1a6 !important; /* Forçar texto claro */
}

/* Estilo para os textos mínimo e recomendado */
.min {
    color: #e14747 !important; /* Vermelho para o mínimo */
    font-weight: bold;
}

.rec {
    color: #52be37 !important; /* Verde para o recomendado */
    font-weight: bold;
}

/* Estilo para a seção de Atenção */
.attention {
    margin-top: 20px;
    padding: 15px;
    background-color: #2d2d2d !important; /* Fundo de atenção escuro */
    border: 1px solid #e14747 !important; /* Borda vermelha */
    border-radius: 8px;
    color: #e14747 !important; /* Texto vermelho */
}

/* Estilo para a seção Importante Também */
.important {
    margin-top: 30px;
}

.important h2 {
    font-size: 1.5rem;
    color: #ffd84f !important; /* Cor do título em amarelo */
    margin-bottom: 15px;
}

.important__grid {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.important__item h3 {
    font-size: 1.25rem;
    color: #52be37 !important; /* Verde para os subtítulos */
    margin-bottom: 10px;
}

.important__item p {
    margin-bottom: 10px;
}

.important__item img {
    max-width: 100px;
    margin-top: 10px;
}

/* Ajuste global */
.box__body {
    background-color: #1a1a1a !important; /* Forçar fundo escuro nas áreas afetadas */
    color: #e8d1a6 !important; /* Forçar texto claro */
}


.about-files {
    border-top: 1px solid #564a4a;
    text-align: center;
    color: #fff;
    color: rgba(var(--color-0), 1);
    font-size: max(0.9375rem, 15px);
    padding-top: 1rem;
    box-sizing: border-box;
}
.about-files__invite {
    margin-top: max(1.5rem, 24px);
}
.files {
    display: grid;
    grid-gap: max(1.5rem, 24px);
    gap: max(1.5rem, 24px);
}





.about {
    display: grid;
    grid-gap: max(2.125rem, 34px);
    gap: max(2.125rem, 34px);
}
.about__server {
    flex-direction: column;
    text-align: center;
    grid-gap: max(0.875rem, 14px);
    gap: max(0.875rem, 14px);
}
.about__pic,
.about__server {
    display: flex;
    justify-content: center;
    align-items: center;
}
.about__pic {
    width: max(4.75rem, 76px);
    min-height: max(4.75rem, 76px);
    flex-shrink: 0;
}
.about__ico {
    filter: drop-shadow(0 1px max(0.625rem, 10px) rgba(255, 174, 79, 1));
    filter: drop-shadow(0 1px max(0.625rem, 10px) rgba(var(--color-accent), 1));
    flex-shrink: 0;
    min-width: 2.8rem;
}
.about__content {
    max-width: 280px;
    min-width: none;
    flex-grow: 1;
}
.about__title {
    font-weight: 700;
    margin-bottom: max(0.25rem, 4px);
}
.about__desc,
.about__title {
    font-size: max(0.9375rem, 15px);
    color: #fff;
    color: rgba(var(--color-0), 1);
}
.about__btns {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
}
.about__line {
    height: max(0.0625rem, 1px);
    background-color: #393939;
    background-color: rgba(var(--color-3), 1);
    width: 100%;
}
.fnav {
    display: flex;
    align-items: center;
    flex-direction: column;
    flex-wrap: wrap;
    grid-gap: max(2.5rem, 40px) max(3.75rem, 60px);
    gap: max(2.5rem, 40px) max(3.75rem, 60px);
    text-align: center;
}
.fnav__box {
    min-width: 0;
    flex-grow: 1;
}
.fnav__box_last {
    flex-grow: 0;
}
.fnav__header {
    font-size: max(0.9375rem, 15px);
    font-weight: 500;
    color: #fff;
    color: rgba(var(--color-0), 1);
    margin-bottom: max(0.875rem, 14px);
}
.fnav__list {
    list-style-type: none;
    padding-left: 0;
    margin: 0;
}
.fnav__el {
    margin-bottom: max(0.875rem, 14px);
}
.fnav__link {
    text-decoration: none;
    transition: all 0.2s;
    font-weight: 400;
    font-size: max(0.9375rem, 15px);
    color: #a39494;
    color: rgba(var(--color-1), 1);
}
.fnav__link:hover {
    color: #fff;
    color: rgba(var(--color-0), 1);
}
[data-section="footer"] {
    background: url(../images/footer/bg.jpg) no-repeat 50%;
    background-size: cover;
    border-top: 1px solid #60472d;
    border-top: 1px solid rgba(var(--color-5), 1);
    box-sizing: border-box;
}
.footer {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    font-size: max(0.9375rem, 15px);
    color: #a39494;
    color: rgba(var(--color-1), 1);
    text-align: center;
    box-sizing: border-box;
    padding: max(3.125rem, 50px) 0;
}
.footer_logotype {
    max-width: 174px;
}
.footer__about {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    grid-gap: max(0.875rem, 14px);
    gap: max(0.875rem, 14px);
    max-width: 570px;
}
.footer__authors {
    color: rgba(#fff, 1);
    color: rgba(var(--color-7), 1);
    font-size: 14px;
}
.footer__links {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    grid-gap: max(0.875rem, 14px);
    gap: max(0.875rem, 14px);
}
.footer__link {
    text-decoration: none;
    color: #ffae4f;
    color: rgba(var(--color-accent), 1);
}
.footer__link:hover {
    color: #ff8a00;
    color: rgba(var(--color-accent-hover), 1);
}
.footer__fnav {
    margin-top: max(2.5rem, 40px);
}
.footer__authors {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    grid-gap: max(0.1875rem, 3px);
    gap: max(0.1875rem, 3px);
}
.ww {
    max-width: max(50rem, 800px);
    width: 100%;
    box-sizing: border-box;
    background-color: transparent;
    padding: 0;
    box-shadow: none;
}
.ww_size_small {
    max-width: max(40rem, 640px);
}
.ww_size_big {
    max-width: max(60rem, 960px);
}
.ww__inner {
    background: transparent;
    border: 0;
    width: 100%;
    box-shadow: none;
    padding: 0;
}
.ww__body,
.ww__inner {
    box-sizing: border-box;
}
.ww__body {
    padding: max(1.25rem, 20px) max(1.375rem, 22px) max(1.875rem, 30px);
    background: rgba(17, 17, 17, 0.9);
    background: rgba(var(--body-background-color), 0.9);
    position: relative;
    z-index: 0;
    border-radius: 0;
    border: 1px solid #60472d;
    border: 1px solid rgba(var(--color-5), 1);
}
.ww__close {
    width: max(1rem, 16px);
    height: max(1rem, 16px);
    top: max(0.625rem, 5px);
    right: max(0.625rem, 5px);
    z-index: 10;
    cursor: pointer;
    background-size: contain;
    border-radius: 50%;
}
.ww__close,
.ww__close:after,
.ww__close:before {
    display: block;
    position: absolute;
    transition: all 0.3s;
}
.ww__close:after,
.ww__close:before {
    content: "";
    background: #fff;
    background: rgba(var(--color-0), 1);
    top: calc(50% - max(0.0625rem, 1px));
    left: 0;
    right: 0;
    height: max(0.125rem, 2px);
    border-radius: max(0.125rem, 2px);
}
.ww__close:before {
    transform: rotate(-45deg);
}
.ww__close:after {
    transform: rotate(45deg);
}
.ww__close:hover:after,
.ww__close:hover:before {
    transform: rotate(0);
}
.ww__heading {
    font-size: max(1.5rem, 24px);
    color: #fff;
    color: rgba(var(--color-0), 1);
    text-align: center;
    margin-bottom: max(1.25rem, 20px);
}
.fancybox-slide {
    transform-style: preserve-3d;
    perspective: 1000px;
}
.fancybox-container {
    z-index: 666 !important;
}
.ww.fancybox-content {
    padding: 0;
    background: transparent;
}
.fancybox-bg {
    background: rgba(17, 17, 17, 0.7);
    background: rgba(var(--body-background-color), 0.7);
}
.fancybox-is-open .fancybox-bg {
    opacity: 1;
}
.fancybox-is-open .ww.fancybox-content {
    -webkit-animation: fancyboxIn 1s ease;
    animation: fancyboxIn 1s ease;
}
.fancybox-is-closing .ww.fancybox-content {
    -webkit-animation: fancyboxOut 1s ease;
    animation: fancyboxOut 1s ease;
}
@-webkit-keyframes fancyboxIn {
    0% {
        opacity: 0;
        transform: translate3d(0, -100px, 0) rotateX(0deg) scale(1);
    }
    to {
        opacity: 1;
        transform: translateZ(0) rotateX(0deg) scale(1);
    }
}
@keyframes fancyboxIn {
    0% {
        opacity: 0;
        transform: translate3d(0, -100px, 0) rotateX(0deg) scale(1);
    }
    to {
        opacity: 1;
        transform: translateZ(0) rotateX(0deg) scale(1);
    }
}
@-webkit-keyframes fancyboxOut {
    0% {
        opacity: 1;
        transform: translateZ(0) rotateX(0deg) scale(1);
    }
    to {
        opacity: 0;
        transform: translate3d(0, 100px, 0) rotateX(0) scale(1);
    }
}
@keyframes fancyboxOut {
    0% {
        opacity: 1;
        transform: translateZ(0) rotateX(0deg) scale(1);
    }
    to {
        opacity: 0;
        transform: translate3d(0, 100px, 0) rotateX(0) scale(1);
    }
}
.pr {
    padding-right: max(0.625rem, 10px);
    padding-right: var(--margin);
}
.pl {
    padding-left: max(0.625rem, 10px);
    padding-left: var(--margin);
}
.pt {
    padding-top: max(0.625rem, 10px);
    padding-top: var(--margin);
}
.pb {
    padding-bottom: max(0.625rem, 10px);
    padding-bottom: var(--margin);
}
.mr {
    margin-right: max(0.625rem, 10px);
    margin-right: var(--margin);
}
.ml {
    margin-left: max(0.625rem, 10px);
    margin-left: var(--margin);
}
.mt {
    margin-top: max(0.625rem, 10px);
    margin-top: var(--margin);
}
.mb {
    margin-bottom: max(0.625rem, 10px);
    margin-bottom: var(--margin);
}
.m {
    margin: max(0.625rem, 10px);
    margin: var(--margin);
}
.mra {
    margin-right: auto;
}
.mla {
    margin-left: auto;
}
.mta {
    margin-top: auto;
}
.ma {
    margin: auto;
}
.mba {
    margin-bottom: auto;
}
.mr0 {
    margin-right: 0;
}
.ml0 {
    margin-left: 0;
}
.mt0 {
    margin-top: 0;
}
.mb0 {
    margin-bottom: 0;
}
.m0 {
    margin: 0;
}
.color-light {
    color: #e8d1a6;
    color: rgba(var(--color-light), 1);
}
.color-dark {
    color: #000;
    color: rgba(var(--color-dark), 1);
}
.color-red {
    color: rgba(rgb(225, 71, 71), 1);
    color: rgba(var(--color-red), 1);
}
.color-yellow {
    color: #ffd84f;
    color: rgba(var(--color-yellow), 1);
}
.color-orange {
    color: orange;
    color: rgba(var(--color-orange), 1);
}
.color-pink {
    color: pink;
    color: rgba(var(--color-pink), 1);
}
.color-purple {
    color: purple;
    color: rgba(var(--color-purple), 1);
}
.color-blue {
    color: #00f;
    color: rgba(var(--color-blue), 1);
}
.color-green {
    color: #52be37;
    color: rgba(var(--color-green), 1);
}
.color-grey {
    color: grey;
    color: rgba(var(--color-grey), 1);
}
.color-white {
    color: #fff;
    color: rgba(var(--color-white), 1);
}
.color-black {
    color: #000;
    color: rgba(var(--color-black), 1);
}
.color-brown {
    color: brown;
    color: rgba(var(--color-brown), 1);
}
.color-aqua {
    color: #0ff;
    color: rgba(var(--color-aqua), 1);
}
.color-0 {
    color: #fff;
    color: rgba(var(--color-0), 1);
}
.color-1 {
    color: #a39494;
    color: rgba(var(--color-1), 1);
}
.color-2 {
    color: #564a4a;
    color: rgba(var(--color-2), 1);
}
.color-3 {
    color: #393939;
    color: rgba(var(--color-3), 1);
}
.color-4 {
    color: #30281f;
    color: rgba(var(--color-4), 1);
}
.color-5 {
    color: #60472d;
    color: rgba(var(--color-5), 1);
}
.color-6 {
    color: rgba(#fff, 1);
    color: rgba(var(--color-6), 1);
}
.color-7 {
    color: rgba(#fff, 1);
    color: rgba(var(--color-7), 1);
}
.color-8 {
    color: rgba(#fff, 1);
    color: rgba(var(--color-8), 1);
}
.color-9 {
    color: rgba(#fff, 1);
    color: rgba(var(--color-9), 1);
}
.color-accent {
    color: #00ff5a;
    color: rgba(var(--color-accent), 1);
}
.color-main {
    color: #fff;
    color: rgba(var(--color-0), 1);
}
.color-primary {
    color: #a39494;
    color: rgba(var(--color-1), 1);
}
.color-secondary {
    color: #564a4a;
    color: rgba(var(--color-2), 1);
}
.clear {
    clear: both;
}
.hidden {
    display: none;
}
.text-decoration-none {
    text-decoration: none;
}
.text-uppercase {
    text-transform: uppercase;
}
.text-center {
    text-align: center;
}
.text-left {
    text-align: left;
}
.text-right {
    text-align: right;
}
.fs_minus_5 {
    font-size: 0.5em;
}
.fs_minus_4 {
    font-size: 0.6em;
}
.fs_minus_3 {
    font-size: 0.7em;
}
.fs_minus_2 {
    font-size: 0.8em;
}
.fs_minus_1 {
    font-size: 0.9em;
}
.fs_plus_1 {
    font-size: 1.1em;
}
.fs_plus_2 {
    font-size: 1.2em;
}
.fs_plus_3 {
    font-size: 1.3em;
}
.fs_plus_4 {
    font-size: 1.4em;
}
.fs_plus_5 {
    font-size: 1.5em;
}
@media (min-width: 460px) {
    .top__num {
        margin-right: max(1.25rem, 20px);
    }
}
@media (min-width: 540px) {
    html {
        font-size: 87%;
    }
    .theme__pic {
        display: block;
    }
}
@media (min-width: 680px) {
    .about__server {
        flex-direction: row;
        text-align: left;
        grid-gap: max(2.125rem, 34px);
        gap: max(2.125rem, 34px);
    }
    .about__content {
        max-width: none;
    }
}
@media (min-width: 720px) {
    .scl_footer {
        justify-content: flex-start;
    }
    .heading {
        grid-gap: 0.625rem 1rem;
        gap: 0.625rem 1rem;
        justify-content: space-between;
        align-items: center;
        flex-direction: row;
        flex-wrap: wrap;
    }
    .news__wrap,
    .streams__wrap {
        padding-top: 0.875rem;
    }
    .streams__sarrows {
        margin-left: auto;
    }
    .res {
        flex-direction: row;
    }
    .res,
    .res__container {
        justify-content: flex-start;
    }
    .res__container {
        min-width: 160px;
        flex-shrink: 0;
    }
    .res__btns {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        flex-wrap: wrap;
    }
    .res__button {
        min-width: max(6.25rem, 100px);
        padding: max(0.625rem, 11px) max(1.5rem, 24px);
    }
    .about-files {
        text-align: left;
    }
    .about-files__line-break {
        display: none;
    }
    .fnav {
        align-items: flex-start;
        flex-direction: row;
    }
}
@media (min-width: 840px) {
    html {
        font-size: 100%;
    }
    .panel__logotype {
        max-width: none;
    }
    .header__server-list {
        margin-bottom: 2.2rem;
    }
    .header__btns {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 2.125rem;
        gap: 2.125rem;
    }
    .footer_logotype {
        max-width: none;
    }
}
@media (min-width: 940px) {
    .page {
        background: url(../images/bg/bg-top.jpg) no-repeat top, url(../images/bg/bg-mid.jpg) no-repeat center 69rem;
    }
    .scene__characters {
        display: block;
    }
    .header__logotype-box {
        max-width: 30rem;
    }
    [data-section="footer"] {
        z-index: 25;
    }
    .mob-menu-active [data-section="footer"] {
        z-index: 2;
    }
}
@media (min-width: 1050px) {
    .fnav {
        text-align: left;
    }
    .footer {
        align-items: flex-start;
        justify-content: flex-start;
        flex-direction: row;
        grid-gap: max(3.125rem, 50px);
        gap: max(3.125rem, 50px);
    }
    .footer__about {
        max-width: max(24rem, 384px);
    }
    .footer__about,
    .footer__links {
        text-align: left;
        align-items: flex-start;
    }
    .footer__fnav {
        flex-grow: 1;
        margin-top: 0;
    }
}
@media (min-width: 1120px) {
    .widgets {
        grid-template-columns: 1fr 1fr 1fr;
    }
}
@media (min-height: 1200px) {
    html {
        font-size: calc(0.55vw + 0.5vh);
    }
}
@media (min-width: 1200px) {
    [data-section=panel] {
        position:absolute
    }

    .gw-burger {
        display: none
    }

    .menu {
        display: flex;
        align-self: stretch
    }

    .menu__content,.menu__list {
        display: flex;
        width: 100%
    }

    .menu__list {
        list-style-type: none;
        margin: 0;
        justify-content: flex-start;
        align-items: stretch;
        opacity: 1;
        visibility: visible;
        padding: 0;
        box-sizing: border-box
    }

    .menu__el {
        font-weight: 400;
        display: flex;
        position: relative;
        z-index: 0;
        margin-right: max(.9375rem, 15px);
    }
    
    .menu__el_desktop_none {
        display: none;
    }
    
    .menu__item {
        padding: max(.625rem, 10px) max(.9375rem, 15px);
        display: flex;
        justify-content: center;
        align-items: center;
        text-decoration: none;
        text-align: center;
        color: #fff;
        color: rgba(var(--color-0), 1);
        fill: #00ff5a;
        fill: rgba(var(--color-accent), 1);
        cursor: pointer;
        font-style: normal;
        font-size: max(.9375rem, 15px);
        white-space: nowrap;
        position: relative;
        z-index: 0;
        box-sizing: border-box;
        border-top: 2px solid transparent;
        border-bottom: 2px solid transparent;
        transition: all .3s;
    }
    
    .menu__el:hover .menu__item {
        text-shadow: 0 0 10px rgba(var(--color-accent), 1), 
                    0 0 40px rgba(var(--color-accent), 1),
                    0 0 80px rgba(var(--color-accent), 1),
                    0 0 120px rgba(var(--color-accent), 1);
    }
    
    
    .menu__el:hover [data-menu-open-sub-list],
    .menu__item:hover,
    .menu__item_open:hover {
        fill: #fff;
        fill: rgba(var(--color-0), 1);
        color: #fff;
        color: rgba(var(--color-accent), 1);
    }
    

    .menu__item:before {
        display: block;
        content: "";
        z-index: -1;
        position: absolute;
        top: .3125rem;
        right: .375rem;
        bottom: .3125rem;
        left: .375rem;
        box-sizing: border-box;
        transition: all .3s;
        opacity: 0
    }

    .menu__el:hover [data-menu-open-sub-list]:before,.menu__item:hover:before {
        right: 0;
        left: 0;
        opacity: 1
    }

    .menu__pic {
        width: max(1.5rem,24px);
        height: max(1.5rem,24px);
        display: flex;
        justify-content: center;
        align-items: center;
        flex-shrink: 0;
        margin-right: max(.875rem,14px)
    }

    .menu__ico {
        fill: inherit;
        width: 100%;
        height: 100%
    }

    .menu__img {
        display: block
    }

    [data-menu-open-sub-list]:after {
        display: block;
        content: "";
        background: url(../images/menu/arrow-down.svg) no-repeat;
        background-size: 100% 100%;
        width: max(.625rem,10px);
        height: .375rem;
        margin-left: max(.625rem,10px);
        position: relative;
        top: 0;
        transition: all .5s
    }

    .menu__item_open:after {
        transform: rotateX(180deg)
    }

    .menu__sub-list {
        position: absolute;
        left: 0;
        top: calc(100% - 7px);
        list-style: none;
        padding: max(.625rem,10px) 0;
        margin: 0;
        z-index: 100;
        opacity: 0;
        visibility: hidden;
        transition: all .3s;
        background: #262121;
        background: rgba(var(--box-bg-color),1);
        display: block!important;
        min-width: 100%
    }

    .menu__sub-list:hover,[data-menu-open-sub-list]:hover+.menu__sub-list {
        opacity: 1;
        visibility: visible;
        top: 100%
    }

    .menu__sub-item {
        padding: max(.625rem,10px) max(.9375rem,15px);
        border: 0;
        text-align: left;
        font-style: normal;
        color: #fff;
        color: rgba(var(--color-0),1);
        fill: #00ff5a;
        fill: rgba(var(--color-accent),1);
        cursor: pointer;
        font-size: max(.9375rem,15px);
        position: relative;
        white-space: nowrap;
        display: block;
        text-decoration: none
    }

    .menu__sub-item:hover {
        background: hsla(0,0%,100%,.05);
        background: rgba(var(--color-0),.05)
    }

    [data-section=navigation] {
        opacity: 1;
        visibility: visible;
        pointer-events: all
    }

    .nav-scroll [data-section=navigation] {
        top: 0
    }

    .header {
        display: flex;
        padding-bottom: 8.75rem
    }

    .header__content {
        margin: 0 0 0 4rem
    }

    .footer {
        align-items: flex-start;
        justify-content: flex-start;
        flex-direction: row;
        grid-gap: max(12.5rem,200px);
        gap: max(12.5rem,200px)
    }
}

@media (min-width: 1440px) {
    .scene__characters {
        left: calc(50% + 5.375rem);
    }
}
@media (min-width: 2060px) {
    .page {
        background-size: 100% auto;
    }
}
@media (max-width: 1199px) {
    .mob-menu-active [data-section="panel"] {
        transition: all 0.4s;
    }
    .mob-menu-active [data-section="panel"],
    .nav-scroll [data-section="panel"] {
        background-color: #0ff00;
        background-color: rgba(var(--box-bg-color), 1);
    }
    .nav-scroll .panel {
        height: max(3.125rem, 50px);
        height: var(--panel-height-scroll);
    }
    .panel__place {
    	align-items: left;
        display: none;
    }
    .gw-burger {
        position: relative;
        z-index: 5;
        background-color: transparent;
        width: 18px;
        height: 12px;
        border-radius: 0;
        cursor: pointer;
        box-sizing: border-box;
        flex-shrink: 0;
    }
    .gw-burger__line {
        height: 2px;
        position: absolute;
        left: 0;
        right: 0;
        background-color: #00ff5a;
        background-color: rgba(var(--color-accent), 1);
        border-radius: 0;
        transition: top 0.3s 0.3s, right 0.3s 0.3s, left 0.3s 0.2s, bottom 0.3s 0.3s, opacity 0.3s 0.4s, transform 0.3s 0s;
    }
    .gw-burger__line_pos_top {
        top: 0;
        right: 0;
    }
    .gw-burger__line_pos_middle {
        top: 50%;
        transform: translateY(-50%);
        transition: all 0.3s 0.4s;
    }
    .gw-burger__line_pos_bottom {
        bottom: 0;
        left: 5px;
    }
    .mob-menu-active .gw-burger__line_pos_top {
        transform: rotate(45deg) translateY(-50%);
        transform-origin: center top;
        top: 50%;
        right: 0;
        transition: top 0.3s 0.1s, right 0.3s 0.1s, left 0.3s 0s, bottom 0.3s 0.1s, opacity 0s 0.1s, transform 0.3s 0.3s;
    }
    .mob-menu-active .gw-burger__line_pos_middle {
        opacity: 0;
        transition: all 0.3s 0.1s;
    }
    .mob-menu-active .gw-burger__line_pos_bottom {
        transform: rotate(-45deg) translateY(50%);
        transform-origin: center bottom;
        bottom: 50%;
        right: 0;
        left: 0;
        transition: top 0.3s 0.1s, right 0.3s 0.1s, left 0.3s 0s, bottom 0.3s 0.1s, opacity 0s 0.1s, transform 0.3s 0.3s;
    }
    .menu {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        z-index: 2;
        box-sizing: border-box;
        padding-top: 40px;
        padding-bottom: 40px;
        height: calc(100vh - max(4.5rem, 72px));
        height: calc(100vh - var(--panel-height));
        overflow-x: hidden;
        overflow-y: auto;
        display: flex;
        justify-content: flex-start;
        background: #262121;
        background: rgba(var(--navigation-color), 1);
        background-blend-mode: normal, overlay, normal;
        opacity: 0;
        transition: all 0.5s 0.3s;
        visibility: hidden;
        box-shadow: #262121;
        box-shadow: rgba(var(--navigation-color), 1);
    }
    .nav-scroll .menu {
        height: calc(100vh - max(3.125rem, 50px));
        height: calc(100vh - var(--panel-height-scroll));
    }
    .nav-scroll:not(.mob-menu-active) .menu {
        padding: 0;
    }
    .mob-menu-active .menu {
        visibility: visible;
        opacity: 1;
        transition: all 0.5s;
    }
    .menu__content {
        transform: translateY(-40px);
        transition: all 0.3s;
        opacity: 0;
        width: 100%;
        box-sizing: border-box;
    }
    .mob-menu-active .menu__content {
        transform: translateX(0);
        opacity: 1;
        transition: all 0.5s 0.3s;
    }
    .menu__list {
        list-style-type: none;
        margin: 0;
        display: flex;
        justify-content: space-around;
        flex-direction: column;
        box-sizing: border-box;
        padding: 0 0 40px;
    }
    .menu__el {
        width: 100%;
        position: relative;
        z-index: 0;
    }
    .menu__el_continer {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 20px;
    }
    .menu__el_continer:hover {
        z-index: 10;
    }
    .menu__item {
        padding: max(0.625rem, 10px) max(0.9375rem, 15px);
        box-sizing: border-box;
        display: flex;
        justify-content: center;
        align-items: center;
        text-decoration: none;
        text-align: center;
        color: #fff;
        cursor: pointer;
        font-style: normal;
        font-size: max(0.9375rem, 15px);
        white-space: nowrap;
        width: 100%;
        min-height: 42px;
        transition: all 0.2s;
        fill: #00ff5a;
        fill: rgba(var(--color-accent), 1);
    }
    .menu__item:hover {
        color: #00ff5a;
        color: rgba(var(--color-accent), 1);
        background: rgba(255, 174, 79, 0.04);
        background: rgba(var(--color-accent), 0.04);
    }
    .menu__pic {
        width: max(1.5rem, 24px);
        height: max(1.5rem, 24px);
        display: flex;
        justify-content: center;
        align-items: center;
        flex-shrink: 0;
        margin-right: max(0.875rem, 14px);
    }
    .menu__ico {
        fill: inherit;
    }
    .menu__img {
        display: block;
    }
    .menu__sub-wrapper {
        display: none;
    }
    .subnav__container {
        padding: 0;
    }
    .subnav__ico {
        display: none;
    }
    .mob-menu-active {
        overflow: hidden;
    }
    [data-menu-open-sub-list]:after {
        display: block;
        content: "";
        background: url(../images/menu/arrow-down.svg) no-repeat;
        width: 10px;
        height: 6px;
        margin-left: 10px;
        position: relative;
        top: 0;
        transition: all 0.5s;
    }
    .menu__item_open:after {
        transform: rotateX(180deg);
    }
    .menu__sub-list {
        list-style-type: none;
        padding: 8px 0;
        margin: 0;
        display: none;
        background-color: hsla(0, 0%, 100%, 0.06);
    }
    .menu__sub-item {
        display: flex;
        align-items: center;
        text-decoration: none;
        box-sizing: border-box;
        padding: 8px 20px;
        transition: all 0.3s;
        position: relative;
        z-index: 0;
        color: #fff;
        cursor: pointer;
        font-style: normal;
        font-size: max(0.9375rem, 15px);
        text-align: center;
    }
    .menu__sub-item:hover {
        color: #00ff5a;
        color: rgba(var(--color-accent), 1);
    }
    .menu__sub-content {
        min-width: 0;
        flex-grow: 1;
    }
    .menu__sub-name {
        font-size: 18px;
        line-height: 18px;
        color: #000;
        transition: all 0.2s;
    }
    .menu__sub-desc {
        padding-top: 3px;
        font-size: 14px;
        line-height: 16px;
        color: rgba(0, 0, 0, 0.6);
        transition: all 0.2s;
    }
}
@media (max-width: 399px) {
    .top__icon {
        display: none;
    }
}

/* CALENDAR */


.calendar-table{
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto 0px;
	
	perspective: 1000px;
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	-o-perspective: 1000px;
	-ms-perspective: 1000px;
}


.calendar-table div.days {
    width: 14.28%;	
    font-family: 'Droid';
    font-size: 20px;
}


.calendar-table div.days .content__blank {
	position: relative;
    width: 100%;
    height: 100%;
}


.calendar-table div.days .content {
	position: relative;
    width: 100%;
    height: 100%;
	/*

	*/
}

/*
*/

.calendar-table div.days .content__blank,
.calendar-table div.days .content__static {
	width: calc(100% - 4px);
	height: calc(100% - 4px);
	position: relative;
	/*
	border-top: 2px solid #232325;
	*/
}


.calendar-table  div.days .content__static {
	background-color: #232325;
}

/*


.calendar-table > li .content .back {
.calendar-table > li:hover .content .back {	
.calendar-table > li .content .back {		
*/

.calendar-table  div.days .content .front {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
}


.calendar-table  div.days .content__static .date,
.calendar-table  div.days .content__blank .date,
.calendar-table  div.days .content .front .date,
.calendar-table  div.days .content .back .date {
    font-family: 'Caudex';
	
	display: -webkit-flex;
	display: flex;
    -webkit-justify-content: space-between;	
	justify-content: space-between;	
	
	margin: 5px 10px 0 10px;
}

/*
}
*/

.calendar-table div.days .content__blank .back{
    display: none;

}

.calendar-table  div.days .content__static .date p,
.calendar-table  div.days .content__blank .date p,
.calendar-table  div.days .content .front .date p,
.calendar-table  div.days .content .back .date p{
    font-size: 1.1rem;
	margin-bottom: 0;
}


.calendar-table  div.days .content__static .date p:first-child,
.calendar-table  div.days .content__blank .date p:first-child,
.calendar-table  div.days .content .front .date p:first-child,
.calendar-table  div.days .content .back .date p:first-child {
    color: #15C814;
}


.calendar-table  div.days .content .front .logos {
    display: -webkit-flex;
	display: flex;
    -webkit-justify-content: center;
	justify-content: center;
	align-items: center;
	/*
	width: calc(100% - 20px);
	*/
	margin: 10px 10px;
}


.calendar-table  div.days .content .front .logos.alot {
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}


.calendar-table  div.days .content .front .logos li {
    width: calc(100% - 10px);
	margin: 0 5px;
}


.calendar-table  div.days .content .front .logos.alot li {
    width: calc(30% - 10px);
	min-width: 40px;
}


.calendar-table  div.days .content .front .logos li.largura__diferente {
	width: calc(65% - 10px);
}


.calendar-table  div.days .content .front .logos li img {
    width: 100%;
	max-width: 79px;
	margin: auto;	
    display: block;
}


.calendar-table  div.days .content .back .programs {
	margin: 0 10px 0 10px;
	
	/*height: calc(100% - 25px - 4px);
	
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
    -webkit-justify-content: center;
	justify-content: center;*/
}


.calendar-table  div.days .content .back .programs li {
	margin: 5px 0 0 0;
}


.calendar-table  div.days .content .back .programs li h3 {
	font-family: 'Droid';
    font-size: .8rem;
	line-height: 14px;
    text-align: left;
    /*color: #ff9900;*/
	color: var(--font-color);
	
	margin-bottom: 3px;
}

.calendar-table  div.days .content .back .programs li h3.calendar__spoiler {
    color: #1b9b9e;
}

.calendar-table div.days .content .back .programs li h3.calendar__trivia {
	color: #ffa20c;
}

.calendar-table div.days .content .back .programs li h3.calendar__mundo-da-fantasia {
    color: #00cada;
}

.calendar-table div.days .content .back .programs li h3.calendar__tyke {
    color: #a94325;
}

.calendar-table  div.days .content .back .programs li h3.calendar__pangushow {
    color: #7921d2;
}


.calendar-table  div.days .content .back .programs li h3.calendar__manutencao {
    color: #FF0000;
}


.calendar-table  div.days .content .back .programs li h3.calendar__sutra {
    color: #d92cd3;
}

.calendar-table  div.days .content .back .programs li h3.calendar__sutrax4 {
    color: #002aff;
}

.calendar-table  div.days .content .back .programs li h3.calendar__sutrax10 {
    color: #ff6403;
}

.calendar-table  div.days .content .back .programs li h3.calendar__cacador-aparicoes {
    color: #2069ce;
}


.calendar-table  div.days .content .back .programs li h3.calendar__lanca-pinguim {
    color: #0041ac;
}


.calendar-table  div.days .content .back .programs li h3.calendar__desafio-conhecimento {
    color: #a62159;
}


.calendar-table  div.days .content .back .programs li h3.calendar__yulebiest {
    color: #fc5d00;
}


.calendar-table  div.days .content .back .programs li h3.calendar__invasao {
    color: #881fa7;
}


.calendar-table  div.days .content .back .programs li h3.calendar__invasao span.trivia {
    color: #ffa20c;
}


.calendar-table  div.days .content .back .programs li h3.calendar__invasao span.gm {
    color: #c853b1;
}


.calendar-table  div.days .content .back .programs li h3.calendar__logue-ganhe {
    color: #c50c0c;
}


.calendar-table  div.days .content .back .programs li h3.calendar__logue-ganhe-2 {
    color: #983d04;
}


.calendar-table  div.days .content .back .programs li h3.calendar__logue-ganhe-3 {
    color: #da475f;
}

.calendar-table  div.days .content .back .programs li h3.calendar__logue-ganhe-niver {
    color: #4a44a6;
}


.calendar-table  div.days .content .back .programs li h3.calendar__sao-patricio {
    color: #37d718;
}


.calendar-table  div.days .content .back .programs li h3.calendar__flor-nuvens {
    color: #edbf3e;
}


.calendar-table  div.days .content .back .programs li h3.calendar__primeiro-abril {
    color: #ff3434;
}


.calendar-table  div.days .content .back .programs li h3.calendar__invasao-piu {
    color: #ff6b30;
}


.calendar-table  div.days .content .back .programs li h3.calendar__nemesis {
    color: #00a0b1;
}


.calendar-table  div.days .content .back .programs li h3.calendar__gm {
    color: #c853b1;
}


.calendar-table  div.days .content .back .programs li h3.calendar__area52 {
    color: #00d400;
}


.calendar-table  div.days .content .back .programs li h3.calendar__10-horas {
    color: #1cbfa2;
}


.calendar-table  div.days .content .back .programs li h3.calendar__chefes-retornados {
    color: #801815;
}

.calendar-table  div.days .content .back .programs li h3.calendar__tanque {
    color: #555351;
}

.calendar-table  div.days .content .back .programs li h3.calendar__arvore-bencao {
    color: #82b54c;
}

.calendar-table  div.days .content .back .programs li h3.calendar__mister-pig {
    color: #f598c8;
}

.calendar-table  div.days .content .back .programs li h3.calendar__xmas {
    color: #F00;
}




.calendar-table  div.days .content .back .programs li p {
	font-family: 'Droid';
    font-size: .75rem;
    line-height: 1rem;
    text-align: left;
	
	margin-bottom: 0;
}


.calendar-table  div.days .content .back .programs li h3 a {
	text-decoration: underline;
}


.calendar-table  div.days .content .back .programs li h3 a:hover {
	color: #15C814;
}

@keyframes stayvisible { from { visibility: visible; } to { visibility: visible; } }
@-webkit-keyframes stayvisible { from { visibility: visible; } to { visibility: visible; } }
@-moz-keyframes stayvisible { from { visibility: visible; } to { visibility: visible; } }
@-o-keyframes stayvisible { from { visibility: visible; } to { visibility: visible; } }
@-ms-keyframes donothing { 0% { } 100% { } }

@media (max-width: 1400px) {
	
	.calendar-table  div.days {
		/*height: 190px;*/
	}
	
}

@media (max-width: 1200px) {
	

	.calendar-table  div.days {
		width: 33.3%;
	}
	

	.calendar-table  div.days .content .front .logos.alot li {
		width: calc(25% - 10px);
	}
	
}

@media (max-width: 600px) {
	

	.calendar-table  div.days {
		width: 50%;
	}
	
}
.slider-nav {
    display: flex;
    opacity: 0;
    height: 0;
 }

 .weekdays{
	display: none;
}
@media(min-width: 800px){
	.calendar-table div.days {
    	height: 170px;
	}
	 .weekdays{
	   display: none;
    }
	.calendar-table div.days .content {
		transition: 0.5s ease-out;
		-webkit-transition: 0.5s ease-out;
		-moz-transition: 0.5s ease-out;
		-o-transition: 0.5s ease-out;
		-ms-transition: 0.5s ease-out;
		transform-style: preserve-3d;
		-webkit-transform-style: preserve-3d;
		-moz-transform-style: preserve-3d;
		-o-transform-style: preserve-3d;
		-ms-transform-style: preserve-3d;

		/* content backface is visible so that static content still appears */
		backface-visibility: visible;
		-webkit-backface-visibility: visible;
		-moz-backface-visibility: visible;
		-o-backface-visibility: visible;
		-ms-backface-visibility: visible;
	}

	.calendar-table div.days:hover .content {
		transform: rotateY(180deg);
		-webkit-transform: rotateY(180deg);
		-moz-transform: rotateY(180deg);
		-o-transform: rotateY(180deg);
		-ms-transform: rotateY(180deg);
	}

	.calendar-table  div.days .content .front,
	.calendar-table  div.days .content .back {		
		/* Backface visibility works great for all but IE. As such, we mark the backface visible in IE and manage visibility ourselves */
		backface-visibility: hidden;
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		-o-backface-visibility: hidden;
		-ms-backface-visibility: visible;
	}

	.calendar-table  div.days .content .front,
	.calendar-table  div.days:hover .content .front {		
		transform: rotateY(0deg);
		-webkit-transform: rotateY(0deg);
		-moz-transform: rotateY(0deg);
		-o-transform: rotateY(0deg);
		-ms-transform: rotateY(0deg);
	}

	.calendar-table  div.days .content .back,
	.calendar-table  div.days:hover .content .back {		
		transform: rotateY(-180deg);
		-webkit-transform: rotateY(-180deg);
		-moz-transform: rotateY(-180deg);
		-o-transform: rotateY(-180deg);
		-ms-transform: rotateY(-180deg);
	}

	.calendar-table  div.days .content .front,
	.calendar-table  div.days:hover .content .back {		
		/* IE Hack. Halfway through the card flip, set visibility. Keep other browsers visible throughout the card flip. */
		animation: stayvisible 0.5s both;
		-webkit-animation: stayvisible 0.5s both;
		-moz-animation: stayvisible 0.5s both;
		-o-animation: stayvisible 0.5s both;
		-ms-animation: donothing 0.5s;
		-ms-transition: visibility 0s linear 0.17s;
		visibility: visible;
	}

	.calendar-table  div.days:hover .content .front,
	.calendar-table  div.days .content .back {		
		/* IE Hack. Halfway through the card flip, set visibility. Keep other browsers visible throughout the card flip. */
		animation: stayvisible 0.5s both;
		-webkit-animation: stayvisible 0.5s both;
		-moz-animation: stayvisible 0.5s both;
		-o-animation: stayvisible 0.5s both;
		-ms-animation: donothing 0.5s;
		-ms-transition: visibility 0s linear 0.17s;
		visibility: hidden;
	}
	.calendar-table div.days .content__blank,
	.calendar-table div.days .content__static {
		width: calc(100% - 4px);
		height: calc(100% - 4px);
		position: relative;
		
		border-top: 2px solid #232325;
	    border-left: 2px solid #232325;
	    border-right: 2px solid #232325;
	    border-bottom: 2px solid #232325;
	    background-color: var(--carddesabled-color);
	}
	.calendar-table  div.days .content .back {
	    background-color: #fffbf5;
	}
	.calendar-table  div.days .content .front,
	.calendar-table  div.days .content .back {
		width: calc(100% - 4px);
		height: calc(100% - 4px);
		position: absolute;
			
		border-top: 2px solid #232325;
	    border-left: 2px solid #232325;
	    border-right: 2px solid #232325;
	    border-bottom: 2px solid #232325;
	    background-color: #232325;
	}
	.calendar-table  div.days .content .back .date {
	    border-bottom: 1px solid #15C814;
	}
	.calendar-table  div.days .content .front,
	.calendar-table  div.days .content .back {
		width: calc(100% - 4px);
		height: calc(100% - 4px);
		position: absolute;
	}
	.calendar-table  div.days .content .front .logos {
		width: calc(100% - 20px);
		height: calc(100% - 20px);
	}
	

}

@media(max-width: 799px){
	.weekdays{
		display: flex;
	}
	.calendar-table div.days .content .front, .calendar-table div.days .content .back{
		position: relative;

	}
	.calendar-table div.days .content{
		background-color: #232325;
	
	}
	.calendar-table div.days .content{
		display: flex;
	    flex-direction: column;
	    padding: 20px;
        box-sizing: border-box;
    }
    .calendar-table div.days .content, .calendar-table div.days .content__blank{
        height: 380px;
	}
	.calendar-table div.days .content .back .date{
		display: none;
	}
	.calendar-table  div.days .content .front .date {
	    border-bottom: 1px solid #15C814;
	}
	.calendar-table div.days .content .front .logos{
		margin: 20px 10px;
		display: none;
	}
	.calendar-table div.days .content .back .programs li {
	    padding:  10px 0 0 0;
	}
	.calendar-table div.days .content .back .programs {
	    padding: 20px 20px 30px 20px;
	}
	.calendar-table div.days .content .back .programs li h3{
		font-size: 1rem;
	}

	.calendar .base_title_1 {    
    font-size: 1.2rem;
     margin-bottom: 0rem; 
    border-bottom: 0px solid red;
    background-color: var(--carddesabled-color);
    padding: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
	}
	.calendar .slider-single{
		opacity: 0;
	}
}

/* > calendar slick */
.days-nav {
	text-align: center!important;
	background-color: var(--carddesabled-color);
	border: 2px solid #232325;
	color: var(--font-color);
    font-size: 1.1rem;
    font-family: "Droid";
  
    line-height: 1.6rem;
    text-align: justify;
    padding: 10px;
} 
.weekdays{
	border-bottom: 1px solid #15C814;
	background-color: var(--carddesabled-color);
}
.weekdays >div {
	width: 14.2%;	  
    padding: 10px 5px;
    font-size: 0.8rem;
    line-height: initial;
    color: #15C814;
    text-align: center;
}
.days-nav.is-active{
	color: #15C814; 
}


}
/* CALENDAR-END */