:root {
    --livewire-progress-bar-color: #908477
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

body.dark {
    --light-element-color: #554333;
    --nav-text-color: #cab098;
    --toggle-color: #f4cfad;
    --nav-text-hover-color: #74a79e;
    background-color: #554333;
    color: var(--text-color)
}

body,
html {
    --light-element-color: #fbf2e3;
    --nav-text-color: #4b3d32;
    --toggle-color: #4b3d32;
    --nav-text-hover-color: #478a81;
    font-family: Raleway, sans-serif;
    background-color: #cbc7b7;
    transition: all .3s ease;
    scrollbar-width: thin;
    scrollbar-color: #888 transparent
}

button {
    background: none;
    color: inherit;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit
}

a {
    color: #fbf2e3;
    font-size: 14px;
    text-decoration: none
}

button:focus,
a:focus {
    outline: none
}

:focus-visible {
    outline: none
}

nav {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 120px;
    background-color: var(--light-element-color)
}

.theme-toggle {
    background: transparent;
    border: none;
    padding: .5rem;
    border-radius: .5rem;
    cursor: pointer;
    transition: background-color .3s ease;
    color: var(--toggle-color)
}

.theme-toggle:hover {
    background-color: rgba(var(--color-primary-rgb), .1)
}

.languagepicker {
    position: fixed;
    display: inline-block;
    padding: 0;
    width: 40px;
    height: 35px;
    top: 120px;
    right: 20%;
    background-color: var(--light-element-color);
    border-radius: 0 0 30px 30px;
    overflow: hidden;
    transition: all .3s ease;
    margin: 0 50px 10px 0;
    vertical-align: top;
    float: left
}

.languagepicker:hover {
    height: 77px
}

.languagepicker a {
    color: #000;
    text-decoration: none
}

.languagepicker li {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-top: 1px solid #d7cfc2
}

.dark .languagepicker li {
    border-top: 1px solid #7b614a
}

.languagepicker li:hover {
    background-color: #7b614a
}

.languagepicker a:first-child li {
    border: none;
    background: var(--light-element-color) !important
}

.languagepicker li img {
    margin-right: 5px
}

.lang {
    display: block;
    width: 24px;
    height: 24px;
    margin-bottom: 7px;
    transition: transform .3s ease;
    background-size: cover;
    background-repeat: no-repeat
}

.lang:hover {
    transform: scale(1.1)
}

.lang.en {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PG1hc2sgaWQ9ImEiPjxjaXJjbGUgY3g9IjI1NiIgY3k9IjI1NiIgcj0iMjU2IiBmaWxsPSIjZmZmIi8+PC9tYXNrPjxnIG1hc2s9InVybCgjYSkiPjxwYXRoIGZpbGw9IiNlZWUiIGQ9Im0wIDAgOCAyMi04IDIzdjIzbDMyIDU0LTMyIDU0djMybDMyIDQ4LTMyIDQ4djMybDMyIDU0LTMyIDU0djY4bDIyLTggMjMgOGgyM2w1NC0zMiA1NCAzMmgzMmw0OC0zMiA0OCAzMmgzMmw1NC0zMiA1NCAzMmg2OGwtOC0yMiA4LTIzdi0yM2wtMzItNTQgMzItNTR2LTMybC0zMi00OCAzMi00OHYtMzJsLTMyLTU0IDMyLTU0VjBsLTIyIDgtMjMtOGgtMjNsLTU0IDMyLTU0LTMyaC0zMmwtNDggMzItNDgtMzJoLTMybC01NCAzMkw2OCAwSDB6Ii8+PHBhdGggZmlsbD0iIzAwNTJiNCIgZD0iTTMzNiAwdjEwOEw0NDQgMFptMTc2IDY4TDQwNCAxNzZoMTA4ek0wIDE3NmgxMDhMMCA2OFpNNjggMGwxMDggMTA4VjBabTEwOCA1MTJWNDA0TDY4IDUxMlpNMCA0NDRsMTA4LTEwOEgwWm01MTItMTA4SDQwNGwxMDggMTA4Wm0tNjggMTc2TDMzNiA0MDR2MTA4eiIvPjxwYXRoIGZpbGw9IiNkODAwMjciIGQ9Ik0wIDB2NDVsMTMxIDEzMWg0NUwwIDB6bTIwOCAwdjIwOEgwdjk2aDIwOHYyMDhoOTZWMzA0aDIwOHYtOTZIMzA0VjBoLTk2em0yNTkgMEwzMzYgMTMxdjQ1TDUxMiAwaC00NXpNMTc2IDMzNiAwIDUxMmg0NWwxMzEtMTMxdi00NXptMTYwIDAgMTc2IDE3NnYtNDVMMzgxIDMzNmgtNDV6Ii8+PC9nPjwvc3ZnPg==);
    background-size: cover;
    background-repeat: no-repeat
}

.lang.de {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PG1hc2sgaWQ9ImEiPjxjaXJjbGUgY3g9IjI1NiIgY3k9IjI1NiIgcj0iMjU2IiBmaWxsPSIjZmZmIi8+PC9tYXNrPjxnIG1hc2s9InVybCgjYSkiPjxwYXRoIGZpbGw9IiNmZmRhNDQiIGQ9Im0wIDM0NSAyNTYuNy0yNS41TDUxMiAzNDV2MTY3SDB6Ii8+PHBhdGggZmlsbD0iI2Q4MDAyNyIgZD0ibTAgMTY3IDI1NS0yMyAyNTcgMjN2MTc4SDB6Ii8+PHBhdGggZmlsbD0iIzMzMyIgZD0iTTAgMGg1MTJ2MTY3SDB6Ii8+PC9nPjwvc3ZnPg==);
    background-size: cover;
    background-repeat: no-repeat
}

.lang.cz {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PG1hc2sgaWQ9ImEiPjxjaXJjbGUgY3g9IjI1NiIgY3k9IjI1NiIgcj0iMjU2IiBmaWxsPSIjZmZmIi8+PC9tYXNrPjxnIG1hc2s9InVybCgjYSkiPjxwYXRoIGZpbGw9IiNlZWUiIGQ9Ik0wIDBoNTEydjI1NmwtMjY1IDQ1LjJ6Ii8+PHBhdGggZmlsbD0iI2Q4MDAyNyIgZD0iTTIxMCAyNTZoMzAydjI1NkgweiIvPjxwYXRoIGZpbGw9IiMwMDUyYjQiIGQ9Ik0wIDB2NTEybDI1Ni0yNTZMMCAweiIvPjwvZz48L3N2Zz4=);
    background-size: cover;
    background-repeat: no-repeat
}

.lang.es {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PG1hc2sgaWQ9ImEiPjxjaXJjbGUgY3g9IjI1NiIgY3k9IjI1NiIgcj0iMjU2IiBmaWxsPSIjZmZmIi8+PC9tYXNrPjxnIG1hc2s9InVybCgjYSkiPjxwYXRoIGZpbGw9IiNmZmRhNDQiIGQ9Im0wIDEyOCAyNTYtMzIgMjU2IDMydjI1NmwtMjU2IDMyTDAgMzg0WiIvPjxwYXRoIGZpbGw9IiNkODAwMjciIGQ9Ik0wIDBoNTEydjEyOEgwem0wIDM4NGg1MTJ2MTI4SDB6Ii8+PGcgZmlsbD0iI2VlZSI+PHBhdGggZD0iTTE0NCAzMDRoLTE2di04MGgxNnptMTI4IDBoMTZ2LTgwaC0xNnoiLz48ZWxsaXBzZSBjeD0iMjA4IiBjeT0iMjk2IiByeD0iNDgiIHJ5PSIzMiIvPjwvZz48ZyBmaWxsPSIjZDgwMDI3Ij48cmVjdCB3aWR0aD0iMTYiIGhlaWdodD0iMjQiIHg9IjEyOCIgeT0iMTkyIiByeD0iOCIvPjxyZWN0IHdpZHRoPSIxNiIgaGVpZ2h0PSIyNCIgeD0iMjcyIiB5PSIxOTIiIHJ4PSI4Ii8+PHBhdGggZD0iTTIwOCAyNzJ2MjRhMjQgMjQgMCAwIDAgMjQgMjQgMjQgMjQgMCAwIDAgMjQtMjR2LTI0aC0yNHoiLz48L2c+PHJlY3Qgd2lkdGg9IjMyIiBoZWlnaHQ9IjE2IiB4PSIxMjAiIHk9IjIwOCIgZmlsbD0iI2ZmOTgxMSIgcnk9IjgiLz48cmVjdCB3aWR0aD0iMzIiIGhlaWdodD0iMTYiIHg9IjI2NCIgeT0iMjA4IiBmaWxsPSIjZmY5ODExIiByeT0iOCIvPjxyZWN0IHdpZHRoPSIzMiIgaGVpZ2h0PSIxNiIgeD0iMTIwIiB5PSIzMDQiIGZpbGw9IiNmZjk4MTEiIHJ4PSI4Ii8+PHJlY3Qgd2lkdGg9IjMyIiBoZWlnaHQ9IjE2IiB4PSIyNjQiIHk9IjMwNCIgZmlsbD0iI2ZmOTgxMSIgcng9IjgiLz48cGF0aCBmaWxsPSIjZmY5ODExIiBkPSJNMTYwIDI3MnYyNGMwIDggNCAxNCA5IDE5bDUtNiA1IDEwYTIxIDIxIDAgMCAwIDEwIDBsNS0xMCA1IDZjNi01IDktMTEgOS0xOXYtMjRoLTlsLTUgOC01LThoLTEwbC01IDgtNS04eiIvPjxwYXRoIGQ9Ik0xMjIgMjUyaDE3Mm0tMTcyIDI0aDI4bTExNiAwaDI4Ii8+PHBhdGggZmlsbD0iI2Q4MDAyNyIgZD0iTTEyMiAyNDhhNCA0IDAgMCAwLTQgNCA0IDQgMCAwIDAgNCA0aDE3MmE0IDQgMCAwIDAgNC00IDQgNCAwIDAgMC00LTR6bTAgMjRhNCA0IDAgMCAwLTQgNCA0IDQgMCAwIDAgNCA0aDI4YTQgNCAwIDAgMCA0LTQgNCA0IDAgMCAwLTQtNHptMTQ0IDBhNCA0IDAgMCAwLTQgNCA0IDQgMCAwIDAgNCA0aDI4YTQgNCAwIDAgMCA0LTQgNCA0IDAgMCAwLTQtNHoiLz48cGF0aCBmaWxsPSIjZWVlIiBkPSJNMTk2IDE2OGMtNyAwLTEzIDUtMTUgMTFsLTUtMWMtOSAwLTE2IDctMTYgMTZzNyAxNiAxNiAxNmM3IDAgMTMtNCAxNS0xMWExNiAxNiAwIDAgMCAxNy00IDE2IDE2IDAgMCAwIDE3IDQgMTYgMTYgMCAxIDAgMTAtMjAgMTYgMTYgMCAwIDAtMjctNWMtMy00LTctNi0xMi02em0wIDhjNSAwIDggNCA4IDggMCA1LTMgOC04IDgtNCAwLTgtMy04LTggMC00IDQtOCA4LTh6bTI0IDBjNSAwIDggNCA4IDggMCA1LTMgOC04IDgtNCAwLTgtMy04LTggMC00IDQtOCA4LTh6bS00NCAxMCA0IDEgNCA4YzAgNC00IDctOCA3cy04LTMtOC04YzAtNCA0LTggOC04em02NCAwYzUgMCA4IDQgOCA4IDAgNS0zIDgtOCA4LTQgMC04LTMtOC03bDQtOHoiLz48cGF0aCBmaWxsPSJub25lIiBkPSJNMjIwIDI4NHYxMmMwIDcgNSAxMiAxMiAxMnMxMi01IDEyLTEydi0xMnoiLz48cGF0aCBmaWxsPSIjZmY5ODExIiBkPSJNMjAwIDE2MGgxNnYzMmgtMTZ6Ii8+PHBhdGggZmlsbD0iI2VlZSIgZD0iTTIwOCAyMjRoNDh2NDhoLTQ4eiIvPjxwYXRoIGZpbGw9IiNkODAwMjciIGQ9Im0yNDggMjA4LTggOGgtNjRsLTgtOGMwLTEzIDE4LTI0IDQwLTI0czQwIDExIDQwIDI0em0tODggMTZoNDh2NDhoLTQ4eiIvPjxyZWN0IHdpZHRoPSIyMCIgaGVpZ2h0PSIzMiIgeD0iMjIyIiB5PSIyMzIiIGZpbGw9IiNkODAwMjciIHJ4PSIxMCIgcnk9IjEwIi8+PHBhdGggZmlsbD0iI2ZmOTgxMSIgZD0iTTE2OCAyMzJ2OGg4djE2aC04djhoMzJ2LThoLTh2LTE2aDh2LTh6bTgtMTZoNjR2OGgtNjR6Ii8+PGcgZmlsbD0iI2ZmZGE0NCI+PGNpcmNsZSBjeD0iMTg2IiBjeT0iMjAyIiByPSI2Ii8+PGNpcmNsZSBjeD0iMjA4IiBjeT0iMjAyIiByPSI2Ii8+PGNpcmNsZSBjeD0iMjMwIiBjeT0iMjAyIiByPSI2Ii8+PC9nPjxwYXRoIGZpbGw9IiNkODAwMjciIGQ9Ik0xNjkgMjcydjQzYTI0IDI0IDAgMCAwIDEwIDR2LTQ3aC0xMHptMjAgMHY0N2EyNCAyNCAwIDAgMCAxMC00di00M2gtMTB6Ii8+PGcgZmlsbD0iIzMzOGFmMyI+PGNpcmNsZSBjeD0iMjA4IiBjeT0iMjcyIiByPSIxNiIvPjxyZWN0IHdpZHRoPSIzMiIgaGVpZ2h0PSIxNiIgeD0iMjY0IiB5PSIzMjAiIHJ5PSI4Ii8+PHJlY3Qgd2lkdGg9IjMyIiBoZWlnaHQ9IjE2IiB4PSIxMjAiIHk9IjMyMCIgcnk9IjgiLz48L2c+PC9nPjwvc3ZnPg==);
    background-size: cover;
    background-repeat: no-repeat
}

.lang.fr {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PG1hc2sgaWQ9ImEiPjxjaXJjbGUgY3g9IjI1NiIgY3k9IjI1NiIgcj0iMjU2IiBmaWxsPSIjZmZmIi8+PC9tYXNrPjxnIG1hc2s9InVybCgjYSkiPjxwYXRoIGZpbGw9IiNlZWUiIGQ9Ik0xNjcgMGgxNzhsMjUuOSAyNTIuM0wzNDUgNTEySDE2N2wtMjkuOC0yNTMuNHoiLz48cGF0aCBmaWxsPSIjMDA1MmI0IiBkPSJNMCAwaDE2N3Y1MTJIMHoiLz48cGF0aCBmaWxsPSIjZDgwMDI3IiBkPSJNMzQ1IDBoMTY3djUxMkgzNDV6Ii8+PC9nPjwvc3ZnPg==);
    background-size: cover;
    background-repeat: no-repeat
}

.lang.gr {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PG1hc2sgaWQ9ImEiPjxjaXJjbGUgY3g9IjI1NiIgY3k9IjI1NiIgcj0iMjU2IiBmaWxsPSIjZmZmIi8+PC9tYXNrPjxnIG1hc2s9InVybCgjYSkiPjxwYXRoIGZpbGw9IiMwMDUyYjQiIGQ9Ik0wIDBoOTlsMjkgMzIgMjgtMzJoMzU2djU3bC0zMiAyOCAzMiAyOXY1N2wtMzIgMjggMzIgMjl2NTdsLTMyIDI4IDMyIDI4djU3bC0zMiAyOSAzMiAyOHY1N0gwdi01N2wzMi0yOC0zMi0yOXYtNTZsMzItMjktMzItMjhWMTcxbDMyLTI5LTMyLTI4WiIvPjxwYXRoIGZpbGw9IiNlZWUiIGQ9Ik05OSAwdjExNEgwdjU3aDk5djExNEgwdjU3aDUxMnYtNTdIMTU2VjE3MWgxMDB2LTU3SDE1NlYwWm0xNTcgNTd2NTdoMjU2VjU3Wm0wIDExNHY1N2gyNTZ2LTU3Wk0wIDM5OHY1N2g1MTJ2LTU3eiIvPjwvZz48L3N2Zz4=);
    background-size: cover;
    background-repeat: no-repeat
}

.lang.hu {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PG1hc2sgaWQ9ImEiPjxjaXJjbGUgY3g9IjI1NiIgY3k9IjI1NiIgcj0iMjU2IiBmaWxsPSIjZmZmIi8+PC9tYXNrPjxnIG1hc2s9InVybCgjYSkiPjxwYXRoIGZpbGw9IiNlZWUiIGQ9Im0wIDE2NyAyNTMuOC0xOS4zTDUxMiAxNjd2MTc4bC0yNTQuOSAzMi4zTDAgMzQ1eiIvPjxwYXRoIGZpbGw9IiNkODAwMjciIGQ9Ik0wIDBoNTEydjE2N0gweiIvPjxwYXRoIGZpbGw9IiM2ZGE1NDQiIGQ9Ik0wIDM0NWg1MTJ2MTY3SDB6Ii8+PC9nPjwvc3ZnPg==);
    background-size: cover;
    background-repeat: no-repeat
}

.lang.it {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PG1hc2sgaWQ9ImEiPjxjaXJjbGUgY3g9IjI1NiIgY3k9IjI1NiIgcj0iMjU2IiBmaWxsPSIjZmZmIi8+PC9tYXNrPjxnIG1hc2s9InVybCgjYSkiPjxwYXRoIGZpbGw9IiNlZWUiIGQ9Ik0xNjcgMGgxNzhsMjUuOSAyNTIuM0wzNDUgNTEySDE2N2wtMjkuOC0yNTMuNHoiLz48cGF0aCBmaWxsPSIjNmRhNTQ0IiBkPSJNMCAwaDE2N3Y1MTJIMHoiLz48cGF0aCBmaWxsPSIjZDgwMDI3IiBkPSJNMzQ1IDBoMTY3djUxMkgzNDV6Ii8+PC9nPjwvc3ZnPg==);
    background-size: cover;
    background-repeat: no-repeat
}

.lang.pl {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PG1hc2sgaWQ9ImEiPjxjaXJjbGUgY3g9IjI1NiIgY3k9IjI1NiIgcj0iMjU2IiBmaWxsPSIjZmZmIi8+PC9tYXNrPjxnIG1hc2s9InVybCgjYSkiPjxwYXRoIGZpbGw9IiNkODAwMjciIGQ9Im0wIDI1NiAyNTYuNC00NC4zTDUxMiAyNTZ2MjU2SDB6Ii8+PHBhdGggZmlsbD0iI2VlZSIgZD0iTTAgMGg1MTJ2MjU2SDB6Ii8+PC9nPjwvc3ZnPg==);
    background-size: cover;
    background-repeat: no-repeat
}

.lang.pt {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PG1hc2sgaWQ9ImEiPjxjaXJjbGUgY3g9IjI1NiIgY3k9IjI1NiIgcj0iMjU2IiBmaWxsPSIjZmZmIi8+PC9tYXNrPjxnIG1hc2s9InVybCgjYSkiPjxwYXRoIGZpbGw9IiM2ZGE1NDQiIGQ9Ik0wIDUxMmgxNjdsMzcuOS0yNjAuM0wxNjcgMEgweiIvPjxwYXRoIGZpbGw9IiNkODAwMjciIGQ9Ik01MTIgMEgxNjd2NTEyaDM0NXoiLz48Y2lyY2xlIGN4PSIxNjciIGN5PSIyNTYiIHI9Ijg5IiBmaWxsPSIjZmZkYTQ0Ii8+PHBhdGggZmlsbD0iI2Q4MDAyNyIgZD0iTTExNi45IDIxMS41VjI2N2E1MCA1MCAwIDEgMCAxMDAuMSAwdi01NS42SDExN3oiLz48cGF0aCBmaWxsPSIjZWVlIiBkPSJNMTY3IDI4My44Yy05LjIgMC0xNi43LTcuNS0xNi43LTE2LjdWMjQ1aDMzLjR2MjJjMCA5LjItNy41IDE2LjctMTYuNyAxNi43eiIvPjwvZz48L3N2Zz4=);
    background-size: cover;
    background-repeat: no-repeat
}

.lang.ro {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PG1hc2sgaWQ9ImEiPjxjaXJjbGUgY3g9IjI1NiIgY3k9IjI1NiIgcj0iMjU2IiBmaWxsPSIjZmZmIi8+PC9tYXNrPjxnIG1hc2s9InVybCgjYSkiPjxwYXRoIGZpbGw9IiNmZmRhNDQiIGQ9Ik0xNjcgMGgxNzhsMjUuOSAyNTIuM0wzNDUgNTEySDE2N2wtMjkuOC0yNTMuNHoiLz48cGF0aCBmaWxsPSIjMDA1MmI0IiBkPSJNMCAwaDE2N3Y1MTJIMHoiLz48cGF0aCBmaWxsPSIjZDgwMDI3IiBkPSJNMzQ1IDBoMTY3djUxMkgzNDV6Ii8+PC9nPjwvc3ZnPg==);
    background-size: cover;
    background-repeat: no-repeat
}

.lang.tr {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PG1hc2sgaWQ9ImEiPjxjaXJjbGUgY3g9IjI1NiIgY3k9IjI1NiIgcj0iMjU2IiBmaWxsPSIjZmZmIi8+PC9tYXNrPjxnIG1hc2s9InVybCgjYSkiPjxwYXRoIGZpbGw9IiNkODAwMjciIGQ9Ik0wIDBoNTEydjUxMkgweiIvPjxnIGZpbGw9IiNlZWUiPjxwYXRoIGQ9Im0yNDUuNSAyMDkuMiAyMSAyOSAzNC0xMS4xLTIxIDI5IDIxIDI4LjktMzQtMTEuMS0yMSAyOVYyNjdsLTM0LTExLjEgMzQtMTF6Ii8+PHBhdGggZD0iTTE4OC4yIDMyOC4zYTcyLjMgNzIuMyAwIDEgMSAzNC40LTEzNiA4OSA4OSAwIDEgMCAwIDEyNy4zIDcyIDcyIDAgMCAxLTM0LjQgOC43eiIvPjwvZz48L2c+PC9zdmc+);
    background-size: cover;
    background-repeat: no-repeat
}

.language-select a:last-child .lang {
    margin-bottom: 0
}

.nav-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1400px;
    width: 100%;
    padding: 0 20px
}

.navbar-brand {
    width: 88px;
    height: 56px;
    /* background-image: url('../../images/logo.png'); */
    /* background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDIwMDEwOTA0Ly9FTiIKICJodHRwOi8vd3d3LnczLm9yZy9UUi8yMDAxL1JFQy1TVkctMjAwMTA5MDQvRFREL3N2ZzEwLmR0ZCI+CjxzdmcgdmVyc2lvbj0iMS4wIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiB3aWR0aD0iNTguMDAwMDAwcHQiIGhlaWdodD0iNTYuMDAwMDAwcHQiIHZpZXdCb3g9IjAgMCA1OC4wMDAwMDAgNTYuMDAwMDAwIgogcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQgbWVldCI+Cgo8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCw1Ni4wMDAwMDApIHNjYWxlKDAuMTAwMDAwLC0wLjEwMDAwMCkiCmZpbGw9IiM1YTQyMzAiIHN0cm9rZT0ibm9uZSI+CjxwYXRoIGQ9Ik0yMDUgNTQ2IGMtNTMgLTE3IC0xMTEgLTU2IC0xMjYgLTg0IC04IC0xNCAtMjAgLTIyIC0zMCAtMTkgLTEyIDMKLTE1IC0xIC0xMiAtMTQgMyAtMTEgMCAtMjYgLTcgLTM0IC0xNSAtMTggLTIyIC0xMjggLTExIC0xNzcgNSAtMjIgNSAtMzYgMAotMzIgLTE3IDEwIC05IC0yMyAxMCAtNDAgMTEgLTEwIDIxIC0yOCAyMyAtNDAgMiAtMTMgMTEgLTIxIDI0IC0yMiAxMSAtMSA0NAotMTcgNzMgLTM3IDU5IC00MSA5OSAtNTEgMTc0IC00NSA2NyA2IDExNiAzMCAxNjggODIgMjMgMjIgNDUgNDAgNDkgMzkgNSAtMQo2IDYgMyAxNSAtMiAxMCAzIDMxIDExIDQ3IDE4IDMzIDIxIDEyMyA3IDE3MyAtNiAyMCAtNiAzMCAwIDI3IDEzIC05IDExIDE3Ci00IDM2IC03IDkgLTI2IDIzIC00MyAzMiAtMTcgOSAtMzQgMjMgLTM3IDMxIC0zIDggLTMxIDI3IC02MiA0MSAtNjcgMzIgLTE1Mwo0MSAtMjEwIDIxeiBtMTU1IC00NCBjMCAtNSAtMTcgLTE3IC0zNyAtMjcgLTM4IC0xOSAtNDUgLTIxIC02MiAtMjQgLTUgMCAtMTQKLTE1IC0yMSAtMzIgLTE2IC0zOCAtMSAtNjEgMjcgLTM4IDU4IDQ2IDExMSA1MiAxNDggMTQgMjkgLTI4IDMzIC03NCA5IC0xMTAKLTkgLTE0IC0xNCAtMjYgLTEwIC0yNiAzIC0xIDEyIC0yIDE5IC0zIDEzIC0xIDEzIC0zNiAxIC05MyAtMyAtMTggLTIzIC01MgotNDMgLTc0IC0zMiAtMzYgLTQzIC00MiAtODcgLTQ2IC0zOSAtNCAtNTQgLTEgLTY3IDEyIC0xNiAxNiAtMTUgMTggMTggNDEgMjAKMTMgNDIgMjQgNDkgMjQgMTcgMCAzMiAxOCAzOSA1MSA3IDI5IC0xIDQzIC0xNyAzMCAtNDEgLTMzIC05MiAtNTIgLTEyMyAtNDYKLTQzIDggLTU5IDM1IC02NyAxMTUgLTggODggMTQgMTYzIDYxIDIwNyAzMSAzMCA0MCAzMyA5OSAzMyAzNSAwIDY0IC00IDY0IC04egptLTI3OSAtMTk0IGwtOSAtMzMgLTEgMzYgYy0xIDIwIDIgMzkgNiA0MyAxMyAxMiAxNSAtMTAgNCAtNDZ6IG03NSAtMTY0IGMxOQotMTUgMzMgLTI5IDMwIC0zMSAtNyAtOCAtNjMgMjYgLTY5IDQyIC05IDIxIC0xIDE5IDM5IC0xMXoiLz4KPHBhdGggZD0iTTI1NSAzMTUgYy0yNSAtNTggOCAtMTEzIDQ3IC03OSAzMiAzMCAxNCAxMTMgLTI1IDExNCAtNCAwIC0xNSAtMTYKLTIyIC0zNXoiLz4KPC9nPgo8L3N2Zz4K); */
    background-size: contain;
    background-repeat: no-repeat;
    flex-shrink: 0;
    margin-right: 80px
}

.nav-links {
    list-style: none;
    display: flex;
    margin: 0;
    padding: 0
}

.nav-links li {
    margin-right: 80px
}

.nav-links a {
    text-decoration: none;
    color: var(--nav-text-color);
    font-size: 16px
}

.nav-item,
.nav-item a {
    position: relative;
    transition: all .3s ease
}

.nav-item.active a,
.nav-item:hover a {
    color: var(--nav-text-hover-color)
}

.nav-item.active:after {
    content: "";
    width: 15px;
    height: 14px;
    background: url(../images/nav-active.png) no-repeat;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 30px;
    transform: translate(-50%)
}

.dark .nav-item.active:after {
    background: url(../images/nav-active-d.png) no-repeat
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}

.btn-login {
    height: 45px;
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #b3855d;
    background-color: #5a4230;
    border-radius: 15px;
    line-height: 45px;
    padding: 0 10px;
    cursor: pointer;
    margin-bottom: 10px;
    transition: all .3s ease
}

.dark .btn-login {
    background-color: #402f22
}

.dark .btn-login:hover {
    background-color: #4b3728
}

.btn-login.admin {
    background-color: #284842;
    color: #cac296
}

.btn-login.admin:hover {
    background-color: #447269
}

.btn-login.admin .icon {
    border: 1px solid #cac296
}

.btn-login:hover {
    background-color: #6a4e39
}

.btn-login .icon {
    width: 30px;
    height: 30px;
    border: 1px solid #826044;
    border-radius: 10px;
    text-align: center;
    position: relative;
    margin-right: 7px
}

.btn-login .icon i {
    position: absolute;
    top: 6px;
    bottom: 0;
    left: 0;
    right: 0;
    font-size: 16px
}

.login {
    position: absolute;
    width: 230px;
    right: 0;
    background-color: #402f22;
    border-radius: 15px;
    padding: 15px
}

.login ul {
    list-style: none;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.login ul li.dark {
    background-color: #0003
}

.login ul li.shop {
    background-color: #5b4c27
}

.login ul li:hover>a {
    padding-left: 15px
}

.login ul li {
    font-size: 13px;
    color: #efd3bc;
    height: 38px;
    line-height: 38px;
    width: 100%;
    padding-left: 20px;
    background-color: transparent
}

.login ul li a {
    padding-left: 10px;
    color: #efd3bc;
    text-decoration: none;
    transition: padding-left .7s cubic-bezier(.5, 2, .5, 1.5)
}

.login ul li a.active {
    color: #f9dfca;
    padding-left: 20px
}

.login .btn {
    width: 100%
}

.captcha-sm {
    transform: scale(.67);
    display: flex;
    align-items: center;
    justify-content: center
}

.chars-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap
}

.char-base {
    width: 216px;
    background-color: #33281d;
    border: 1px solid #5a4230;
    border-radius: 20px;
    margin-right: 10px;
    margin-bottom: 10px;
    overflow: hidden
}

.char-inner {
    width: 216px;
    height: 129px;
    display: flex;
    justify-content: center;
    border: 1px solid #5a4230;
    border-radius: 20px;
    overflow: hidden;
    position: relative
}

.char-inner.empire-1 {
    background: url(../images/empire-1-400ffc94.jpg) no-repeat
}

.char-inner.empire-2 {
    background: url(../images/empire-2-c62f91f1.jpg) no-repeat
}

.char-inner.empire-3 {
    background: url(../images/empire-3-9b1de073.jpg) no-repeat
}

.char-inner i.emp-1,
.char-inner i.emp-2,
.char-inner i.emp-3 {
    position: absolute;
    right: 10px;
    top: 10px;
    display: block
}

.char-inner .cb-info {
    position: absolute;
    left: 10px;
    top: 10px;
    cursor: pointer;
    color: #ff7070
}

.char-inner .class {
    width: 155px;
    height: 129px
}

.class.warrior-m {
    background: url(../images/warrior-m-d6a31089.png) no-repeat
}

.class.warrior-w {
    background: url(../images/warrior-m-d6a31089.png) no-repeat
}

.class.sura-m {
    background: url(../images/sura-m-5309d28d.png) no-repeat
}

.class.sura-w {
    background: url(../images/sura-w-398d8ea8.png) no-repeat
}

.class.shaman-m {
    background: url(../images/shaman-m-f42001d0.png) no-repeat
}

.class.shaman-w {
    background: url(../images/shaman-w-cc4cd004.png) no-repeat
}

.class.ninja-m {
    background: url(../images/ninja-m-0f260579.png) no-repeat
}

.class.ninja-w {
    background: url(../images/ninja-w-68d62356.png) no-repeat
}

.bg-top {
    background: url(../images/bg.jpg) no-repeat;
    background-size: cover;
    background-position-y: 21px;
    width: 100%;
    height: 862px;
    position: relative
}

.bg-top .logo {
    background: url(../../images/logo.png) no-repeat center center;
    width: 588px;
    height: 191px;
    position: absolute;
    top: 125px;
    left: 50%;
    transform: translate(-50%);
    background-size: contain
}

.xmas .bg-top .logo {
    background: url(../images/logo_xmas-0adc0b0c.png) no-repeat center center
}

.separator {
    content: "";
    background-image: url(../images/header-decorator.png);
    position: relative;
    top: 778px;
    width: 100%;
    height: 84px;
    display: block
}

.dark .separator {
    background-image: url(../images/header-decorator-d.png)
}

.bg-top .download {
    position: absolute;
    display: flex;
    justify-content: space-between;
    align-items: center;
    left: 0;
    right: 0;
    bottom: -3px;
    width: 485px;
    height: 70px;
    padding: 0 20px;
    background: url(../images/bg-download.png) no-repeat center center;
    color: #876348;
    font-size: 18px;
    border-radius: 35px;
    cursor: pointer;
    box-shadow: 0 0 32px #9c9687;
    margin: 0 auto;
    transition: all .3s ease;
    z-index: 1001
}

.dark .bg-top .download {
    background: url(../images/bg-download-d.png) no-repeat center center;
    box-shadow: 0 0 32px #dbbfa6;
    -webkit-box-shadow: 0px 0px 32px 0px #dbbfa6;
    -moz-box-shadow: 0px 0px 32px 0px #dbbfa6
}

.bg-top .download .text-icon-container {
    display: flex;
    align-items: center
}

.bg-top .download:hover {
    box-shadow: 0 0 32px #dad2bd
}

.bg-top .download .icon {
    margin-right: 10px
}

.bg-top .download i.ph-caret-right {
    margin-right: 10px;
    transition: all .3s ease
}

.bg-top .download:hover i.ph-caret-right {
    margin-right: 0
}

.bg-top .download i {
    font-size: 24px
}

.hamburger {
    display: none;
    border: none;
    background: none;
    cursor: pointer
}

.container {
    max-width: 1266px;
    margin: 0 auto;
    position: relative
}

main {
    margin: 0;
    position: relative;
    overflow: hidden
}

.dark main {
    background: linear-gradient(#554333, #554333) top / 100% 33.33% no-repeat, linear-gradient(135deg, #47382b, #47382b) center / 100% 33.34% no-repeat, linear-gradient(#554333, #554333) bottom / 100% 33.33% no-repeat
}

main {
    background: linear-gradient(#fbf2e3, #fbf2e3) top / 100% 33.33% no-repeat, linear-gradient(135deg, #cbc7b7, #cbc7b7) center / 100% 33.34% no-repeat, linear-gradient(#fbf2e3, #fbf2e3) bottom / 100% 33.33% no-repeat
}

.statistics-container {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 20px;
    position: relative;
    padding: 70px 15px;
    z-index: 1000
}

.statistic {
    display: flex;
    flex-direction: column;
    color: #5a4230;
    align-items: flex-start;
    margin-right: 130px;
    flex: 1 0 auto
}

.dark .statistic {
    color: #ccb199
}

.statistic:last-child {
    margin-right: 0
}

.stat-icon {
    width: 48px;
    height: 49px;
    background-size: cover;
    margin-bottom: 5px
}

.stat-icon-online {
    background: url(../images/stat-icons-d.png) -214px -10px
}

.stat-icon-online24 {
    background: url(../images/stat-icons-d.png) -10px -10px
}

.stat-icon-shop {
    background: url(../images/stat-icons-d.png) -78px -10px
}

.stat-icon-dungeon {
    background: url(../images/stat-icons-d.png) -146px -10px
}

.dark .stat-icon-online {
    background: url(../images/stat-icons.png) -214px -10px
}

.dark .stat-icon-online24 {
    background: url(../images/stat-icons.png) -10px -10px
}

.dark .stat-icon-shop {
    background: url(../images/stat-icons.png) -78px -10px
}

.dark .stat-icon-dungeon {
    background: url(../images/stat-icons.png) -146px -10px
}

.stat-text-large {
    font-size: 24px;
    font-weight: 700;
    margin: 0;
    line-height: 1.2;
    font-variant-numeric: lining-nums
}

.stat-text-small {
    font-size: 14px;
    margin: 0;
    line-height: 1.2;
    text-transform: lowercase
}

.content-container {
    display: flex;
    justify-content: center;
    gap: 20px;
    padding: 0 0 60px
}

.left-section {
    flex: 1
}

.left-section .leaderboard {
    background-color: #331e10;
    border-radius: 20px;
    overflow: hidden;
    width: 360px
}

.left-section .leaderboard .title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 30px;
    font-size: 16px;
    color: #fbf2e3
}

.left-section .leaderboard .selector {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #412614;
    padding: 10px 30px;
    font-size: 14px;
    color: #efd3bc
}

.left-section .leaderboard .selector i {
    cursor: pointer;
    transition: all .3s ease
}

.left-section .leaderboard .selector i:hover {
    color: #fff
}

.left-section .leaderboard .bottom {
    text-align: center;
    padding: 20px;
    background-color: #412614;
    font-size: 14px;
    color: #efd3bc;
    cursor: pointer;
    transition: all .3s ease
}

.left-section .leaderboard .bottom:hover {
    background-color: #54321b
}

.left-section .leaderboard .table {
    font-size: 16px;
    color: #efd3bc;
    text-align: center;
    background-color: #26160c;
    margin-bottom: 0;
    border-collapse: collapse
}

.left-section .leaderboard .table tr {
    border-bottom: 1px solid #59341c
}

.left-section .leaderboard .table tr td {
    padding: 20px;
    font-variant-numeric: lining-nums
}

.left-section .leaderboard .table tr td i {
    margin: 0 auto
}

.left-section .leaderboard .table tr td.number {
    color: #c88f69
}

.lb-1 {
    width: 26px;
    height: 19px;
    background: url(../images/lb-1.png) no-repeat
}

.lb-2 {
    width: 26px;
    height: 19px;
    background: url(../images/lb-2.png) no-repeat
}

.lb-3 {
    width: 26px;
    height: 19px;
    background: url(../images/lb-3.png) no-repeat
}

.shinsoo,
i.emp-1 {
    width: 29px;
    height: 19px;
    background: url(../images/1.png) no-repeat
}

.chunjo,
i.emp-2 {
    width: 29px;
    height: 19px;
    background: url(../images/2.png) no-repeat
}

.jinno,
i.emp-3 {
    width: 29px;
    height: 19px;
    background: url(../images/3.png) no-repeat
}

.char-info-wrap {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 5px
}

.char-info {
    padding: 10px;
    border-radius: 10px;
    background-color: #694f3c;
    color: #e1c7af;
    font-size: 14px;
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.char-info:last-child {
    margin-right: 0
}

.char-base .btn {
    border-radius: 20px
}

.icon-c.warrior-m,
.icon-c.warrior-w {
    width: 14px;
    height: 14px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiID8+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPg0KPHN2ZyB3aWR0aD0iNTEycHQiIGhlaWdodD0iNTEycHQiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8ZyBpZD0iI2MyOWQ4MmZmIj4NCjxwYXRoIGZpbGw9IiNjMjlkODIiIG9wYWNpdHk9IjEuMDAiIGQ9IiBNIDM5Mi41NSAwLjAwIEwgNDk4LjY3IDAuMDAgQyA1MDUuNDkgMC45MyA1MTEuMDUgNi41MCA1MTIuMDAgMTMuMzEgTCA1MTIuMDAgMTE5LjMxIEMgNTExLjE1IDEyMy42NiA1MDguNTggMTI3LjQwIDUwNS4xMyAxMzAuMTEgQyA0MjcuMzggMTk3Ljk2IDM0OS43MiAyNjUuOTIgMjcxLjk4IDMzMy43OSBDIDI3MS45MiAzMTcuNTEgMjcyLjAwIDMwMS4yMyAyNzEuOTUgMjg0Ljk2IEMgMjcxLjk1IDI3OC4yOSAyNzAuMjggMjcxLjc0IDI2Ny42MiAyNjUuNjcgQyAzMTguOTAgMjE0LjI4IDM3MC4yOCAxNjIuOTggNDIxLjYwIDExMS42MyBDIDQyNS4yMyAxMDcuODUgNDI5LjkxIDEwNC40MiA0MzEuMTUgOTkuMDMgQyA0MzIuOTIgOTIuNjAgNDI5LjczIDg1LjIwIDQyMy43NyA4Mi4xNSBDIDQxOC4wNiA3OC45OCA0MTAuNDUgODAuMTcgNDA1LjkzIDg0Ljg3IEMgMzUyLjcyIDEzOC4wMiAyOTkuNjEgMTkxLjI2IDI0Ni4zNyAyNDQuMzcgQyAyNDAuMjYgMjQxLjcwIDIzMy42OCAyNDAuMDQgMjI2Ljk5IDI0MC4wOCBDIDIxMC43MyAyNDAuMDMgMTk0LjQ3IDI0MC4xMCAxNzguMjEgMjQwLjA1IEMgMjQ2LjU3IDE2MS44MCAzMTQuOTMgODMuNTUgMzgzLjMyIDUuMzEgQyAzODUuNjcgMi41MSAzODkuMDQgMC44NiAzOTIuNTUgMC4wMCBaIiAvPg0KPHBhdGggZmlsbD0iI2MyOWQ4MiIgb3BhY2l0eT0iMS4wMCIgZD0iIE0gMjIuNzcgMjA5LjAyIEMgMjIuNzYgMjAxLjAwIDMwLjA5IDE5NC4xNiAzOC4wMyAxOTQuNDEgQyA1OS4zNyAxOTQuNDEgODAuNzIgMTk0LjM2IDEwMi4wNSAxOTQuNDQgQyAxMDkuODQgMTk0LjMxIDExNi44NyAyMDEuMDkgMTE2LjkyIDIwOC44OSBDIDExNy4xMCAyMTguNTYgMTE2LjkzIDIyOC4yNCAxMTYuOTcgMjM3LjkyIEMgMTIyLjc1IDIzNS4wMyAxMzAuMjQgMjM1LjM0IDEzNC45OCAyNDAuMDggQyAxNDUuMDkgMjQ5Ljk4IDE1NS4wMSAyNjAuMDkgMTY1LjA2IDI3MC4wNyBDIDE4NS43MiAyNzAuMDggMjA2LjM4IDI3MC4wNCAyMjcuMDQgMjcwLjA4IEMgMjM1LjAwIDI2OS45MiAyNDIuMDYgMjc3LjAyIDI0MS45MyAyODQuOTcgQyAyNDIuMDEgMzA1LjYzIDI0MS45NCAzMjYuMzAgMjQxLjk2IDM0Ni45NiBDIDI1MC40NSAzNTUuNDggMjU4Ljk2IDM2My45OSAyNjcuNDcgMzcyLjQ4IEMgMjcwLjgxIDM3NS44MSAyNzQuNzMgMzc5LjE4IDI3NS42NSAzODQuMDUgQyAyNzYuNjEgMzg3Ljc4IDI3NS40NyAzOTEuNTYgMjc0LjA4IDM5NS4wMiBDIDI4Mi4zOCAzOTQuOTYgMjkwLjY4IDM5NS4wNCAyOTguOTggMzk0Ljk3IEMgMzAyLjcyIDM5NC45NSAzMDYuNzEgMzk0Ljk5IDMxMC4wMCAzOTcuMDIgQyAzMTQuOTUgMzk5Ljc0IDMxNy44MiA0MDUuNDAgMzE3LjU5IDQxMC45OCBDIDMxNy41NyA0MzEuOTggMzE3LjYwIDQ1Mi45OCAzMTcuNTggNDczLjk3IEMgMzE3LjgzIDQ4MS44OSAzMTEuMDUgNDg5LjE5IDMwMy4wNyA0ODkuMjEgQyAyODEuNDAgNDg5LjMxIDI1OS43MiA0ODkuMjkgMjM4LjA1IDQ4OS4yMyBDIDIzMC4zOCA0ODkuMjUgMjIzLjUxIDQ4Mi41OCAyMjMuMzcgNDc0LjkwIEMgMjIzLjIzIDQ2NS4yMSAyMjMuMzUgNDU1LjUyIDIyMy4zNSA0NDUuODIgQyAyMjAuMDkgNDQ3LjA0IDIxNi42MyA0NDguMTkgMjEzLjEyIDQ0Ny40OSBDIDIwOC42NyA0NDYuOTAgMjA1LjI0IDQ0My43NSAyMDIuMjcgNDQwLjY1IEMgMTkxLjYwIDQyOS45MCAxODAuODcgNDE5LjIxIDE3MC4xNSA0MDguNTEgQyAxNTEuMDMgNDI3LjYwIDEzMS45NiA0NDYuNzQgMTEyLjgyIDQ2NS44MCBDIDEwOC4xMCA0NzAuODcgMTAwLjI5IDQ3MS41NyA5NC4yNiA0NjguNTIgQyA5NC4yNyA0NzcuMzYgOTQuMjUgNDg2LjE5IDk0LjI5IDQ5NS4wMyBDIDk1LjE1IDUwMy4yMiA4OC45OCA1MTEuMTQgODAuNzMgNTEyLjAwIEwgMTMuMzYgNTEyLjAwIEMgNi41NCA1MTEuMDkgMC45NiA1MDUuNTMgMC4wMCA0OTguNzIgTCAwLjAwIDQzMS4yOCBDIDAuODAgNDI0LjI0IDYuODAgNDE4LjEzIDEzLjk5IDQxNy44MyBDIDIzLjgxIDQxNy41NyAzMy42NSA0MTcuODEgNDMuNDggNDE3Ljc0IEMgNDAuNjAgNDExLjk1IDQwLjk1IDQwNC40MiA0NS43MSAzOTkuNzIgQyA2NC45MCAzODAuMzYgODQuMjcgMzYxLjE3IDEwMy41MCAzNDEuODUgQyA5My4xMCAzMzEuNDQgODIuNzEgMzIxLjAyIDcyLjI4IDMxMC42NSBDIDY5LjIzIDMwNy42MSA2NS43NiAzMDQuNTEgNjQuNzcgMzAwLjEzIEMgNjMuNjIgMjk2LjI2IDY0Ljc0IDI5Mi4yNiA2Ni4xOCAyODguNjQgQyA1Ni40OCAyODguNjQgNDYuNzggMjg4Ljc1IDM3LjA4IDI4OC42MiBDIDI5LjQyIDI4OC40OCAyMi43MyAyODEuNjMgMjIuNzYgMjczLjk2IEMgMjIuNjkgMjUyLjMyIDIyLjY4IDIzMC42NiAyMi43NyAyMDkuMDIgWiIgLz4NCjwvZz4NCjwvc3ZnPg0K);
    background-size: cover;
    background-repeat: no-repeat
}

.icon-c.ninja-m,
.icon-c.ninja-w {
    width: 14px;
    height: 14px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiID8+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPg0KPHN2ZyB3aWR0aD0iNTEycHQiIGhlaWdodD0iNTEycHQiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8ZyBpZD0iI2MyOWQ4MmZmIj4NCjxwYXRoIGZpbGw9IiNjMjlkODIiIG9wYWNpdHk9IjEuMDAiIGQ9IiBNIDAuNTggMTYuOTEgQyAtMC41NSA3Ljg5IDcuOTUgLTAuNTMgMTYuOTQgMC41NyBDIDIzLjMzIDEuNjMgMjkuMjYgNC40NSAzNS40MiA2LjM0IEMgNTMuMDIgMTIuMTEgNzEuNDEgMTYuMjQgOTAuMDIgMTUuOTQgQyAxMzAuMTkgMTUuNzkgMTcwLjg2IDE1Ljk4IDIxMC4xNyAyNS4zMCBDIDI0Ni45MyAzMy43NSAyODEuNjUgNTAuNDYgMzExLjU5IDczLjM2IEMgMjg3LjgzIDk3LjE3IDI2NC4wNCAxMjAuOTUgMjQwLjI0IDE0NC43MiBDIDIyMi43OCAxMzEuNDYgMjAzLjkwIDEyMC4xMCAxODQuMDMgMTEwLjg2IEMgMTU0LjEzIDk2Ljc5IDEyMi4yNyA4Ny43MSA5MS4yMSA3Ni42NiBDIDYyLjY1IDY2LjY3IDM0LjYzIDUzLjM3IDEyLjAxIDMyLjkwIEMgNy4zMSAyOC4zNiAxLjAwIDI0LjA4IDAuNTggMTYuOTEgWiIgLz4NCjxwYXRoIGZpbGw9IiNjMjlkODIiIG9wYWNpdHk9IjEuMDAiIGQ9IiBNIDQ5Mi4zMiAxLjI4IEMgNTAwLjk2IC0xLjkyIDUxMC44MiA0LjYwIDUxMi4wMCAxMy41NiBMIDUxMi4wMCAxNy4yMiBDIDUwOS4yOSAyNi43NCA1MDUuNzAgMzUuOTggNTAyLjYyIDQ1LjM4IEMgNDk0Ljc4IDY4LjMzIDQ4Ni45MyA5MS4yNyA0NzkuMTAgMTE0LjIyIEMgNDc3Ljk4IDExNy42OCA0NzUuNzkgMTIwLjg0IDQ3Mi42NiAxMjIuNzcgQyA0NjcuMDAgMTI2LjUxIDQ1OC45MiAxMjUuNTYgNDU0LjE3IDEyMC43NyBDIDQ0Ny4wNyAxMTMuNzkgNDQwLjEzIDEwNi42NiA0MzMuMDMgOTkuNjkgQyA0MjkuMzQgMTAzLjMxIDQyNS43NCAxMDcuMDIgNDIyLjA0IDExMC42MyBDIDQxNC45NiAxMDMuNjUgNDA4LjA0IDk2LjUyIDQwMC45MSA4OS42MSBDIDQwNC4zNiA4NS43MiA0MDguMjUgODIuMjMgNDExLjg0IDc4LjQ2IEMgNDA0Ljg0IDcxLjM0IDM5Ny42MSA2NC40NiAzOTAuNzUgNTcuMjIgQyAzODQuMjYgNDkuODggMzg3Ljc3IDM2LjkyIDM5Ny4wOCAzMy44NiBDIDQyOC44MiAyMi45OCA0NjAuNTYgMTIuMTEgNDkyLjMyIDEuMjggWiIgLz4NCjxwYXRoIGZpbGw9IiNjMjlkODIiIG9wYWNpdHk9IjEuMDAiIGQ9IiBNIDQuNTYgNjUuNTkgQyAxNC41NSA3My4xNiAyNS4yNCA3OS43NCAzNi4yNCA4NS43NCBDIDQzLjI0IDE3Mi4wMCA1MC4zMSAyNTguMjYgNTcuMzQgMzQ0LjUxIEMgNDcuMjYgMzQ0LjIwIDM2Ljc2IDM0NC42NCAyNy43MSAzNDkuNjIgQyAyMC4wMCAyNTQuOTQgMTIuMjQgMTYwLjI3IDQuNTYgNjUuNTkgWiIgLz4NCjxwYXRoIGZpbGw9IiNjMjlkODIiIG9wYWNpdHk9IjEuMDAiIGQ9IiBNIDM0Mi4zNiA4Ni41NCBDIDM0Ny45MiA4NC4xMCAzNTQuODEgODUuNTkgMzU4Ljk5IDg5Ljk0IEMgMzc5LjUyIDExMC40NCA0MDAuMDAgMTMwLjk3IDQyMC41MyAxNTEuNDYgQyA0MjMuMDAgMTUzLjg0IDQyNS4zMiAxNTYuNTkgNDI2LjE0IDE2MC4wMSBDIDQyNy41OSAxNjUuMjcgNDI1Ljc3IDE3MS4wOSA0MjEuODYgMTc0LjgzIEMgNDAwLjg3IDE5NS44NCAzNzkuODkgMjE2Ljg2IDM1OC44NiAyMzcuODEgQyAzNTMuNDIgMjQzLjUzIDM0My41NCAyNDMuNzEgMzM3LjkyIDIzOC4xNyBDIDMxNi44NCAyMTcuMjIgMjk1Ljg5IDE5Ni4xMiAyNzQuODMgMTc1LjE1IEMgMjY4LjYyIDE2OS44NSAyNjcuOTkgMTU5LjQ4IDI3My43MyAxNTMuNjIgQyAyOTQuMzQgMTMyLjkzIDMxNS4wNCAxMTIuMzIgMzM1LjY2IDkxLjY0IEMgMzM3LjYxIDg5LjYyIDMzOS42OSA4Ny41OCAzNDIuMzYgODYuNTQgWiIgLz4NCjxwYXRoIGZpbGw9IiNjMjlkODIiIG9wYWNpdHk9IjEuMDAiIGQ9IiBNIDM2Ny4yOCAyNzEuNzcgQyAzOTEuMDYgMjQ3Ljk5IDQxNC44NCAyMjQuMjAgNDM4LjYyIDIwMC40MiBDIDQ1Mi41MSAyMTguNzIgNDY0LjI3IDIzOC42NyA0NzMuMTEgMjU5Ljg5IEMgNDgyLjIzIDI4MS42OCA0ODguMjUgMzA0LjcyIDQ5MS41OCAzMjguMTAgQyA0OTYuMzEgMzYwLjE2IDQ5Ni4wOSAzOTIuNjQgNDk2LjA5IDQyNC45NiBDIDQ5Ni4wNiA0NDcuNTQgNTAyLjkzIDQ2OS4zNSA1MTAuMzcgNDkwLjQzIEMgNTEyLjk4IDQ5Ni45MyA1MTAuODcgNTA1LjAwIDUwNC45MSA1MDguODcgQyA0OTkuMjIgNTEyLjkzIDQ5MC44MiA1MTIuMDcgNDg1LjkxIDUwNy4xNSBDIDQ3My4xNiA0OTQuNTEgNDYyLjQ5IDQ3OS44MyA0NTQuMDEgNDY0LjAyIEMgNDQ0LjAwIDQ0NS42MSA0MzYuODggNDI1LjgzIDQzMC4xNyA0MDYuMDQgQyA0MjIuNTIgMzgzLjI4IDQxNS4yMSAzNjAuMzYgNDA1LjczIDMzOC4yNyBDIDM5NS42NiAzMTQuNjYgMzgyLjgyIDI5Mi4yMSAzNjcuMjggMjcxLjc3IFoiIC8+DQo8cGF0aCBmaWxsPSIjYzI5ZDgyIiBvcGFjaXR5PSIxLjAwIiBkPSIgTSAxMTUuOTAgMzc0LjQ1IEMgMTY4LjUzIDMyMS44MCAyMjEuMTcgMjY5LjE0IDI3My44MyAyMTYuNTIgQyAyODAuOTAgMjIzLjU2IDI4Ny45NiAyMzAuNjEgMjk1LjAwIDIzNy42OSBDIDI0Mi40MiAyOTAuMjcgMTg5Ljg3IDM0Mi44OCAxMzcuMjQgMzk1LjQxIEMgMTMwLjA4IDM4OC40NiAxMjIuOTkgMzgxLjQzIDExNS44MyAzNzQuNDggQyA4Ny40MyA0MDIuOTMgNTguOTggNDMxLjM0IDMwLjU2IDQ1OS43NyBDIDM3LjYxIDQ2Ni44NCA0NC42OCA0NzMuODggNTEuNzMgNDgwLjk1IEMgODAuMjQgNDUyLjQ3IDEwOC43NCA0MjMuOTYgMTM3LjIyIDM5NS40NSBDIDEzNy4yNSA0MTYuOTcgMTM3LjIwIDQzOC40OSAxMzcuMjUgNDYwLjAwIEMgMTM3LjY2IDQ2NS4xNyAxMzYuMTYgNDcwLjYyIDEzMi4yMyA0NzQuMTcgQyAxMjIuNTAgNDgzLjgyIDExMi43OSA0OTMuNDkgMTAzLjA2IDUwMy4xNCBDIDEwMC4wNCA1MDYuMTIgOTcuMTMgNTA5LjYxIDkyLjg2IDUxMC43OSBDIDg2LjkxIDUxMi43NyA4MC4yOSA1MTAuMjkgNzYuMzUgNTA1LjYwIEMgNjguMTcgNDk3LjM2IDU5Ljk1IDQ4OS4xNyA1MS43NCA0ODAuOTcgQyA0My4wOCA0ODkuNTYgMzQuNTAgNDk4LjIyIDI1Ljg2IDUwNi44MyBDIDIxLjg5IDUxMC45NyAxNS41MCA1MTIuNTkgMTAuMDcgNTEwLjYzIEMgNC40NiA1MDguODIgMC41NyA1MDMuNDQgMC4wMCA0OTcuNjUgTCAwLjAwIDQ5NC43OCBDIDAuNzEgNDkxLjEzIDIuMzcgNDg3LjY3IDUuMTUgNDg1LjE2IEMgMTMuNjQgNDc2LjcxIDIyLjA5IDQ2OC4yMyAzMC41NiA0NTkuNzcgQyAyMS44MiA0NTEuMDQgMTMuMDggNDQyLjMxIDQuMzYgNDMzLjU3IEMgMS45MSA0MzEuMTggMC42NCA0MjcuOTAgMC4wMCA0MjQuNjAgTCAwLjAwIDQyMS4xMSBDIDAuNzcgNDE3LjY3IDIuMjcgNDE0LjMzIDQuOTAgNDExLjkyIEMgMTQuOTIgNDAxLjk1IDI0LjkxIDM5MS45NCAzNC45MCAzODEuOTQgQyAzOC4zOCAzNzguMDYgNDIuODIgMzc0LjQyIDQ4LjM0IDM3NC41MiBDIDcwLjg1IDM3NC4zOCA5My4zOCAzNzQuNTMgMTE1LjkwIDM3NC40NSBaIiAvPg0KPHBhdGggZmlsbD0iI2MyOWQ4MiIgb3BhY2l0eT0iMS4wMCIgZD0iIE0gMTY3LjE1IDQ1NC4zNCBDIDI1My41MyA0NjEuMzEgMzM5LjkwIDQ2OC41NyA0MjYuMjcgNDc1LjcxIEMgNDMyLjE2IDQ4Ni43NiA0MzguODMgNDk3LjM5IDQ0Ni4zNyA1MDcuNDAgQyAzNTEuNTcgNDk5LjU1IDI1Ni43OCA0OTEuNjcgMTYxLjk4IDQ4My45MyBDIDE2Ni45MCA0NzQuODggMTY3LjYzIDQ2NC40MiAxNjcuMTUgNDU0LjM0IFoiIC8+DQo8L2c+DQo8L3N2Zz4NCg==);
    background-size: cover;
    background-repeat: no-repeat
}

.icon-c.sura-m,
.icon-c.sura-w {
    width: 14px;
    height: 14px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiID8+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPg0KPHN2ZyB3aWR0aD0iNTEycHQiIGhlaWdodD0iNTEycHQiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8ZyBpZD0iI2MyOWQ4MmZmIj4NCjxwYXRoIGZpbGw9IiNjMjlkODIiIG9wYWNpdHk9IjEuMDAiIGQ9IiBNIDM2NC4yNyA0NC4yNCBDIDM2Ni45OCA0Mi41NCAzNzAuMTYgNDMuOTkgMzcyLjgzIDQ1LjAzIEMgMzgyLjAzIDQ5LjAxIDM4OS45MiA1Ni41NyAzOTMuNTEgNjYuMDEgQyAzOTUuNjEgNzIuMTYgMzg3LjU4IDc3Ljg3IDM4Mi4xOCA3NC44OCBDIDM3OS4wNSA3My4xMiAzNzYuNTAgNzAuNTIgMzc0LjA4IDY3LjkyIEMgMzY5LjI3IDYyLjU0IDM2NC44MyA1Ni42NiAzNjIuMTkgNDkuODkgQyAzNjEuMTIgNDcuODAgMzYyLjMzIDQ1LjI5IDM2NC4yNyA0NC4yNCBaIiAvPg0KPHBhdGggZmlsbD0iI2MyOWQ4MiIgb3BhY2l0eT0iMS4wMCIgZD0iIE0gMjQ2Ljg5IDU3LjQ0IEMgMjY5LjU0IDU0LjQzIDI5My4yNyA1Ni4xNyAzMTQuNDMgNjUuMjUgQyAzMjkuNTEgNzEuNzIgMzQyLjk2IDgyLjI3IDM1Mi4wOCA5NS45OSBDIDM2MC4yOCAxMDguNjcgMzYzLjU1IDEyNC4wNyAzNzMuMTEgMTM1LjkzIEMgMzc2Ljg4IDE0MC4zOSAzODEuNzUgMTQ1LjA0IDM4OC4wMCAxNDQuOTcgQyAzOTMuNzQgMTQ1LjAwIDM5OC4yMyAxNDAuMDcgMzk5LjczIDEzNC44NyBDIDQwMS45MSAxMjcuMzUgMzk5LjkzIDExOS40MyAzOTcuNzIgMTEyLjE3IEMgMzk2LjgxIDEwOC44MyAzOTQuODkgMTA1LjU5IDM5NS4yOSAxMDIuMDMgQyAzOTUuNjMgOTkuNDIgMzk4LjUzIDk4LjI3IDQwMC44OCA5OC41NSBDIDQwNi40OSA5OC44MiA0MTAuNjQgMTAyLjk4IDQxNC42OCAxMDYuMzggQyA0MzAuODMgMTIwLjkxIDQzOS43NSAxNDEuODAgNDQzLjY1IDE2Mi44MyBDIDQ0OS43MCAxOTQuNDIgNDQ3LjU0IDIyNy40MCA0MzguNTcgMjU4LjIyIEMgNDM0LjYyIDI3MS40NSA0MjkuNTcgMjg0LjQ3IDQyMi4yMSAyOTYuMjAgQyA0MTUuNjIgMzA3LjA2IDQwNi40MSAzMTYuMDkgNDAwLjIyIDMyNy4yMSBDIDM5OC43MiAzMjkuOTcgMzk2Ljg5IDMzMi43NiAzOTYuNzIgMzM1Ljk5IEMgMzk2LjgxIDMzOS4xNiA0MDAuNzkgMzM5LjEwIDQwMy4wNiAzMzguNzEgQyA0MTIuMjYgMzM3LjY0IDQxOS44MiAzMzEuNTQgNDI1Ljg0IDMyNC45MSBDIDQyOC4zNyAzMjIuMTggNDMwLjAyIDMxNy45NCA0MzQuMTYgMzE3LjM3IEMgNDM3LjIzIDMxNi40OCA0NDAuNTUgMzE4Ljg3IDQ0MC41OCAzMjIuMTAgQyA0NDAuODIgMzI5LjI3IDQzOC44NCAzMzYuNDEgNDM1LjYzIDM0Mi43OCBDIDQyOS42NyAzNTQuNDggNDE5Ljg0IDM2My41NyA0MDkuODUgMzcxLjgxIEMgMzk0LjYyIDM4NC40MCAzNzYuODAgMzk0LjU2IDM1Ny4xMCAzOTcuODAgQyAzMzEuOTUgNDAyLjY5IDMwNS45NiAzOTcuODEgMjgyLjMzIDM4OC43NSBDIDI2Ny41MyAzODMuMjEgMjU0LjcwIDM3My40NyAyNDMuNDcgMzYyLjU0IEMgMjMxLjg0IDM1MS4yMSAyMjUuNTYgMzM1LjExIDIyNS4xMSAzMTkuMDAgQyAyMjQuMzAgMjkxLjAxIDIzMy43OCAyNjIuNDYgMjUyLjYwIDI0MS41MyBDIDI1NS4zOSAyMzguMjkgMjU5LjM1IDIzNS41NiAyNjAuMTEgMjMxLjA1IEMgMjYxLjUwIDIyNS4wMSAyNTcuMDYgMjE4LjQ0IDI1MC45MyAyMTcuNTEgQyAyNDAuNDMgMjE2LjEyIDIzMC4xNCAyMjEuNTIgMjIzLjI0IDIyOS4xNSBDIDIxMi43NCAyNDAuMzUgMjA4LjMxIDI1NS42OCAxOTguMjEgMjY3LjE3IEMgMTkyLjQ4IDI3NC40MyAxODMuNzkgMjc4Ljk5IDE3OS4wOSAyODcuMTAgQyAxNzUuMDcgMjk0LjQ2IDE3Ni45NCAzMDMuMDkgMTc3LjI0IDMxMS4wNCBDIDE3Ny41NSAzMTcuODkgMTc3LjQ5IDMyNS4xNSAxNzQuMzUgMzMxLjQzIEMgMTcxLjkyIDMzNS43NiAxNjUuMDEgMzM1Ljg0IDE2Mi40MyAzMzEuNjAgQyAxNTIuOTcgMzE3LjgwIDE0Ny40MSAzMDAuODcgMTQ4LjcxIDI4NC4wNiBDIDE0OC45NSAyNzguOTEgMTUxLjExIDI3NC4wOSAxNTEuMTYgMjY4LjkzIEMgMTQzLjgwIDI3NC4zNyAxMzguOTAgMjgyLjQ4IDEzNS41NiAyOTAuODcgQyAxMzEuNDEgMzAwLjM4IDEzMi4zMCAzMTEuMDkgMTMzLjQ0IDMyMS4xMyBDIDEzNC44MiAzMzEuMTggMTM4LjA0IDM0MC45OSAxNDMuMjkgMzQ5LjY5IEMgMTQ5LjA2IDM1OS45MyAxNTQuMTggMzcwLjU1IDE1OC41NCAzODEuNDYgQyAxNjQuMTcgMzk1Ljg3IDE2OS40MiA0MTAuNzIgMTc4Ljc2IDQyMy4yNCBDIDE4NS44OCA0MzIuOTYgMTk2LjAxIDQ0MS4wNCAyMDguMDYgNDQzLjM5IEMgMjEyLjc3IDQ0NC42MSAyMTcuNjggNDQ0LjA4IDIyMi40NSA0NDQuNjkgQyAyMjUuNTcgNDQ2LjMwIDIyOS4wMSA0NDguNDcgMjI5Ljg0IDQ1Mi4xNSBDIDIzMS4wMyA0NTUuOTQgMjI4Ljg5IDQ2MC41MCAyMjQuOTYgNDYxLjU2IEMgMjA2LjYzIDQ2Ni43NyAxODcuMjMgNDY0LjUwIDE2OC44NCA0NjAuNzggQyAxNTcuMjEgNDU4LjM0IDE0NS4yNyA0NTYuMDMgMTM0LjcyIDQ1MC4zMCBDIDEyNy4xMCA0NDYuMTkgMTIwLjc3IDQzOS42MSAxMTcuNDMgNDMxLjU4IEMgMTExLjU5IDQxOC4wOCAxMTIuMTkgNDAzLjA0IDEwOC45MSAzODguOTEgQyAxMDcuMDQgMzgwLjE0IDEwMi4xNyAzNzIuMzMgOTYuNTQgMzY1LjQ3IEMgOTIuNDIgMzYwLjcyIDg3LjQ0IDM1NS45NCA4MS4wMyAzNTQuNzkgQyA3Ni44NiAzNTQuMDIgNzIuOTkgMzU2LjM1IDcwLjI5IDM1OS4zMiBDIDY2Ljk5IDM2My4xMyA1OS45MCAzNjEuNzMgNTguNDAgMzU2Ljg3IEMgNTAuOTYgMzM5LjY3IDQ3LjYwIDMyMS4wMyA0NS4xNyAzMDIuNTUgQyA0Mi4wOSAyNzcuOTcgNDUuMDUgMjUzLjEzIDQ5LjM2IDIyOC44OSBDIDUyLjM5IDIxMS4xNCA1OS4yOSAxOTQuMzIgNjcuMjIgMTc4LjI1IEMgNzIuOTAgMTY3LjE2IDc4LjkyIDE1Ni4yMSA4NS45MCAxNDUuODcgQyA4Ny45MSAxNDMuMDMgODguNTkgMTM5LjE0IDg3LjQzIDEzNS44NCBDIDg1Ljg2IDEzMi4xOCA4MS41MSAxMzEuMTIgNzcuOTEgMTMwLjg0IEMgNzIuMDUgMTMwLjQyIDY1Ljk4IDEzMC43MyA2MC40MiAxMjguNDggQyA1Ni41MyAxMjcuMDMgNTMuMTQgMTIzLjk3IDUxLjg2IDExOS45NiBDIDUwLjk2IDExNy45MiA1Mi42OCAxMTUuMzMgNTQuOTEgMTE1LjQyIEMgNTkuMzYgMTE1LjM2IDYzLjc4IDExMy45MyA2Ny40MSAxMTEuMzQgQyA3Ny4zNiAxMDMuOTUgODMuMTYgOTIuNDIgOTMuMDQgODQuOTQgQyAxMDguNjggNzIuNDAgMTI5LjQ1IDY4LjU5IDE0OS4wNCA2OC43OSBDIDE2OC44MSA2OS4wOSAxODguNjkgNjguNDMgMjA4LjE0IDY0LjU4IEMgMjIwLjk5IDYxLjg4IDIzMy45MCA1OS40MCAyNDYuODkgNTcuNDQgTSAxNDguMzcgMTQ1LjI3IEMgMTM5LjAyIDE1MS44OCAxMzIuNTkgMTYxLjU3IDEyNi4zMiAxNzAuOTQgQyAxMTkuODAgMTgwLjYxIDExNC4zOCAxOTAuOTggMTA5Ljc3IDIwMS42NyBDIDEwNS4yNiAyMTMuNjQgMTAyLjEwIDIyNi40NCAxMDIuNTcgMjM5LjM3IEMgMTAzLjU0IDI0MC4zNiAxMDQuNTAgMjQxLjM2IDEwNS40NSAyNDIuMzggQyAxMDcuNjcgMjQyLjUwIDEwOS45MSAyNDIuNjggMTEyLjEzIDI0Mi40OCBDIDExNS45NyAyNDEuODIgMTE5LjEzIDIzOS4zNyAxMjIuMjggMjM3LjI0IEMgMTMwLjU3IDIzMC42OCAxMzUuODEgMjIxLjI4IDE0Mi4wMyAyMTIuOTYgQyAxNTEuNDAgMjAwLjI2IDE2MC42OSAxODcuMDAgMTczLjU5IDE3Ny41NyBDIDE4NC4xMyAxNjkuMDMgMTk3LjUxIDE2NS41OSAyMDkuNDYgMTU5LjYwIEMgMjExLjg5IDE1OC4yNSAyMTQuOTQgMTU3LjAxIDIxNS43OSAxNTQuMDcgQyAyMTcuMjAgMTUwLjgxIDIxNS4yMCAxNDcuMTEgMjEyLjY1IDE0NS4wOSBDIDIwNy42NCAxNDIuNDYgMjAyLjE5IDE0Ni4zMyAxOTYuOTQgMTQ1LjI5IEMgMTg3LjEzIDE0NS4wMSAxNzguOTAgMTM3Ljk1IDE2OC45OSAxMzguMzQgQyAxNjEuNTIgMTM4LjAzIDE1NC4zOSAxNDEuMDcgMTQ4LjM3IDE0NS4yNyBNIDI5Ni40MiAxNTYuMDYgQyAyOTguMjMgMTY4LjgwIDMwMy44NCAxODAuNTggMzA4Ljg1IDE5Mi4zMSBDIDMxMi4yMyAxOTkuNDMgMzE1LjM2IDIwNi43MyAzMTguNDMgMjEzLjkyIEMgMzI1Ljc0IDIzMS44NyAzMjcuOTIgMjUxLjY5IDMyNS44MyAyNzAuOTMgQyAzMjUuMzIgMjc0LjY0IDMyNC4xNCAyNzguNzEgMzIwLjk1IDI4MC45OSBDIDMxOS4wMCAyODIuNTYgMzE2LjQwIDI4Mi43MSAzMTQuMDMgMjgzLjE1IEMgMzEwLjk1IDI4Mi44NiAzMDcuNzggMjgxLjkzIDMwNS44MCAyNzkuMzkgQyAzMDIuMDggMjc0Ljk0IDMwMy4zOSAyNjguODAgMzAyLjMyIDI2My41MiBDIDMwMS4yNyAyNjIuNTIgMzAwLjM3IDI2MS4xNCAyOTguNzcgMjYxLjEwIEMgMjkzLjUwIDI2MC41MyAyODkuNTAgMjY0LjY4IDI4NS42NCAyNjcuNjEgQyAyNzEuMjEgMjgzLjMwIDI2OC45MSAzMDcuOTEgMjc3Ljc1IDMyNi45MSBDIDI4My4yOCAzMzkuNDIgMjk1LjM2IDM0OC4yMSAzMDguNTYgMzUxLjA3IEMgMzE3LjkxIDM1My4wOSAzMjguMDQgMzUzLjk5IDMzNy4xNyAzNTAuNTIgQyAzNDEuODcgMzQ4LjcyIDM0Ni4zNyAzNDYuNDIgMzUwLjcwIDM0My44NiBDIDM2MS40OCAzMzcuNTIgMzY5LjY1IDMyNy40NCAzNzQuODcgMzE2LjE4IEMgMzgzLjg3IDI5Ny4xOCAzODUuNTEgMjc1LjMwIDM4Mi4yOSAyNTQuNzMgQyAzODEuOTcgMjU0LjQwIDM4MS43NiAyNTQuMDEgMzgxLjY0IDI1My41NyBDIDM3OS4yMCAyNDMuNDIgMzczLjI1IDIzNC40OCAzNjYuNTEgMjI2LjY0IEMgMzU3LjE3IDIxNi45MiAzNDcuMjEgMjA3Ljc3IDMzOC44MSAxOTcuMjEgQyAzMjkuMzAgMTg2LjAwIDMyMS45NCAxNzMuMjUgMzE0LjIyIDE2MC44MSBDIDMxMS4wOSAxNTYuMzAgMzA4LjYyIDE1MC41MiAzMDMuMDggMTQ4LjUzIEMgMjk5LjU5IDE0OS4zNyAyOTUuNzcgMTUxLjk1IDI5Ni40MiAxNTYuMDYgTSAzNTEuOTggMTYyLjg5IEMgMzUxLjY2IDE2My45MCAzNTEuMjQgMTY0Ljg3IDM1MC43MyAxNjUuODAgQyAzNTAuMjIgMTcwLjgzIDM1Mi43MiAxNzUuNDEgMzU0Ljg2IDE3OS43NiBDIDM2MC4xNSAxODguMzMgMzY2Ljg5IDE5Ni4zMyAzNzUuNzAgMjAxLjQxIEMgMzc5LjUzIDIwMi4xMiAzODMuMTQgMjAwLjYxIDM4NS40MCAxOTcuNDcgQyAzODYuOTMgMTkwLjcxIDM4MS4zOSAxODUuNjggMzc5LjE4IDE3OS44OCBDIDM3Ni40MCAxNzYuNjQgMzc0LjI5IDE3Mi44MyAzNzEuMTEgMTY5Ljg5IEMgMzY2LjM3IDE2NC43NSAzNTkuMTkgMTYwLjEzIDM1MS45OCAxNjIuODkgTSA5MS41OSAyODEuODMgQyA4Ny4zMiAyODQuNTcgODUuMjEgMjg5LjUwIDgzLjc2IDI5NC4xNyBDIDgyLjc4IDI5OS4xMiA4Mi40MyAzMDUuMDEgODUuOTEgMzA5LjEyIEMgODguMDQgMzExLjg3IDkxLjYwIDMxNC4xNCA5NS4yMSAzMTMuMTQgQyAxMDAuNjAgMzExLjYyIDEwNC44MiAzMDYuNjQgMTA1LjMwIDMwMS4wNCBDIDEwNS43OCAyOTYuMzYgMTA1LjgzIDI5MS41NSAxMDQuNzIgMjg2Ljk1IEMgMTAyLjg1IDI4MS43OSA5Ni40MCAyODAuMTcgOTEuNTkgMjgxLjgzIFoiIC8+DQo8cGF0aCBmaWxsPSIjYzI5ZDgyIiBvcGFjaXR5PSIxLjAwIiBkPSIgTSA0NTQuMzMgMjc4LjUyIEMgNDYwLjIxIDI3Ni4wNSA0NjcuMjkgMjgwLjYzIDQ2Ny44OSAyODYuODYgQyA0NjkuMDIgMjkyLjM5IDQ2Ni41OSAyOTkuMTMgNDYwLjgyIDMwMC45MCBDIDQ1NS44NSAzMDIuNjMgNDQ4LjM2IDMwMC4wNyA0NDguMDkgMjk0LjA5IEMgNDQ3LjI3IDI4OC41NiA0NDguMzggMjgwLjc1IDQ1NC4zMyAyNzguNTIgWiIgLz4NCjxwYXRoIGZpbGw9IiNjMjlkODIiIG9wYWNpdHk9IjEuMDAiIGQ9IiBNIDY5LjQ2IDM4Ni43NyBDIDc2LjEyIDM4NC4zNyA4My44MiAzODguODEgODUuNjcgMzk1LjUwIEMgODguMDkgNDAyLjU0IDgzLjU3IDQxMS4xNSA3Ni4xNiA0MTIuNjEgQyA2OS41NSA0MTQuMjUgNjIuNTUgNDA5LjQ4IDYxLjA0IDQwMi45OSBDIDU5LjE0IDM5Ni40NyA2Mi45MiAzODguODIgNjkuNDYgMzg2Ljc3IFoiIC8+DQo8cGF0aCBmaWxsPSIjYzI5ZDgyIiBvcGFjaXR5PSIxLjAwIiBkPSIgTSAyMTguNTEgNDA4LjcwIEMgMjIwLjk0IDQwOC4wMCAyMjMuNTMgNDA4LjEyIDIyNi4wNCA0MDcuOTYgQyAyMzcuMDMgNDA3LjU2IDI0OC4xMiA0MDYuODYgMjU5LjA0IDQwOC42MSBDIDI3MS4xOSA0MTAuNDcgMjgzLjE3IDQxNC4wNyAyOTMuOTkgNDE5Ljk2IEMgMzAxLjg5IDQyNC4xMCAzMDkuODQgNDI4Ljg0IDMxOC44OSA0MjkuODMgQyAzMzAuNzkgNDMxLjAzIDM0My4zNyA0MzAuNDIgMzU0LjM3IDQzNS44NyBDIDM1Ny43OCA0MzcuNjMgMzYxLjkwIDQzOS44NiAzNjIuNTUgNDQ0LjAzIEMgMzYyLjY3IDQ0Ny4zMyAzNjAuMTQgNDQ5Ljg4IDM1Ny44MCA0NTEuODUgQyAzNDkuOTcgNDU3Ljk3IDM0MC41NiA0NjEuNzEgMzMwLjk5IDQ2NC4xMCBDIDMxOC41OSA0NjcuMjAgMzA1Ljc4IDQ2OC44MCAyOTIuOTkgNDY4LjUyIEMgMjg1Ljk2IDQ2OC4yNCAyNzguNTAgNDY3LjU4IDI3Mi40NiA0NjMuNjEgQyAyNjIuNzUgNDU3LjM5IDI1Ny40NyA0NDYuNDUgMjQ4LjIzIDQzOS43MCBDIDI0My4wNyA0MzUuNzkgMjM2LjQyIDQzNS4wOSAyMzAuNzMgNDMyLjI2IEMgMjI0LjA5IDQyOS4xOSAyMTcuNDcgNDI0LjYzIDIxNC41NyA0MTcuNjUgQyAyMTMuMDkgNDE0LjIzIDIxNS4wMiA0MDkuOTMgMjE4LjUxIDQwOC43MCBaIiAvPg0KPHBhdGggZmlsbD0iI2MyOWQ4MiIgb3BhY2l0eT0iMS4wMCIgZD0iIE0gMzk4LjQxIDQyNS42MSBDIDQwNi4wNiA0MjMuMTQgNDE2LjY3IDQyNi4zMSA0MTguNzEgNDM0Ljg3IEMgNDIwLjI4IDQ0Mi44MCA0MTIuNDggNDQ5LjE3IDQwNS4xOCA0NDkuNzQgQyAzOTguMzIgNDUwLjcyIDM4OS45OCA0NDcuMjYgMzg4LjE0IDQ0MC4wOCBDIDM4Ni41MyA0MzMuMzYgMzkyLjI2IDQyNy4yNSAzOTguNDEgNDI1LjYxIFoiIC8+DQo8L2c+DQo8L3N2Zz4NCg==);
    background-size: cover;
    background-repeat: no-repeat
}

.icon-c.shaman-m,
.icon-c.shaman-w {
    width: 14px;
    height: 14px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiID8+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPg0KPHN2ZyB3aWR0aD0iNTEycHQiIGhlaWdodD0iNTEycHQiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8ZyBpZD0iI2MyOWQ4MmZmIj4NCjxwYXRoIGZpbGw9IiNjMjlkODIiIG9wYWNpdHk9IjEuMDAiIGQ9IiBNIDE0OC42MyA3MS44MiBDIDE5My4zNSA1Ny4wNyAyNDEuMTYgNTMuMTUgMjg3Ljk1IDU2LjgyIEMgMzI3LjQ1IDYwLjAwIDM2Ni42MyA2OS44OSA0MDIuMDggODcuODEgQyA0NDMuMjIgMTA4LjUzIDQ3OS4zNSAxMzkuOTEgNTAzLjg2IDE3OS4wNyBDIDUwNi44NCAxODQuMzEgNTEwLjUxIDE4OS4zNCA1MTIuMDAgMTk1LjI3IEwgNTEyLjAwIDE5Ny42MyBDIDUxMS40MyAyMDAuOTYgNTA5LjQ4IDIwMy44NyA1MDYuNjkgMjA1Ljc0IEMgNDI5LjA3IDI2My42OSAzNTEuNDUgMzIxLjY2IDI3My44NiAzNzkuNjUgQyAyODcuNjkgMzg5Ljk5IDMwMS41OCA0MDAuMjcgMzE1LjM2IDQxMC42OCBDIDMxOS45OSA0MTMuOTcgMzIxLjA4IDQyMS4wNiAzMTcuNTcgNDI1LjU1IEMgMzA4Ljk2IDQzNy4yMiAyOTYuOTIgNDQ2LjMwIDI4My4zOCA0NTEuNDUgQyAyNjguMDcgNDU3LjMwIDI1MC44OCA0NTguMDkgMjM1LjEyIDQ1My41OCBDIDIxOC45OSA0NDkuMDUgMjA0LjQwIDQzOS4wOCAxOTQuNDUgNDI1LjU4IEMgMTkwLjk0IDQyMS4xMCAxOTEuOTYgNDE0LjAwIDE5Ni42MSA0MTAuNzIgQyAyMTAuNDIgNDAwLjMzIDIyNC4zMCAzOTAuMDQgMjM4LjEzIDM3OS42OSBDIDE2MC4yNiAzMjEuMjcgODIuMTMgMjYzLjE5IDQuMjEgMjA0Ljg0IEMgMS44OCAyMDMuMTUgMC41OSAyMDAuNDggMC4wMCAxOTcuNzIgTCAwLjAwIDE5NS4yNyBDIDAuODYgMTkxLjE5IDMuMTggMTg3LjY1IDUuMTcgMTg0LjA1IEMgMTguNjggMTYwLjgyIDM2LjYwIDE0MC4zMSA1Ny4wMCAxMjIuOTAgQyA4My43NiAxMDAuMDEgMTE1LjIzIDgyLjg0IDE0OC42MyA3MS44MiBNIDI2Ni43MSA3Ny4yMyBDIDI2Ni42MiAxMzYuNTYgMjY2LjY3IDE5NS45MCAyNjYuNjkgMjU1LjI0IEMgMjcyLjYzIDI1NS43MSAyNzguNTQgMjU2LjU5IDI4NC4zNyAyNTcuODYgQyAzMDIuMjMgMjAwLjk3IDMxOS45MCAxNDQuMDIgMzM3LjgzIDg3LjE2IEMgMzE0LjY1IDgwLjk3IDI5MC42OCA3Ny45NSAyNjYuNzEgNzcuMjMgTSAxNzQuMjkgODYuOTIgQyAxNzcuNTUgOTguMzkgMTgxLjM2IDEwOS43MCAxODQuODQgMTIxLjExIEMgMTk5LjEwIDE2Ni42OSAyMTMuMzUgMjEyLjI4IDIyNy42MiAyNTcuODYgQyAyMzMuNDYgMjU2LjU5IDIzOS4zOCAyNTUuNzIgMjQ1LjMzIDI1NS4yMiBDIDI0NS4zNCAxOTUuOTAgMjQ1LjM0IDEzNi41OCAyNDUuMzMgNzcuMjUgQyAyMjEuMzggNzcuODAgMTk3LjUzIDgxLjE3IDE3NC4yOSA4Ni45MiBNIDkxLjA3IDEyNC4zMyBDIDEyNS42OSAxNzMuMTEgMTYwLjI4IDIyMS45MCAxOTQuOTAgMjcwLjY3IEMgMTk4Ljk2IDI2OC4zNiAyMDMuMzAgMjY2LjU5IDIwNy40MSAyNjQuMzcgQyAxODkuMzEgMjA3LjM0IDE3MS42NiAxNTAuMTcgMTUzLjcyIDkzLjA5IEMgMTMxLjU3IDEwMC42NiAxMTAuNDAgMTExLjEzIDkxLjA3IDEyNC4zMyBNIDM1OC4xMyA5My4yOCBDIDM0MC40NCAxNTAuMzcgMzIyLjU1IDIwNy40MCAzMDQuNjIgMjY0LjQxIEMgMzA4LjgxIDI2Ni40NSAzMTMuMDUgMjY4LjM4IDMxNy4xMSAyNzAuNjcgQyAzNTEuNjkgMjIxLjkyIDM4Ni4zMCAxNzMuMTkgNDIwLjg0IDEyNC40MSBDIDQwMS40NCAxMTEuMzQgMzgwLjQwIDEwMC41MCAzNTguMTMgOTMuMjggTSAyNC41NCAxOTMuMzAgQyA3MC41NCAyMjcuODMgMTE2LjY3IDI2Mi4yMCAxNjIuNzQgMjk2LjY0IEMgMTY3LjE5IDI5MS42NCAxNzEuOTcgMjg2LjkxIDE3Ny4xNiAyODIuNjcgQyAxNDIuOTAgMjM0LjEwIDEwOC40MCAxODUuNjkgNzQuMDMgMTM3LjIwIEMgNTQuNTggMTUzLjAxIDM3Ljg4IDE3Mi4wOSAyNC41NCAxOTMuMzAgTSAzMzQuODMgMjgyLjY4IEMgMzM5Ljk5IDI4Ni45OCAzNDQuODMgMjkxLjY1IDM0OS4yNiAyOTYuNjkgQyAzOTUuMzMgMjYyLjIwIDQ0MS42MCAyMjcuOTcgNDg3LjQ2IDE5My4yMiBDIDQ3My45NSAxNzIuMjAgNDU3LjM1IDE1My4xMSA0MzcuODkgMTM3LjM4IEMgNDAzLjUyIDE4NS44MCAzNjkuMTQgMjM0LjIxIDMzNC44MyAyODIuNjggTSAxNzkuODggMzA5LjMwIEMgMjA1LjEyIDMyOC40NyAyMzAuNjUgMzQ3LjI4IDI1Ni4wMSAzNjYuMzAgQyAyODEuMzcgMzQ3LjI4IDMwNi45OSAzMjguNTUgMzMyLjEzIDMwOS4yNCBDIDMxMi45NiAyODguNTkgMjg1LjI1IDI3Ni4wNyAyNTcuMDEgMjc2LjAwIEMgMjI4LjEwIDI3NS41MiAxOTkuNDUgMjg4LjA3IDE3OS44OCAzMDkuMzAgTSAyMTguNzkgNDIwLjk2IEMgMjI4LjY5IDQyOS44MSAyNDEuNzcgNDM1LjA2IDI1NS4wNyA0MzUuMTYgQyAyNjkuMDIgNDM1LjQ4IDI4Mi45MyA0MzAuMjMgMjkzLjI2IDQyMC44NyBDIDI4MC45NiA0MTEuNDIgMjY4LjQzIDQwMi4yNiAyNTYuMDIgMzkyLjk2IEMgMjQzLjY1IDQwMi4zNCAyMzEuMDAgNDExLjM4IDIxOC43OSA0MjAuOTYgWiIgLz4NCjwvZz4NCjwvc3ZnPg0K);
    background-size: cover;
    background-repeat: no-repeat
}

.icon-c.deco {
    display: block;
    width: 14px;
    height: 14px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiID8+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPg0KPHN2ZyB3aWR0aD0iNTEycHQiIGhlaWdodD0iNTEycHQiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8ZyBpZD0iI2JkOTk3ZWZmIj4NCjxwYXRoIGZpbGw9IiNiZDk5N2UiIG9wYWNpdHk9IjEuMDAiIGQ9IiBNIDE5MC40NiA1MC40NiBDIDE5NS40NSA0Ny40MSAyMDIuMjUgNTMuNDggMTk5LjkwIDU4Ljc3IEMgMTk4LjU3IDYzLjEyIDE5Mi41NiA2NS4wNCAxODkuMTQgNjEuODQgQyAxODUuMjIgNTguOTcgMTg2LjA4IDUyLjQxIDE5MC40NiA1MC40NiBaIiAvPg0KPHBhdGggZmlsbD0iI2JkOTk3ZSIgb3BhY2l0eT0iMS4wMCIgZD0iIE0gMjg5Ljc2IDY0LjczIEMgMjkwLjY0IDYzLjI0IDI5MS4yOCA2MS4yNiAyOTMuMTYgNjAuNzcgQyAyOTQuODYgNjAuMjYgMjk2LjQ3IDYxLjI1IDI5Ny41MiA2Mi41MiBDIDMwNC4xMSA2OS45MiAzMTAuOTggNzcuNDAgMzE5LjcxIDgyLjMyIEMgMzIzLjkwIDg0Ljc5IDMyOS4wOCA4NC40MSAzMzMuMzkgODIuNDkgQyAzMzUuMjIgODEuMzYgMzM3Ljg2IDgyLjgzIDMzNy43NyA4NC45OSBDIDMzNi4yMSA5Mi42NSAzMzAuODMgMTAwLjM0IDMyMi43MCAxMDEuODAgQyAzMTMuNDcgMTAzLjUxIDMwNC41OCA5OS4zNCAyOTYuNjUgOTUuMTEgQyAyOTIuNDMgOTIuODAgMjg4LjE1IDk2LjkxIDI4Ny43MSAxMDEuMDUgQyAyODYuMjggMTA2LjkzIDI5MS42MSAxMTEuNjUgMjk2LjY4IDExMy4zMSBDIDMxMC40MCAxMTcuNjggMzIzLjY3IDEyMy41NSAzMzUuOTIgMTMxLjE1IEMgMzQwLjQxIDEzNC4wMSAzNDUuNTkgMTM1LjkzIDM1MC45NiAxMzUuOTUgQyAzNjEuNDEgMTM1LjkyIDM3MS43NyAxMzMuNDAgMzgxLjI3IDEyOS4wOSBDIDM4My45MiAxMjcuNDUgMzg3LjEzIDEyOS4yNSAzODcuOTAgMTMyLjA3IEMgMzkzLjM1IDE0NS4xNyA0MDIuOTQgMTU2Ljk3IDQxNS45MyAxNjMuMTEgQyA0MTguNDIgMTY0LjM3IDQyMS4xNSAxNjUuMDYgNDIzLjYxIDE2Ni4zOCBDIDQyNS45MSAxNjcuODQgNDI0LjYzIDE3MS45MiA0MjEuODcgMTcxLjc5IEMgNDE0LjUzIDE3Mi41NSA0MDYuNzMgMTcyLjg2IDM5OS43MCAxNzAuMzMgQyAzOTMuMjcgMTY2LjIxIDM4OS44OSAxNTguNzQgMzgzLjcyIDE1NC4zMCBDIDM3OC4zNSAxNTAuOTQgMzcxLjc3IDE1My4yMiAzNjYuNjEgMTU1Ljg0IEMgMzgxLjc0IDE3MS45NSAzOTMuOTggMTkxLjE3IDQwMC4yOSAyMTIuNDUgQyA0MDEuNzAgMjIwLjIyIDQwNC4zOSAyMjguMTkgNDEwLjM1IDIzMy42OCBDIDQxNy41NCAyNDAuNjQgNDI4LjkyIDI0MS42OCA0MzcuOTcgMjM4LjEyIEMgNDQ0Ljg0IDIzNS4zNyA0NDkuNjMgMjI5LjA2IDQ1Mi4wNiAyMjIuMjQgQyA0NTIuODYgMjIwLjM2IDQ1My4zOCAyMTcuNDggNDU2LjAxIDIxNy41OSBDIDQ1OC40MiAyMTcuNzEgNDU5LjAxIDIyMC4zNiA0NTkuODYgMjIyLjE0IEMgNDYyLjc2IDIyOS42MiA0NjcuMDcgMjM2LjQxIDQ3MS41MiAyNDMuMDQgQyA0NjkuMzUgMjYyLjI2IDQ1OS4wMCAyNzkuOTAgNDQ1LjM5IDI5My4zNyBDIDQ0My44MSAyOTQuODggNDQxLjc1IDI5Ny4xOSA0MzkuMzYgMjk1LjgzIEMgNDM3LjQxIDI5NS4wNiA0MzcuNTYgMjkyLjY5IDQzNy4wOCAyOTEuMDEgQyA0MzYuMzAgMjg1Ljg2IDQzMy42OCAyODAuNjEgNDI4Ljg0IDI3OC4yMiBDIDQyNC4xMCAyNzUuNzMgNDE4LjM0IDI3Ny4yNyA0MTQuMTkgMjgwLjIxIEMgNDA3LjAyIDI4NC45MCA0MDIuNjIgMjkyLjYyIDM5OS40MSAzMDAuMzUgQyAzOTYuOTIgMzA2LjU1IDM5NS45OSAzMTQuMTggMzk5Ljk4IDMxOS45OCBDIDQwMy4xNCAzMjQuODggNDA4LjY2IDMyNy4yNiA0MTMuOTAgMzI5LjI0IEMgNDE2LjQzIDMzMC4xMiA0MTUuNjkgMzMzLjc0IDQxMy4yOSAzMzQuMjcgQyA0MDEuNDEgMzM5Ljk1IDM5MC4yOSAzNDcuNjYgMzgxLjk1IDM1Ny45NSBDIDM3OS42MCAzNjAuODkgMzc2LjkzIDM2My44MCAzNzMuMjkgMzY1LjEwIEMgMzY2LjY2IDM2Ny44MCAzNTguNDQgMzY1LjY3IDM1NC4wMyAzNjAuMDEgQyAzNDkuOTYgMzU0LjY3IDM0Ni43OSAzNDguNzEgMzQyLjc1IDM0My4zNSBDIDM0NC4xNyAzNjIuNTIgMzQ5LjYyIDM4Mi4wNiAzNjEuNTQgMzk3LjQ1IEMgMzY3LjM4IDQwNS43MyAzNzAuMjEgNDE1LjkzIDM3MC40NCA0MjYuMDAgQyAzNzAuNjMgNDM1LjAwIDM2Ny42MSA0NDQuNTkgMzYwLjM1IDQ1MC4zNCBDIDM1Mi45NSA0NTYuMTEgMzQzLjE2IDQ1OC4zNiAzMzMuOTEgNDU3LjcxIEMgMzIzLjE4IDQ1Ni45MCAzMTMuNDggNDUwLjEwIDMwOC4xNSA0NDAuOTEgQyAzMDMuMTcgNDMyLjI1IDI5Ni4zNyA0MjQuNDEgMjg3LjYxIDQxOS40NSBDIDI4NS4yMCA0MTcuOTggMjgyLjExIDQxNy4zOSAyNzkuNDggNDE4LjYwIEMgMjc3LjIyIDQxOS41MCAyNzUuODcgNDIxLjYzIDI3NC4zNiA0MjMuNDEgQyAyNjguMDMgNDMxLjMyIDI1OC4xNCA0MzYuMzIgMjQ4LjAwIDQzNi41NiBDIDI0Mi4xOSA0MzYuNzIgMjM2Ljk1IDQzMy44NyAyMzEuMzggNDMyLjcxIEMgMjE0LjQzIDQyOC43MyAxOTYuMzQgNDMyLjE2IDE4MS4wNSA0NDAuMTEgQyAxNzYuODcgNDQyLjE5IDE3Mi45MiA0NDUuMzkgMTY4LjAxIDQ0NS4yNyBDIDE2MC44OCA0NDUuMDMgMTUzLjkxIDQ0Mi4wMyAxNDguNTkgNDM3LjMyIEMgMTQ2LjQzIDQzNS45MiAxNDcuMzcgNDMxLjg5IDE1MC4wNyA0MzIuMDIgQyAxNTQuNzAgNDMxLjk1IDE1OS40MCA0MzEuNTQgMTYzLjY2IDQyOS41OCBDIDE3MS42MyA0MjYuNDYgMTc3LjUxIDQxOS45MSAxODUuMDUgNDE2LjA2IEMgMTg5LjI0IDQxMy43NCAxOTMuODMgNDEyLjMzIDE5OC4yNSA0MTAuNTcgQyAxOTQuMjkgNDA5LjI2IDE5MC4yNiA0MDguMTcgMTg2LjM3IDQwNi42NyBDIDE2Ni4wNyAzOTcuODMgMTQ3LjIwIDM4NS4xNyAxMzIuNjEgMzY4LjQxIEMgMTMwLjMxIDM2NS41OCAxMjYuNzIgMzYzLjYyIDEyMy4wMCAzNjQuMjAgQyAxMTcuMjYgMzY1LjI4IDExMi4zNSAzNjguNjEgMTA3LjcyIDM3MS45NyBDIDEwNS45NiAzNzMuNDMgMTAzLjIzIDM3MS45NSAxMDMuMDEgMzY5LjgxIEMgMTA0LjUyIDM2Mi4zNiAxMDkuNDAgMzU2LjA0IDExMC42NSAzNDguNTEgQyAxMTIuMTEgMzQwLjY5IDExMC41MiAzMzIuNDIgMTA2LjQ0IDMyNS42MSBDIDEwMi41NSAzMTkuMTEgOTguNjkgMzExLjk4IDkxLjc3IDMwOC4yNSBDIDgzLjI2IDMwMi4xNCA3Mi40NCAyOTkuNjQgNjUuMDcgMjkxLjkyIEMgNTguMDEgMjg0Ljg1IDUzLjgzIDI3NC45OSA1My43NCAyNjQuOTkgQyA1My41NCAyNTMuNjggNTUuMDggMjQxLjg3IDYxLjA3IDIzMi4wNSBDIDY1LjU4IDIyNC41NyA3Mi45MSAyMTguOTAgODEuMjMgMjE2LjI3IEMgODkuNzAgMjEzLjkzIDk4LjA5IDIxMC42MSAxMDQuOTMgMjA0Ljk1IEMgMTA4LjIzIDIwMi4yMiAxMDguMzQgMTk2LjcyIDEwNS4xOSAxOTMuODIgQyA5NC44MCAxODMuNzcgODUuNzIgMTcyLjQ0IDc3LjQ4IDE2MC41NyBDIDcyLjc0IDE1NS4zNCA3OC4wMiAxNDYuMjEgODQuOTQgMTQ3Ljg3IEMgODcuMjMgMTQ4LjIzIDg4Ljk5IDE0OS44NCA5MC42NCAxNTEuMzMgQyA5Ni44MCAxNTcuMTQgMTAzLjk5IDE2MS45MCAxMTEuODIgMTY1LjE0IEMgMTE5LjYxIDE2OC4xMyAxMjkuMTIgMTY0LjAzIDEzMi4zNSAxNTYuMzYgQyAxMzYuNjkgMTQ2LjA0IDE0MS44OSAxMzUuODUgMTQ5LjY4IDEyNy42NyBDIDE1My4xNiAxMjQuMTAgMTU3LjA2IDEyMC42NSAxNjEuOTIgMTE5LjEzIEMgMTY2LjIwIDExNy43NyAxNzAuNjcgMTE2LjgyIDE3NC42NSAxMTQuNjYgQyAxODAuNzYgMTExLjMzIDE4NS4xOCAxMDUuMDUgMTg2LjA5IDk4LjEzIEMgMTg2LjY4IDkzLjEwIDE4Ny40NiA4Ny43NyAxOTAuNjYgODMuNjYgQyAxOTQuMzAgNzkuMTAgMjAxLjg5IDc4Ljg3IDIwNS44NCA4My4xMyBDIDIwOC44NCA4Ni41OSAyMDkuNjYgOTEuMjggMjExLjQ4IDk1LjM2IEMgMjE5LjU3IDExNS42NyAyMjYuNzkgMTM2LjI4IDIzNC42NCAxNTYuNjYgQyAyNDEuNzMgMTc1LjI2IDI0OC43NCAxOTMuODkgMjU1LjY4IDIxMi41NCBDIDI1Ny4yMiAyMTYuNjYgMjU5LjM5IDIyMC42NiAyNTkuNzMgMjI1LjE0IEMgMjU4LjUxIDIyNC45NCAyNTcuMzMgMjI0LjUwIDI1Ni41NCAyMjMuNTEgQyAyNDcuMjMgMjE0LjE0IDIzNy44MCAyMDQuODggMjI4LjQ4IDE5NS41MSBDIDIyMy4yMiAxOTAuMDggMjE1LjE1IDE4OC40OSAyMDcuODYgMTg5LjE2IEMgMjAwLjQyIDE4OS40NyAxOTQuMzkgMTk0LjM5IDE4OC42NSAxOTguNjAgQyAxNzIuNzYgMjEwLjQwIDE2MS44OCAyMjguNTQgMTU4LjUzIDI0OC4wMSBDIDE1Ni42NyAyNTcuODggMTU3LjEzIDI2OC4wMyAxNTcuODEgMjc4LjAwIEMgMTU4Ljc1IDI4Mi4yNiAxNTguMzggMjg3LjY0IDE2Mi41MiAyOTAuMzMgQyAxNjUuNDMgMjkwLjc5IDE2OC40NSAyOTAuNzAgMTcxLjMwIDI4OS45MiBDIDE3NS40NyAyODguODEgMTgwLjAwIDI4OC4yMiAxODMuNDcgMjg1LjQ0IEMgMTg3LjI3IDI4Mi40NyAxODguODUgMjc3LjYyIDE5Mi40OSAyNzQuNDkgQyAxOTYuNjAgMjcwLjc2IDIwMC4wMCAyNjUuNTQgMjA1Ljg3IDI2NC41MyBDIDIxMi40NiAyNjMuMTUgMjE4Ljc4IDI2Ni4zNyAyMjQuNDggMjY5LjMwIEMgMjI0LjQ1IDI3MC4zMCAyMjQuNDMgMjcxLjMwIDIyNC40MyAyNzIuMzEgQyAyMTQuODQgMjc1LjAyIDIwNS4yNyAyODAuMjIgMjAwLjMxIDI4OS4yMSBDIDE5Ny4zMSAyOTMuMDUgMTk2LjIyIDI5Ny44MSAxOTQuNDUgMzAyLjIzIEMgMTkxLjU2IDMwNy4xOCAxODUuNTMgMzA4LjQwIDE4MC45MyAzMTEuMTkgQyAxNzMuMjMgMzE1LjcwIDE2NS4zOCAzMTkuOTkgMTU4LjA0IDMyNS4wNyBDIDE1NS4wNSAzMjYuNTIgMTU3LjA2IDMzMS4yNCAxNjAuMDcgMzMwLjg5IEMgMTcxLjUzIDMzMC4xNSAxODIuODkgMzI4LjA0IDE5NC4xMCAzMjUuNTYgQyAxOTYuNDIgMzI0LjczIDE5OC41MSAzMjYuODMgMTk5LjUyIDMyOC42OSBDIDIwMC44NCAzMzMuNDIgMTk5LjYyIDMzOC42OSAyMDIuMjMgMzQzLjExIEMgMjA2LjYyIDM1MS4zNyAyMTYuMTMgMzU0LjIzIDIyNC4wNCAzNTcuOTYgQyAyNDUuNzIgMzY2LjcxIDI3MS43NSAzNjYuMzIgMjkyLjExIDM1NC4yMSBDIDI5My43MyAzNTMuMTcgMjk1LjczIDM1My40NiAyOTcuNTYgMzUzLjMxIEMgMzAyLjE0IDM1OC4xMSAzMDYuODkgMzYyLjczIDMxMS41NSAzNjcuNDYgQyAzMTIuNTAgMzY3LjQyIDMxMy40NSAzNjcuMzggMzE0LjQxIDM2Ny4zNiBDIDMxNS4wMyAzNjYuNzIgMzE1LjY4IDM2Ni4wOSAzMTYuMzMgMzY1LjQ5IEMgMzE2LjcyIDM1OC4zMyAzMTcuMDMgMzUxLjE2IDMxNi4zNCAzNDQuMDAgQyAzMTQuNzMgMzMzLjM4IDMxMS40NSAzMjIuOTggMzA2LjI2IDMxMy41NSBDIDMwNC42MSAzMTAuNzggMzAzLjQ2IDMwNy4zMyAzMDQuODYgMzA0LjIxIEMgMzA2Ljk0IDMwMi4yOSAzMDguNjkgMjk4LjkwIDMxMi4wMCAyOTkuNDQgQyAzMTQuNTkgMjk5LjA3IDMxNi44MyAzMDAuNjcgMzE4LjUyIDMwMi40NSBDIDMyMy4xNyAzMDcuMTUgMzI3LjkxIDMxMS43NSAzMzIuNTQgMzE2LjQ3IEMgMzMzLjQxIDMxNi41MSAzMzQuMjggMzE2LjU1IDMzNS4xNSAzMTYuNjAgQyAzMzUuODQgMzE0LjIxIDMzNi44NiAzMTEuOTQgMzM3Ljg4IDMwOS42OCBDIDM0NC4zOSAyOTQuOTkgMzQ4LjE0IDI3OS4wNyAzNDguNDUgMjYzLjAwIEMgMzQ3Ljk5IDI1MC40OSAzNDUuMjIgMjM3Ljk1IDMzOS4zOSAyMjYuODAgQyAzMzMuNTAgMjE0Ljk1IDMyNC4yMyAyMDUuMjIgMzE0LjIyIDE5Ni43NSBDIDMwNy42NSAxOTIuMDUgMzAxLjIxIDE4Ni40MyAyOTMuMDggMTg0LjczIEMgMjg4LjY5IDE4NC4zMCAyODQuMjUgMTg0LjUyIDI3OS45NCAxODUuNDQgQyAyNzUuNDAgMTg2LjU2IDI3MS41MSAxODIuNzIgMjcwLjE2IDE3OC43MiBDIDI2NC4yMiAxNjMuMzcgMjU4LjQyIDE0Ny45NyAyNTIuNTUgMTMyLjYwIEMgMjUwLjMwIDEyNi4yMiAyNDcuMTEgMTIwLjIwIDI0NS4yMCAxMTMuNjkgQyAyNDQuNDEgMTEwLjY3IDI0NS4wNSAxMDcuMzcgMjQ2LjgxIDEwNC44MCBDIDI0OS4zNCAxMDEuMDEgMjUxLjY2IDk3LjA1IDI1NC41MyA5My41MSBDIDI1Ny4yNyA5MC4xNyAyNjEuNjAgODkuMDkgMjY1LjM3IDg3LjM4IEMgMjc1LjcyIDgyLjg2IDI4NC43MyA3NC45MyAyODkuNzYgNjQuNzMgTSA3OS4xNSAyNDkuMjQgQyA3NS43MyAyNTUuNzMgNzQuMTQgMjYzLjc1IDc3LjE5IDI3MC42OSBDIDgwLjg0IDI3OC45OCA4OC45MyAyODQuMjcgOTcuMTEgMjg3LjQzIEMgOTQuMzIgMjY4LjM1IDk2LjMyIDI0OC44MSAxMDEuNzUgMjMwLjM2IEMgOTIuNDYgMjMzLjk1IDgzLjg3IDI0MC4zMSA3OS4xNSAyNDkuMjQgTSAzMzEuNDEgNDA5LjQ3IEMgMzI1LjAzIDQxMS44OCAzMjEuMDYgNDE5LjM0IDMyMi41NyA0MjUuOTkgQyAzMjMuNjEgNDMwLjk3IDMyNy41MSA0MzUuNDYgMzMyLjU0IDQzNi42NSBDIDM0MS41MSA0MzguMTkgMzUxLjI5IDQzMC4zMiAzNTAuNTYgNDIwLjk5IEMgMzQ5Ljc2IDQxMi4xOSAzMzkuNTYgNDA2LjEzIDMzMS40MSA0MDkuNDcgWiIgLz4NCjxwYXRoIGZpbGw9IiNiZDk5N2UiIG9wYWNpdHk9IjEuMDAiIGQ9IiBNIDQwOS40MSA3OS42MiBDIDQxNi40OSA3Ny45OCA0MjQuNTIgODIuMDYgNDI2LjgwIDg5LjA2IEMgNDI5LjkxIDk3LjM2IDQyNC41NCAxMDcuNjggNDE1Ljc5IDEwOS41MyBDIDQwOS45NCAxMTAuMjkgNDAzLjA0IDEwOS44OCAzOTguODQgMTA1LjE3IEMgMzk0LjE2IDk5LjY5IDM5NC4xMCA5MC40OCAzOTkuMzEgODUuMzEgQyA0MDIuMDEgODIuNDcgNDA1LjY1IDgwLjYxIDQwOS40MSA3OS42MiBaIiAvPg0KPHBhdGggZmlsbD0iI2JkOTk3ZSIgb3BhY2l0eT0iMS4wMCIgZD0iIE0gNTIuNDggOTUuNzUgQyA1Ny41NSA5NC43MCA2My42MiA5NC41MyA2Ny42NCA5OC4zOCBDIDc0LjY1IDEwNC4wMyA3NC4xOCAxMTUuNzggNjcuNTcgMTIxLjU1IEMgNjIuMTkgMTI2LjUwIDUzLjgxIDEyNi40NiA0Ny41MCAxMjMuNDEgQyA0MS4yOCAxMjAuNDMgMzkuMjQgMTEyLjI5IDQxLjE4IDEwNi4wNyBDIDQyLjc5IDEwMC44OCA0Ny41OSA5Ny41MiA1Mi40OCA5NS43NSBaIiAvPg0KPHBhdGggZmlsbD0iI2JkOTk3ZSIgb3BhY2l0eT0iMS4wMCIgZD0iIE0gNDU1LjQ2IDE3My41MiBDIDQ1OC40MSAxNzIuNjMgNDYyLjEyIDE3My4zMCA0NjMuNzcgMTc2LjE1IEMgNDY2LjUzIDE4MC4xMCA0NjMuNzkgMTg2LjQyIDQ1OC44OCAxODYuNzMgQyA0NTQuOTkgMTg3LjQxIDQ1MS4wMCAxODMuOTUgNDUxLjIyIDE4MC4wMCBDIDQ1MC45OSAxNzcuMTggNDUyLjk0IDE3NC42MCA0NTUuNDYgMTczLjUyIFoiIC8+DQo8cGF0aCBmaWxsPSIjYmQ5OTdlIiBvcGFjaXR5PSIxLjAwIiBkPSIgTSA0MzEuNTcgMzExLjY5IEMgNDM2LjI5IDMwOS43MyA0NDIuMTMgMzEzLjczIDQ0MS41OCAzMTguOTIgQyA0NDEuNjEgMzI0LjU5IDQzNC4wMCAzMjcuOTcgNDI5LjgwIDMyNC4xOSBDIDQyNS40OSAzMjEuMDYgNDI2LjYyIDMxMy41OCA0MzEuNTcgMzExLjY5IFoiIC8+DQo8cGF0aCBmaWxsPSIjYmQ5OTdlIiBvcGFjaXR5PSIxLjAwIiBkPSIgTSA0MjcuNDMgMzgxLjg0IEMgNDM0LjUzIDM3OS45MiA0NDIuODMgMzgyLjkzIDQ0Ni41NCAzODkuMzkgQyA0NTEuMzkgMzk3LjU2IDQ0OC4zMCA0MDkuMzEgNDM5LjkxIDQxMy44NyBDIDQzNi4zNyA0MTYuMTkgNDMyLjAyIDQxNS44MSA0MjguMDAgNDE1Ljc3IEMgNDIyLjcyIDQxNS43OCA0MTcuMjkgNDEzLjE0IDQxNC41NSA0MDguNTMgQyA0MTIuMTkgNDA0LjU2IDQxMS44NiAzOTkuNzAgNDEyLjY0IDM5NS4yNCBDIDQxNC4yOCAzODguMjYgNDIwLjg4IDM4My43MiA0MjcuNDMgMzgxLjg0IFoiIC8+DQo8cGF0aCBmaWxsPSIjYmQ5OTdlIiBvcGFjaXR5PSIxLjAwIiBkPSIgTSAxMDIuNTEgNDAyLjU0IEMgMTA0LjQ4IDQwMS45OSAxMDYuNjAgNDAyLjE0IDEwOC42MSA0MDIuNDAgQyAxMTIuMTAgNDAzLjc4IDExMy42NiA0MDguNTUgMTExLjcwIDQxMS43NiBDIDEwOS45NSA0MTUuMjAgMTA0Ljk3IDQxNi40NiAxMDEuOTAgNDE0LjAyIEMgOTcuOTEgNDExLjQ3IDk4LjMyIDQwNC43MCAxMDIuNTEgNDAyLjU0IFoiIC8+DQo8cGF0aCBmaWxsPSIjYmQ5OTdlIiBvcGFjaXR5PSIxLjAwIiBkPSIgTSA2OC40NSA0MzYuNTcgQyA3NC45MiA0MzMuNzggODMuNDIgNDM3LjQ2IDg1LjQ5IDQ0NC4yOCBDIDg2LjA5IDQ0OC42MyA4Ni4zMyA0NTMuNjggODMuMTggNDU3LjIwIEMgNzguMjcgNDYzLjY4IDY4LjEwIDQ2My43NSA2MS45OCA0NTkuMDAgQyA1OC40OCA0NTUuODUgNTcuNjggNDUwLjY1IDU4LjU2IDQ0Ni4yMiBDIDU5Ljc2IDQ0MS40OSA2NC4wMSA0MzguMTQgNjguNDUgNDM2LjU3IFoiIC8+DQo8L2c+DQo8L3N2Zz4NCg==);
    background-size: cover;
    background-repeat: no-repeat
}

.info-list {
    display: block;
    padding: 10px
}

.info-list li {
    width: 100%;
    display: flex;
    align-items: center;
    font-size: 14px;
    margin-bottom: 10px
}

.info-list span {
    color: #a17a56;
    margin-right: 5px
}

.info-list li i {
    margin-right: 10px
}

.table {
    width: 100%;
    margin-bottom: 1rem;
    color: #212529;
    vertical-align: top;
    border-color: #dee2e6
}

.table td i {
    display: block
}

.action-btn {
    position: relative;
    width: 100%;
    height: 79px;
    font-size: 16px;
    color: #efd3bc;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 30px 10px 110px;
    margin: 15px 0;
    border-radius: 20px;
    overflow: hidden;
    cursor: pointer;
    transition: all .3s ease
}

.action-btn:hover {
    padding-right: 15px;
    filter: brightness(130%)
}

.action-btn:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 96px;
    height: 79px
}

.action-btn.shop {
    background: url(../images/btn-shop.png) no-repeat, #786b46
}

.action-btn.shop:after {
    background: url(../images/btn-shop-icon.png) no-repeat
}

.action-btn.vote {
    background: url(../images/btn-vote.png) no-repeat, #3e5850;
    font-variant-numeric: lining-nums
}

.action-btn.vote:after {
    background: url(../images/btn-vote-icon.png) no-repeat
}

.action-btn.referral {
    background: url(../images/btn-referral-575fe6c5.png) no-repeat, #3e5850;
    font-variant-numeric: lining-nums
}

.action-btn.referral:after {
    background: url(../images/btn-referral-icon-41a5b02c.png) no-repeat
}

.right-section {
    display: flex;
    flex-direction: column;
    align-items: center
}

.slider-news-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    color: #fbf2e3;
    overflow: hidden
}

.slider {
    width: 502px;
    height: 337px;
    position: relative;
    border-radius: 30px 0 0 30px;
    overflow: hidden
}

.slider img {
    width: 100%;
    display: block
}

.slider-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer
}

.carousel-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 1s ease-in-out;
    z-index: 1
}

.carousel-item.active {
    opacity: 1;
    z-index: 2
}

.arrow-left,
.arrow-right {
    font-size: 20px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
    cursor: pointer
}

.arrow-left {
    left: 10px
}

.arrow-right {
    right: 10px
}

.carousel-caption {
    position: absolute;
    padding: 25px 0;
    text-align: center;
    display: block;
    color: #fbf2e3;
    background-color: #160d07c7;
    font-size: 16px;
    right: 0;
    left: 0;
    bottom: 0
}

.ph-caret-left {
    left: 10px
}

.ph-caret-right {
    right: 10px
}

.news {
    width: 330px;
    background-color: #261d15;
    height: 337px;
    border-radius: 0 30px 30px 0;
    overflow: hidden
}

.news .title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 16px;
    padding: 22px 10px;
    border-bottom: 1px solid #53473a;
    margin-left: 17px;
    margin-right: 17px;
    margin-bottom: 10px
}

.news .title i {
    color: #eda97c;
    cursor: pointer
}

.news-list {
    list-style: none;
    padding: 0
}

.news-list li {
    display: flex;
    justify-content: space-between;
    padding: 17px;
    cursor: pointer;
    background-color: transparent;
    transition: background-color .3s ease
}

.news-list li:hover {
    background-color: #201811
}

.news-text {
    font-size: 14px;
    font-variant-numeric: lining-nums
}

.date {
    font-size: 12px;
    color: #94715a;
    font-variant-numeric: lining-nums
}

.right-section .mid-content {
    max-width: 832px;
    width: 100%;
    position: relative;
    color: #fbf2e3;
    background-color: #261d15;
    border-radius: 30px;
    margin: 15px 0;
    padding: 30px
}

.right-section>div {
    max-width: 832px;
    width: 100%
}

.right-section .mid-content.register,
.right-section .mid-content.download {
    min-width: 832px;
    overflow: hidden;
}

@media (max-width: 991px) {

    .right-section .mid-content.register,
    .right-section .mid-content.download {
        min-width: 100%
    }
}

.requirements-list {
    list-style: none;
    padding-left: 0;
    margin-top: .5rem;
    font-size: 12px
}

.requirements-list li {
    display: flex;
    align-items: center;
    margin-bottom: .25rem
}

.requirements-list li i {
    margin-right: .5rem
}

.text-success {
    color: #28a745
}

.text-danger {
    color: #dc3545
}

.right-section .mid-content .title {
    position: relative;
    color: #efd3bc;
    border-bottom: 1px solid #5a4230;
    padding-bottom: 15px;
    padding-left: 47px;
    margin-bottom: 20px;
    display: flex;
    align-items: center
}

.right-section .mid-content .title:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 33px;
    height: 22px;
    background: url(../images/icon-content-de7b520a.png) no-repeat
}

.right-section .mid-content.forum .title {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.right-section .mid-content.forum .title a {
    color: #efd3bc;
    font-size: 16px
}

.right-section .mid-content.forum .title .top-button {
    float: right
}

.right-section .mid-content.forum .title .top-button .btn {
    padding: 7px
}

.right-section .mid-content.forum .title:after {
    background: url(../images/icon-forum-4ab50850.png) no-repeat
}

.right-section .mid-content.forum .title i {
    color: #cd8557;
    font-size: 12px;
    margin-top: 2px;
    margin-left: 3px;
    margin-right: 3px
}

.right-section .mid-content .inside {
    color: #efd3bc
}

.right-section .mid-content.register:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 146px;
    height: 100%;
    background: url(../images/content-decoration-c55a3867.png) no-repeat;
    background-size: cover
}

.right-section .mid-content.register.easter:after {
    background: url(../images/content-decoration-easter-3d8a452f.png) no-repeat;
    background-size: cover
}

.right-section .mid-content.register.beginner_event:after {
    background: url(../images/content-decoration-beginner-f0e8b00c.png) no-repeat;
    background-size: cover
}

.form-group {
    margin-bottom: 15px
}

.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%
}

.mb-3 {
    margin-bottom: 1rem !important
}

.input-group-text {
    display: flex;
    align-items: center;
    padding: .375rem .75rem;
    font-size: 16px;
    color: #fbf2e3;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    white-space: nowrap;
    background: rgb(65, 92, 82);
    background: linear-gradient(90deg, rgba(65, 92, 82, 1) 0%, rgba(85, 119, 107, 1) 100%);
    border: 1px solid transparent;
    border-radius: 10px
}

.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: -1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),
.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.form-control,
.input-group>.form-select {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0
}

.input-group .form-control,
.input-group-btn .btn {
    border-radius: 0 10px 10px 0 !important
}

.input-group .form-control.search {
    border-radius: 10px 0 0 10px !important
}

.input-group .btn i {
    margin-left: 0;
    transition: all .3s ease
}

.input-group .btn:hover i {
    margin-left: 0
}

.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: #453526;
    background-color: #fbf2e3;
    background-clip: padding-box;
    border: 1px solid #fbf2e3;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 10px
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
    border-color: #e55959;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U1NTk1OSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMjgsMjRBMTA0LDEwNCwwLDEsMCwyMzIsMTI4LDEwNC4xMSwxMDQuMTEsMCwwLDAsMTI4LDI0Wm0wLDE5MmE4OCw4OCwwLDEsMSw4OC04OEE4OC4xLDg4LjEsMCwwLDEsMTI4LDIxNlptLTgtODBWODBhOCw4LDAsMCwxLDE2LDB2NTZhOCw4LDAsMCwxLTE2LDBabTIwLDM2YTEyLDEyLDAsMSwxLTEyLTEyQTEyLDEyLDAsMCwxLDE0MCwxNzJaIiBmaWxsPSIjZTU1OTU5Ii8+PC9zdmc+);
    padding-right: calc(1.5em + .75rem);
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.is-invalid~.invalid-feedback,
.is-invalid~.invalid-tooltip,
.was-validated :invalid~.invalid-feedback,
.was-validated :invalid~.invalid-tooltip {
    display: block
}

.form-control.select {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0iIzQ1MzUyNiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTMuNjYsMTAxLjY2bC04MCw4MGE4LDgsMCwwLDEtMTEuMzIsMGwtODAtODBBOCw4LDAsMCwxLDUzLjY2LDkwLjM0TDEyOCwxNjQuNjlsNzQuMzQtNzQuMzVhOCw4LDAsMCwxLDExLjMyLDExLjMyWiI+PC9wYXRoPjwvc3ZnPg==);
    background-repeat: no-repeat;
    background-position: right .7rem top 50%;
    background-size: .65rem auto
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: #e55959
}

::-moz-placeholder {
    color: #453526
}

::placeholder {
    color: #453526
}

.text-warning {
    width: 100%;
    margin-top: 3px;
    font-size: 12px;
    color: #9b7e65 !important
}

.reg-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap
}

.checkbox-container {
    display: flex;
    align-items: center;
    margin-bottom: 20px
}

.checkbox-label {
    font-size: 14px;
    margin-left: 5px;
    color: #fbf2e3
}

input[type=checkbox] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #9b7e65;
    width: 17px;
    height: 17px;
    border-radius: 5px;
    cursor: pointer;
    position: relative;
    outline: none;
    transition: background-color .3s ease
}

input[type=checkbox]:checked {
    background-color: #415c53
}

input[type=checkbox]:after {
    content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgZmlsbD0iI2ZiZjJlMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzIuNDksODAuNDlsLTEyOCwxMjhhMTIsMTIsMCwwLDEtMTcsMGwtNTYtNTZhMTIsMTIsMCwxLDEsMTctMTdMOTYsMTgzLDIxNS41MSw2My41MWExMiwxMiwwLDAsMSwxNywxN1oiPjwvcGF0aD48L3N2Zz4=);
    width: 12px;
    height: 12px;
    position: absolute;
    top: 52%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    color: #fbf2e3;
    font-size: 11px;
    transition: transform .2s ease;
    opacity: 0
}

input[type=checkbox]:checked:after {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1
}

.btn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    color: #fbf2e3;
    padding: 15px;
    background: rgb(65, 92, 82);
    background: linear-gradient(90deg, rgba(65, 92, 82, 1) 0%, rgba(85, 119, 107, 1) 100%);
    border: 1px solid #6f9386;
    border-radius: 10px;
    transition: all .3s ease
}

.btn.disabled,
.btn:disabled,
.btn[disabled] {
    background: #5c5c5c;
    background: linear-gradient(90deg, #5c5c5c 0%, #777777 100%);
    border: 1px solid #8c8c8c;
    cursor: not-allowed
}

.title .btn.sm {
    margin-right: 15px
}

.btn.sm {
    max-width: 150px;
    padding: 7px;
    text-align: center;
    justify-content: center
}

.btn:hover:not([disabled]) {
    filter: brightness(130%);
    background: linear-gradient(90deg, rgba(85, 119, 107, 1) 0%, rgba(65, 92, 82, 1) 100%)
}

.btn i {
    margin-left: 25px;
    transition: all .3s ease
}

.button-group {
    display: flex;
    align-items: center
}

.btn.hwid i,
.btn.hwid:hover i {
    margin-left: 0
}

.btn:hover i {
    margin-left: 35px
}

.btn-link {
    display: block;
    font-size: 16px;
    font-weight: 700;
    color: #63897d;
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
    transition: all .3s ease;
    position: relative;
    width: auto;
    z-index: 1;
    cursor: pointer;
    text-align: center;
    text-transform: capitalize
}

.btn-link:hover {
    background: none
}

.alert {
    font-size: 14px;
    position: relative;
    padding: 1rem;
    margin-bottom: 1rem;
    margin-top: 1rem;
    border: 1px solid transparent;
    border-radius: 10px;
    color: #fbf2e3
}

.alert-warning {
    background-color: #72603f;
    border-color: #987f50
}

.alert-info {
    background-color: #3e5857;
    border-color: #6f938d
}

.alert-danger {
    background-color: #5b2f2f;
    border-color: #a66161
}

.relative {
    position: relative
}

.d-flex {
    display: flex
}

.justify-content-end {
    justify-content: flex-end
}

.justify-center {
    justify-content: center
}

.justify-content-spaceb {
    justify-content: space-between
}

.dropdown {
    position: absolute;
    z-index: 1011;
    min-width: 150px;
    top: 30px;
    padding: 14px;
    right: 0;
    color: #4b3d32;
    list-style: none;
    background-color: #fbf2e3;
    border-radius: 15px;
    box-shadow: 0 0 23px -10px #000000bf
}

.dropdown li {
    margin-right: 0
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1rem;
    clear: both;
    font-weight: 400;
    color: #4b3d32;
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    transition: all .3s ease
}

.dropdown-item:focus,
.dropdown-item:hover {
    background-color: #ece4d6
}

.ranking-base {
    background-color: #392c20;
    width: 100%;
    border-radius: 15px
}

.ranking-base.support {
    padding: 15px
}

.ranking-base.support .form-group .form-control {
    margin-right: 10px
}

.ranking-base.support .form-group .form-control:last-child {
    margin-right: 0
}

.card-body.support {
    max-height: 400px;
    overflow-y: auto;
    border-radius: 15px;
    scrollbar-width: thin;
    scrollbar-color: #fbf2e3 transparent
}

.supp-message {
    max-width: 60%;
    padding: 10px;
    border-radius: 10px;
    border: 1px solid #71583e;
    color: #fbf2e3;
    margin: 10px 0;
    background-color: #58432d;
    position: relative
}

.supp-message .btn {
    margin-top: 5px
}

.message-left {
    align-self: flex-start;
    margin-right: auto
}

.message-right {
    align-self: flex-end;
    margin-left: auto
}

.profile-pic {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    top: 5px
}

.message-left {
    padding-left: 45px;
    position: relative
}

.message-right {
    padding-right: 45px;
    position: relative
}

.message-left .profile-pic {
    left: 5px
}

.message-right .profile-pic {
    right: 5px
}

.supp-message.admin {
    box-shadow: inset 0 0 11px #997f4db3;
    border-color: #74623e
}

.profile-pic-left {
    left: 10px
}

.profile-pic-right {
    right: 10px
}

.input-container {
    display: flex;
    align-items: center;
    margin-top: 20px;
    position: relative
}

.message-input {
    flex: 1;
    border-radius: 10px
}

.message-input:focus {
    border-color: #b9b29f;
    outline: 0;
    box-shadow: none
}

.profile-pic-left {
    background-image: url(../images/supp-admin-3c76fa16.jpg);
    background-size: cover;
    background-position: center
}

.profile-pic-right {
    background-image: url(../images/supp-user-a097c346.jpg);
    background-size: cover;
    background-position: center
}

.message-input {
    transition: all .5s ease
}

textarea.message-input {
    transition: all 0s ease
}

@media (max-width: 768px) {
    .supp-message {
        max-width: 80%
    }
}

.form-group.inputs {
    display: flex;
    justify-content: center
}

.ranking-base .ranking-head {
    padding: 10px;
    background-color: #392c20;
    border-radius: 15px
}

.form-control.ranking-search {
    width: 30%
}

.form-control.ranking-select {
    width: 30%;
    position: relative
}

.ranking-main {
    width: 100%;
    color: #958779;
    overflow: auto
}

.rankings .ranking-main {
    height: 783px;
    scrollbar-width: thin;
    scrollbar-color: #888 transparent
}

.download .ranking-main {
    border-radius: 15px
}

.ranking-base thead {
    background-color: #4e3a27;
    color: #958779
}

.ranking-base h2 {
    color: #9a755a;
    font-size: 20px;
    padding: .75rem
}

.ranking-base .table thead th,
.ranking-base .table td,
.table th {
    border-bottom: none;
    border-top: none;
    text-align: center
}

.ranking-base .table td .btn {
    margin: 0 auto
}

.ranking-base tr:nth-child(2n) {
    background-color: #0000001a
}

.ranking-base .table {
    color: #958779;
    font-weight: 500
}

.ranking-base .ranking-bottom {
    background-color: #4e3a27;
    padding: 10px;
    border-radius: 0 0 15px 15px
}

dl,
ol,
ul {
    margin-top: 0;
    margin-bottom: 0
}

.ranking-base img {
    width: auto !important
}

.ranking-base table td,
.ranking-base table th {
    padding: .75rem
}

.ranking-base .btn.players {
    outline: 1px solid transparent;
    border: 1px solid transparent;
    background: none;
    color: #958779;
    position: relative;
    padding: 0;
    width: auto;
    z-index: 1;
    cursor: pointer;
    text-align: center;
    text-transform: capitalize;
    font-weight: 600;
    font-size: 16px;
    border-radius: 0
}

.pagination {
    display: flex;
    list-style: none;
    padding-left: 0;
    justify-content: center;
    align-items: center
}

.page-item {
    margin: 0 5px
}

.page-item.active .page-link {
    background-color: #466358;
    border-color: #6f9386;
    color: #fff
}

.page-link {
    color: #453526;
    background-color: #fbf2e3;
    border: 1px solid #dfd7cb;
    border-radius: .25rem;
    padding: .5rem;
    cursor: pointer
}

.page-item.disabled .page-link {
    color: #6c757d;
    background-color: #fff;
    border-color: #dee2e6;
    cursor: not-allowed
}

@media (max-width: 767px) {
    .d-none.d-md-block {
        display: none !important
    }
}

footer {
    text-align: center;
    color: #fbf2e3;
    padding: 40px 0;
    background: #908477;
    font-size: 12px
}

.dark footer {
    color: #ccb199;
    background: #47382b
}

.footer-icons {
    margin-bottom: 40px
}

.footer-icon {
    display: inline-block;
    margin: 0 15px;
    width: 48px;
    height: 48px;
    transition: transform .3s ease
}

.footer-icon.epvp {
    background: url(../images/footer-epvp.png) no-repeat
}

.footer-icon.m2dl {
    background: url(../images/footer-m2dl.png) no-repeat
}

.footer-icon.inforge {
    background: url(../images/footer-inforge.png) no-repeat
}

.footer-icon.toplist {
    background: url(../images/footer-toplist.png) no-repeat
}

.footer-icon:hover {
    transform: scale(1.1)
}

.footer-links a {
    margin: 0 10px;
    color: inherit;
    text-decoration: none;
    transition: color .3s ease
}

.footer-links a:hover {
    color: #c9bbae
}

.footer-copy {
    margin-top: 35px
}

.social-sidebar {
    left: 0;
    position: fixed;
    z-index: 1040;
    top: 30%;
    list-style: none
}

.social-sidebar a:first-child {
    border-top-right-radius: 8px
}

.social-sidebar a:last-child {
    border-bottom-right-radius: 8px
}

.social-sidebar a {
    background: #261d15;
    color: #e0b79e !important;
    text-decoration: none;
    display: block;
    height: 50px;
    width: 50px;
    font-size: 24px;
    line-height: 50px;
    position: relative;
    text-align: center;
    cursor: pointer
}

.social-sidebar a:hover span {
    left: 120%;
    opacity: 1
}

.social-sidebar a span {
    font-family: Raleway, sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    border-radius: 3px;
    line-height: 24px;
    left: -100%;
    margin-top: -16px;
    opacity: 0;
    padding: 4px 8px;
    position: absolute;
    transition: opacity .3s, left .4s;
    top: 50%;
    z-index: -1
}

.social-sidebar a span:before {
    content: "";
    display: block;
    height: 8px;
    width: 8px;
    left: -4px;
    margin-top: -4px;
    position: absolute;
    top: 50%;
    transform: rotate(45deg)
}

.social-sidebar a[class*=house]:hover,
.social-sidebar a[class*=house] span,
.social-sidebar a[class*=house] span:before {
    background: #68513b
}

.social-sidebar a[class*=discord]:hover,
.social-sidebar a[class*=discord] span,
.social-sidebar a[class*=discord] span:before {
    background: #3b4d68
}

.social-sidebar a[class*=facebook]:hover,
.social-sidebar a[class*=facebook] span,
.social-sidebar a[class*=facebook] span:before {
    background: #3b5768
}

.social-sidebar a[class*=instagram]:hover,
.social-sidebar a[class*=instagram] span,
.social-sidebar a[class*=instagram] span:before {
    background: #68493b
}

.social-sidebar a[class*=newspaper]:hover,
.social-sidebar a[class*=newspaper] span,
.social-sidebar a[class*=newspaper] span:before {
    background: #685e3b
}

.social-sidebar a[class*=headset]:hover,
.social-sidebar a[class*=headset] span,
.social-sidebar a[class*=headset] span:before {
    background: #52683b
}

.social-sidebar a[class*=tiktok]:hover,
.social-sidebar a[class*=tiktok] span,
.social-sidebar a[class*=tiktok] span:before {
    background: #443747
}

.modal {
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: auto;
    top: 20%;
    z-index: 2061;
    transition: height 0s ease-out 1s
}

.modal.cookie {
    top: 80%;
    left: 0;
    margin: 10px
}

.modal-content {
    background-color: #261d15;
    border: 1px solid #5a4230;
    margin: auto;
    padding: 0;
    border-radius: 15px;
    max-width: 500px;
    min-width: 300px;
    min-height: 200px;
    box-shadow: 0 4px 8px #0003;
    transition: opacity .2s ease, transform .2s ease;
    opacity: 1;
    transform: scale(1)
}

.modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 16px;
    border-radius: 15px;
    background-color: #31261b;
    color: #efd3bc;
    border-bottom: 1px solid #745740
}

.modal-header .close {
    font-size: 30px
}

.modal-body {
    padding: 15px;
    font-size: 14px;
    color: #efd3bc
}

.modal-footer {
    display: flex;
    justify-content: space-between;
    padding: 15px
}

.no-padding {
    padding: 0
}

[x-cloak] {
    display: none !important
}

.overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 2050;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .5);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px)
}

.infoModal ul {
    list-style: none;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.infoModal ul li {
    font-size: 14px;
    height: 38px;
    line-height: 38px;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    background-color: #392c20
}

.infoModal ul li.dark {
    background-color: #2f251b
}

.infoModal ul li i {
    font-size: 14px;
    margin-right: 10px
}

.infoModal ul li span {
    margin-left: 5px;
    font-size: 10px
}

.tooltip-container {
    position: relative;
    display: inline-block;
    cursor: pointer
}

.tooltip {
    position: absolute;
    background-color: #33281d;
    color: #e1c7af;
    border: 1px solid #5a4230;
    border-radius: 15px;
    padding: 8px 15px;
    z-index: 100;
    opacity: 0;
    transition: opacity .3s;
    visibility: hidden;
    font-size: 14px;
    white-space: nowrap
}

.tooltip.top {
    bottom: 100%;
    left: 50%;
    transform: translate(-50%)
}

.tooltip.right {
    top: 50%;
    left: 100%;
    transform: translateY(-50%)
}

.tooltip.bottom {
    top: 100%;
    left: 50%;
    transform: translate(-50%)
}

.tooltip.left {
    top: 50%;
    right: 100%;
    transform: translateY(-50%)
}

.tooltip-container:hover .tooltip {
    opacity: 1;
    visibility: visible
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #483829;
    background-clip: border-box;
    border: 1px solid #5a4230;
    border-radius: 15px;
    margin-bottom: 10px
}

.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: #00000008;
    color: #7b7565;
    border-bottom: 1px solid rgba(0, 0, 0, .125)
}

.card-header h5 {
    color: #9e795f;
    font-size: 16px
}

.card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}

.card-body {
    flex: 1 1 auto;
    padding: 1.25rem;
    border-radius: 0 0 15px 15px;
    background-color: #33281d
}

.card-body>.refer-base:not(:last-child) {
    margin-bottom: 10px
}

.refer-base {
    background-color: #463628;
    padding: 15px;
    border-radius: 10px;
    border: 1px solid #6c523a;
    margin-bottom: 10px
}

.refer-base.promoter {
    background-color: #4d3e1f;
    border: 1px solid #78652b;
    color: #cbb487
}

.refer-base .refer-wrap {
    display: flex
}

.refer-base .refer-wrap .refer-top {
    width: 100%;
    height: 28px;
    display: flex;
    align-items: center
}

.refer-base .refer-wrap .refer-top .info-bg {
    background-color: #32261b;
    padding: 8px;
    color: #d1b49b;
    font-size: 14px;
    border-radius: 10px;
    margin-right: 10px
}

.refer-base .refer-wrap .refer-top .info-bg i {
    font-size: 12px;
    color: #d1b49b;
    margin-right: 5px
}

.refer-base .refer-wrap .refer-top .info-bg i.ph-star {
    color: #ac8945
}

.refer-base .refer-wrap .refer-mid {
    width: 100%;
    height: 40px;
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.refer-base.promoter .refer-wrap .refer-mid,
.mid-content.register .refer-mid {
    justify-content: space-between
}

.refer-base .refer-bot {
    width: 100%;
    height: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.refer-base .refer-bot .progress-bar {
    background-color: #4e6d62
}

.refer-base.claimed {
    position: relative;
    pointer-events: none
}

.refer-base.claimed:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    z-index: 1
}

.refer-base.claimed * {
    pointer-events: none
}

.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #007bff;
    transition: width .6s ease
}

.progress {
    display: flex;
    height: 1rem;
    overflow: hidden;
    font-size: .75rem;
    background-color: #fbf2e3;
    border-radius: .25rem
}

.file-upload {
    position: relative;
    display: inline-block
}

.file-upload__label {
    display: block;
    padding: 1em 2em;
    color: #fff;
    font-size: 14px;
    background: rgb(138, 123, 77);
    background: linear-gradient(90deg, #72603f 0%, #907950 100%);
    border-radius: 10px;
    border: 1px solid #987f50;
    transition: all .3s ease
}

.file-upload__label:hover {
    cursor: pointer;
    filter: brightness(130%);
    background: linear-gradient(90deg, #907950 0%, #72603f 100%)
}

.file-upload__input {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    font-size: 1;
    width: 0;
    height: 100%;
    opacity: 0
}

.flex-wrap {
    flex-wrap: wrap
}

.align-items-center {
    align-items: center
}

.justify-content-between {
    justify-content: space-between
}

.mr-10 {
    margin-right: 10px
}

.img-fluid {
    max-width: 100%;
    height: auto
}

.mb-2 {
    margin-bottom: 15px
}

.d-inline {
    display: inline !important
}

@media (max-width: 768px) {
    .slider-news-container {
        flex-direction: column
    }

    .slider,
    .news,
    .slider-news-container {
        width: 100% !important;
        margin-top: 20px;
        margin-bottom: 20px
    }

    .content-container {
        flex-direction: column;
        align-items: center
    }

    .left-section,
    .right-section {
        flex: none;
        width: 100%
    }

    .statistics-container {
        justify-content: space-around
    }

    .statistic {
        margin-right: 0;
        margin-bottom: 20px;
        flex: 0 0 calc(50% - 65px)
    }

    .statistic:nth-child(2n) {
        margin-right: 0
    }

    .leaderboard,
    .news,
    .slider,
    .mid-content {
        border-radius: 0 !important
    }

    .navbar-brand {
        margin-right: 0
    }
}

@media (max-width: 960px) {
    .hamburger {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 50px;
        height: 50px;
        background-color: #5a4230;
        border-radius: 10px;
        text-align: center;
        line-height: 50px;
        color: #cd9d73;
        font-size: 24px;
        transition: all .3s ease
    }

    .dark .hamburger {
        background-color: #402f22
    }

    .hamburger:hover {
        background-color: #785840
    }

    .nav-links {
        display: block;
        flex-direction: column;
        width: 100%;
        position: absolute;
        top: 120px;
        left: 0;
        background-color: var(--light-element-color);
        z-index: 10;
        max-height: 0;
        overflow: hidden;
        transition: max-height .5s ease
    }

    .nav-links li {
        text-align: center;
        padding: 10px 0;
        margin-right: 0;
        margin-bottom: 20px
    }

    .btn-login {
        margin-top: 10px
    }

    .right-section .mid-content.register:after {
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        width: auto;
        height: auto;
        background: none
    }

    .right-section .mid-content.register {
        padding: 30px
    }

    .statistic {
        margin-right: 20px
    }
}

@media (max-width: 1198px) {
    .slider {
        width: 300px
    }

    .slider img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center
    }
}

@media (max-width: 1220px) {
    .left-section .leaderboard {
        min-width: auto
    }
}

@media (max-width: 996px) {
    .news {
        width: 250px
    }
}

@media (max-width: 915px) {

    .news,
    .slider {
        width: 450px;
        border-radius: 30px;
        margin-bottom: 15px
    }
}

@media (max-width: 590px) {
    .bg-top .logo {
        width: 100%
    }

    .bg-top {
        height: 370px
    }

    .action-btn {
        display: none
    }
}

@media (max-width: 485px) {
    .bg-top .download {
        width: 100%
    }

    .ranking-base.support .form-group .form-control {
        margin-right: 0;
        margin-bottom: 10px
    }

    .ranking-base.support .form-group.inputs {
        flex-wrap: wrap
    }
}

#nprogress .bar {
    background: #908477 !important
}

body.landing .content-container {
    display: block
}

body.landing .bg-top {
    background-position-y: 0px
}

body.landing .bg-top .logo {
    top: 0
}

body.landing .right-section {
    margin-top: 120px
}

.topic-base {
    display: flex;
    align-items: center;
    padding: 10px;
    background-color: #493727;
    border-radius: 7px;
    margin-bottom: 5px;
    transition: background-color .3s
}

.topic-base.light {
    background-color: #4f3b28
}

.topic-base.pinned {
    background-color: #4f3128
}

.category-icon {
    display: flex;
    align-items: center;
    justify-content: center
}

.category-icon i {
    font-size: 24px;
    color: #cca97e;
    margin-right: 15px;
    width: 35px
}

.topic-base .details {
    flex-grow: 1
}

.topic-base .details .topic-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 200px;
    margin-bottom: 5px
}

.topic-base .details .stats {
    color: #dac0a3;
    font-size: 12px;
    line-height: 1.2;
    font-variant-numeric: lining-nums
}

.topic-base .right {
    text-align: right;
    width: 110px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.topic-base .right .name {
    color: #e7c397
}

.topic-base .right span {
    display: block;
    color: #bea98e;
    font-size: 12px
}

.topic-base .details .views {
    width: 60px;
    line-height: 1.2;
    font-variant-numeric: lining-nums;
    font-size: 13px
}

.topic-base .top {
    margin-bottom: 13px
}

.topic-base.post {
    display: block
}

.topic-base.post .author {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.topic-base.post .author i {
    margin-right: 10px;
    font-size: 20px;
    color: #b68e74
}

.topic-base.post .author b {
    display: flex;
    align-items: center
}

.topic-base.post .author .date {
    font-size: 12px;
    color: #b68e74;
    margin-left: 30px
}

.topic-base.post .content {
    padding: 10px;
    border-radius: 10px;
    background-color: #0000004d
}

.topic-base.post .content ul,
.topic-base.post .content ol {
    margin-left: 30px
}

.topic-base.post .content blockquote {
    border-left: 3px solid #785a3d;
    background-color: #0000004d;
    padding: 10px
}

.right-section .mid-content .inside .ck {
    color: #000
}

.topic-base.post .content table thead th,
.topic-base.post .content table td {
    border-bottom: none;
    border-top: none;
    text-align: center;
    padding: 10px
}

.topic-base.post .content table td .btn {
    margin: 0 auto
}

.topic-base.post .content table tr:nth-child(2n) {
    background-color: #0000001a
}

.topic-base.post .content table {
    width: 100%;
    color: #958779;
    font-weight: 500
}

.topic-base.post .content table thead {
    background-color: #5b432c;
    color: #958779
}

.topic-base.post .content h1,
h2,
h3,
h4,
h5 {
    color: #c99766
}

.topic-base.post .content .image img {
    width: 100%
}

.presentation {
    background: #000 url(../images/presentation_bg-1a918c31.jpg) repeat-y center center fixed;
    background-size: cover
}

.presentation .languagepicker {
    top: 0
}

.presentation .presentation-gallery {
    display: flex;
    flex-direction: column;
    width: 750px;
    margin: 0 auto;
    padding: 0
}

.presentation .image-group {
    display: flex;
    gap: 0;
    margin: 0;
    padding: 0;
    width: 100%
}

.presentation .presentation-image {
    display: block;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    border: 0
}

.text-danger {
    color: #d96a6a;
    margin-left: 3px
}

#bg-video {
    position: absolute;
    top: 40px;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.xmas #bg-video {
    top: 120px
}

@media screen and (max-width: 790px) {
    #bg-video {
        visibility: hidden
    }
}

.referral-stats {
    display: flex;
    gap: 1rem;
    margin-bottom: 2rem;
    flex-wrap: wrap
}

.referral-stats .stat-card {
    flex: 1;
    min-width: 240px;
    background: var(--light-element-color);
    border-radius: 12px;
    padding: 1.5rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    transition: all .2s ease
}

.referral-stats .stat-card:only-child {
    width: 100%;
    margin: 0 auto;
    flex: 0 1 auto
}

.referral-stats .stat-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px #0000001a
}

.referral-stats .stat-icon {
    background: linear-gradient(135deg, #74a79e 0%, #478a81 100%);
    width: 48px;
    height: 48px;
    min-width: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform .2s ease
}

.referral-stats .stat-card:hover .stat-icon {
    transform: scale(1.05)
}

.referral-stats .stat-icon i {
    font-size: 24px;
    color: #fff
}

.referral-stats .stat-content {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 0
}

.referral-stats .stat-label {
    color: var(--nav-text-color);
    font-size: .9rem;
    opacity: .8;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.referral-stats .stat-value {
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--nav-text-color);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@media (max-width: 768px) {
    .referral-stats {
        flex-direction: column;
        gap: .75rem
    }

    .referral-stats .stat-card {
        width: 100%;
        min-width: unset
    }

    .referral-stats .stat-card:only-child {
        max-width: 100%
    }

    .referral-stats .stat-value {
        font-size: 1.25rem
    }
}

.referral-stats .commission-period {
    font-size: .75rem;
    opacity: .7;
    display: inline-block;
    margin-left: .25rem
}

@media (max-width: 768px) {
    .referral-stats .commission-period {
        display: block;
        margin-left: 0
    }
}

.referral-info-section {
    margin: 2rem 0 3rem;
    padding: 2rem;
    background: #33281d;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 12px;
    box-shadow: 0 4px 12px #0003
}

.referral-info-section .info-text {
    margin-bottom: 2rem;
    line-height: 1.6;
    color: #c4b7a3
}

.referral-info-section .info-text p {
    margin-bottom: 1rem
}

.referral-info-section .tier-cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1.5rem;
    margin-top: 2rem
}

.referral-info-section .tier-card {
    background: linear-gradient(145deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .02));
    border: 1px solid rgba(255, 255, 255, .07);
    border-radius: 12px;
    padding: 1.5rem;
    transition: all .2s ease
}

.referral-info-section .tier-card:hover {
    transform: translateY(-2px);
    border-color: #ffffff1a;
    box-shadow: 0 4px 20px #0000004d
}

.referral-info-section .tier-header {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, .07)
}

.referral-info-section .tier-header i {
    font-size: 1.5rem;
    color: #74a79e
}

.referral-info-section .tier-header h3 {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: #e6d5b8
}

.referral-info-section .requirement {
    display: flex;
    align-items: center;
    gap: .75rem;
    margin-bottom: 1rem;
    color: #c4b7a3
}

.referral-info-section .requirement i {
    color: #74a79e
}

.referral-info-section .req-label {
    opacity: .8
}

.referral-info-section .req-value {
    font-weight: 500;
    margin-left: auto;
    color: #e6d5b8
}

.referral-info-section .tier-reward {
    margin-top: 1.5rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(255, 255, 255, .07);
    display: flex;
    align-items: center;
    gap: .75rem
}

.referral-info-section .tier-reward i {
    color: #74a79e;
    font-size: 1.25rem
}

.referral-info-section .reward-value {
    font-size: 1.25rem;
    font-weight: 600;
    color: #e6d5b8;
    text-shadow: 0 2px 4px rgba(0, 0, 0, .2)
}

.referral-info-section .info-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.referral-info-section .info-header:hover {
    opacity: .9
}

.referral-info-section .info-title {
    display: flex;
    align-items: center;
    gap: .75rem
}

.referral-info-section .info-title i {
    font-size: 1.5rem;
    color: #74a79e
}

.referral-info-section .info-title h2 {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: #e6d5b8
}

.referral-info-section .info-header>i {
    font-size: 1.25rem;
    color: #74a79e;
    transition: transform .2s ease
}

.referral-info-section .info-header:hover>i {
    transform: translateY(2px)
}

.referral-info-section .info-text {
    margin-top: 1rem
}

.referral-info-section .tier-card:hover .tier-header i,
.referral-info-section .tier-card:hover .requirement i,
.referral-info-section .tier-card:hover .tier-reward i {
    transform: scale(1.1);
    transition: transform .2s ease
}

@media (max-width: 768px) {
    .referral-info-section {
        padding: 1.5rem;
        margin: 1.5rem 0 2.5rem
    }

    .referral-info-section .tier-cards {
        grid-template-columns: 1fr
    }

    .referral-info-section .tier-card {
        padding: 1.25rem
    }

    .referral-info-section .tier-header h3,
    .referral-info-section .reward-value {
        font-size: 1.1rem
    }
}

.referral-info-section .info-title .user-count {
    background: rgba(212, 175, 55, .2);
    color: #9fdfd3;
    padding: .2rem .6rem;
    border-radius: 6px;
    font-size: .9rem;
    margin-left: .5rem
}

.users-list {
    margin-top: 1.5rem
}

.header-actions {
    display: flex;
    align-items: center;
    gap: 1rem
}

.claim-all-btn {
    display: flex;
    align-items: center;
    gap: .5rem;
    background: linear-gradient(135deg, #d4af37 0%, #aa8c2c 100%);
    border: none;
    color: #33281d;
    padding: .5rem 1rem;
    border-radius: 6px;
    font-weight: 500;
    transition: all .2s ease;
    font-size: .9rem
}

.claim-all-btn:hover:not(:disabled) {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px #d4af374d
}

.claim-all-btn:disabled {
    opacity: .7;
    cursor: not-allowed
}

.claim-all-btn i {
    font-size: 1.1rem
}

.events-panel {
    width: 360px;
    margin-top: 1.5rem
}

.events-panel .events-board {
    background: linear-gradient(145deg, rgba(51, 40, 29, 1), rgba(41, 32, 23, 1));
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 20px;
    overflow: hidden
}

.events-panel .events-board .title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.5rem;
    background: rgba(0, 0, 0, .2);
    color: #e6d5b8;
    font-size: 16px
}

.events-panel .date-navigator {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .75rem 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, .05)
}

.events-panel .nav-btn {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 6px;
    padding: .5rem;
    color: #d4af37;
    transition: all .2s ease
}

.events-panel .nav-btn:hover:not(:disabled) {
    background: rgba(212, 175, 55, .1);
    border-color: #d4af374d
}

.events-panel .nav-btn:disabled {
    opacity: .5;
    cursor: not-allowed
}

.events-panel .date-display {
    color: #e6d5b8;
    font-weight: 500
}

.events-panel .events-container {
    padding: 1rem;
    min-height: 200px
}

.events-panel .events-list {
    display: flex;
    flex-direction: column;
    gap: .75rem
}

.events-panel .event-item {
    background: rgba(255, 255, 255, .03);
    border: 1px solid rgba(255, 255, 255, .05);
    border-radius: 8px;
    padding: .75rem 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: all .2s ease;
    min-height: 48px
}

.events-panel .event-item:hover {
    background: rgba(255, 255, 255, .05);
    border-color: #ffffff1a
}

.events-panel .bonus-event {
    background: linear-gradient(145deg, rgba(212, 175, 55, .1), rgba(212, 175, 55, .05));
    border-color: #d4af3733
}

.events-panel .event-content {
    flex: 1
}

.events-panel .event-name {
    color: #e6d5b8;
    font-weight: 500;
    margin-bottom: .25rem
}

.events-panel .event-time {
    color: #a39584;
    font-size: .9rem
}

.events-panel .event-icon {
    color: #d4af37;
    font-size: 12px
}

.events-panel .no-events {
    text-align: center;
    color: #a39584;
    padding: 2rem 0
}

.events-panel .fade-enter {
    transition: all .2s ease
}

.events-panel .fade-enter-start {
    opacity: 0;
    transform: translate(10px)
}

.events-panel .fade-enter-end {
    opacity: 1;
    transform: translate(0)
}

@media (max-width: 768px) {
    .events-panel .events-board .title {
        padding: 1rem;
        font-size: 1rem
    }

    .events-panel .events-container {
        padding: .75rem;
        min-height: 250px
    }

    .events-panel .event-item {
        padding: .5rem .75rem
    }

    .events-panel .event-name {
        font-size: .9rem
    }

    .events-panel .event-time {
        font-size: .8rem
    }

    .events-panel .page-nav-btn {
        width: 28px;
        height: 28px
    }

    .events-panel .page-indicator {
        font-size: .8rem
    }
}

.events-panel .page-nav-btn {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 6px;
    padding: .4rem;
    color: #d4af37;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px
}

.events-panel .page-nav-btn:hover:not(:disabled) {
    background: rgba(212, 175, 55, .1);
    border-color: #d4af374d
}

.events-panel .page-nav-btn:disabled {
    opacity: .5;
    cursor: not-allowed
}

.events-panel .events-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    margin-top: 1rem;
    padding-top: .75rem;
    border-top: 1px solid rgba(255, 255, 255, .1)
}

.events-panel .page-indicator {
    color: #a39584;
    font-size: .9rem;
    min-width: 40px;
    text-align: center
}

.events-board .banner {
    position: relative;
    width: 100%;
    height: 100px;
    overflow: hidden
}

.events-board .banner.b-img.beginner_event {
    background: url(../images/beginner-f68cb54a.jpg) no-repeat center center;
    background-size: cover
}

.events-board .banner .b-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, rgba(51, 30, 16, .95) 0%, rgba(51, 30, 16, .7) 100%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 20px
}

.events-board .banner .event-title {
    color: #fbf2e3;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 5px
}

.events-board .banner .event-date {
    color: #efd3bc;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 5px
}

@media (max-width: 768px) {
    .events-board .banner {
        height: 100px
    }

    .events-board .banner .event-title {
        font-size: 16px
    }

    .events-board .banner .event-date {
        font-size: 12px
    }
}

.content figure.media {
    margin: 1em 0
}

.content figure.media>div {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden
}

.content figure.media video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.content>div>video {
    width: 100%;
    max-height: 80vh;
    -o-object-fit: contain;
    object-fit: contain
}

.news-panel {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto
}

.news-panel .title {
    background: #261d15;
    padding: 1.25rem 1.5rem;
    border-radius: 20px;
    margin-bottom: 1.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #efd3bc;
    font-size: 16px;
    margin-top: 20px
}

.news-panel .title.register {
    background: #5f301d;
    color: #efd3bc;
    transition: all .2s ease
}

.news-panel .title.register:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 20px #0003
}

.news-panel .title.register i {
    color: #c7704c
}

.news-panel .title>div {
    display: flex;
    align-items: center;
    gap: .75rem
}

.news-panel .title i {
    color: #4c3a2a;
    font-size: 1.5rem
}

.view-all {
    display: flex;
    align-items: center;
    gap: .5rem;
    color: #eda97c;
    font-size: .9rem;
    transition: all .2s ease
}

.view-all:hover {
    opacity: .8
}

.view-all i {
    color: #eda97c
}

.news-card {
    background: #37291c;
    border-radius: 30px;
    overflow: hidden;
    margin-bottom: 1.5rem;
    transition: all .2s ease;
    border: 1px solid #4c3a2a
}

.news-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 20px #0003;
    border-color: #5c463a
}

.news-card .top {
    padding: 1.25rem 1.5rem;
    background: rgba(0, 0, 0, .2);
    border-bottom: 1px solid #4c3a2a;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.news-card .meta {
    display: flex;
    align-items: center;
    gap: 1.5rem
}

.news-card .date,
.news-card .author {
    display: flex;
    align-items: center;
    gap: .5rem;
    color: #cab098;
    font-size: .9rem
}

.news-card .date i,
.news-card .author i {
    color: #b68e74;
    font-size: 1.1rem
}

.news-card .category {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    color: #bf7659;
    font-size: .85rem;
    background: rgba(191, 118, 89, .1);
    padding: .4rem .8rem;
    border-radius: 6px;
    border: 1px solid rgba(224, 145, 114, .1);
    transition: all .2s ease
}

.news-card .category i {
    color: #bf7659;
    font-size: 1rem
}

.news-card .category:hover {
    background: rgba(116, 167, 158, .15);
    border-color: #74a79e4d
}

.news-card .content {
    padding: 1.75rem;
    position: relative;
    background: #37291c
}

.news-card .news-title {
    color: #efd3bc;
    font-size: 1.4rem;
    font-weight: 600;
    margin-bottom: 1rem;
    line-height: 1.4
}

.news-card .news-excerpt {
    position: relative;
    margin-bottom: 1rem;
    min-height: 100px
}

.news-card .fade-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 4em;
    background: linear-gradient(transparent, #37291c);
    pointer-events: none
}

.news-card .read-more {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    color: #bf7659;
    font-size: .95rem;
    font-weight: 500;
    padding: .6rem 1.2rem;
    border-radius: 6px;
    transition: all .2s ease;
    background: #261d15;
    border: 1px solid #4c3a2a
}

.news-card .read-more:hover {
    background: #1f1711;
    border-color: #5c463a;
    color: #e28f6e
}

.news-card .read-more:hover i {
    transform: translate(4px)
}

.news-card .read-more i {
    transition: transform .2s ease
}

.news-card .news-empty {
    text-align: center;
    padding: 3rem;
    color: #cab098;
    background: #37291c;
    border-radius: 12px;
    border: 1px solid #4c3a2a
}

@media (max-width: 768px) {
    .news-card .top {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem
    }

    .news-card .meta {
        display: grid;
        grid-template-columns: auto 1fr;
        gap: .75rem;
        width: 100%
    }

    .news-card .category {
        grid-column: 1
    }

    .news-card .date {
        grid-column: 2;
        justify-self: end
    }
}

@media (max-width: 500px) {

    .left-section .leaderboard,
    .events-panel .events-board,
    .news-card,
    .news-panel .title {
        width: 100%;
        border-radius: 0
    }
}

.news-card .formatted-content {
    color: #cab098;
    font-size: 1rem;
    line-height: 1.6;
    opacity: .9
}

.news-card .content-limiter {
    max-height: 400px;
    overflow: hidden
}

.news-card .formatted-content p {
    margin-bottom: 1rem
}

.news-card .formatted-content img {
    max-width: 100%;
    height: auto;
    border-radius: 8px
}

.news-card .formatted-content table {
    width: 100%;
    border-collapse: collapse;
    margin: 1rem 0
}

.news-card .formatted-content td,
.news-card .formatted-content th {
    padding: .5rem;
    border: 1px solid #4c3a2a
}

.news-card .formatted-content ul,
.news-card .formatted-content ol {
    margin-left: 1.5rem;
    margin-bottom: 1rem
}

.news-card .formatted-content a {
    color: #74a79e;
    text-decoration: none
}

.news-card .formatted-content a:hover {
    text-decoration: underline
}

.news-card .news-footer {
    display: flex;
    justify-content: flex-end;
    padding-top: .5rem;
    position: relative;
    z-index: 2
}

.swal2-popup.swal2-toast {
    box-sizing: border-box;
    grid-column: 1/4 !important;
    grid-row: 1/4 !important;
    grid-template-columns: min-content auto min-content;
    padding: 1em;
    overflow-y: hidden;
    background: #fff;
    box-shadow: 0 0 1px #00000013, 0 1px 2px #00000013, 1px 2px 4px #00000013, 1px 3px 8px #00000013, 2px 4px 16px #00000013;
    pointer-events: all
}

.swal2-popup.swal2-toast>* {
    grid-column: 2
}

.swal2-popup.swal2-toast .swal2-title {
    margin: .5em 1em;
    padding: 0;
    font-size: 1em;
    text-align: initial
}

.swal2-popup.swal2-toast .swal2-loading {
    justify-content: center
}

.swal2-popup.swal2-toast .swal2-input {
    height: 2em;
    margin: .5em;
    font-size: 1em
}

.swal2-popup.swal2-toast .swal2-validation-message {
    font-size: 1em
}

.swal2-popup.swal2-toast .swal2-footer {
    margin: .5em 0 0;
    padding: .5em 0 0;
    font-size: .8em
}

.swal2-popup.swal2-toast .swal2-close {
    grid-column: 3/3;
    grid-row: 1/99;
    align-self: center;
    width: .8em;
    height: .8em;
    margin: 0;
    font-size: 2em
}

.swal2-popup.swal2-toast .swal2-html-container {
    margin: .5em 1em;
    padding: 0;
    overflow: initial;
    font-size: 1em;
    text-align: initial
}

.swal2-popup.swal2-toast .swal2-html-container:empty {
    padding: 0
}

.swal2-popup.swal2-toast .swal2-loader {
    grid-column: 1;
    grid-row: 1/99;
    align-self: center;
    width: 2em;
    height: 2em;
    margin: .25em
}

.swal2-popup.swal2-toast .swal2-icon {
    grid-column: 1;
    grid-row: 1/99;
    align-self: center;
    width: 2em;
    min-width: 2em;
    height: 2em;
    margin: 0 .5em 0 0
}

.swal2-popup.swal2-toast .swal2-icon .swal2-icon-content {
    display: flex;
    align-items: center;
    font-size: 1.8em;
    font-weight: 700
}

.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring {
    width: 2em;
    height: 2em
}

.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line] {
    top: .875em;
    width: 1.375em
}

.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
    left: .3125em
}

.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
    right: .3125em
}

.swal2-popup.swal2-toast .swal2-actions {
    justify-content: flex-start;
    height: auto;
    margin: .5em 0 0;
    padding: 0 .5em
}

.swal2-popup.swal2-toast .swal2-styled {
    margin: .25em .5em;
    padding: .4em .6em;
    font-size: 1em
}

.swal2-popup.swal2-toast .swal2-success {
    border-color: #a5dc86
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line] {
    position: absolute;
    width: 1.6em;
    height: 3em;
    border-radius: 50%
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left] {
    top: -.8em;
    left: -.5em;
    transform: rotate(-45deg);
    transform-origin: 2em 2em;
    border-radius: 4em 0 0 4em
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right] {
    top: -.25em;
    left: .9375em;
    transform-origin: 0 1.5em;
    border-radius: 0 4em 4em 0
}

.swal2-popup.swal2-toast .swal2-success .swal2-success-ring {
    width: 2em;
    height: 2em
}

.swal2-popup.swal2-toast .swal2-success .swal2-success-fix {
    top: 0;
    left: .4375em;
    width: .4375em;
    height: 2.6875em
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line] {
    height: .3125em
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip] {
    top: 1.125em;
    left: .1875em;
    width: .75em
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long] {
    top: .9375em;
    right: .1875em;
    width: 1.375em
}

.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip {
    animation: swal2-toast-animate-success-line-tip .75s
}

.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long {
    animation: swal2-toast-animate-success-line-long .75s
}

.swal2-popup.swal2-toast.swal2-show {
    animation: swal2-toast-show .5s
}

.swal2-popup.swal2-toast.swal2-hide {
    animation: swal2-toast-hide .1s forwards
}

div:where(.swal2-container) {
    display: grid;
    position: fixed;
    z-index: 1060;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    box-sizing: border-box;
    grid-template-areas: "top-start     top            top-end" "center-start  center         center-end" "bottom-start  bottom-center  bottom-end";
    grid-template-rows: minmax(min-content, auto) minmax(min-content, auto) minmax(min-content, auto);
    height: 100%;
    padding: .625em;
    overflow-x: hidden;
    transition: background-color .1s;
    -webkit-overflow-scrolling: touch
}

div:where(.swal2-container).swal2-backdrop-show,
div:where(.swal2-container).swal2-noanimation {
    background: rgba(0, 0, 0, .4)
}

div:where(.swal2-container).swal2-backdrop-hide {
    background: rgba(0, 0, 0, 0) !important
}

div:where(.swal2-container).swal2-top-start,
div:where(.swal2-container).swal2-center-start,
div:where(.swal2-container).swal2-bottom-start {
    grid-template-columns: minmax(0, 1fr) auto auto
}

div:where(.swal2-container).swal2-top,
div:where(.swal2-container).swal2-center,
div:where(.swal2-container).swal2-bottom {
    grid-template-columns: auto minmax(0, 1fr) auto
}

div:where(.swal2-container).swal2-top-end,
div:where(.swal2-container).swal2-center-end,
div:where(.swal2-container).swal2-bottom-end {
    grid-template-columns: auto auto minmax(0, 1fr)
}

div:where(.swal2-container).swal2-top-start>.swal2-popup {
    align-self: start
}

div:where(.swal2-container).swal2-top>.swal2-popup {
    grid-column: 2;
    place-self: start center
}

div:where(.swal2-container).swal2-top-end>.swal2-popup,
div:where(.swal2-container).swal2-top-right>.swal2-popup {
    grid-column: 3;
    place-self: start end
}

div:where(.swal2-container).swal2-center-start>.swal2-popup,
div:where(.swal2-container).swal2-center-left>.swal2-popup {
    grid-row: 2;
    align-self: center
}

div:where(.swal2-container).swal2-center>.swal2-popup {
    grid-column: 2;
    grid-row: 2;
    place-self: center center
}

div:where(.swal2-container).swal2-center-end>.swal2-popup,
div:where(.swal2-container).swal2-center-right>.swal2-popup {
    grid-column: 3;
    grid-row: 2;
    place-self: center end
}

div:where(.swal2-container).swal2-bottom-start>.swal2-popup,
div:where(.swal2-container).swal2-bottom-left>.swal2-popup {
    grid-column: 1;
    grid-row: 3;
    align-self: end
}

div:where(.swal2-container).swal2-bottom>.swal2-popup {
    grid-column: 2;
    grid-row: 3;
    place-self: end center
}

div:where(.swal2-container).swal2-bottom-end>.swal2-popup,
div:where(.swal2-container).swal2-bottom-right>.swal2-popup {
    grid-column: 3;
    grid-row: 3;
    place-self: end end
}

div:where(.swal2-container).swal2-grow-row>.swal2-popup,
div:where(.swal2-container).swal2-grow-fullscreen>.swal2-popup {
    grid-column: 1/4;
    width: 100%
}

div:where(.swal2-container).swal2-grow-column>.swal2-popup,
div:where(.swal2-container).swal2-grow-fullscreen>.swal2-popup {
    grid-row: 1/4;
    align-self: stretch
}

div:where(.swal2-container).swal2-no-transition {
    transition: none !important
}

div:where(.swal2-container) div:where(.swal2-popup) {
    display: none;
    position: relative;
    box-sizing: border-box;
    grid-template-columns: minmax(0, 100%);
    width: 32em;
    max-width: 100%;
    padding: 0 0 1.25em;
    border: none;
    border-radius: 5px;
    background: #fff;
    color: #545454;
    font-family: inherit;
    font-size: 1rem
}

div:where(.swal2-container) div:where(.swal2-popup):focus {
    outline: none
}

div:where(.swal2-container) div:where(.swal2-popup).swal2-loading {
    overflow-y: hidden
}

div:where(.swal2-container) h2:where(.swal2-title) {
    position: relative;
    max-width: 100%;
    margin: 0;
    padding: .8em 1em 0;
    color: inherit;
    font-size: 1.875em;
    font-weight: 600;
    text-align: center;
    text-transform: none;
    word-wrap: break-word
}

div:where(.swal2-container) div:where(.swal2-actions) {
    display: flex;
    z-index: 1;
    box-sizing: border-box;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: auto;
    margin: 1.25em auto 0;
    padding: 0
}

div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled[disabled] {
    opacity: .4
}

div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled:hover {
    background-image: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1))
}

div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled:active {
    background-image: linear-gradient(rgba(0, 0, 0, .2), rgba(0, 0, 0, .2))
}

div:where(.swal2-container) div:where(.swal2-loader) {
    display: none;
    align-items: center;
    justify-content: center;
    width: 2.2em;
    height: 2.2em;
    margin: 0 1.875em;
    animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
    border-width: .25em;
    border-style: solid;
    border-radius: 100%;
    border-color: #2778c4 rgba(0, 0, 0, 0) #2778c4 rgba(0, 0, 0, 0)
}

div:where(.swal2-container) button:where(.swal2-styled) {
    margin: .3125em;
    padding: .625em 1.1em;
    transition: box-shadow .1s;
    box-shadow: 0 0 0 3px #0000;
    font-weight: 500
}

div:where(.swal2-container) button:where(.swal2-styled):not([disabled]) {
    cursor: pointer
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm {
    border: 0;
    border-radius: .25em;
    background: initial;
    background-color: #7066e0;
    color: #fff;
    font-size: 1em
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm:focus {
    box-shadow: 0 0 0 3px #7066e080
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-deny {
    border: 0;
    border-radius: .25em;
    background: initial;
    background-color: #dc3741;
    color: #fff;
    font-size: 1em
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-deny:focus {
    box-shadow: 0 0 0 3px #dc374180
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-cancel {
    border: 0;
    border-radius: .25em;
    background: initial;
    background-color: #6e7881;
    color: #fff;
    font-size: 1em
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-cancel:focus {
    box-shadow: 0 0 0 3px #6e788180
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-default-outline:focus {
    box-shadow: 0 0 0 3px #6496c880
}

div:where(.swal2-container) button:where(.swal2-styled):focus {
    outline: none
}

div:where(.swal2-container) button:where(.swal2-styled)::-moz-focus-inner {
    border: 0
}

div:where(.swal2-container) div:where(.swal2-footer) {
    margin: 1em 0 0;
    padding: 1em 1em 0;
    border-top: 1px solid #eee;
    color: inherit;
    font-size: 1em;
    text-align: center
}

div:where(.swal2-container) .swal2-timer-progress-bar-container {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    grid-column: auto !important;
    overflow: hidden;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px
}

div:where(.swal2-container) div:where(.swal2-timer-progress-bar) {
    width: 100%;
    height: .25em;
    background: rgba(0, 0, 0, .2)
}

div:where(.swal2-container) img:where(.swal2-image) {
    max-width: 100%;
    margin: 2em auto 1em
}

div:where(.swal2-container) button:where(.swal2-close) {
    z-index: 2;
    align-items: center;
    justify-content: center;
    width: 1.2em;
    height: 1.2em;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: -1.2em;
    padding: 0;
    overflow: hidden;
    transition: color .1s, box-shadow .1s;
    border: none;
    border-radius: 5px;
    background: rgba(0, 0, 0, 0);
    color: #ccc;
    font-family: monospace;
    font-size: 2.5em;
    cursor: pointer;
    justify-self: end
}

div:where(.swal2-container) button:where(.swal2-close):hover {
    transform: none;
    background: rgba(0, 0, 0, 0);
    color: #f27474
}

div:where(.swal2-container) button:where(.swal2-close):focus {
    outline: none;
    box-shadow: inset 0 0 0 3px #6496c880
}

div:where(.swal2-container) button:where(.swal2-close)::-moz-focus-inner {
    border: 0
}

div:where(.swal2-container) .swal2-html-container {
    z-index: 1;
    justify-content: center;
    margin: 1em 1.6em .3em;
    padding: 0;
    overflow: auto;
    color: inherit;
    font-size: 1.125em;
    font-weight: 400;
    line-height: normal;
    text-align: center;
    word-wrap: break-word;
    word-break: break-word
}

div:where(.swal2-container) input:where(.swal2-input),
div:where(.swal2-container) input:where(.swal2-file),
div:where(.swal2-container) textarea:where(.swal2-textarea),
div:where(.swal2-container) select:where(.swal2-select),
div:where(.swal2-container) div:where(.swal2-radio),
div:where(.swal2-container) label:where(.swal2-checkbox) {
    margin: 1em 2em 3px
}

div:where(.swal2-container) input:where(.swal2-input),
div:where(.swal2-container) input:where(.swal2-file),
div:where(.swal2-container) textarea:where(.swal2-textarea) {
    box-sizing: border-box;
    width: auto;
    transition: border-color .1s, box-shadow .1s;
    border: 1px solid #d9d9d9;
    border-radius: .1875em;
    background: rgba(0, 0, 0, 0);
    box-shadow: inset 0 1px 1px #0000000f, 0 0 0 3px #0000;
    color: inherit;
    font-size: 1.125em
}

div:where(.swal2-container) input:where(.swal2-input).swal2-inputerror,
div:where(.swal2-container) input:where(.swal2-file).swal2-inputerror,
div:where(.swal2-container) textarea:where(.swal2-textarea).swal2-inputerror {
    border-color: #f27474 !important;
    box-shadow: 0 0 2px #f27474 !important
}

div:where(.swal2-container) input:where(.swal2-input):focus,
div:where(.swal2-container) input:where(.swal2-file):focus,
div:where(.swal2-container) textarea:where(.swal2-textarea):focus {
    border: 1px solid #b4dbed;
    outline: none;
    box-shadow: inset 0 1px 1px #0000000f, 0 0 0 3px #6496c880
}

div:where(.swal2-container) input:where(.swal2-input)::-moz-placeholder,
div:where(.swal2-container) input:where(.swal2-file)::-moz-placeholder,
div:where(.swal2-container) textarea:where(.swal2-textarea)::-moz-placeholder {
    color: #ccc
}

div:where(.swal2-container) input:where(.swal2-input)::placeholder,
div:where(.swal2-container) input:where(.swal2-file)::placeholder,
div:where(.swal2-container) textarea:where(.swal2-textarea)::placeholder {
    color: #ccc
}

div:where(.swal2-container) .swal2-range {
    margin: 1em 2em 3px;
    background: #fff
}

div:where(.swal2-container) .swal2-range input {
    width: 80%
}

div:where(.swal2-container) .swal2-range output {
    width: 20%;
    color: inherit;
    font-weight: 600;
    text-align: center
}

div:where(.swal2-container) .swal2-range input,
div:where(.swal2-container) .swal2-range output {
    height: 2.625em;
    padding: 0;
    font-size: 1.125em;
    line-height: 2.625em
}

div:where(.swal2-container) .swal2-input {
    height: 2.625em;
    padding: 0 .75em
}

div:where(.swal2-container) .swal2-file {
    width: 75%;
    margin-right: auto;
    margin-left: auto;
    background: rgba(0, 0, 0, 0);
    font-size: 1.125em
}

div:where(.swal2-container) .swal2-textarea {
    height: 6.75em;
    padding: .75em
}

div:where(.swal2-container) .swal2-select {
    min-width: 50%;
    max-width: 100%;
    padding: .375em .625em;
    background: rgba(0, 0, 0, 0);
    color: inherit;
    font-size: 1.125em
}

div:where(.swal2-container) .swal2-radio,
div:where(.swal2-container) .swal2-checkbox {
    align-items: center;
    justify-content: center;
    background: #fff;
    color: inherit
}

div:where(.swal2-container) .swal2-radio label,
div:where(.swal2-container) .swal2-checkbox label {
    margin: 0 .6em;
    font-size: 1.125em
}

div:where(.swal2-container) .swal2-radio input,
div:where(.swal2-container) .swal2-checkbox input {
    flex-shrink: 0;
    margin: 0 .4em
}

div:where(.swal2-container) label:where(.swal2-input-label) {
    display: flex;
    justify-content: center;
    margin: 1em auto 0
}

div:where(.swal2-container) div:where(.swal2-validation-message) {
    align-items: center;
    justify-content: center;
    margin: 1em 0 0;
    padding: .625em;
    overflow: hidden;
    background: #f0f0f0;
    color: #666;
    font-size: 1em;
    font-weight: 300
}

div:where(.swal2-container) div:where(.swal2-validation-message):before {
    content: "!";
    display: inline-block;
    width: 1.5em;
    min-width: 1.5em;
    height: 1.5em;
    margin: 0 .625em;
    border-radius: 50%;
    background-color: #f27474;
    color: #fff;
    font-weight: 600;
    line-height: 1.5em;
    text-align: center
}

div:where(.swal2-container) .swal2-progress-steps {
    flex-wrap: wrap;
    align-items: center;
    max-width: 100%;
    margin: 1.25em auto;
    padding: 0;
    background: rgba(0, 0, 0, 0);
    font-weight: 600
}

div:where(.swal2-container) .swal2-progress-steps li {
    display: inline-block;
    position: relative
}

div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step {
    z-index: 20;
    flex-shrink: 0;
    width: 2em;
    height: 2em;
    border-radius: 2em;
    background: #2778c4;
    color: #fff;
    line-height: 2em;
    text-align: center
}

div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {
    background: #2778c4
}

div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step {
    background: #add8e6;
    color: #fff
}

div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step-line {
    background: #add8e6
}

div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step-line {
    z-index: 10;
    flex-shrink: 0;
    width: 2.5em;
    height: .4em;
    margin: 0 -1px;
    background: #2778c4
}

div:where(.swal2-icon) {
    position: relative;
    box-sizing: content-box;
    justify-content: center;
    width: 5em;
    height: 5em;
    margin: 2.5em auto .6em;
    border: .25em solid rgba(0, 0, 0, 0);
    border-radius: 50%;
    border-color: #000;
    font-family: inherit;
    line-height: 5em;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

div:where(.swal2-icon) .swal2-icon-content {
    display: flex;
    align-items: center;
    font-size: 3.75em
}

div:where(.swal2-icon).swal2-error {
    border-color: #f27474;
    color: #f27474
}

div:where(.swal2-icon).swal2-error .swal2-x-mark {
    position: relative;
    flex-grow: 1
}

div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line] {
    display: block;
    position: absolute;
    top: 2.3125em;
    width: 2.9375em;
    height: .3125em;
    border-radius: .125em;
    background-color: #f27474
}

div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=left] {
    left: 1.0625em;
    transform: rotate(45deg)
}

div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=right] {
    right: 1em;
    transform: rotate(-45deg)
}

div:where(.swal2-icon).swal2-error.swal2-icon-show {
    animation: swal2-animate-error-icon .5s
}

div:where(.swal2-icon).swal2-error.swal2-icon-show .swal2-x-mark {
    animation: swal2-animate-error-x-mark .5s
}

div:where(.swal2-icon).swal2-warning {
    border-color: #facea8;
    color: #f8bb86
}

div:where(.swal2-icon).swal2-warning.swal2-icon-show {
    animation: swal2-animate-error-icon .5s
}

div:where(.swal2-icon).swal2-warning.swal2-icon-show .swal2-icon-content {
    animation: swal2-animate-i-mark .5s
}

div:where(.swal2-icon).swal2-info {
    border-color: #9de0f6;
    color: #3fc3ee
}

div:where(.swal2-icon).swal2-info.swal2-icon-show {
    animation: swal2-animate-error-icon .5s
}

div:where(.swal2-icon).swal2-info.swal2-icon-show .swal2-icon-content {
    animation: swal2-animate-i-mark .8s
}

div:where(.swal2-icon).swal2-question {
    border-color: #c9dae1;
    color: #87adbd
}

div:where(.swal2-icon).swal2-question.swal2-icon-show {
    animation: swal2-animate-error-icon .5s
}

div:where(.swal2-icon).swal2-question.swal2-icon-show .swal2-icon-content {
    animation: swal2-animate-question-mark .8s
}

div:where(.swal2-icon).swal2-success {
    border-color: #a5dc86;
    color: #a5dc86
}

div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line] {
    position: absolute;
    width: 3.75em;
    height: 7.5em;
    border-radius: 50%
}

div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=left] {
    top: -.4375em;
    left: -2.0635em;
    transform: rotate(-45deg);
    transform-origin: 3.75em 3.75em;
    border-radius: 7.5em 0 0 7.5em
}

div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=right] {
    top: -.6875em;
    left: 1.875em;
    transform: rotate(-45deg);
    transform-origin: 0 3.75em;
    border-radius: 0 7.5em 7.5em 0
}

div:where(.swal2-icon).swal2-success .swal2-success-ring {
    position: absolute;
    z-index: 2;
    top: -.25em;
    left: -.25em;
    box-sizing: content-box;
    width: 100%;
    height: 100%;
    border: .25em solid rgba(165, 220, 134, .3);
    border-radius: 50%
}

div:where(.swal2-icon).swal2-success .swal2-success-fix {
    position: absolute;
    z-index: 1;
    top: .5em;
    left: 1.625em;
    width: .4375em;
    height: 5.625em;
    transform: rotate(-45deg)
}

div:where(.swal2-icon).swal2-success [class^=swal2-success-line] {
    display: block;
    position: absolute;
    z-index: 2;
    height: .3125em;
    border-radius: .125em;
    background-color: #a5dc86
}

div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=tip] {
    top: 2.875em;
    left: .8125em;
    width: 1.5625em;
    transform: rotate(45deg)
}

div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=long] {
    top: 2.375em;
    right: .5em;
    width: 2.9375em;
    transform: rotate(-45deg)
}

div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-tip {
    animation: swal2-animate-success-line-tip .75s
}

div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-long {
    animation: swal2-animate-success-line-long .75s
}

div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-circular-line-right {
    animation: swal2-rotate-success-circular-line 4.25s ease-in
}

[class^=swal2] {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.swal2-show {
    animation: swal2-show .3s
}

.swal2-hide {
    animation: swal2-hide .15s forwards
}

.swal2-noanimation {
    transition: none
}

.swal2-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

.swal2-rtl .swal2-close {
    margin-right: initial;
    margin-left: 0
}

.swal2-rtl .swal2-timer-progress-bar {
    right: 0;
    left: auto
}

@keyframes swal2-toast-show {
    0% {
        transform: translateY(-.625em) rotate(2deg)
    }

    33% {
        transform: translateY(0) rotate(-2deg)
    }

    66% {
        transform: translateY(.3125em) rotate(2deg)
    }

    to {
        transform: translateY(0) rotate(0)
    }
}

@keyframes swal2-toast-hide {
    to {
        transform: rotate(1deg);
        opacity: 0
    }
}

@keyframes swal2-toast-animate-success-line-tip {
    0% {
        top: .5625em;
        left: .0625em;
        width: 0
    }

    54% {
        top: .125em;
        left: .125em;
        width: 0
    }

    70% {
        top: .625em;
        left: -.25em;
        width: 1.625em
    }

    84% {
        top: 1.0625em;
        left: .75em;
        width: .5em
    }

    to {
        top: 1.125em;
        left: .1875em;
        width: .75em
    }
}

@keyframes swal2-toast-animate-success-line-long {
    0% {
        top: 1.625em;
        right: 1.375em;
        width: 0
    }

    65% {
        top: 1.25em;
        right: .9375em;
        width: 0
    }

    84% {
        top: .9375em;
        right: 0;
        width: 1.125em
    }

    to {
        top: .9375em;
        right: .1875em;
        width: 1.375em
    }
}

@keyframes swal2-show {
    0% {
        transform: scale(.7)
    }

    45% {
        transform: scale(1.05)
    }

    80% {
        transform: scale(.95)
    }

    to {
        transform: scale(1)
    }
}

@keyframes swal2-hide {
    0% {
        transform: scale(1);
        opacity: 1
    }

    to {
        transform: scale(.5);
        opacity: 0
    }
}

@keyframes swal2-animate-success-line-tip {
    0% {
        top: 1.1875em;
        left: .0625em;
        width: 0
    }

    54% {
        top: 1.0625em;
        left: .125em;
        width: 0
    }

    70% {
        top: 2.1875em;
        left: -.375em;
        width: 3.125em
    }

    84% {
        top: 3em;
        left: 1.3125em;
        width: 1.0625em
    }

    to {
        top: 2.8125em;
        left: .8125em;
        width: 1.5625em
    }
}

@keyframes swal2-animate-success-line-long {
    0% {
        top: 3.375em;
        right: 2.875em;
        width: 0
    }

    65% {
        top: 3.375em;
        right: 2.875em;
        width: 0
    }

    84% {
        top: 2.1875em;
        right: 0;
        width: 3.4375em
    }

    to {
        top: 2.375em;
        right: .5em;
        width: 2.9375em
    }
}

@keyframes swal2-rotate-success-circular-line {
    0% {
        transform: rotate(-45deg)
    }

    5% {
        transform: rotate(-45deg)
    }

    12% {
        transform: rotate(-405deg)
    }

    to {
        transform: rotate(-405deg)
    }
}

@keyframes swal2-animate-error-x-mark {
    0% {
        margin-top: 1.625em;
        transform: scale(.4);
        opacity: 0
    }

    50% {
        margin-top: 1.625em;
        transform: scale(.4);
        opacity: 0
    }

    80% {
        margin-top: -.375em;
        transform: scale(1.15)
    }

    to {
        margin-top: 0;
        transform: scale(1);
        opacity: 1
    }
}

@keyframes swal2-animate-error-icon {
    0% {
        transform: rotateX(100deg);
        opacity: 0
    }

    to {
        transform: rotateX(0);
        opacity: 1
    }
}

@keyframes swal2-rotate-loading {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes swal2-animate-question-mark {
    0% {
        transform: rotateY(-360deg)
    }

    to {
        transform: rotateY(0)
    }
}

@keyframes swal2-animate-i-mark {
    0% {
        transform: rotate(45deg);
        opacity: 0
    }

    25% {
        transform: rotate(-25deg);
        opacity: .4
    }

    50% {
        transform: rotate(15deg);
        opacity: .8
    }

    75% {
        transform: rotate(-5deg);
        opacity: 1
    }

    to {
        transform: rotateX(0);
        opacity: 1
    }
}

body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
    overflow: hidden
}

body.swal2-height-auto {
    height: auto !important
}

body.swal2-no-backdrop .swal2-container {
    background-color: #0000 !important;
    pointer-events: none
}

body.swal2-no-backdrop .swal2-container .swal2-popup {
    pointer-events: all
}

body.swal2-no-backdrop .swal2-container .swal2-modal {
    box-shadow: 0 0 10px #0006
}

@media print {
    body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
        overflow-y: scroll !important
    }

    body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown)>[aria-hidden=true] {
        display: none
    }

    body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container {
        position: static !important
    }
}

body.swal2-toast-shown .swal2-container {
    box-sizing: border-box;
    width: 360px;
    max-width: 100%;
    background-color: #0000;
    pointer-events: none
}

body.swal2-toast-shown .swal2-container.swal2-top {
    inset: 0 auto auto 50%;
    transform: translate(-50%)
}

body.swal2-toast-shown .swal2-container.swal2-top-end,
body.swal2-toast-shown .swal2-container.swal2-top-right {
    inset: 0 0 auto auto
}

body.swal2-toast-shown .swal2-container.swal2-top-start,
body.swal2-toast-shown .swal2-container.swal2-top-left {
    inset: 0 auto auto 0
}

body.swal2-toast-shown .swal2-container.swal2-center-start,
body.swal2-toast-shown .swal2-container.swal2-center-left {
    inset: 50% auto auto 0;
    transform: translateY(-50%)
}

body.swal2-toast-shown .swal2-container.swal2-center {
    inset: 50% auto auto 50%;
    transform: translate(-50%, -50%)
}

body.swal2-toast-shown .swal2-container.swal2-center-end,
body.swal2-toast-shown .swal2-container.swal2-center-right {
    inset: 50% 0 auto auto;
    transform: translateY(-50%)
}

body.swal2-toast-shown .swal2-container.swal2-bottom-start,
body.swal2-toast-shown .swal2-container.swal2-bottom-left {
    inset: auto auto 0 0
}

body.swal2-toast-shown .swal2-container.swal2-bottom {
    inset: auto auto 0 50%;
    transform: translate(-50%)
}

body.swal2-toast-shown .swal2-container.swal2-bottom-end,
body.swal2-toast-shown .swal2-container.swal2-bottom-right {
    inset: auto 0 0 auto
}

[data-simplebar] {
    position: relative;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start
}

.simplebar-wrapper {
    overflow: hidden;
    width: inherit;
    height: inherit;
    max-width: inherit;
    max-height: inherit
}

.simplebar-mask {
    direction: inherit;
    position: absolute;
    overflow: hidden;
    padding: 0;
    margin: 0;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: auto !important;
    height: auto !important;
    z-index: 0
}

.simplebar-offset {
    direction: inherit !important;
    box-sizing: inherit !important;
    resize: none !important;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    margin: 0;
    -webkit-overflow-scrolling: touch
}

.simplebar-content-wrapper {
    direction: inherit;
    box-sizing: border-box !important;
    position: relative;
    display: block;
    height: 100%;
    width: auto;
    max-width: 100%;
    max-height: 100%;
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0
}

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

.simplebar-placeholder {
    max-height: 100%;
    max-width: 100%;
    width: 100%;
    pointer-events: none
}

.simplebar-height-auto-observer-wrapper {
    box-sizing: inherit !important;
    height: 100%;
    width: 100%;
    max-width: 1px;
    position: relative;
    float: left;
    max-height: 1px;
    overflow: hidden;
    z-index: -1;
    padding: 0;
    margin: 0;
    pointer-events: none;
    flex-grow: inherit;
    flex-shrink: 0;
    flex-basis: 0
}

.simplebar-height-auto-observer {
    box-sizing: inherit;
    display: block;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 1000%;
    width: 1000%;
    min-height: 1px;
    min-width: 1px;
    overflow: hidden;
    pointer-events: none;
    z-index: -1
}

.simplebar-track {
    z-index: 1;
    position: absolute;
    right: 0;
    bottom: 0;
    pointer-events: none;
    overflow: hidden
}

[data-simplebar].simplebar-dragging,
[data-simplebar].simplebar-dragging .simplebar-content {
    pointer-events: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

[data-simplebar].simplebar-dragging .simplebar-track {
    pointer-events: all
}

.simplebar-scrollbar {
    position: absolute;
    left: 0;
    right: 0;
    min-height: 10px
}

.simplebar-scrollbar:before {
    position: absolute;
    content: "";
    background: #000;
    border-radius: 7px;
    left: 2px;
    right: 2px;
    opacity: 0;
    transition: opacity .2s .5s linear
}

.simplebar-scrollbar.simplebar-visible:before {
    opacity: .5;
    transition-delay: 0s;
    transition-duration: 0s
}

.simplebar-track.simplebar-vertical {
    top: 0;
    width: 11px
}

.simplebar-scrollbar:before {
    top: 2px;
    bottom: 2px;
    left: 2px;
    right: 2px
}

.simplebar-track.simplebar-horizontal {
    left: 0;
    height: 11px
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
    right: auto;
    left: 0;
    top: 0;
    bottom: 0;
    min-height: 0;
    min-width: 10px;
    width: auto
}

[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {
    right: auto;
    left: 0
}

.simplebar-dummy-scrollbar-size {
    direction: rtl;
    position: fixed;
    opacity: 0;
    visibility: hidden;
    height: 500px;
    width: 500px;
    overflow-y: hidden;
    overflow-x: scroll;
    -ms-overflow-style: scrollbar !important
}

.simplebar-dummy-scrollbar-size>div {
    width: 200%;
    height: 200%;
    margin: 10px 0
}

.simplebar-hide-scrollbar {
    position: fixed;
    left: 0;
    visibility: hidden;
    overflow-y: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.pagination {
    display: inline-block;
}

.pagination a,
.pagination strong {
    padding: 10px;
    float: left;
    border: 1px dashed;
    font-size: 14px;
    font-family: 'Arial';
    color: #d3a06c;
    margin: 10px;
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1055;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

.modal.show {
    display: block;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 1.75rem auto;
    max-width: 600px;
    pointer-events: none;
}

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 1rem);
}

.modal-dialog.modal-lg {
    max-width: 900px;
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0.5rem;
    outline: 0;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    pointer-events: auto;
}

.modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
    font-size: 1.25rem;
    font-weight: 500;
}

.btn-close {
    padding: 0.5rem;
    margin: -0.5rem -0.5rem -0.5rem auto;
    background-color: transparent;
    border: 0;
    appearance: none;
    cursor: pointer;
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem;
    color: #555;
    line-height: 1.6;
    font-size: 1rem;
    text-align: center;
}

.modal-footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 1rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
}

#discord {
    position: fixed;
    bottom: 30px;
    right: -110px;
    z-index: 9999;
    opacity: 0.8;
    transition: 0.5s;
}

#discord:hover {
    right: 0;
    opacity: 1;
}