/* xd2 */
:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --promotion-theme: #e77979;
    --modal: #210503;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

*, :after, :before {
    box-sizing: border-box
}

body {

}

html {
    font-family: sans-serif;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    scroll-behavior: smooth;
}


article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
    display: block
}

body {
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, Liberation Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-size: 1rem;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #fff;
    scroll-behavior: smooth;
}

[tabindex="-1"]:focus:not(:focus-visible) {
    outline: 0 !important
}

p {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

a:not([href]):not([class]), a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none
}

img {
    vertical-align: middle;
    border-style: none;
    max-width: 100%;
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none;
}

.dragging > img {
    user-select: none;
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none;
}

iframe {
    max-width: 100%;
}

th {
    text-align: inherit;
    text-align: -webkit-match-parent
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid #0000001a
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

hr {
    box-sizing: initial;
    height: 0;
    overflow: visible
}

@font-face {
    font-family: Caliway;
    src: url("../font/Caliway-d7Xgbqw.otf") format("opentype");
    font-display: swap;
}

body {
    background: #160e0b;
    font-size: 12px;
    color: #ffffd7;
    font-family: Verdana, sans-serif;
    font-weight: 400
}

.header, body {
    position: relative
}

.header {
    width: auto;
    height: 623px;
    background: url("../media/header-Sui_Stm.png") top no-repeat;
    overflow: hidden
}

.header .header-animation {
    overflow: hidden;
    position: absolute;
    height: 100%;
    left: 50%;
    transform: translateX(-50%);
    pointer-events: none
}

.header .header-animation video::-webkit-media-controls,
.header .logo video::-webkit-media-controls {
    display: none !important;
    opacity: 0;
}

.header .header-animation video::-webkit-media-controls-start-playback-button,
.header .logo video::-webkit-media-controls-start-playback-button {
    display: none !important;
}

.ts-wrapper.single.has-options .ts-control::after {
    display: none !important;
}

.header .header-animation video {
    z-index: 9;
    bottom: 0;
    left: 0;
    object-fit: cover;
    pointer-events: none;
    height: 623px;
    margin: 0 auto;
}

.header .logo {
    position: relative;
    margin: 0 auto;
    max-width: 641px;
    display: block;
    top: 78px;
    left: 5px
}

.header .logo img {
    max-width: 641px;
    width: 100%;
}

.header .logo video {
    position: absolute;
    z-index: 99;
    left: 50%;
    transform: translateX(-50%);
    max-width: 641px;
    margin-left: 1px;
    transition: .2s;
    width: 100%;
    pointer-events: none;
}

.wrapper {
    width: 100%;
    background: url("../media/bg-TWZnrL0.jpg") top no-repeat
}

.main {
    max-width: 1600px;
    margin: 0 auto;
    position: relative;
    top: -172px
}

.main .menu {
    padding: 45px 0;
    background: url("../media/header-menu-OkPIkWU.png");
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    z-index: 1000;
    /*position: sticky;*/
    /*top: -30px;*/
}

.main .menu ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0;
    margin: 0 auto;
    list-style: none;
    width: 730px;
    max-width: 100%;
    flex-wrap: wrap;
}

.main .menu ul li a {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
}

.main .menu ul li a.btn-download {
    width: 174px;
    height: 130px;
    background: url("../media/btn/btn-download-xsF2G2R.png") top no-repeat;
    display: block;
    position: relative;
    top: -6px;
    margin: 0 -25px;
    left: -5px;
    transition: .2s
}

.main .menu ul li a span {
    font-family: Alegreya, serif;
    font-size: 17px;
    font-weight: 600;
    position: relative;
    display: inline-block;
    transition: .2s
}

.main .menu ul li a span:before {
    font-family: Alegreya, serif;
    content: attr(data-text);
    text-shadow: 0 0 13.44px #000;
    background: linear-gradient(180deg, #3b2e1d 0, #6e4a20);
    -webkit-text-stroke: 1px #0000;
    -webkit-background-clip: text;
    background-clip: text;
    color: #0000;
    text-transform: uppercase
}

.main .menu ul li a span:after {
    font-family: Alegreya, serif;
    content: attr(data-text);
    left: 0;
    top: 0;
    position: absolute;
    background: -webkit-linear-gradient(-90deg, #f6f6bf 9px, #fec58b 15px);
    -webkit-background-clip: text;
    -webkit-text-fill-color: #0000;
    color: #0000;
    text-transform: uppercase
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid #6b635e;
    box-sizing: initial;
    height: 0;
    overflow: visible
}

hr:not(.normal) {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAccAAAAPCAYAAACRMATfAAAACXBIWXMAAAsTAAALEwEAmpwYAAADSElEQVR4nO2cy4sVRxjFZ3zEx6DiiChiJSCKccSSEZSIlgiKC0PQ8ZHA8YEiqKD4QtS4cSe4EEWObpTkHxB3h+DKnYiI4MrF4NKlOxezECs0fIGLEB8zV6va+y0O3beavlSfe279ur66fftyzn0u96CtGRDxveg3EWsq6MeEVToTLvcgd8EDD5IHqdUZKA2CLmmGiIcibomYUkF/HI4VZNuVi3rgH4CHsNUZKA2CLiiJeC3ioIibIp6IWFxBv8at0plwuQfZ4egh6PWBoDQIJqi1IqaLuC3igIirIo6LmC0iVNA/h2MFGXflIh648R6+VmegNAjGUT5ttgtFnBTxSsQf1nZRxB7bv25l1n0iZlnbtAr6/1kqnQmXe5Adjh6CXh8ISoPgC/WniC0idoq4JOKGiBcifhCxV8Q6ET+JGLVjp0VsE7FDxO8V9N/hWEHmXfmbeOBGe9hanYHSIPiEmvLoJBH9IgZEzBfxo4j1HTPCQSun/td+peP8Zoa5SsQSe6851j614/zqVDoTLvcgOxw9BL0+EJQGwUd0zGaDZ0ScF7G/o/2OiN1WRt1ga4/DBschEVttdgkRj0Ust3Nv2JrkWTt3VwXX6XCs4Hvgyl33oC/F0J9imJximJZiGEgxDKYYFqUYlqYYhlMMm1MMIymGIymGCymGaymGeymGBymGRymG5ymG0RTD6xTDmxTD2xTDWIrhXYrhfYohu9wDz4BnwDPgGUjd9eC9cWbMuPPGODRqXHpknLpn3LpgHBsxrg0b5xYZ9waMgw0P+/2Ow++6Wp2B0rOkz9CIiHMi/hax3cqrTXl0rh1vXp8QsUzERhGHrL3fyrDNeuQCEYdF/GXvNVTBdfnMsYL8u/JX88DN9YC1OgOlQfAFmm5l000iVopYYf+IM9OOX7Zfpzb78+zYzyJWi9hsZdfJFVyHw7GC3LvyV/fATfagtToDpUEwDk2ymeOgbZv1yJcifhFxSsQ/ttY4xyBZ7Q9v/k+lM+FyD7LD0UPQ6wNBaRB0QU9FZIPhr7Z/t4J+ORwryLcrF/PAzfcAtjoDpUHQJTXPNj4Tcb+NM8UPVToTLvcgOxw9BL0+EJQGQRfVPN5xtIJ+OBwryLUrF/fgXyEetbXXOuCgAAAAAElFTkSuQmCC) no-repeat center;
    height: 15px;
    border: unset;
    margin: unset;
}

.main .main-content {
    display: flex;
    margin-top: -13px;
}

.main .main-content .main-left {
    left: 24px;
    position: relative;
    z-index: 1001;
    display: flex;
    flex-direction: column;
    order: 1;
}

.main .main-content .main-right {
    left: -19px;
    position: relative;
    z-index: 1001;
    order: 3;
}

.ranking {
    text-align: center;
    background-image: url("../media/box-small/up--PuBM6X.png"),
    url("../media/box-small/down-1IoQb6Z.png"),
    url("../media/box-small/middle-POsGMVj.png");

    background-position: top, bottom, center;
    background-repeat: no-repeat, no-repeat, repeat-y;


    /* height: 260px; */
    min-width: 320px;
    margin-top: 2px;
    position: relative;
    margin-bottom: 15px;
}

.ranking.management {
    margin-bottom: 9px;
    margin-top: 15px;
}

.ranking .ranking-title {
    font-size: 21px;
    font-family: Alegreya, serif;
    font-weight: 600;
    position: relative;
    padding: 28px 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    top: -20px;
    text-transform: uppercase;
    background-repeat: no-repeat;
}

.main-left .ranking .ranking-title {
    background: url("../media/box-small/title-right-Da8rxx3.png") no-repeat;
}

.main-right .ranking .ranking-title {
    background: url("../media/box-small/title-right-Da8rxx3.png") no-repeat;
}

ul, ol {
    margin: 0;
    padding-inline-start: 20px;
}

.ranking .ranking-content {
    padding: 15px 20px;
    margin: auto;
    width: calc(100% - 46px);
    min-height: 118px;
    position: relative;
}

.ranking .ranking-title + .ranking-content {
    position: relative;
    padding-top: 10px;
    min-height: unset;
    margin-top: -36px;
}

.ranking .ranking-title:before {
    font-family: Alegreya, serif;
    content: attr(data-text);
    text-shadow: 0 0 13.44px #000;
    background: linear-gradient(180deg, #6e4a20 0, #c25805);
    -webkit-text-stroke: 1px #0000;
    -webkit-background-clip: text;
    background-clip: text;
    color: #0000;
    text-transform: uppercase
}

.ranking .ranking-title:after {
    font-family: Alegreya, serif;
    content: attr(data-text);
    left: 0;
    top: 0;
    position: absolute;
    background: -webkit-linear-gradient(-90deg, #f4cd85, #fff09a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: #0000;
    color: #0000;
    text-transform: uppercase
}

.main .main-content .main-center {
    max-width: 941px;
    width: 100%;
    padding-left: 6px;
    color: #ae8053;
    order: 2;
}

.main .main-content .main-center .page {
    padding: 20px;
    height: 100%;
    background: top / contain no-repeat url("../media/box-big/up-QRRRj0T.png"),
    bottom / contain no-repeat url("../media/box-big/down-4fg2mn8.png"),
    top / contain repeat-y url("../media/box-big/middle-Enyxzmy.png");
    background-size: contain;
    text-align: center;
}

table {
    text-align: initial;
}

.main .main-content .main-center .page::-webkit-scrollbar {
    width: 5px
}

/*.ranking:has(.socials) {*/
/*    margin-top: -21px;*/
/*}*/

.socials {
    text-align: center;
    margin-left: -9px;
}

.socials > a {
    width: 252px;
    height: 76px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    transition: .2s;
    text-decoration: none !important;
}

.socials .btn-presentation {
    background: url("../media/btn/btn-presentation-TJJqRip.png") no-repeat;
}

.socials .btn-presentation span {
    padding-left: 75px
}

.socials .btn-discord {
    background: url("../media/btn/btn-discord-VhLE3mW.png") no-repeat;
}

.socials .btn-discord span {
    padding-left: 31px
}

.socials .btn-fanpage {
    background: url("../media/btn/btn-fp-n-A1qF8.png") no-repeat;
}

.socials .btn-fanpage span {
    padding-left: 33px
}

.socials a span {
    color: #cda373;
    background: -webkit-linear-gradient(-90deg, #eae09f 11%, #eeb883 79%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: #0000;
    filter: drop-shadow(0 0 5.88px rgba(0, 0, 0, .72));
    text-transform: uppercase;
    font-family: Times New Roman, sans-serif;
    font-size: 18px;
    font-weight: 600
}

.footer {
    min-width: 100%;
    margin: 0 auto;
    text-align: center;
    margin-top: -140px
}

.footer .designer {
    font-size: 12.5px;
    color: #dfbb8f;
    padding-bottom: 20px
}

.footer .designer span {
    font-family: Caliway, sans-serif;
    font-size: 18px
}

.footer .copyright {
    color: #a67a4c;
    font-size: 10px
}

a {
    color: #007bff;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
    color: #ffc761 !important;
    filter: brightness(120%);
}

.page a {
    color: #f4b374;
}

h1 > a, h2 > a, h3 > a {
    color: inherit !important;
}

nav.category a {
    color: inherit !important;
}

button:hover {
    filter: brightness(120%);
}

a, a:hover {
    color: inherit;
}

::-webkit-scrollbar {
    width: 8px;
    height: 12px;
    background-color: #000
}

::-webkit-scrollbar-thumb {
    background-color: #763210;
    background-size: 100% 300%;
    border-radius: 0;
    -webkit-transition: .3s;
    transition: .3s
}

.main-right .ranking-content::-webkit-scrollbar {
    width: 10px;
}

.main .main-content .main-center .page .news-wider {
    width: 520px
}

.main-content a {
    font-weight: 800
}

h2.pro a {
    font-weight: unset;
    display: block;
    width: 100%;
    height: 100%;
}

/***  WILDFIRE ****/
/***  WILDFIRE ****/
/***  WILDFIRE ****/
/***  WILDFIRE ****/
/***  WILDFIRE ****/
/***  WILDFIRE ****/
/***  WILDFIRE ****/
/***  WILDFIRE ****/
/***  WILDFIRE ****/
/***  WILDFIRE ****/
/***  WILDFIRE ****/
/***  WILDFIRE ****/
/***  WILDFIRE ****/
/***  WILDFIRE ****/
/***  WILDFIRE ****/
/***  WILDFIRE ****/
/***  WILDFIRE ****/
/***  WILDFIRE ****/
/***  WILDFIRE ****/
/***  WILDFIRE ****/

.tooltip:not(.show),
.tooltip2:not(.show){
    display: none;
}

.tooltip2 {
    background: rgb(53 53 53 / 90%);
    display: inline-block;
    padding: 10px;
    border-radius: 5%;
    max-width: 840px;
}

.tooltip,
.tooltip2 {
    z-index: 9999999999;
    position: absolute;
}

.tooltip-inner {
    max-width: 200px;
    padding: .25rem .5rem;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: .25rem
}

.tooltip-inner {
    background: none
}

.tooltip-inner {
    padding: 0
}

.tooltip .tooltip-top {
    background: url("../media/tooltip/tooltip_item-naGNtbP.png") no-repeat left top;
    height: 10px;
    width: 212px
}

.tooltip .tooltip-inner {
    font-size: 12px;
    line-height: 20px;
}

.tooltip .tooltip-inner {
    width: 212px;
    min-width: 212px;
    max-width: 212px;
    border: none;
    background: url("../media/tooltip/tooltip_item-naGNtbP.png") repeat-y right center;
    font-family: Tahoma, Geneva, sans-serif;
    text-shadow: 0 1px 0 #000;
    line-height: 16px;
    font-size: 11px;
    color: #c1c1c1;
    text-align: center;
    padding: 1px 1px;
}

.tooltip .tooltip-inner p {
    margin-bottom: unset !important;
}

.tooltip .tooltip-bottom {
    background: url("../media/tooltip/tooltip_item-naGNtbP.png") no-repeat left bottom;
    height: 10px;
    width: 212px
}

.stone {
    width: 100%;
    height: 40px;
    margin: 5px 0 0 0
}

.stone-2 {
    width: 100%;
    height: 55px;
    margin: 5px 0 0 0
}

.stone-image {
    width: 36px;
    height: 36px;
    margin: 3px 7px 0 0;
    background: url("../media/tooltip/stone-background-cdCC3xw.png") no-repeat;
    padding: 2px;
    display: inline-block;
    float: left
}

.stone-name {
    font-size: 11px;
    color: #c1c1c1;
    display: inline-block;
    margin-top: 2px;
    float: left
}

.stone-bonus {
    font-size: 11px;
    color: #89b88d;
    display: inline-block;
    text-align: left;
    float: left;
    min-width: 100px;
    margin-top: 2px;
    position: relative
}

.clearfix::after {
    display: block;
    clear: both;
    content: ""
}

.clearfix:before, .clearfix:after {
    display: table;
    content: " "
}

.clearfix:after {
    clear: both
}

img.item.middle {
    vertical-align: middle;
    height: 16px;
    width: auto;
}

img.item.bottom {
    vertical-align: text-bottom;
    height: 16px;
    width: auto;
}

.cream {
    color: #f1e6c0;
}

.green {
    color: #89b88d;
}

.red {
    color: #e57875;
}

.darkgreen {
    color: #beb47d;
}

.wind {
    color: #f1c40f;
}

.dark {
    color: #9b59b6;
}

.fire {
    color: #e74c3c;
}

.ground {
    color: #2ecc71;
}


table {
    border-collapse: collapse
}

.table {
    width: 100%;
    margin-bottom: 1rem;
    color: #212529
}

.table td, .table th {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6
}

.table tbody + tbody {
    border-top: 2px solid #dee2e6
}


table {
    border: 1px solid rgba(151, 111, 13, .25);
    border-collapse: collapse;
}

div.responsive {
    overflow: auto;
    width: 100%;
}

div.responsive table {
    margin: auto;
}

.responsive table td, .responsive table th {
    min-width: 78px;
}

table, td, th {
    border: 1px solid rgba(151, 111, 13, .25);
}

th, td {
    padding: 5px;
}

table:not(:has(thead)) tr:nth-of-type(odd),
table:has(thead) tr:has(th),
table:has(thead) tr:nth-of-type(even) {
    background: rgba(255, 255, 255, .03);
}

th {
    text-align: center;
}

.table {
    color: #cda373;
    text-align: center
}

.table td, .table th {
    border-top: #897351
}

.table-welcome {
    text-align: center;
}

.table.table-welcome tr {
    height: 1px;
}

.table.table-welcome tr > td {
    height: inherit;
    justify-content: center;
}

.table.table-welcome tr > td > a {
    height: 100%;
    align-content: center;
    width: 100%;
    display: block;
}

.table {
    width: 100%;
    margin-bottom: 1rem;
    color: #212529;
    border-collapse: collapse !important;
    font-size: 100%;
}

table, .table, .table-bordered {
    color: #b58557;
}

.table-welcome tr td {
    padding: 10px;
}

.table tr td {
    padding: 5px 10px;
    border: none;
    border-right: 1px solid rgba(255, 255, 255, .031);
    border-bottom: 1px solid rgba(255, 255, 255, .031);
}


table > tr > td, table td, .table > tr > td, .table td, .table-items > tr > td, .table-items td {
    vertical-align: middle;
}


.table td, .table th {
    padding: .75rem;
    vertical-align: top;
}


.nav-btn span {
    font-family: Alegreya, Cambria, serif;
    font-size: 15px;
    font-weight: 600;
    position: relative;
    display: inline-block;
    transition: .2s;
}

.nav-btn span:before {
    font-family: Alegreya, Cambria, serif;
    content: attr(data-text);
    text-shadow: 0 0 7px #000;
    background: linear-gradient(180deg, #6f4b20 0, #362b1c);
    -webkit-text-stroke: 1px #0000;
    -webkit-background-clip: text;
    background-clip: text;
    color: #0000;
}

.nav-btn span:after {
    font-family: Alegreya, Cambria, serif;
    content: attr(data-text);
    left: 0;
    top: 0;
    position: absolute;
    background: -webkit-linear-gradient(-90deg, #ffcc8d 9px, #c8996d 15px);
    -webkit-background-clip: text;
    -webkit-text-fill-color: #0000;
    color: #0000;
}

.nav-btn, .nav-btn-small {
    display: block;
    width: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    padding: 5px;
    font-family: Alegreya, Cambria, serif;
}

/*

wypelnienie tekstu: #ffcc8d, #c8996d
obrys tekstu: #6f4b20, #362b1c
cien tekstu: 63% krycie, 90 stopni, odleglosc 0px, rozpietosc 16%, rozmiar 7px, black

 */

.nav-btn {
    background-image: url("../media/btn/button-menu-wide-HEUNdw-.png");
}

.nav-btn-small {
    background-image: url("../media/btn/button-menu-small-oh-w7jI.png");
}

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

h1, .pro, .h1 {
    background-image: url("../media/h1-ZBKKjRK.png");
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center;
    text-align: center;
    height: 45px;
    font-size: 1.5rem;
    padding: unset;
    margin-bottom: 15px;
    margin-top: 15px;
}

h2, .h2, .h3 {
    background-image: url("../media/h2-SfiBO2c.png");
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center;
    text-align: center;
    height: 45px;
    padding: 8px 0;
    font-size: 1rem;
    margin-bottom: 15px;
    margin-top: 15px;
}

nav.category {
    text-align: left;
}

h1, h2, .h3, nav.category {
    color: #ffffd7;
}

li {
    text-align: left;
}

.menu ul > li:not(:has(input[type="search"])) {
    left: 0;
    position: relative;
}

.menu input[type="search"]::placeholder {
    overflow: visible;
}

.menu input[type="search"] {
    transition: 1s width;
    float: right;
    background-color: #1d120b;
    padding: 13px 45px 13px 12px;
    height: 27px;
    width: 240px;
    background-size: contain;
    border-radius: 20px;
    color: white;
    border: solid 1px #c47e42;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
}

.menu label {
    position: relative;
}

form[name="search"] input[type="submit"] {
    background: url("../media/search/search-icon-fQZKxOM.png");
    height: 24px;
    width: 23px;
    position: absolute;
    border: unset;
    cursor: pointer;
    margin-left: -30px;
    margin-top: 2px;
    font-size: 0;
    padding: 13px;
}

.menu label:has(input[type="search"]) {
    margin: auto;
    width: 100%;
    display: inline-block;
}

/*input[type="search"]:focus {*/
/*    width: 100%;*/
/*}*/

/*.menu:has(input[type="search"]:focus) a {*/
/*    display: none;*/
/*}*/

form > div:not(.output) > div:not(:has(input[type="checkbox"])) {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

form > div > div > input,
form > div > div > select {
    padding: 5px;
}

form > div > div:has(> button[type="submit"]) {
    margin-top: 10px;
}

form > div > div > button[type="submit"] {
    padding: 10px;
}

a.item-link {
    color: #f7b77b;
    font-weight: unset;
    display: inline-block;
}

a.mob-link {
    color: #f7b77b;
    font-weight: unset;
    display: inline-block;
}

.page-icon {
    /*border: solid 1px #b58557;*/
    /*border-radius: 25%;*/
    /*background: silver;*/
}

.page ul:not(.text-left) {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.model-wrapper .model canvas {
    max-width: 100%;
}

@media only screen and (max-width: 700px) {
    .menu li:has(input[type="search"]) {
        width: 100%;
    }

    .menu input[type="search"] {
        width: 100%;
    }

    .main .main-content .main-center .page {
        padding: 10px !important;
    }

    .main .menu ul {
        gap: 5px;
    }
}

@media only screen and (max-width: 1270px) {
    .main-left {
        flex-basis: 100%;
    }

    .ranking .ranking-title {
        display: none;
    }

    .ranking .ranking-title + .ranking-content {
        padding: 15px 20px !important;
        position: unset;
        min-height: unset;
        margin-top: unset;
    }

    .ranking .ranking-content {
        height: 100%;
        align-content: center;
    }

    .ranking.navigation, .ranking.social, .ranking.management {
        float: left;
    }

    .main-left .box {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .main .main-content .main-center .page {
        padding: 15px !important;
    }

    .main .main-left {
        flex-direction: row !important;
        justify-content: center;
        flex-wrap: wrap;
        margin-bottom: 10px;
        gap: 25px;
    }

    .main .main-right {
        margin-bottom: 25px;
    }

    .main .main-left, .main .main-right {
        left: unset !important;
    }

    .main .main-content {
        justify-content: center;
        flex-wrap: wrap;
        margin-top: 15px;
    }

    .main .main-content .main-center {
        order: 3 !important;
        max-width: unset !important;
    }

    .main .main-right {
        order: 2 !important;
    }

    .ranking {
        margin-bottom: unset !important;
        margin-top: unset !important;
    }
}

@media only screen and (min-width: 701px) {
    .menu ul:has(input[type="search"]:focus) > li:not(:has(input[type="search"])) {
        z-index: -52;
        opacity: 0;
        width: 0;
        visibility: hidden;
    }

    .menu ul li:has(input[type="search"]:focus) {
        width: 100%;
    }

    .menu input[type="search"]:focus {
        width: 100%;
    }
}

.ts-wrapper.multi .ts-control [data-value] {
    background: #7c5034 !important;
    border: solid 1px #7c5034 !important;
    color: white !important;
}

.ts-wrapper.plugin-remove_button:not(.rtl) .item .remove {
    border-left: 1px solid white !important;
}

.plugin-clear_button .clear-button {
    border: unset !important;
}

.plugin-clear_button.focus.has-items .clear-button, .plugin-clear_button:not(.disabled).has-items .clear-button {
    opacity: 100% !important;
}

input:not([type="submit"]):not([role="combobox"]), select, textarea, .ts-control, .ts-dropdown {
    border: 1px solid #7c5034 !important;
    border-radius: .25rem;
}

input:not([type="submit"]), select, textarea, .ts-control, .ts-dropdown {
    color-scheme: dark;
    color: #c89e72 !important;
    background: #000000 !important;
    box-shadow: unset !important;
}

.alert.alert-success {
    color: green;
}

.alert {
    margin-bottom: 5px;
}

form > div > ul {
    color: #d36262;
    margin-bottom: 5px;
}

textarea {
    height: 200px;
}

.ts-dropdown .active {
    filter: brightness(130%);
    color: unset !important;
    background: unset !important;
}

.plugin-clear_button .clear-button {
    opacity: 100%;
}

button[type=submit], .form-btn {
    cursor: pointer;
    width: 168px;
    height: 28px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKgAAAAcCAYAAAD1EPTXAAAACXBIWXMAAAsTAAALEwEAmpwYAAAZlUlEQVR4nO2ce3RTVb7HD4i0TXJycpImadI0bdMmTdO0ebRNH/RdCqUttAXKGwotbSlvUN5QoLyfKgw4cEVF8IWO11FHBRVHFHEQirwc587oiBpQx5lZY2bdGediv3f99klqfYzjmrXO3HXXmj9+a+/927/H3r/92eckpZQDwPWXz6+c4OZMaObKUgxVuyYUPHV0UdULd03NO70wP/H1+RlxPSUG1bPpWvXSRr9DO9Lr41oCHm5Umo1zWm3cEwsrBkVz3MApTtPAzhz7gA6/dUCxXjPgWEdgwMHORu7Mvlbu3JEp3Fs/Wcxd/enqr+X9t/z/qsGxjgA7WzpjOms6czp7YqC/HXFCvBA3xA9xRDwRV8QXcfZ9ebh3Xn9ektPHubdPH+d++cTWKS/sn/PzJ3aMxEevzMbd60bg8vHb8eSdk7B7YQU6RnrQnB6HR/ZM+Nu5sx1fnH+rLdRzuT20Z/uo0Iz8zNCy7MTQoeac0Mt3jAm9tm9K6PjGstALW2tDZw9PDZ0/2hzqeXNe6OyF1tDly7NCly53hs5fnBnqudwRunS1M3TpyqzQhSsdoStXZoUuX+kIvXW5k7Wnz04JXbjYFnr93IzQmxdaQ7/omcFynn+rPXSupyV0tmdqqOfizNCZ882hs+ens7lLVzpD5y60hi5cbA/1XGwLvdnTErpwuS109sKM0FvhebnzyRC/98LF9t6ei229b/a09Mpdn4uXZ4cuXp0XOnexNXT5yuzQ1bfnh3re6gide7MtdO6p1tDpw5NDF56aGTp/sj10/tSs0OknW0Lb6n2hXbNKQg/f2xg6e3b6F2+8MbP3/q2jGTfED3FEPBFXxBdxRrwRd98J6L2LRjM5tHA099jqKdx98yvH3700D02VThTlWGBQR6MikIrpNV6cPDQVp46148zjndjbXIKD0wJ4YkkDlINEmJQiPn56HBZXudBe4oZJpUZ7sQPbG7Pws64KnNw+DO+vH4Y3u4bis3orgnUWfFJvwccjLfhdgwXXRyXgk1E0jscntWb8oT4BnzYk4OO6eHxcZ8YHI8y4RlIdj2vVZnxQY8EHtRZcqzIhOMyI67Xx+LjGjOsjTPhdvQXBURbcGGFGsNaMj2rjcaMuHsEaMz6rM7N4H9bEy55P7vifyl0fOp8GK27UmsP5LDixsBhnuqvxzvPtuPhYOx5qz8WKEU4sqnRhyXAnumtceH5lEXZOyYNZacDBFj/OPNGJ5w5OZ/wQR8QTcUV8EWfEG3H3nYA+trGTybENndyrB5ZzP5oznOM4Lo/jOAziOFQmalCgi0Zdggg1x4H0zd5kqPkoxMeoUZvjwLJSJ3oOjEK+KQ5tVV5MG+FF6PwsvDOrGL8en4V3J2bgwzIjPqqIwwdV8Xi/PA6/KYnDbytMuFZpwnsVJrxXbmLjDyvi8H6pER9VmvDJMDOClSbme63UiA9KjXi/2IgPy434TWkcfks+xQb8ulCP39K42MB83y0341qlGe+WGvFeqRG/KTPhfYpdamCx3i8xSvYy55M7/icy1+ejKrN0LsVGZvtumQnvjkjEe0UGvFeox4W2bLx993i8tmM0ftpdh2NdVegYlQe/2YSnV5biQEseHDoduptyMYgbyPghjogn4mpQmCfi7e++4vsD+srdy7g751ZziRzHpfO3Lh98ywCk6ZQYk21FtcuIxRUpWDjUCXU0j5aAAyVpZtj1RlR77LAZ4tDkSUWF04pLDzfjZK0dz2fr8XK+Hi/m6fFiQGpPFhhwPM+AVwr0eCnfgBdpHDDg1BADXi40Mvvnc/T4eYEBr5cY8UKeAS/n6XEqX48Xckmvx0sBPU4VSj7Hc2Jx3KfFiVzyi8WJgB4nCw04ETDg2Wy9pM81ML+TubHMl+JRHrnzyR3/dZnrQ2f1coEBr+bH4iSdI51XvgHPhWO+mBuL47l6nAzE4tliK95+tBkdlU60lbmwtNaLBeUu1PttKHdY0T3Czfghjogn4or4Is6+9zPoT7bM+RagFo7jSmNjuBS98B9hwmFWK1HrNuFARwXuGOuD0yAiSReLefl2DHObMSXgQJM3Ga+uKMXRbD0e8ulw2KvDEb/U3u/R4X6vDo8EYvGgX4cjPpqLxWG/Hg/m6PFQTiweztXjniwdHvDp8FggFg9l65nvo9mSL+mP+mNxJDsWjwb0rD3q1eJet8jmDnu1uM+rw2G/Dvdk6nAoS4sfu3U44tWxnId9Wraeh/063OfRyZ5P7vgPyVwf8iH7B8nPI/ke9evwgEeLw1kiHqBz9epwX5YWR7xaPOTX4ZmmdCyrdcFnNKDWn4QDrXkocCYhzWLC9LxkxlGEKeLrH30Z4x7fNJt7fPPsrwEaz3FcNn8rl2vVc9PzrdeXDbNh9fA0GAdH4/7lDTjUUsQez2m8CpkmMx4tScbeLD3uzhKxN1OLPZla7HZJ/bsyRGx3itjlErEzXYt9Hh3uyBBxp1vEviwt9mXp8GOvDnuydNiRocOOdBEHPCIO+LTY79Hhbq8W+zLFvnh3uHXYm6XDXdRmanGnS4NdToHZ7HWL2M/WILI4u0hcIva4tWy81SkyO1oTxZM7n9zx98tcHxrvcmmxLU3D5ve4aU6LO1wapiPfO1zS+W53arDNocFulwYHfXo8mB+HpytsaPA7kRErwB1ngFktMI6IJ+Lqh/y0gDu8tJl7YuvcrwGq5jiuOtmqnDakcEy1K/XqfR1Ffzu9sgTbxnrw3O6JuP6LRYjmBuPgpACeCBhwwKNl0G2lTbo02JIuYrNTg50ZGnSnabAxTcRGJ+loXsQWBocWuzO12OHWYmuGFpvTtdjk1LL5HS4NdmRosMtNBRexOV3DZDsVK0PLWspB+TakCdhoF7A7Q8p3l1uD7RkitqRrsM6uwRaXBhudWnQ7tdjA1hFZk0b2fHLH3yVzfbakS2fT7SA76ax2ZWmZzaY0gZ019dc7NFht12B1qobZEuD7MrR4IicWZwoMODnGB1O0EpVOC85uHYFH5pX9tcRm+cjCm15jjCVblX8X0OIE/ltyaNaozDkZCX/aMyn3sxyT7tOu8vTrqxtz/vjOUwvws/UjcP3MclT4XThVbML9PrqxWux0i9hEYLpEbHNJC6VNbqXCsSJSUUTsytQy2UlwZmixzaXFdrcO2+kWZ4jYlkHwarDFSYXUsgKS7HCLrFik2+SU4m6kA3AIWG8XWKHokKjwlIuJk2yoiFR46QDWEJjsIomy55M7/naZ6yNBqWNnuzOLLpsUn10I51eAEtAEKcXeQHDTXp0a9lGCPuNeK43DlDIf7motxpmj7X+rTU94f02ZM0hsEWPEGjH3XSx+S/FMV5P74Y6Cv7ZkJ/13myf5zwvynX/aMzb3Dy1lmZ+/fGgRXtkzEb96ei4eXjkOD/n0+JFbi7sytdjgkDZMwNHNXGOnRYvs6UmFo02TDR0aFWdnpo5tdifdykwde4Jup6KkE+AiutNEdDN/DTY4pAJQETfR6yRDRFcqFUOLtakarLQJWJWqYTpqyYfyrknRYK1dg3UOka1lhV3ESjsVVMvGcueTO363zPXZEH6rUXyCk+IRxOvpaZlC0EtnSlDSBaQ1rHVoWJzNaSL2u3V4xKPDL3Jj8cGCSqyuz8O5YzO/nFKe8RkxRWwRY8QaMUfsfS+gbz25wfXiqqIvh9uNN2tsul6XUbxZ54r/7zRl9OftRa7eXRNL8NhtRRjntWHJCB/u8erZq31bushuKy1wk0uCcR0VLY02r8GWDC020Os9XUQ3bST8eqXNbqbXEfm46NVBt1PSraXip4tswxSDbikdMj2h1zq0WJkqosuhxfIUDVamCFiZKr1iVti1WJUqYn2alo2lOJL98lSRvYrWpWmZyJ1P9vjp8taH/FfZSU9npsNa0tk1LCa19FAhX4KcxqtSNFgavgT0kKKPNvdniXg+OxZXhyah2mPDO8cm93aN8n7hVMV8TmwRY8QaMUfsEYPfAvTa+f0D37hn6oKT24b1FpjE3h250ViYqkRn/K04MFGJe+YVnt82NR9LKl24c2oJFhWmY3tuEu50iWwhBNqqFAHLbQLW2Olm0w2jRQusCF2pItakavqENrOObmuKiNWsWHQLCWp6CksbXmUTmB3FW2sXcVuSgKU2EV12EYuSNViWrMGKFBG3JwlYYFVjuU0q0DKbiMVkm6zB0mRak5RnhU2aWxr2o7hy55M7fpfM9VmWIjLdbcn0GZOAFrHYqsayZIHth/ZHsC9JFrCCntIpGqwI91ckCVhjE7DNrsGhDB3OBmIxrzgdq2u9uLO58H/uaM1+kdgixog1Yo7YIwaJRWKSAXrpsVmWnqMtl15aV9p7u0ODRTkKbPcbsTdjEO6bPR6PN5RjhnUwVjs0aEkzoSk5Di1pFvYZY12aiLlJAhbaBMxJVKMzQc3GC2wCFqdI+gXJAm5PETA/rL8tRcAimrdpsNCmYXZL7RosSdXg9lTqS36LbWpmR/bzkwV0JgqYm0xxNJiVKMUl39lWHq0WHnOSpLgks6xqZt+aoMa8JAGzkqT1Ub/TqsbsRAGzkwTZ88kdf5HM9ekkfVi3KEWDeRQ7gWe2sxKkGJSLcsxPktYzL0mNuYk82i085lnV7DJ02zU4nCniPwsSka1SoSZBjRmJgxlbxBixRswRe8QgsUhMEpvcqb1Tvug5MuLmruwozEnT4mC+FicLo3AkfTAenD8dD997BHeNLcPExMHwa27BNpcR2106rEgVsCBFQLNFjeYENSbG85gSz2O6VUBLgloSqxozrGq0JQqsnR7WtZIkCui0CWhPkmRmkoAWq4DmBAEzEwW0kS5RQEeSZDuD5iwUT8AUC8VUY0aCGuNNKkyLV7G5mYkkAlqtAiYlCJhqUWNaguQ3zaLG5PiwhPVy55M7/kyZ68PmLWrWNicKmJ4oYHI8j6nxPDvvSX3zfFivxiSaM/OYFs+jjViwCliUpMbaVBEHHRrs0t+C1uQoxhSxRYwRa8QcsUcMEovEJLHJPdc98otz91bc3JkVhT1ZapxoTMfJJh9OFMdhS0o0VmQa8PQwG/um2M4PwtpENZayWyhgvJnHWDOPxngeDXEq1MepWH+MWYXRZh4TLDzGxkvSZOaZronGrFVjvOUrmZSgZnNNFjWmWHmmm5gg+TWYpPi1cSo0mCk+L7UmnuWkfPUmHo0mKf5oixr18TzTjTLzGBWnYtIQlsbwOuTOJ3f8iTLXZ1T4zMh2tEVAk0VAXficI3YjaT5OxfS0DopTa1Sh0aRCvZlAVqPFQk9VNeYn8MhT3oLNLg1jitgixog1xlxjOmOQWCQmic2+V/yzC9y9c4y3YqVPg4NjivCTGh8OZN+KAz4NanVRiB80EClR0ZjutLHX9VQqQhyPalqwiUeNUYlhRiWqTTxrh9OmqUAmFWpY4VQYblRihFGJWqOSzTGwaYMmCeJa2qCJx0jasFGyH2ZUoZr1VRhhUKKKJJyrjlq9AsMNUtxqJirUmHhmT7YUY6jhKyFfykN6ufPJHX+4zPWpitgTdGwvKlSGbSgW6SPnHtFRzAq9EpV6Kd7IOB7jzDzaLDw6rALKTQJSBg9EfWw0Y4sYI9aIOWKPGCQW+17x/b8kPbskvzdbz/fu8g7GSreIOXYV2uIG47bClE8OT/BhZZ4DnV4bWr0OBuhIWrxBujGVsQoM1SsxzKBCqV6BMlpgWKpIr1cyHbXleiWGG6igtEHp8Miv2kAtzUmbIzvSM2G+CpTrFCjRUXwFhsYqMEQXg5JYBSpiFajUk0gFqgjPkx3ZF5NfrKIvN61L7nxyxy+XuT4V4bMjH9oH9VnesF2VQYUqfSS2kp07xSqKrEGnZABPMPKMl9n+VCwvS8eaah+WDEn5lNgixog1Yo7YIwa/9iXpu37MVJqo/bIsTtlrFxW9wx1xX+Rb9KHJhY4vV9d6evd1VKHBbUezJxV1BBhtJlaJIWIMSnUShEO0ChRqY1CklRZL+hKa0ylREatEebhPeioCbbYyVporIyF92Kc0VhmOoUCxVhKKSzYlWgXyNDEo0MagUKtgeWme/PrGOmk9BSLZxISLJ61B7nxyxy+RuT4RKYmV1k7zZFcWho8kctYUpzg8ny/GYIg2hj206JI2GlUYZ+LRXurCtIDjZndT7k1iitgixog1Yu7v/pjph/ygftXk4s+f6Z6Gw50BTA3YsX3iENQaeXabhugUyBWikc+KoUBAE4NcTQxrabEkBdTXxGBIWEdFpCL1LywrWtiWNloQLjDF+Vo/PE/9bCEaOUyknLn95sieYlKf2XxjTXLnkzt+gcz1oX4EZBqTDcWL1C5iE4k1pJ8N6egpSk/dRoMSrRkWjPSl4uLDk7+cWOz8535Q/13/1FlsNXx296T8v76ytgyvHV6EMw/Oxu8vduHA3EYM06vYIz9PjIGXl4pAki3EwK+W2hxBgTwhBoGwXtLFhHUKFGgUyNcQ4JINFTc37JsrKPpikI2P9OE51hdi4OGj4eNjmPj5r/tRG9Ao2FqYnVrKHRG588kdP1fm+pANzZPQmOyy+p0z5SUfdtZqiifF8fMEKV0EBap0CjQYlFhYk4+908tx+dhM7Byf95eusvSPf9A/df7pw7Pcjbdf4j755Unuzx+8wZXlZHKD+v2ySH2GJfRImx+7x3tQn5eGBxaU4A9XViEtzoTaRAOGiAq2uEw+ii0uIrQRqThS6+0nkXFknjbo6+t/2zfSz1JJ4o30+WhkqKKQqYrqG/f3Y4Xi+9t9lftfke9fEd8jY30kaMMStnMpo74zZ6TvVkUx8YUvaKUYg3IxBnZzApbXefHg0koQT3Xp5r/8oF8W+f17p7mPLp34FqA/WzKUmzspex393p5RJcAfb4RDJ+CZrTXoebQNAzkOK0udGGrSsk32FUFFfUkYhP1035yPFIRu4Tf73n427n5+7rBdZI4KlqGkokR/S7L62ZJdxDeSR+58csfPlLk+fWcYhpbGTqV0zhF9JGffeYYhJUAL1DGos+oxqyQDhlujkabTMI6IJ+KK+PqHv2730cUTXPDyC32AluZkcmaO4+blp+SnGNUoTNZjUlEqphfYMMmfiMOLy3H3xFxEc4NgVfDgB0Tj9uoAcnQ8OwQSX0RoY/103+z7I7dYHY3s8DgnDLUnbNO/T5L1DT0VP1MZ1afLYhclqs8nsgayidx0ypejlj+f3PG9Mten/7z/G3lzw09VT1hHrT+co8Edh7I4DUa6UxGvVMOoUCLDqEep3SxxVJTKuCK+iLPvBZTgjAD61+tnuQJ3Ov2fJAPPDfjjQG4gmvNTsbDcgbX1WdDeEg0Fx2FBlQu5VhPi+Vg0BewocpjR1ehBlT0Bpw5NRq4qGgHaBB+NfHrUq6KRQ2NVNPJojg6O+vQfp9QxyKfPPmE9+VA/O2xf0M+W5qgIkXkSL4GgjEIeL9nk9fNlOSkm6chOFdWXJyJy5pM7fq7M9enfH0KfMQlC2hfljYz7rYXs5wx1YfEwF3x6EY+vrsBtNZnItyUhYItn/BBHxBNxRXwRZ8TbDwL0xi9PcdNq88sWj0/5uCZggzspDrpoBXyJ8RjqTMTqWYXYv3s6SgqSEEg1w2eKRbHdivlVmWjKcaDabkVOshn3zy/FDF8SCvkYFKsVyKeWj2HjgrAM4WNQqlagTFCgqJ/NELWiz0ayk8akJ/+AStLnh/tU8DyVNF9OvipprijsVxgRZvvVOor+Bfnkjl8gc31oXMLqpECJoGBz5E9zJaQLn2O+KgZNTgvO3TcO9QE7ppa4sKDSjdU1mZiWa8dQVyLS7CbGD3FEPBFXxBdxRrwRd98L6I2rL3HXLr7Evfrjxbv/6ycdv3/pvkl46ugErJtVhMP7F+LRB27DcwfG4551o7F1YgGEqEHQDVb2WpQiknkV9kzNRZqgxryyTCxrGoI/X5mDx9bUobk0E1vbCjGp0AFHzGCkKaKQFjMYTsVguBRRSA8LzVFL+tSYW+FgMpjZRloSe1hPQnaSrTT3le9X9qSLxKCYEd2/Ip/8+xksa31SoyVbGku6W+E38Ew30puME91VOHtvEzaPyUbXuABe3N+I1koPVNwg/GhGLgJmAwYM4PD8zgYsbS5l/BBHxBNxRXwRZ8Qbcfe9gF6/+hL3ydUXuBvP7+PWLl0xqMJlXXBsxajjb9wx/veHOsv+srDc9cVUp/mLMq36s0qrcd3q5uG/2jez4sb5x+cFRxZlBzmOCz6+sOR6oVG8vnNs9vWRnuRgXkJc8EBzdvDktrrgq3trgpeONQcfXTEiuKnJH1w/1hPcPCEnuHGcP7h1YiC4drQnuKnJF9zQ5AuuHuUOrqhzBVfVu4NrGjKD6xuzgt1N3uD6MZ5gV7072DXaE1zV4A6uGpkeXDM6K7h2tC+4knzqXcEVI9ODK0dlBNeOzgp2j/EE14/1BteN8QSX1bmYfs1oT7BrjCe4qj5D9nwyxL+5fqz35roxnpvL6lw35a4P+VPM9WN9we4mP1v//YuHB5/bUBu8+lRL8NTescF7p3mCRxeWB388Jef6gane62uGpV9/oCUQTFfwwdqczGBzZeafRpf7rxM3xA9xRDwRV8QXcUa8/cNXPAF648oL3IfP7uGW376Ey7Mlcqc2T1Q+s3acd+Oo7Nzl5Z6SxzqGFy+uzMp0WcxcYbKRm5Bt5+aW53Dj3TbOZXd875++2TWhnHv7yU3c6f0TudcOTOYuPb7g//zPt/xb8E/X4If+6ZuIEDfED3FEPBFXxNc/+hb/vyPi9xZN6h4DAAAAAElFTkSuQmCC) top no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    outline: none;
    border: 0;
    transition: .2s;
    color: #ffffd7;
    margin: auto;
    margin-top: 10px;
}

a.btn {
    background-size: contain;
    display: inline-block;
    padding: 5px 20px;
    border: solid 1px #ffffd7;
    margin: 5px;
    color: #ffffd7;
}

a.btn:hover {
    background: #ffffd7 !important;
    color: #120d0a !important;
    text-decoration: none !important;
}

.flex-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    border: 1px solid rgba(151, 111, 13, .25);
}

.flex-item {
    position: relative;
    border: 1px solid rgba(255, 255, 255, .031);
    text-align: center;
    flex-grow: 1;
}

.flex-container > .flex-row-1:nth-of-type(8n+1) {
    background: rgba(255, 255, 255, .03);
}

.flex-container > .flex-row-2:nth-of-type(8n+1),
.flex-container > .flex-row-2:nth-of-type(8n+2) {
    background: rgba(255, 255, 255, .03);
}

.flex-container > .flex-row-2:nth-of-type(8n+1),
.flex-container > .flex-row-2:nth-of-type(8n+2),
.flex-container > .flex-row-3:nth-of-type(8n+3) {
    background: rgba(255, 255, 255, .03);
}

.flex-container > .flex-row-4:nth-of-type(8n+1),
.flex-container > .flex-row-4:nth-of-type(8n+2),
.flex-container > .flex-row-4:nth-of-type(8n+3),
.flex-container > .flex-row-4:nth-of-type(8n+4) {
    background: rgba(255, 255, 255, .03);
}

.flex-container > .flex-row-5:nth-of-type(10n+1),
.flex-container > .flex-row-5:nth-of-type(10n+2),
.flex-container > .flex-row-5:nth-of-type(10n+3),
.flex-container > .flex-row-5:nth-of-type(10n+4),
.flex-container > .flex-row-5:nth-of-type(10n+5) {
    background: rgba(255, 255, 255, .03);
}

.flex-item a {
    justify-content: center;
}

.flex-row-1 {
    flex-basis: 100%;
}

.flex-row-2 {
    flex-basis: 50%;
}

.flex-row-3 {
    flex-basis: 33.333%;
}

.flex-row-4 {
    flex-basis: 25%;
}

.flex-row-5 {
    flex-basis: 20%;
}

.exchange {
    position: fixed;
    left: 0;
    bottom: 0;
    display: inline-block;
    z-index: 1005;
    cursor: pointer;
    border-radius: 50%;

    transform: scale(1);
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0% {
        transform: scale(1);
        box-shadow: inset 0 0 0 15px rgba(240, 159, 3, 0);
    }

    50% {
        transform: scale(1.05);
    }

    100% {
        transform: scale(1);
        box-shadow: inset 0 0 0 0 rgba(240, 159, 3, 0.2);
    }
}

.exchange img {
    height: auto;
}

@media only screen and (max-width: 700px) {
    .exchange img {
        width: 64px;
    }
}

.back-to-top {
    position: fixed;
    right: 0;
    bottom: 0;
    display: inline-block;
    z-index: 1005;
}

.modal {
    --bs-modal-width: 800px !important;
    --bs-modal-header-border-color: #613f22 !important;
    --bs-modal-footer-border-color: #613f22 !important;
    max-width: 100%;
}

.modal-content {
    background: top / contain no-repeat url("../media/box-big/up-QRRRj0T.png"),
    bottom / contain no-repeat url("../media/box-big/down-4fg2mn8.png"),
    top / contain repeat-y url("../media/box-big/middle-Enyxzmy.png");
    border: none !important;
}

@keyframes spinner {
    to {
        transform: rotate(360deg);
    }
}

.spinner2 {
    position: relative;
}

.spinner2:before {
    content: '';
    box-sizing: border-box;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 2px solid transparent;
    border-top-color: #f4b374;
    border-bottom-color: #f4b374;
    z-index: 999999;
    animation: spinner .8s ease infinite;
}

.suggestion > .scroll-container > a.item-link > img {
    max-height: 64px !important;
    min-height: unset !important;
}