html {
    scroll-behavior: smooth
}

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

input {
    -webkit-appearance: none;
    border-radius: 0
}

input[type="radio"],
input[type="checkbox"] {
    -webkit-appearance: checkbox
}

:focus {
    outline: 0
}

body {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
    color: #5f5f5f;
    background-color: #3b3230;
    background-image: url(../images/bg.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-attachment: fixed
}

@media (max-width:1200px) {
    body {
        background-image: none !important
    }
}

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/sourcesanspro/v14/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNK7lqDY.woff2) format('woff2');
    unicode-range: U+1F00-1FFF
}

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/sourcesanspro/v14/6xK3dSBYKcSV-LCoeQqfX1RYOo3qO67lqDY.woff2) format('woff2');
    unicode-range: U+0370-03FF
}

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/sourcesanspro/v14/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNq7lqDY.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/sourcesanspro/v14/6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7l.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/sourcesanspro/v14/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmxduz8A.woff2) format('woff2');
    unicode-range: U+1F00-1FFF
}

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/sourcesanspro/v14/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwlBduz8A.woff2) format('woff2');
    unicode-range: U+0370-03FF
}

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/sourcesanspro/v14/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmRduz8A.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/sourcesanspro/v14/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwlxdu.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/sourcesanspro/v14/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwmxduz8A.woff2) format('woff2');
    unicode-range: U+1F00-1FFF
}

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/sourcesanspro/v14/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwlBduz8A.woff2) format('woff2');
    unicode-range: U+0370-03FF
}

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/sourcesanspro/v14/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwmRduz8A.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/sourcesanspro/v14/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwlxdu.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

input,
textarea,
select {
    font-family: 'Source Sans Pro', sans-serif
}

.table {
    font-family: 'Source Sans Pro', sans-serif;
    background: rgb(24 24 23 / .5);
    color: grey;
    border-collapse: collapse;
    text-align: center;
    width: 100%
}

.table>tbody>tr>th {
    color: #c9a55c;
    border-bottom: 1px solid;
    padding: 2px 10px
}

.table>tbody>tr>td {
    padding: 2px 10px
}

.table>tbody>tr:nth-child(even) {
    background: #20201f
}

header {
    height: 60px;
    color: #fff
}

.wrap {
    width: 1300px;
    height: 60px;
    background-color: #493c2c;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.h-left {
    display: flex;
    align-items: center;
    margin-left: 15px
}

.h-right {
    margin-right: 15px
}

.logo {
    margin-right: 15px;
    padding-top: 5px;
    color: #fff;
    text-decoration: none;
    width: 65px
}

figure.logo {
    background-image: url('../images/logo.png');
    background-repeat: no-repeat;
    height: 54px;
    width: 85px;
    background-size: contain;
}

figure.logo_mobile {
    background-image: url('../images/logo_mobile.png');
    width: 80px;
    height: 52px;
    background-size: contain;
    margin-left: 8px
}

header .wrap .h-left .l-text {
    line-height: 42px;
    color: #f2ddc1
}

.h-nav ul {
    display: flex;
    height: 42px;
    align-items: center;
    list-style: none
}

header .wrap .h-right .h-nav ul li {
    position: relative;
    border-radius: 15px;
    margin: 0 5px 0 5px
}

header .wrap .h-right .h-nav ul li.change-lang {
    display: flex;
    align-items: center;
    background-color: #63513b;
    justify-content: center;
    margin-left: 10px;
    width: 148px;
}

header .wrap .h-right .h-nav ul li.change-lang i {
    padding-left: 5px
}

.h-nav ul li a,
.h-nav ul li div,
.h-nav ul li label {
    color: #fff;
    text-decoration: none;
    height: 50px;
    display: block;
    line-height: 50px;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 15px;
    margin: 0;
    transition: background-color .15s ease-in-out;
    cursor: pointer
}

header .wrap .h-right .h-nav ul li a.no-margins {
    padding-right: 0 !important
}

.h-nav ul li:hover>a,
.h-nav ul li:hover>div,
.h-nav ul li:hover>label,
.h-nav ul li:hover>i {
    background-color: #5d4f3e
}

header .wrap .h-right .h-nav ul li.change-lang:hover>ul {
    display: block
}

header .wrap .h-right .h-nav ul li ul {
    position: absolute;
    z-index: 2;
    left: 0;
    top: 50px;
    background-color: #5d4f3e;
    border-radius: 0 0 15px 15px;
    width: 148px;
    height: auto;
    display: none;
    text-align: center;
}

header .wrap .h-right .h-nav ul li ul li a {
    padding-left: 0px;
}

header .wrap .h-right .h-nav ul li.change-lang:hover {
    border-radius: 15px 15px 0 0
}

header .wrap .h-right .h-nav ul li ul li a:hover {
    background-color: #826a4d !important
}

header .wrap .h-right .h-nav ul li ul li.change-lang div,
header .wrap .h-right .h-nav ul li ul li.change-lang a {
    height: 30px;
    line-height: 30px;
    background-color: #4d3d38
}

.mobile-head {
    height: 60px;
    color: #f2ddc1;
    background-color: #493c2c;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: space-between;
    display: none
}

.mobile-head .mh-left {
    display: flex;
    align-items: center
}

.navicon {
    margin: 0 10px 0 20px;
    cursor: pointer
}

.strp {
    height: 3px;
    width: 30px;
    margin: 5px 0;
    background-color: #d2a367;
    transition: all .3s ease-in-out
}

.active .strp:nth-child(3n+2) {
    display: none
}

.active .strp:nth-child(3n+1) {
    transform: rotate(45deg)
}

.active .strp:nth-child(3n+3) {
    transform: rotate(-45deg);
    margin-top: -8px
}

.wrapper-container {
    border-radius: 20px 20px 0 0;
    overflow: hidden;
    width: 1300px;
    margin: 0 auto;
    margin-top: 10px
}

.main {
    width: 1300px;
    margin: 0 auto;
    background-color: #29241d;
    display: flex;
    align-items: stretch;
    padding-left: 8px;
    padding-right: 8px
}

.main .m-left {
    display: block;
    width: 75.91%;
    margin-top: 10px;
    /* border-radius: 20px; */
    overflow: hidden;
    margin-right: 28px
}

.main .m-left .titlebar {
    background: #5a4834;
    height: 56px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: 0 30px;
    /* border-radius: 0 0 20px 20px; */
    font-size: 16px;
    color: #edd3b2;
    font-weight: 700
}

.main .m-left .titlebar.ic {
    padding: 0 30px 0 0px !important
}

.main .m-left .titlebar .b-icon {
    padding: 17px;
    border-right: 1px solid #727272
}

.main .m-left .titlebar .page-title.ignore {
    margin-left: auto;
    order: 2
}

.main .m-left .titlebar .ic-chevron-left {
    background-color: #dadada;
    width: 13px;
    height: 20px
}

.main .m-left .titlebar .page-title {
    font-size: 16px;
    color: #edd3b2
}

.p-l {
    padding-left: 20px
}

.main .m-left .titlebar .options {
    display: flex
}

.main .m-left .titlebar .options .option {
    font-size: 13px;
    color: #9a8c88;
    padding-left: 30px;
    cursor: pointer;
    position: relative
}

.main .m-left .titlebar .options .option .current {
    font-size: 10px;
    text-transform: uppercase;
    opacity: .5;
    letter-spacing: .4px
}

.main .m-left .titlebar .options .option i {
    padding-left: 10px;
    color: #fff;
    font-size: 15px
}

.main .m-left .server {
    display: flex;
    align-items: stretch;
    width: 100%;
    height: auto;
    box-sizing: border-box;
    z-index: 0
}

.server-archive {
    display: flex;
    width: 100%;
    background: linear-gradient(to bottom, #624d33 0%, #493926 100%)
}

.server-wrapper {
    background: #3f352a;
    border-bottom: 1px solid #605140;
    cursor: pointer;
    transition: box-shadow 0.2s, background 0.2s
}

.server-wrapper:nth-child(odd) {
    background: #3b2e22 !important
}

.server-wrapper:nth-child(even) {
    background: #5a4834 !important
}

.server-wrapper:nth-child(even):hover {
    background: #7a5c2e !important
}

.server-wrapper:nth-child(odd):hover {
    background: #7a5c2e !important
}

.main .m-left .server:before {
    background: url(../images/server-bg.png) right no-repeat;
    z-index: 2
}

.main .m-left .server .s-left {
    width: 20%;
    background-color: #fff0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    transition: background-color .15s ease-in-out
}

.place-archive {
    width: 100%;
    min-height: 60px;
    background-color: #fff0;
    display: flex;
    cursor: default;
    align-items: center;
    justify-content: center;
    padding: 8px
}

.s-block a {
    display: contents
}

.main .m-left .server .s-right {
    width: 80%
}

.main .m-left .server .s-right .s-header {
    display: flex;
    justify-content: center;
    padding: 2px 0;
    flex-wrap: wrap
}

.srv-title {
    text-align: center;
    padding: 2px 0 0 0;
    padding-bottom: 0 !important
}

.srv-title,
.srv-title:visited {
    overflow: hidden;
    color: #f6d6b3 !important;
    text-decoration: none;
    font-size: 18px !important;
    font-weight: 600;
    transition: color .15s ease-in-out
}

.srv-title:hover {
    color: #f9b973 !important
}

.stars {
    display: inline-block
}

.stars .star {
    background-color: #d8d8d8
}

.stars .star.active {
    background-color: #fc0
}

.stars h3 {
    color: #e7be67
}

.main .server .s-type {
    color: #fff
}

.s-type span {
    color: gold
}

.main .server .s-stats,
.main .server .s-stats a {
    margin-top: 3px;
    color: #bbae9e;
    transition: color .15s ease-in-out
}

.main .server .s-stats a:hover {
    color: #d2a367
}

.main .server .sh-right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding: 0 20px 0 10px;
    overflow: hidden
}

.main .m-left .server .s-header p {
    color: #e0cdb6
}

.main .server .sh-left {
    text-align: center
}

.main .m-left .server .s-right .s-icons {
    display: flex;
    width: 90%
}

.main .m-left .server .s-right .s-icons .s-icon {
    display: block;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 28px;
    width: 28px;
    border-radius: 3px;
    background-color: #0a0a0a;
    color: #bfbfbf;
    font-size: 14px;
    margin-left: 4px;
    transition: background-color .15s ease-in-out
}

.main .m-left .server .s-right .s-icons .s-icon:hover {
    background-color: #c99c62;
    color: #fff
}

.main .m-left .server .s-right .votes-btn {
    display: flex;
    align-items: center;
    height: 44px;
    color: #c6ffac;
    text-transform: uppercase;
    font-size: 20px;
    border-radius: 0;
    margin-bottom: 20px;
    cursor: pointer;
    font-weight: 700;
    width: 103px;
    background: #53723f;
    border-bottom: 1px solid #72925e;
    border-radius: 10px
}

.main .m-left .server .s-right .votes-btn.home {
    color: #ffe5b0;
    border-bottom: 1px solid #f0c670;
    background: -moz-linear-gradient(left, #27501e 0%, #59933e 100%);
    background: -webkit-linear-gradient(left, #9d7a33 0%, #c9a55c 100%);
    background: linear-gradient(left, #27501e 0%, #59933e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#27501e', endColorstr='#59933e', GradientType=0)
}

.main .m-left .server .s-right .votes-btn .icon-vote,
.main .m-left .server .s-right .votes-btn .icon-visit {
    margin: auto
}

.icon-vote:before {
    content: "";
    display: inline-block;
    position: relative;
    top: 2px;
    width: 22px;
    height: 22px;
    background-size: 22px 22px;
    margin-right: 5px;
    background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' data-prefix='fas' data-icon='thumbs-up' class='svg-inline--fa fa-thumbs-up fa-w-16' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23c6ffac' d='M104 224H24c-13.255 0-24 10.745-24 24v240c0 13.255 10.745 24 24 24h80c13.255 0 24-10.745 24-24V248c0-13.255-10.745-24-24-24zM64 472c-13.255 0-24-10.745-24-24s10.745-24 24-24 24 10.745 24 24-10.745 24-24 24zM384 81.452c0 42.416-25.97 66.208-33.277 94.548h101.723c33.397 0 59.397 27.746 59.553 58.098.084 17.938-7.546 37.249-19.439 49.197l-.11.11c9.836 23.337 8.237 56.037-9.308 79.469 8.681 25.895-.069 57.704-16.382 74.757 4.298 17.598 2.244 32.575-6.148 44.632C440.202 511.587 389.616 512 346.839 512l-2.845-.001c-48.287-.017-87.806-17.598-119.56-31.725-15.957-7.099-36.821-15.887-52.651-16.178-6.54-.12-11.783-5.457-11.783-11.998v-213.77c0-3.2 1.282-6.271 3.558-8.521 39.614-39.144 56.648-80.587 89.117-113.111 14.804-14.832 20.188-37.236 25.393-58.902C282.515 39.293 291.817 0 312 0c24 0 72 8 72 81.452z'/%3E%3C/svg%3E");
    background-repeat: no-repeat
}

.icon-visit:before {
    content: "";
    display: inline-block;
    position: relative;
    top: 3px;
    width: 22px;
    height: 22px;
    background-size: 22px 22px;
    margin-right: 5px;
    background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='home' class='svg-inline--fa fa-home fa-w-18' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath fill='%23ffe5b0' d='M280.37 148.26L96 300.11V464a16 16 0 0 0 16 16l112.06-.29a16 16 0 0 0 15.92-16V368a16 16 0 0 1 16-16h64a16 16 0 0 1 16 16v95.64a16 16 0 0 0 16 16.05L464 480a16 16 0 0 0 16-16V300L295.67 148.26a12.19 12.19 0 0 0-15.3 0zM571.6 251.47L488 182.56V44.05a12 12 0 0 0-12-12h-56a12 12 0 0 0-12 12v72.61L318.47 43a48 48 0 0 0-61 0L4.34 251.47a12 12 0 0 0-1.6 16.9l25.5 31A12 12 0 0 0 45.15 301l235.22-193.74a12.19 12.19 0 0 1 15.3 0L530.9 301a12 12 0 0 0 16.9-1.6l25.5-31a12 12 0 0 0-1.7-16.93z'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat
}

.main .m-left .server .s-right .s-more {
    display: flex;
    align-items: stretch;
    border-top: 1px solid #290f00
}

.bs-g {
    box-shadow: 0 10px 10px -2px rgb(68 129 54 / .5)
}

.comment-box {
    background-color: rgb(0 0 0 / .36);
    border-radius: 10px
}

.comments {
    padding: 19px 15px;
    width: 100%
}

.comment {
    display: flex;
    margin-bottom: 35px
}

.comment .profile {
    vertical-align: middle;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    margin-right: 10px;
    border: 1px solid #545454;
    background-color: #171717;
    background-image: url(data:image/png;base64,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);
    background-size: contain;
    text-decoration: none;
    flex-shrink: 0;
    position: relative;
    transition: border .25s ease-in-out;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.comment .profile:after {
    content: attr(data-hover);
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    color: #fff;
    background-color: rgb(0 0 0 / .7);
    border-radius: 50%;
    border: 1px solid #aa8453;
    text-align: center;
    line-height: 53px;
    font-size: 10px;
    opacity: 0;
    transition: opacity .25s ease-in-out
}

.comment .profile:hover:after {
    opacity: 1
}

.comment .c-cont {
    width: 100%
}

.comment .c-cont .c-header {
    display: flex;
    align-items: baseline;
    padding-bottom: 5px
}

.comment .c-cont .c-header .username {
    text-decoration: none;
    color: #aa8453;
    font-size: 13px;
    display: block;
    padding-right: 14px;
    font-weight: 600
}

.comment .c-cont .c-header .username:hover {
    text-decoration: underline
}

.comment .c-cont .c-header .submitdate {
    color: #9f9f9f;
    font-size: 11px
}

.comment .c-cont .c-header .right {
    margin-left: auto
}

.comment .c-cont .c-txt {
    box-sizing: border-box;
    padding: 10px 14px;
    border: none;
    border-radius: 0;
    font-size: 13px;
    line-height: 22px;
    color: #a5a5a5;
    background: rgb(0 0 0 / .44)
}

.c-txt span {
    color: #ab4f00
}

.c-controlls {
    display: flex;
    justify-content: space-between;
    padding-top: 7px
}

.cc-left {
    display: flex;
    align-items: baseline
}

.cc-answer {
    font-size: 11px;
    color: #c2bfbf;
    padding-right: 16px;
    cursor: pointer
}

.cc-answer:hover {
    color: #e4e4e4
}

.cc-left .like {
    color: #a0d01d;
    font-weight: 700
}

.cc-left .like:before {
    content: "";
    display: inline-block;
    position: relative;
    top: 2px;
    margin-right: 2px;
    width: 15px;
    height: 15px;
    background-size: 15px 15px;
    background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' data-prefix='fas' data-icon='thumbs-up' class='svg-inline--fa fa-thumbs-up fa-w-16' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23a0d01d' d='M104 224H24c-13.255 0-24 10.745-24 24v240c0 13.255 10.745 24 24 24h80c13.255 0 24-10.745 24-24V248c0-13.255-10.745-24-24-24zM64 472c-13.255 0-24-10.745-24-24s10.745-24 24-24 24 10.745 24 24-10.745 24-24 24zM384 81.452c0 42.416-25.97 66.208-33.277 94.548h101.723c33.397 0 59.397 27.746 59.553 58.098.084 17.938-7.546 37.249-19.439 49.197l-.11.11c9.836 23.337 8.237 56.037-9.308 79.469 8.681 25.895-.069 57.704-16.382 74.757 4.298 17.598 2.244 32.575-6.148 44.632C440.202 511.587 389.616 512 346.839 512l-2.845-.001c-48.287-.017-87.806-17.598-119.56-31.725-15.957-7.099-36.821-15.887-52.651-16.178-6.54-.12-11.783-5.457-11.783-11.998v-213.77c0-3.2 1.282-6.271 3.558-8.521 39.614-39.144 56.648-80.587 89.117-113.111 14.804-14.832 20.188-37.236 25.393-58.902C282.515 39.293 291.817 0 312 0c24 0 72 8 72 81.452z'/%3E%3C/svg%3E");
    background-repeat: no-repeat
}

.cc-left .like {
    padding-right: 6px;
    transition: opacity .15s ease-in-out;
    cursor: pointer;
    padding-right: 10px
}

.cc-left .like:hover {
    opacity: .6
}

.cc-right {
    text-align: right
}

.cc-right a {
    color: #9f9f9f;
    font-size: 14px;
    margin-right: 10px;
    opacity: .5;
    cursor: pointer
}

.answer {
    margin-left: 67px;
    margin-top: -15px
}

.comment.answer .profile {
    width: 34px;
    height: 34px
}

.more-comments {
    display: block;
    text-align: center;
    height: 30px;
    line-height: 30px;
    background-color: rgb(111 111 111 / .5);
    color: #e8e8e8;
    font-size: 13px;
    text-decoration: none;
    font-weight: 600;
    transition: background-color .15s ease-in-out, color .15s ease-in-out
}

.more-comments:hover {
    color: #fff;
    background-color: #c34f4f
}

.comment-area {
    padding: 5px 15px 15px
}

.comment-area textarea {
    width: 100%;
    min-height: 123px;
    max-height: 100%;
    box-sizing: border-box;
    border: 1px solid #565656;
    border-radius: 0;
    padding: 15px;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
    color: #ababab;
    margin-bottom: 8px;
    background: rgb(70 70 70 / .5)
}

.comment-area button {
    width: 100%;
    height: 52px;
    text-align: center;
    border-radius: 15px;
    color: #fff;
    line-height: 52px;
    background-color: #8d5427;
    border-radius: 15px;
    cursor: pointer;
    transition: opacity .15s ease-in-out
}

.comment-area button:hover {
    opacity: .6
}

.main .content a {
    color: #c9a55c
}

.server {
    word-break: break-all
}

.main .m-left .hzad1 {
    width: 100%;
    height: 90px;
    position: relative;
    cursor: pointer
}

.ad_hint {
    background-color: #ffffff78;
    position: absolute;
    top: 0;
    right: 0;
    padding: 3px;
    border-bottom-left-radius: 7px;
    font-size: 12px
}

.ad_hint a {
    color: #000;
    -webkit-text-fill-color: #fff0;
    -webkit-text-stroke: 1px
}

.main .m-left .pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 74px;
    background: #3f352a
}

.main .m-left .pagination .prev,
.main .m-left .pagination .next {
    font-size: 22px;
    color: #aa8453;
    text-decoration: none;
    transition: background-color .15s ease-in-out
}

.main .m-left .pagination .prev:hover,
.main .m-left .pagination .next:hover {
    background-color: #d2d2d2
}

.main .m-left .pagination .prev {
    margin-right: 24px
}

.main .m-left .pagination .next {
    margin-left: 24px
}

.main .m-left .pagination .first,
.main .m-left .pagination .last {
    width: 82px;
    height: 31px;
    line-height: 31px;
    font-size: 12px;
    color: #858585;
    text-align: center;
    background-color: rgb(255 255 255 / .09);
    border-radius: 15px;
    text-decoration: none;
    transition: background-color .15s ease-in-out, color .15s ease-in-out
}

.main .m-left .pagination .first:hover,
.main .m-left .pagination .last:hover {
    background-color: #aa8453;
    color: #fff
}

.main .m-left .pagination .first {
    margin-right: 4px
}

.main .m-left .pagination .last {
    margin-left: 4px
}

.main .m-left .pagination .page {
    width: 31px;
    height: 31px;
    line-height: 31px;
    text-align: center;
    text-decoration: none;
    border-radius: 100%;
    font-weight: 700;
    color: #fff;
    background-color: rgb(255 255 255 / .09);
    margin: 0 4px;
    transition: background-color .15s ease-in-out
}

.main .m-left .pagination .active {
    background-color: #aa8453
}

.main .m-left .pagination .page:hover {
    background-color: #aa8453
}

.main .m-left .post-info {
    background-color: #f2f2f2;
    padding: 0 30px;
    height: 37px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #5f5f5f;
    font-size: 14px
}

.main .m-left .post-info .pi-left a {
    color: #aa8453;
    text-decoration: none
}

.main .m-left .post-info .pi-left a:hover {
    text-decoration: underline
}

.main .m-left .post-info .pi-right {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.main .m-left .post-info .pi-right .last-edited span {
    color: #aa8453
}

.main .m-left .post-info .pi-right a {
    color: #9f9f9f;
    text-decoration: none;
    padding-left: 20px;
    transition: all .15s ease-in-out
}

.main .m-left .post-info .pi-right a:hover {
    color: #aa8453
}

.main .m-left article.post-content {
    padding: 35px 30px;
    color: #999;
    font-size: 15px;
    line-height: 27px
}

.main .m-left article.post-content p {
    min-height: 15px
}

.main .m-left article.post-content a {
    color: #aa8453;
    text-decoration: none
}

.main .m-left article.post-content a:hover {
    text-decoration: underline
}

.main .post-content h3 {
    color: #aa8453;
    font-size: 18px;
    padding-bottom: 10px
}

.main .post-content h6 {
    color: #d6d6d6;
    text-align: center
}

.main .post-content p {
    color: #c1c1c1;
    margin-left: 10px
}

.main .m-left article.post-content h2,
.main .m-left article.post-content h3,
.main .m-left article.post-content h4,
.main .m-left article.post-content h5,
.main .m-left article.post-content h6 {
    font-weight: 600
}

.main .m-left article.post-content h2 {
    color: #c34f4f;
    font-size: 24px
}

.post-content h3 {
    color: #c34f4f;
    font-size: 20px
}

.post-content h4 {
    color: #434343;
    font-size: 20px
}

.post-content h5 {
    color: #434343;
    font-size: 18px
}

.post-content h6 {
    color: #434343;
    font-size: 16px
}

.post-content hr {
    width: 100%;
    height: 1px;
    border: 0;
    background-color: rgb(0 0 0 / .07)
}

.main .m-right {
    width: 24.1%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-top: 10px
}

.main .m-right .mr-header {
    display: block;
    height: 56px;
    background: #5a4834;
    padding-left: 30px;
    line-height: 56px;
    color: #edd3b2;
    font-size: 16px;
    box-sizing: border-box;
    border-bottom: 1px solid #72604a;
    border-radius: 20px 20px 0 0
}

.main .m-right .mainnav {
    background-color: #443729;
    border-radius: 0 0 20px 20px;
    overflow: hidden
}

.mainnav ul {
    list-style: none
}

.mainnav ul li {
    position: relative
}

.mainnav ul li a {
    overflow: hidden;
    cursor: pointer;
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding-left: 30px;
    height: 55px;
    border-bottom: 1px solid #504335;
    background-color: #fff0;
    line-height: 54px;
    font-size: 15px;
    color: #f6e8d6;
    text-decoration: none;
    transition: all .15s ease-in-out
}

.mainnav ul li a:hover,
.mainnav ul li a.active {
    color: #f6e8d6;
    background-color: #504335
}

.mainnav ul li a.new-item,
.mainnav ul li div.new-item {
    background: linear-gradient(90deg, rgb(255 165 0 / .15) 0%, rgb(255 165 0 / .3) 50%, rgb(255 165 0 / .15) 100%);
    background-size: 200% 100%;
    animation: newItemPulse 2s ease-in-out infinite, newItemScale 3s ease-in-out infinite;
    position: relative;
    box-shadow: 0 0 15px rgb(255 165 0 / .1);
    border: 1px solid #fff0;
    transform-origin: center;
    overflow: hidden
}

.new-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(90deg, #fff0 0%, rgb(255 165 0 / .2) 50%, #fff0 100%);
    background-size: 200% 100%;
    animation: newItemShine 3s ease-in-out infinite;
    border-radius: inherit
}

.new-item::after {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    background: linear-gradient(90deg, #fff0 0%, rgb(255 215 0 / .1) 50%, #fff0 100%);
    background-size: 200% 100%;
    animation: newItemGlow 4s ease-in-out infinite, newItemBorder 2s ease-in-out infinite;
    border-radius: inherit;
    z-index: -1
}

.bubble {
    position: absolute;
    background: rgb(255 215 0 / .3);
    border-radius: 50%;
    pointer-events: none;
    animation: bubbleFloat 4s ease-in-out infinite
}

.bubble:nth-child(1) {
    width: 4px;
    height: 4px;
    left: 20%;
    top: 80%;
    animation-delay: 0s
}

.bubble:nth-child(2) {
    width: 6px;
    height: 6px;
    left: 40%;
    top: 60%;
    animation-delay: 0.5s
}

.bubble:nth-child(3) {
    width: 3px;
    height: 3px;
    left: 60%;
    top: 70%;
    animation-delay: 1s
}

.bubble:nth-child(4) {
    width: 5px;
    height: 5px;
    left: 80%;
    top: 50%;
    animation-delay: 1.5s
}

@keyframes bubbleFloat {
    0% {
        transform: translateY(0) scale(1);
        opacity: .3
    }

    50% {
        transform: translateY(-15px) scale(1.2);
        opacity: .6
    }

    100% {
        transform: translateY(-30px) scale(.8);
        opacity: 0
    }
}

@keyframes newItemPulse {
    0% {
        background-position: 0% 50%;
        box-shadow: 0 0 15px rgb(255 165 0 / .1)
    }

    50% {
        background-position: 100% 50%;
        box-shadow: 0 0 20px rgb(255 165 0 / .2), 0 0 30px rgb(255 215 0 / .1)
    }

    100% {
        background-position: 0% 50%;
        box-shadow: 0 0 15px rgb(255 165 0 / .1)
    }
}

@keyframes newItemScale {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.02)
    }

    100% {
        transform: scale(1)
    }
}

@keyframes newItemShine {
    0% {
        background-position: -100% 0;
        opacity: .8
    }

    50% {
        opacity: 1
    }

    100% {
        background-position: 200% 0;
        opacity: .8
    }
}

@keyframes newItemGlow {
    0% {
        background-position: -100% 0;
        opacity: .5
    }

    50% {
        opacity: .8
    }

    100% {
        background-position: 200% 0;
        opacity: .5
    }
}

@keyframes newItemBorder {
    0% {
        border: 1px solid rgb(255 165 0 / .3)
    }

    50% {
        border: 1px solid rgb(255 165 0 / .6)
    }

    100% {
        border: 1px solid rgb(255 165 0 / .3)
    }
}

.new-item:hover {
    animation-play-state: paused;
    transform: scale(1.02);
    box-shadow: 0 0 25px rgb(255 165 0 / .3), 0 0 40px rgb(255 215 0 / .2)
}

.foot {
    width: 1300px;
    margin: 0 auto
}

.foot .f-ad {
    width: 100%;
    height: 253px;
    position: relative;
    display: block;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

.foot .f-ad .adinfo {
    position: absolute;
    z-index: 2;
    right: 3px;
    top: 8px;
    background-color: rgb(0 0 0 / .7);
    border-radius: 40px;
    padding: 6px 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 11px;
    opacity: .5;
    transition: opacity .2s ease-in-out
}

.foot .f-ad:hover>.adinfo {
    opacity: 1
}

.foot .f-ad .adinfo .text {
    box-sizing: border-box;
    overflow: hidden;
    width: auto;
    max-width: 0;
    opacity: 0;
    transition: all .5s ease-in-out
}

.foot .f-ad:hover>.adinfo .text {
    opacity: 1;
    max-width: 200px;
    padding-right: 7px
}

.foot .f-ad .adinfo i {
    font-size: 14px
}

.foot .f-ad img {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%
}

.foot .f-cr-bar {
    background-color: #29241d;
    padding: 25px 28px;
    font-size: 13px;
    color: #fff;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    letter-spacing: 1px
}

.foot .f-cr-bar .fcb-left .cr {
    padding-bottom: 8px
}

.foot .f-cr-bar .fcb-left .f-col a {
    color: #fff;
    text-decoration: none
}

.foot .f-cr-bar .fcb-left .f-col a:hover {
    text-decoration: none
}

.fcb-right {
    text-align: right
}

.fcb-right a {
    color: #fff;
    transition: color .15s ease-in-out
}

.fcb-right a:hover {
    color: rgb(255 255 255 / .7)
}

.fcb-left {
    display: flex;
    width: 100%;
    margin: 0 auto
}

.fcb-left .f-col:nth-child(2) {
    margin: 0 auto;
    text-align: center
}

.fcb-left .f-col .fc-headline {
    color: #fff;
    font-size: 20px;
    padding-bottom: 30px
}

.fcb-left .f-col ul {
    list-style: none
}

.fcb-left .f-col ul li {
    padding-bottom: 17px
}

.fcb-left .f-col ul li a,
.fcb-left .f-col ul li label {
    color: #fff;
    font-size: 14px;
    text-decoration: none;
    cursor: pointer;
    position: relative;
    transition: padding-left .25s ease-in-out, margin-left .25s ease-in-out
}

.fcb-left .f-col ul li a:hover,
.fcb-left .f-col ul li label:hover {
    padding-left: 12px;
    margin-left: 5px
}

.fcb-left .f-col .ic-caret {
    display: inline-block;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' data-prefix='fas' data-icon='chevron-right' class='svg-inline--fa fa-chevron-right fa-w-10' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='currentColor' d='M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z'%3E%3C/path%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' data-prefix='fas' data-icon='chevron-right' class='svg-inline--fa fa-chevron-right fa-w-10' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='currentColor' d='M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z'%3E%3C/path%3E%3C/svg%3E");
    background-color: #fff;
    width: 6px;
    height: 10px;
    margin-right: 5px
}

.fcb-left .f-col ul li a:hover:before,
.fcb-left .f-col ul li label:hover:before {
    width: 20px
}

.fcb-left .f-col .socials {
    display: flex
}

.fcb-left .f-col .socials a {
    background-color: #fff;
    font-size: 35px;
    display: block;
    margin-right: 13px;
    transition: background-color .15s ease-in-out;
    text-decoration: none
}

.fcb-left .f-col .socials a:hover {
    background-color: #aa8453
}

footer .footer-right {
    text-align: right;
    color: #857670;
    font-size: 14px;
    line-height: 21px
}

footer .footer-right a {
    text-decoration: none;
    color: #857670;
    transition: color .15s ease-in-out
}

footer .footer-right a:hover {
    color: #ad9e98
}

footer .footer-right i {
    color: #fff;
    padding-left: 8px;
    display: inline-block
}

.hl,
.main .post-content h1:not(.page-title) {
    padding-left: 18px;
    font-size: 20px;
    text-align: center;
    padding-bottom: 5px;
    background: radial-gradient(circle, rgb(255 255 255) 0%, #fff0 100%) left bottom #fff0 no-repeat;
    background-size: 100% 1px;
    color: #f3f3f3;
    margin-bottom: 23px;
    padding-top: 15px
}

.main-page-title {
    font-size: 28px !important;
    font-weight: 700 !important;
    color: #f6d6b3 !important;
    text-align: center !important;
    margin: 20px 0 30px 0 !important;
    padding: 20px 15px !important;
    background: linear-gradient(135deg, #5a4834 0%, #493c2c 100%) !important;
    border: 2px solid #bfa57a !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5) !important;
    letter-spacing: 0.5px !important;
    line-height: 1.4 !important;
}

.hl.brown {
    color: #e0cdb6;
    background: radial-gradient(circle, rgb(224 205 182) 0%, #fff0 100%) left bottom #fff0 no-repeat;
    background-size: 100% 1px
}

form {
    padding: 0 18px
}

.input {
    width: 100%;
    display: flex;
    cursor: pointer;
    margin-bottom: 8px
}

.input label {
    display: block;
    height: 47px;
    border-top: 1px solid #a38a54;
    border-bottom: 1px solid #a38a54;
    border-left: 1px solid #a38a54;
    background: #826c41;
    color: #fdeac4;
    font-size: 18px;
    line-height: 47px;
    width: 45px;
    text-align: center;
    order: 1;
    transition: border-color .15s ease-in-out;
    border-radius: 15px 0 0 15px
}

.input input {
    font-size: 14px;
    color: #f0c670;
    background: #826c41;
    height: 47px;
    border: 1px solid #a38a54;
    width: 100%;
    padding-left: 10px;
    order: 2;
    transition: border-color .15s ease-in-out;
    border-radius: 0px 15px 15px 0px;
}

.input input:focus {
    border-top: 1px solid #d7bb7d;
    border-right: 1px solid #d7bb7d;
    border-bottom: 1px solid #d7bb7d
}

.input input:focus+label {
    border-top: 1px solid #d7bb7d;
    border-left: 1px solid #d7bb7d;
    border-bottom: 1px solid #d7bb7d
}

.input.small {
    height: 50px
}

::placeholder {
    color: #f0c670;
    opacity: 1
}

:-ms-input-placeholder {
    color: #f0c670
}

::-ms-input-placeholder {
    color: #f0c670
}

.submit {
    width: 100%;
    background: #53723f;
    box-shadow: 0 10px 10px -2px rgb(68 129 54 / .5);
    height: 60px;
    box-sizing: border-box;
    border: 1px solid #72925e;
    border-radius: 15px;
    color: #d9f9ca;
    font-size: 17px;
    cursor: pointer;
    margin-top: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out
}

a {
    text-decoration: none
}

.submit.small {
    height: 35px;
    box-shadow: none
}

.submit.small.inline {
    display: inline-block;
    width: auto;
    padding: 0 10px 0 10px;
    height: 30px
}

.submit:hover {
    -webkit-filter: brightness(130%);
    filter: brightness(130%)
}

.submit:disabled {
    -webkit-filter: grayscale(1);
    filter: grayscale(1)
}

.submit .ic-home {
    background-color: #f8c08e;
    display: block;
    margin: 5px;
    overflow: hidden;
    transition: margin .4s cubic-bezier(.19, .95, .45, 1.56)
}

.submit:hover .ic-home {
    margin: 12px;
    background-repeat: no-repeat
}

.submit .ic-sign-out,
.submit .ic-thumbs-up {
    display: block;
    margin: 5px;
    overflow: hidden;
    transition: margin .4s cubic-bezier(.19, .95, .45, 1.56)
}

.submit:hover .ic-sign-out,
.submit:hover .ic-thumbs-up {
    margin: 12px;
    background-repeat: no-repeat
}

.orange {
    background: #926139;
    border: 1px solid #b17645;
    color: #e3b189 !important
}

.blue {
    background: #2859a1;
    background: linear-gradient(90deg, #2859a1 0%, #4989b5 100%);
    border: 1px solid #5caae0;
    color: #a2d5f8
}

.red {
    background: #773030;
    background: linear-gradient(90deg, #773030 0%, #b54949 100%);
    border: 1px solid #c75959;
    color: #ffaaaa !important
}

.pfoot {
    padding: 17px 18px 0;
    display: flex;
    justify-content: flex-end
}

.pfoot a {
    color: #aaa;
    transition: color .15s ease-in-out;
    display: block;
    font-size: 12px
}

.pfoot a:hover {
    color: #c34f4f
}

.pfoot a:first-of-type {
    padding-right: 8px;
    margin-right: 8px;
    position: relative
}

.pfoot a:first-of-type:after {
    content: '';
    right: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    background-color: #aaa;
    position: absolute;
    z-index: 2
}

article.s-details {
    color: #e0cdb6
}

.s-details {
    width: 100%;
    text-align: center;
    padding: 0 20px 0 20px;
    color: #f6d6b3 !important
}

.s-details ul {
    color: #d3a46c;
    list-style-position: inside
}

.main .s-header p {
    margin-left: 0
}

@media(max-width:1270px) {
    header .wrap {
        width: 95%;
        border-radius: 20px 20px 0 0
    }

    .main,
    .wrapper-container {
        width: 95%
    }

    .foot {
        width: 100%
    }

    @keyframes inner {
        0% {
            margin-top: 2%
        }

        100% {
            margin-top: 7%
        }
    }

    @-webkit-keyframes inner {
        0% {
            margin-top: 2%
        }

        100% {
            margin-top: 7%
        }
    }

    @keyframes inner2 {
        0% {
            top: 2%
        }

        100% {
            top: 7%
        }
    }

    @-webkit-keyframes inner2 {
        0% {
            top: 2%
        }

        100% {
            top: 7%
        }
    }

    .main .m-left {
        width: 78%
    }

    .main .m-right {
        width: 22%
    }
}

@media(max-width:1100px) {
    pre {
        white-space: pre-wrap
    }

    .s-stats,
    .s-stats a {
        font-size: 18px
    }

    .srv-title,
    .srv-title:visited {
        font-size: 22px
    }

    .main .post-content h3 {
        font-size: 22px
    }

    article.s-details {
        font-size: 20px
    }

    .s-type {
        font-size: 18px
    }

    .main {
        margin-top: 7px;
        padding-top: 5px;
        border-radius: 20px 20px 0 0
    }

    .mobile-head {
        display: flex
    }

    header .wrap {
        width: 100%;
        margin: 0 auto;
        display: block;
        justify-content: center;
        background-color: #fff0
    }

    .h-nav ul {
        display: block;
        height: 42px;
        align-items: center;
        list-style: none
    }

    .h-nav ul li div,
    .h-nav ul li a {
        overflow: hidden;
        display: block;
        box-sizing: border-box;
        width: 100%;
        padding-left: 30px;
        height: 55px;
        border-bottom: 1px solid #4b3d2d;
        background-color: #fff0;
        line-height: 54px;
        font-size: 15px;
        color: #fff;
        text-decoration: none;
        text-align: left;
        transition: all .15s ease-in-out
    }

    .h-nav {
        position: fixed;
        top: 60px;
        left: 0;
        width: 100%;
        bottom: 0;
        overflow: auto;
        z-index: 4;
        display: none;
        background: #352b20
    }

    .change-lang {
        display: none
    }

    header .wrap .h-left .logo {
        display: none
    }

    .mobile-head .mh-left img {
        margin-left: 10px
    }

    .main {
        width: 100%;
        display: block
    }

    .foot {
        width: 100%
    }

    .main .m-right {
        width: 100% !important
    }

    .main .m-left {
        width: 100%
    }
}

@media(max-width:860px) {

    .slides-navigation,
    .slides-pagination {
        display: none
    }

    .change-filter {
        display: none
    }

    .main .m-left .server .s-left {
        width: 20%
    }

    .main .m-left .server .s-right {
        width: 90%
    }

    @keyframes inner {
        0% {
            margin-top: 0%
        }

        100% {
            margin-top: 2.5%
        }
    }

    @-webkit-keyframes inner {
        0% {
            margin-top: 0%
        }

        100% {
            margin-top: 2.5%
        }
    }

    @keyframes inner2 {
        0% {
            top: 0%
        }

        100% {
            top: 2.5%
        }
    }

    @-webkit-keyframes inner2 {
        0% {
            top: 0%
        }

        100% {
            top: 2.5%
        }
    }
}

@media(max-width:750px) {
    .main .m-left .server {
        display: block
    }

    .main .m-left .server .s-left {
        width: 100%;
        flex-direction: row;
        padding-right: 20px
    }

    .main .m-left .server .s-right {
        width: 100%
    }

    .main .m-left .server .s-left .sl-bot {
        width: 70%
    }

    .main .m-left .server .s-left .sl-bot br {
        content: " ";
        display: none
    }

    .main .m-left .server {
        border-right: 0;
        border: none
    }

    .main .m-left .pagination {
        border-top: none
    }

    .main .m-left .server:last-of-type {
        border-bottom: 0
    }

    .f-cr-bar {
        display: block;
        text-align: center
    }

    .f-cr-bar .fcb-right {
        text-align: center;
        padding-top: 20px
    }
}

@media(max-width:600px) {
    .main .m-left .server .s-right .s-header {
        padding: 24px 0 0 0
    }

    .main .m-left .server .s-right .rate-btn {
        display: none
    }

    .main .m-left .server .s-right .s-icons {
        margin-top: 20px;
        padding: 0 21px
    }

    .main .m-left .server .s-right .s-icons .s-icon {
        margin-right: 5px;
        margin-left: 0
    }

    .main .m-left .server {
        border: none;
        border-left: none;
        border-right: none
    }

    @keyframes inner {
        0% {
            margin-top: 0
        }

        100% {
            margin-top: 0
        }
    }

    @-webkit-keyframes inner {
        0% {
            margin-top: 0
        }

        100% {
            margin-top: 0
        }
    }

    @keyframes inner2 {
        0% {
            top: 0
        }

        100% {
            top: 0
        }
    }

    @-webkit-keyframes inner2 {
        0% {
            top: 0
        }

        100% {
            top: 0
        }
    }

    .input {
        width: 100%
    }

    .input input {
        width: 90%
    }

    .input label {
        width: 10%
    }
}

@media(min-width:1100px) and (max-width:1200px) {
    .main .m-left .server .s-right .votes-btn {
        margin-top: 6px
    }
}

@media(min-width:100px) and (max-width:1200px) {
    a.s-icon.votes-btn.home {
        display: none !important
    }

    a.votes-btn.bs-g {
        margin-bottom: 15px !important
    }
}

@media(max-width:510px) {
    .input input {
        width: 85%
    }

    .input label {
        width: 15%
    }

    .main .m-left .pagination .page:not(.active) {
        display: none
    }

    .slides-sec {
        display: none
    }

    .main .m-left .titlebar .page-title,
    .main .m-left .titlebar .options .option,
    .main .m-left .titlebar .options .option {
        color: #f3f3f3 !important
    }

    .main .m-left .titlebar {
        /* background-color: #000; */
        padding: 0 15px
    }

    .main .m-left .titlebar .page-title,
    .main .m-left .titlebar .options .option,
    .main .m-left .titlebar .options .option {
        color: #5f5f5f
    }

    .main .m-left .titlebar .options .option {
        padding-left: 15px
    }

    .main .m-left .titlebar .options .option i {
        display: none
    }
}

@media(max-width:420px) {
    .main .m-left .server {
        border-width: 8px 12px
    }

    .main .m-left .server .s-left .sl-bot {
        width: 60%
    }
}

@media(max-width:895px) {
    .main .m-left .server .s-right .sh-right {
        align-items: center;
        width: 100%;
        padding: 5px
    }

    .main .m-left .server .s-right .sh-right p {
        width: auto
    }

    .main .m-left .server .s-right .s-icons {
        display: flex;
        width: auto
    }
}

@media(max-height:710px) and (min-width:601px) {
    @keyframes inner {
        0% {
            margin-top: 0%
        }

        100% {
            margin-top: 2.5%
        }
    }

    @-webkit-keyframes inner {
        0% {
            margin-top: 0%
        }

        100% {
            margin-top: 2.5%
        }
    }

    @keyframes inner2 {
        0% {
            top: 0%
        }

        100% {
            top: 1.5%
        }
    }

    @-webkit-keyframes inner2 {
        0% {
            top: 0%
        }

        100% {
            top: 2.5%
        }
    }
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid #fff0;
    border-radius: 4px
}

.alert h4 {
    margin-top: 0;
    color: inherit
}

.alert>p,
.alert>ul {
    margin-bottom: 0
}

.alert>p+p {
    margin-top: 5px
}

.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d
}

.alert-success hr {
    border-top-color: #c9e2b3
}

.alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f
}

.alert-info hr {
    border-top-color: #a6e1ec
}

.alert-warning {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b
}

.alert-warning hr {
    border-top-color: #f7e1b5
}

.hidden {
    display: none
}

.alert_closebtn {
    margin-left: 15px;
    color: #fff;
    font-weight: 700;
    float: right;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
    color: #383838 !important
}

.alert_closebtn:hover {
    color: #000
}

.arrow_before:before {
    content: "\25bc";
    float: left;
    color: gray
}

.subcat_arrow {
    height: 60px;
    display: flex;
    align-items: center;
    padding-left: 10px;
    color: #f6e8d6;
    background: rgb(0 0 0 / .2);
    cursor: pointer
}

.subcat_bg {
    background-color: #4d3027 !important;
    border-bottom: 1px solid #633e32 !important
}

.subcat_bg:hover {
    background-color: #57362b !important
}

.lang-base {
    max-width: 120px;
    text-align: center;
    width: 100%;
    margin: 0 auto
}

.display-contents {
    display: contents
}

.language {
    width: 13px;
    height: 9px;
    margin: 2px;
    display: inline-block;
    background: no-repeat
}

.language.ar {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAKCAMAAABcxfTLAAAAkFBMVEX/S1T8/PtIR1bB2JF9thNsqwD9+v//WGBFRFTV1dl0rgBUU2H/S1b8+P7V09f/WGRSUmD9S1b/RVD+aXL/VmJVVWH/U13gSVX/R1VDRVTpW0d1rwL5+PbW19rF25vB2ZL/ipD/dXtgX232Y2vjV2JPTl71YV3/Rln/TFfqaVaGvCaAsxZ1shB5sQ5xsQBprQC9AKqJAAAAb0lEQVQI1zXL2QJDMBSE4SnlNCGyKFXd9xXv/3bC4fuv5mJw1qQ/v+Xki9LaqpaylXLna7BG+qqjLmJ/EFA9w1PIjqC3dbmKVTxS0IDL94vZ8He37CBE5hMChBSbYBuwAiXvFXvgQkT3wpjEM8m1B4e3B4uHtbCoAAAAAElFTkSuQmCC)
}

.language.cs {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAKCAMAAABcxfTLAAAAq1BMVEX/S1X29fX1UU/28vH26On2UlD/RVD29vhMU6FAR5v7+/j09vVARpj29/b06ek1Rp84PZj9Z3D+aG729/n16+v25+s8SJ5DR546Q5pRR5SHSYPuS1v/SlL/Sk/+/vj49fP/8e7S2+zg4Oro2OL12uGxtdKqrdB4erdwdrRFR5xPTpo+TJWZZZM/QJNFTpFIP47/cHlgWXjAU3PCSm3BUGL9UFb2UFD+SU7uV0xiPPpPAAAAgElEQVQI1zXHVxKDIBRA0fcQg4JKMTHW9N57sv+VBZjxfNyZC6fljI5oRjMXuoJztOYckQkUQuAQqlJtF5MUGWKK9g/7REUbzlmaM5YHEMXjpFS7+TRw0H8irw+jjdH6Zj8uZN18B94bLrGsnl0LXhvCsaibDnofuL8IIaFDrN8f8bwJMRLeq8gAAAAASUVORK5CYII=)
}

.language.de {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAKCAMAAABcxfTLAAAAS1BMVEX/4lr/RlT/4Fr/11r/S1azSVU9RVZERlRTRlT/Z1b/Zlb9SVX+1VlVRlZIRVU8RVRMRla5SVW0SFV0SV34wVz/2lj/zVj8ZldiSFWwMdOoAAAAV0lEQVQI103GCQ6AIAxE0UGQtSC43/+kDoZEX5vfYvOUfeZyblRXiitu8Kh2scT0FrR5nYnpGowxKZnE8wZKJTX0B1cMIUaG+ECmDyaNA38auxYRPcj5AHkaBAOzNkDPAAAAAElFTkSuQmCC)
}

.language.en {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAKCAMAAABcxfTLAAAAq1BMVEX5sbX7l5zvmqH6q7D6qq9pbq78lJr6j5VpcLJqb6/6qK3/lJWVocxYXaj7nKH4nKH6maD8l53/k5nzgnyWn8r6srf/rq9dZq7AjqlWXaZkYKP5naFdVZ70lZxYU5j7kpdRWpf+kZPygX2XoMujnsdubrT/sLPsq7Fsba5faa7dnav5oqjEjKdOV6bvq6Xxp6RgXaSicZ7ml51cVZvFeJX3lZTFdIP0g3vthneiVvRaAAAAf0lEQVQI1zXGBxLCIBRF0R8BBUJLiOnd3nvZ/8oUx5x5b+bCpS7Lum2fL9tb27/hTNmC0k0aY4QxOkJOCVmzZB9zjjk/Qc4IISy5dxPnAbcsk1Ie0iVyAObRTIhIbFWhtFY76Hw/DL8fO00FeAp/LlbQeF7g9hNUUBhj9Ghw/QCy8gm/GIxQWwAAAABJRU5ErkJggg==)
}

.language.es {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAKCAMAAABcxfTLAAAAwFBMVEX/01DIQkv+zlD/1lD+0k/QVkz1uE32yVbJSVa9P1H+1E3RV0vKTlj/yFL/2FH8zlHAQVH1tk/KQk/KPUvVV0rJQknxvnH1vF7hu1v90VjNTljPRlL2t1H+103+0UzFQkzOP0vKQUnjsrb50rHrsYuqfIntuIbrzYXlw4Tnk3f/03b1yXLViXKpUG72vWzcgmj4yluxQVnroVjzvFfxzlbyxVTGRlPyy1LnsFHLVVHhi1D3sU++PU/geknqj0jRVkYbJXvTAAAAiklEQVQI1x3HRQKDMABE0SEJUBLcXerurve/VdO+mc3HynVdwzRzMy863y/QNErUKX+RErW4ltohSTyt1Dy5B452vdjENac2pZVNoLP1ezaICTgDhwUd49eoP8zAGJjsC5vsl/dpVlFQyglOTqrPt6lOHCJv4aaG4iNCof6IEDvjaRjnnuQHQdB+AZgiC2N0S1mSAAAAAElFTkSuQmCC)
}

.language.fr {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAKCAMAAABcxfTLAAAAS1BMVEX/S1VBR5v29fVBR5k/Rpw8Qpj0///Jyt/6l5r9/vj/QUv/Qkn9/Pr0/fP9++728+r19ehJTJz6lpb/Qkz+/vrHydjIytf7lpr/Qk7lVWDLAAAAT0lEQVQI11XNVw7AIAwDUIKhm9l5/5OWIFBE/p6s2CoBsLeP0eVPlSNDxs6r1tN7slF9FC9bNQGcdxNxLoZ4b0a39F9iwtCf+P/xIbjM+z8DyAMpoAN2MgAAAABJRU5ErkJggg==)
}

.language.hu {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAKCAMAAABcxfTLAAAAdVBMVEX1//9yrwD7SlXd6cb/SlZ5pwV0rwH6r7T6+P7/Qkz+Qkr9S1X7+f//S1N6qAd3qAN1rwL5+v7y//31+/Hd6Mje58jg5sL6r7b3r7T6sa34S1R2rgP69PT29fD7rrbjTVv6Skz/SUuBmRR+oQl9sQd8sgZzrQFM9W/FAAAAbklEQVQI1y2HBxLDIAwET2A6BDtxd3r7/xMtGK902hMeaxBClBStECk0KTUHAU/vnXdlHbcXltncJzPNprLggjOYesDfrYu2s9HaknjFKAcph76XlRG/VmvaSOt24/ZFJtJEf2KxM95ZKXWqw3x23wcGERC8vh0AAAAASUVORK5CYII=)
}

.language.it {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAKCAMAAABcxfTLAAAAVFBMVEX/S1VzrwD19vVwrQD7+P/1//77lpx0sAL29PT/QUvW5bj9S1RwrwD16enU5Lj/QEv29/Z2qwT09ff76/X76vX16ujS3q7T3K36k5f7kJb8REx6oxYu1zbJAAAAWklEQVQI112MSRKAIAwE2RNFENyX///TgaI4OLdOd0W8mUgf2x74egQmScopmsTWDYWBUo+GlXVz9dBgVXznaBZV2f963/sE9u0fetV6eELfGMs46HMNge/CHzHYA40HG4IgAAAAAElFTkSuQmCC)
}

.language.pl {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAKCAMAAABcxfTLAAAAUVBMVEX19fX/S1b/VVX/RU/08/P9Z3Do5+n39/f09/bo6er/SlX38vP+aG/s7e316Or/Y2z/UVP39fXw7O3x6+3q5+nd3d/HuL/9ZVj/XFX/SFD8R07GYl5BAAAAVklEQVQI102HSRKAIAwEBwwERRb35f8PdeREVzpdg9OPnrd7/+dAgqggQECWhBEdXJsGVWgICroiR5FI+WlGmZ1zlLAF79DzwE7GGEpYi9pKWyou23N/HNQDTjq7VpUAAAAASUVORK5CYII=)
}

.language.pt {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAKCAMAAABcxfTLAAAAmVBMVEX/Slb/S1R0rwD9TFX+V2D/TFd0sAFurgH/RlRwpwv/V2J9sxJ6qAVpsQD/nm7+U1//iVr/wlb/XlX+zk9wqgtwrAS0qtzYnrfilprzk4f/lnL+YWr9vl/+Qlr9yVn/Pln/Zlj/q1XryU7W1T3R0T2LjzvSvjm6rS2pky2qiSJ1lx6gwRyciRieiBiQwBR4thOJuQ92rQd3uwRGDq95AAAAeklEQVQI1yWN1Q7DMBAE93ym2k4aKDMz///H9SLP20izWhxjjO9L0ELQYY6hUqp4LgEQDProWet+541nGCYjrtxnV9eVl4CgMbDFoRxP20Z6kLhy+3I0aRsPwcje3VezxdZLzUTiyr1OlQF3xvnvsUaGcEspfa/g7PwHPWUGqCV23EUAAAAASUVORK5CYII=)
}

.language.ro {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAKCAMAAABcxfTLAAAAaVBMVEVARpo8Qp7/4Vr/6Vf/UFv/Slb/QlVBR5r/6ln/jlj/S1X/4lpCR55AR51OTZzRu2n+2179U1tIS5xFR5lAR5j94ln/TVfRu23OvGr9R1j/jlZrWp5jVptNTJrEs23QuWn/5F//j1/y3V70ftcLAAAAcklEQVQI1z3M2RKCMAyF4dOmGKGLXUFw9/0f0mBnuPwm5w/uxVX1/MbYxnWeDYp3UC+y+jyepimBPaAu1Jp4EBeHqq6k7e7BgFn2C2lNYulz5X2ve28Q4CF7+bd1M7zcjz4zo3v7+xbCIy82xvdnNSn9APKxBh8Db3qJAAAAAElFTkSuQmCC)
}

.language.tr {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAKCAMAAABcxfTLAAAAbFBMVEX/S1T/S1b/TFf/VlX/SFT/RU7zS1rxS1r+Qk7zSlj/WGL/U1r/T1X26en7q677lJj8g4z8eYT5S1n8Ulf/RlL34+T23N35vsD2rq/5oqj4m6P8jpf8i5H7f4LHTm38Xmj9YGfdUGP/P079O0TVMH0qAAAAcklEQVQI1yWOWRbDIAwDZWEDAbI23ff2/nfsc2N/at5IeHQppV0IoTYRAIvAclbB/wWJNg+3AgJ0oMvX/v4qq2G7xP34NZsnhz2v/fSBXQYlhUDMp0NpFVQHFFF5Po7PFZsRCzST6ipx/zvG2Pme0Lz/B1YYBB2rUN+9AAAAAElFTkSuQmCC)
}

.language.all {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAABlVBMVEUAAABBb8OAxFlCZ7Y7W6uOzVF3yE04VqJnlZBBb8KXxFk9a8R1o4E0TbFIdrlcpmxNerKdy1Ol0lJCcZJ1o31hsWE3ZcgzTrFqw1Q4Wq5vu1xFeY9dpmdPe7WbyFo+ZZhjt1+KwmFDbbU0UaZnt19tx09grmY4WKJ0n4M8Z5k8YKM5WKZKd7lfjclZh8VUgsWbzVdQfstAbseXyF5QftJWhcJJdcBNfbxLebg4VqZ7qYCMu2eazFqg0E5HdNQ8Z85IdMpbishFccNUgsBMebtLerlJdLhMeLRHcrA1T601UKlWhKNJf4qArXWDsnRVn22PwGWMvmKfzVSm2EgzX9Jgjs5VhMxMestFbso/bMNYhr9Dab9Hc71Db7xWgrpLeLkxR7FVg7BfjK0yTKpmlKlZf6leiKZTfaVbh6FdiZpoj5hciZc/ZpRrmpNqmJNijZNBbpN0oIxfiIp4noljnYF/rnx6pntOi3tQkHpqqXGLumyFsWyItWaMuGNdsWGUxF9ZsV1ju1diwVOl1VKf0VFqyUin1EJzXHnTAAAALHRSTlMA7CH+/v7+9+zn4tjVzcnHxbazm5uZl5SUiYiAfXd2cGxoZUpGQD8wJSEPC8gY51UAAADwSURBVBjTNcjTlgNRFEXRk7Rt26qLcpdiG23btt357lSSkfm094KcyfbayqrGfihqfvdLrrVw8neo8KuPHQRjNhy71Lpzv+nU5kRYFHa0+/3nUQBrwOFECBG3TqmejAO0HrHCPMJkw6A6z8fHoSZmXLMCEdkLLfrJf/eA5SVlqHsrBC8uzz3QnxawqH8JmjlYEJlZ7qTsqwPqXQk+9WpzM2a4Lf8YgD67mn5bl3xmWLr7j0wBcOfpQ26TYRh59fGpDgCGt6N2r9cjywFFCc6AqevGL3l8JaW7QWUC8kYqrrZCZ6FIwzQUjfW2dQ5a8zMLkbwz3K7Hxq4AAAAASUVORK5CYII=);
    width: 16px;
    height: 16px;
    vertical-align: middle !important
}

.language.ae {
    background-size: 13px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAyBAMAAABYG2ONAAAAElBMVEXIEC4AhD3///8AAABZr4FTU1NVgvOBAAAAMklEQVRIx2NhQAKMAgxEABYGksGollEtw1ALszHJWv7dGw3kUS2jWkaz2KiWUS0DpQUAvw8E/hNUnfMAAAAASUVORK5CYII=)
}

.language.dk {
    background-size: 13px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABMBAMAAABpMw88AAAAJFBMVEXGDDDkipv33eLTRGDGDDDmlaX////UR2LdboTwwMnlkaH//v7EoRQ3AAAABHRSTlPV6fjdIC0BwgAAAE9JREFUeAFjZEADQgJAgvEuA27A6EJIy6iWUS2jWka1jGoZ1dKBJsB3AUiwyOHTksZAImAdNlpGteBKMJQky1Eto1pGtYxqGdUyqoWMDi8AZHZYA554G4wAAAAASUVORK5CYII=)
}

.language.gr {
    background-size: 13px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABDCAMAAABdlVDoAAAAUVBMVEUNXq44er1Bgb/c5/P///8NXq/O3u/+/v+gwOD6/P3X5PJzotHY5fIWZLKGr9cRYbCdvt5CgcHG2exFg8Jrnc5woNDy9vv2+fw6fL49fr+Lstk1c90HAAAABHRSTlPU29z4BZJiuAAAAI5JREFUeF7t1rcOxEAIRVHsZcY5bQz//6FbUNFYlhiQVn6npLkVCNKqi6ipqKS8WWypJER2IPIYTI5FXmxy1ggii/JhcdPjZ2dCfMSUTBwjiCByV2YWXz1eW5OIjW8Q2YHINZv8+3OHCCJZ6VmMuSRif81ZI4i0ASgFQAQRP9QFwO1yjCAyBMBZQcQPRfgBQA+GP2MHnRUAAAAASUVORK5CYII=)
}

.language.nl {
    background-size: 13px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABDBAMAAACYZb3pAAAAFVBMVEUgRoy3PEghRouottKuHCjgp6z////2S0q7AAAAAnRSTlPU/snCEjgAAAA3SURBVEjH7csxAQAgEMSws4AFLGABC1jAv4TX0PmaPVlYLmaxWErLw/Ixi8VSWg6WjVksltLCDabgYsiD0xdmAAAAAElFTkSuQmCC)
}

.language.ru {
    background-size: 13px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABDBAMAAACYZb3pAAAAElBMVEX///8AMqDaKRzbLiE8L3tVdsBc/RZ1AAAAM0lEQVRIie3LMQEAMAjEwLeAhVqohVrAv5VqyMBEbr9EksY0lsIsFsvS8rAczGKxLC0X+9AM+QfXEXN7AAAAAElFTkSuQmCC)
}

.language.cz {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAKCAMAAABcxfTLAAAAq1BMVEX/S1X29fX1UU/28vH26On2UlD/RVD29vhMU6FAR5v7+/j09vVARpj29/b06ek1Rp84PZj9Z3D+aG729/n16+v25+s8SJ5DR546Q5pRR5SHSYPuS1v/SlL/Sk/+/vj49fP/8e7S2+zg4Oro2OL12uGxtdKqrdB4erdwdrRFR5xPTpo+TJWZZZM/QJNFTpFIP47/cHlgWXjAU3PCSm3BUGL9UFb2UFD+SU7uV0xiPPpPAAAAgElEQVQI1zXHVxKDIBRA0fcQg4JKMTHW9N57sv+VBZjxfNyZC6fljI5oRjMXuoJztOYckQkUQuAQqlJtF5MUGWKK9g/7REUbzlmaM5YHEMXjpFS7+TRw0H8irw+jjdH6Zj8uZN18B94bLrGsnl0LXhvCsaibDnofuL8IIaFDrN8f8bwJMRLeq8gAAAAASUVORK5CYII=)
}

.content {
    padding: 15px
}

.content span {
    color: #f0c670
}

.content::after {
    content: "";
    clear: both;
    display: table
}

.content ul {
    color: #aaa;
    list-style: circle;
    margin-left: 20px;
    list-style-position: inside
}

strong.s-red {
    color: #c34f4f
}

.container {
    display: inline-block;
    width: 100%
}

.col-1 {
    width: 8.33%;
    float: left;
    padding: 15px
}

.col-2 {
    width: 16.66%;
    float: left;
    padding: 15px
}

.col-3 {
    width: 25%;
    float: left;
    padding: 15px
}

.col-4 {
    width: 33.33%;
    float: left;
    padding: 15px
}

.col-5 {
    width: 41.66%;
    float: left;
    padding: 15px
}

.col-6 {
    width: 50%;
    float: left;
    padding: 15px
}

.col-7 {
    width: 58.33%;
    float: left;
    padding: 15px
}

.col-8 {
    width: 66.66%;
    float: left;
    padding: 15px
}

.col-9 {
    width: 75%;
    float: left;
    padding: 15px
}

.col-10 {
    width: 83.33%;
    float: left;
    padding: 15px
}

.col-11 {
    width: 91.66%;
    float: left;
    padding: 15px
}

.col-12 {
    width: 100%;
    float: left;
    padding: 15px
}

@media(max-width:730px) {
    .col-6 {
        width: 100%
    }
}

@media(max-width:770px) {
    .col-8 {
        width: 100%
    }
}

@media(max-width:630px) {
    .col-3 {
        width: 100%
    }
}

#banner {
    opacity: 0;
    position: absolute;
    z-index: -1
}

select,
textarea {
    width: 100%;
    padding: 5px;
    background: #493c2c;
    border-radius: 10px;
    box-sizing: border-box;
    border: 1px solid #897050;
    margin-top: 6px;
    margin-bottom: 10px;
    color: #ddc6a8
}

.profile0 {
    background-image: url(data:image/png;base64,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) !important
}

.profile1 {
    background-image: url(data:image/png;base64,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) !important
}

.profile2 {
    background-image: url(data:image/png;base64,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) !important
}

.profile3 {
    background-image: url(data:image/png;base64,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) !important
}

.profile4 {
    background-image: url(data:image/png;base64,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) !important
}

.profile5 {
    background-image: url(data:image/png;base64,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) !important
}

.profile6 {
    background-image: url(data:image/png;base64,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) !important
}

.profile7 {
    background-image: url(data:image/png;base64,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) !important
}

.profile8 {
    background-image: url(data:image/png;base64,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) !important
}

#profile_image {
    width: 100%;
    padding: 0
}

.preview {
    margin: 0 5px
}

.bottom-m10 {
    margin-bottom: 0
}

.slider {
    animation: glow 0.5s infinite alternate;
    background-color: #f0c670 !important
}

.sliderText {
    margin-left: 20px
}

@keyframes glow {
    from {
        box-shadow: 0 0 2px -2px #df7e00
    }

    to {
        box-shadow: 0 0 2px 2px #df7e00
    }
}

@keyframes bg {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes inner {
    0% {
        margin-top: 120px
    }

    100% {
        margin-top: 200px
    }
}

@-webkit-keyframes bg {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes inner {
    0% {
        margin-top: 120px
    }

    100% {
        margin-top: 200px
    }
}

@keyframes inner2 {
    0% {
        top: 10%
    }

    100% {
        top: 15%
    }
}

@-webkit-keyframes inner2 {
    0% {
        top: 10%
    }

    100% {
        top: 15%
    }
}

.popup__check {
    display: none;
    z-index: 100
}

.popup__base,
.popup__bg {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    cursor: zoom-out;
    z-index: 100
}

.popup__base {
    background-color: rgb(0 0 0 / .54);
    display: none;
    z-index: 100
}

.popup__check:checked+.popup__base {
    display: block;
    animation-name: bg;
    animation-duration: .5s;
    animation-fill-mode: forwards;
    -webkit-animation-name: bg;
    -webkit-animation-duration: .5s;
    -webkit-animation-fill-mode: forwards;
    z-index: 100
}

.popup__inner {
    position: absolute;
    z-index: 10;
    width: 70%;
    height: 70%;
    background: #424242;
    background: linear-gradient(90deg, rgb(54 54 54) 0%, rgb(34 34 34) 100%);
    border: 1px solid #363636;
    top: 15%;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    display: block;
    cursor: default;
    z-index: 100;
    border-radius: 10px;
    box-sizing: border-box;
    padding: 20px 20px
}

.popup__check:checked+.popup__base .popup__inner {
    animation-name: inner2;
    animation-duration: .5s;
    animation-fill-mode: forwards;
    -webkit-animation-name: inner2;
    -webkit-animation-duration: .5s;
    -webkit-animation-fill-mode: forwards;
    z-index: 100;
    width: 360px;
    height: 270px
}

.popup__textbox {
    height: 95%;
    width: 95%;
    padding-left: 2.5%;
    padding-right: 2.5%;
    margin-top: 10px;
    overflow: auto;
    z-index: 100
}

.popup__calign {
    float: right;
    padding-right: 60px;
    font-size: 50px;
    z-index: 100
}

.popup__close {
    display: block;
    position: absolute;
    z-index: 10;
    cursor: pointer;
    top: 0;
    right: 0;
    z-index: 100;
    min-width: 30px;
    height: 30px;
    padding-top: 20px
}

.popup__close .strp {
    width: 21px;
    height: 2px;
    background-color: #d07e1d;
    transform: rotate(45deg);
    margin-top: -2px;
    display: block
}

.popup__close .strp:first-of-type {
    transform: rotate(-45deg)
}

select option {
    color: #ddc6a8
}

.s-web {
    width: 252px;
    height: 193px;
    background: linear-gradient(0deg, rgb(201 165 92 / .7) 0%, #fff0 100%) left bottom #fff0 no-repeat;
    background-size: 100% 100px;
    margin: auto
}

.s-web img {
    padding-left: 2px;
    padding-top: 1px
}

.web-na {
    width: 248px;
    height: 190px;
    color: #a4a4a4;
    margin-left: 2px;
    text-align: center;
    padding: 140px 10px 10px 10px;
    font-size: 16px
}

@media(max-width:900px) {
    .col-5 {
        width: 100%;
        padding: 15px !important
    }

    .col-7 {
        width: 100%;
        padding: 15px !important
    }

    .col-7 img {
        display: block;
        margin-left: auto;
        margin-right: auto
    }

    .s-web {
        height: auto !important
    }
}

.comment-lang-margin {
    margin: 0 4px 0 0
}

.margin-t-5p {
    margin-top: 5%
}

.padding-20 {
    padding-left: 20px !important;
    padding-right: 20px !important
}

.not_loggedin {
    background-color: rgb(0 0 0 / .44);
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    position: absolute;
    z-index: 10;
    padding: 0;
    margin: 0
}

.not_loggedin p {
    top: 50%;
    width: 100%;
    position: absolute
}

.report_server {
    color: #e7be67;
    margin: auto;
    font-size: 25px
}

.margin-b-10 {
    margin-bottom: 10px
}

.popup__inner.report h2 {
    color: #d07e1d
}

.popup__inner.report {
    color: #898989;
    height: 320px !important
}

.popup__inner.report textarea {
    width: 300px;
    height: 150px;
    margin-left: -9px;
    margin-top: 15px;
    resize: none
}

.comment .username {
    text-decoration: none !important
}

.comment .username a {
    text-decoration: none !important;
    color: #aa8453
}

.comment .username a:hover {
    color: #ee7373
}

.cc-right .report_btn {
    opacity: 1 !important;
    color: #e7be67 !important
}

.c-header .stars {
    font-size: 10px
}

#comment_form .star {
    font-size: 18px;
    margin-top: 10px
}

.captcha-s {
    margin: 75px 0 10px -5px
}

#loader_base {
    width: 100%;
    position: absolute;
    height: 100%;
    z-index: 9999;
    background: rgb(0 0 0 / .8)
}

.loader {
    position: absolute;
    left: 40%;
    top: -10px;
    z-index: 5;
    width: 64px;
    height: 64px;
    margin: auto;
    border: 10px solid #f3f3f3;
    border-radius: 50%;
    border-top: 10px solid #cf7d1d;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.collapse-list {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none
}

.collapse-open {
    display: none
}

.collapse-panel {
    visibility: hidden;
    max-height: 0;
    opacity: 0;
    transition: max-height .1s, visibility .3s, opacity .3s
}

.collapse-open:checked~.collapse-panel {
    max-height: 100%;
    opacity: 100;
    visibility: visible
}

.collapse-list li {
    margin-bottom: 0
}

.collapse-list .header {
    list-style: none
}

.collapse-list .collapse-btn {
    cursor: pointer;
    display: block;
    padding: 15px 10px;
    margin-top: 10px;
    color: #b3b3b3;
    background-color: #333;
    border: 1px solid #797979;
    font-weight: 400;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out
}

.collapse-list .collapse-btn:hover {
    -webkit-filter: brightness(130%);
    filter: brightness(130%)
}

.collapse-open~.collapse-btn:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 800;
    content: "\f078";
    font-size: 10px;
    float: right;
    position: relative;
    top: 5px
}

.collapse-open:checked~.collapse-btn:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 800;
    content: "\f077";
    font-size: 10px;
    position: relative;
    top: 5px
}

.collapse-list .collapse-inner {
    padding: 10px 30px 10px 30px;
    color: #b3b3b3;
    background-color: rgb(23 23 23 / .3);
    border: 1px solid #797979;
    border-top: none
}

@media (min-width:1921px) {
    body {
        max-width: none;
        background-size: cover;
        background-position: unset
    }
}

.select-wrapper {
    padding-top: 5px;
    padding-bottom: 5px
}

.select-base {
    display: inline;
    font-size: 14px
}

.select-base .current {
    margin: 0 5px 0 0
}

.select-base .all.current {
    margin: -4px 5px 0 0
}

.select-base ul {
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
    display: inline-block
}

.select-base li {
    font-size: 16px;
    cursor: pointer;
    padding-bottom: 10px
}

.select-base li .select {
    display: none
}

.select-base li:hover .select {
    position: absolute;
    top: 29px;
    right: -15px;
    display: inline;
    background: #4d3027;
    background: linear-gradient(180deg, #4d3027 0%, #3a241c 100%);
    width: 200px;
    padding-top: 0;
    z-index: 100;
    border-radius: 5px;
    box-shadow: 0 0 20px rgb(0 0 0 / .2)
}

.select-base li:hover .triangle {
    position: absolute;
    top: 15px;
    right: -10px;
    z-index: 10;
    height: 14px;
    overflow: hidden;
    width: 30px;
    background: #fff0
}

.select-base li:hover .triangle:after {
    content: '';
    display: block;
    z-index: 20;
    width: 15px;
    transform: rotate(45deg) translateY(0) translatex(10px);
    height: 15px;
    background: #4d3027;
    border-radius: 2px 0 0 0;
    box-shadow: 0 0 20px rgb(0 0 0 / .2)
}

.select-base li ul li {
    position: relative;
    text-align: left;
    background: #fff0;
    padding: 15px 15px;
    padding-bottom: 0;
    z-index: 2;
    font-size: 15px;
    color: #e3d6b8
}

.select-base li ul li:last-of-type {
    padding-bottom: 15px
}

.select-base li ul li a,
.select-base li ul li a:visited {
    padding-left: 5px;
    color: #e3d6b8
}

.select-base li ul li a:hover,
.select-base li ul li a.active {
    color: #f0c670
}

.select-base li ul:first-child,
.select-base li ul:nth-child(2) {
    border-right: 1px solid #363636
}

.select-base .f-t {
    margin-right: 5px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #e3d6b8;
    font-weight: 600;
    line-height: 1;
    padding: 4px 0
}

.icon-wrapper {
    display: inline-flex;
    align-items: center;
    transform: translateY(1px)
}

.filter-icon {
    color: #e3d6b8;
    transition: transform 0.2s ease;
    width: 14px;
    height: 14px
}

.select-base:hover .filter-icon {
    transform: rotate(90deg)
}

.no-margin {
    margin: 0
}

.ic-angle-down {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='angle-down' class='svg-inline--fa fa-angle-down fa-w-10' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='currentColor' d='M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z'%3E%3C/path%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='angle-down' class='svg-inline--fa fa-angle-down fa-w-10' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='currentColor' d='M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z'%3E%3C/path%3E%3C/svg%3E")
}

.ic-angle-down.b-c {
    background-color: #c5c5c5;
    width: 10px;
    height: 17px
}

.ic-angle-down.sm {
    background-color: #c5c5c5;
    width: 10px;
    height: 17px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px
}

.ic-caret-down {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='caret-down' class='svg-inline--fa fa-caret-down fa-w-10' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='currentColor' d='M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z'%3E%3C/path%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='angle-down' class='svg-inline--fa fa-angle-down fa-w-10' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='currentColor' d='M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z'%3E%3C/path%3E%3C/svg%3E");
    background-color: #e03232;
    width: 13px;
    height: 20px;
    margin: auto
}

.ic-caret-up {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='caret-up' class='svg-inline--fa fa-caret-up fa-w-10' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='currentColor' d='M288.662 352H31.338c-17.818 0-26.741-21.543-14.142-34.142l128.662-128.662c7.81-7.81 20.474-7.81 28.284 0l128.662 128.662c12.6 12.599 3.676 34.142-14.142 34.142z'%3E%3C/path%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='caret-up' class='svg-inline--fa fa-caret-up fa-w-10' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='currentColor' d='M288.662 352H31.338c-17.818 0-26.741-21.543-14.142-34.142l128.662-128.662c7.81-7.81 20.474-7.81 28.284 0l128.662 128.662c12.6 12.599 3.676 34.142-14.142 34.142z'%3E%3C/path%3E%3C/svg%3E");
    background-color: #5fb800;
    width: 13px;
    height: 20px;
    margin: auto
}

.ic-home {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='home' class='svg-inline--fa fa-home fa-w-18' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath fill='currentColor' d='M280.37 148.26L96 300.11V464a16 16 0 0 0 16 16l112.06-.29a16 16 0 0 0 15.92-16V368a16 16 0 0 1 16-16h64a16 16 0 0 1 16 16v95.64a16 16 0 0 0 16 16.05L464 480a16 16 0 0 0 16-16V300L295.67 148.26a12.19 12.19 0 0 0-15.3 0zM571.6 251.47L488 182.56V44.05a12 12 0 0 0-12-12h-56a12 12 0 0 0-12 12v72.61L318.47 43a48 48 0 0 0-61 0L4.34 251.47a12 12 0 0 0-1.6 16.9l25.5 31A12 12 0 0 0 45.15 301l235.22-193.74a12.19 12.19 0 0 1 15.3 0L530.9 301a12 12 0 0 0 16.9-1.6l25.5-31a12 12 0 0 0-1.7-16.93z'%3E%3C/path%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='home' class='svg-inline--fa fa-home fa-w-18' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath fill='currentColor' d='M280.37 148.26L96 300.11V464a16 16 0 0 0 16 16l112.06-.29a16 16 0 0 0 15.92-16V368a16 16 0 0 1 16-16h64a16 16 0 0 1 16 16v95.64a16 16 0 0 0 16 16.05L464 480a16 16 0 0 0 16-16V300L295.67 148.26a12.19 12.19 0 0 0-15.3 0zM571.6 251.47L488 182.56V44.05a12 12 0 0 0-12-12h-56a12 12 0 0 0-12 12v72.61L318.47 43a48 48 0 0 0-61 0L4.34 251.47a12 12 0 0 0-1.6 16.9l25.5 31A12 12 0 0 0 45.15 301l235.22-193.74a12.19 12.19 0 0 1 15.3 0L530.9 301a12 12 0 0 0 16.9-1.6l25.5-31a12 12 0 0 0-1.7-16.93z'%3E%3C/path%3E%3C/svg%3E");
    background-color: #ffe5b0;
    width: 23px;
    height: 20px;
    margin-right: 7px
}

.ic-star {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='star' class='svg-inline--fa fa-star fa-w-18' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath fill='currentColor' d='M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z'%3E%3C/path%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='star' class='svg-inline--fa fa-star fa-w-18' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath fill='currentColor' d='M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z'%3E%3C/path%3E%3C/svg%3E");
    width: 23px;
    height: 20px;
    display: inline-block
}

.ic-star.mid {
    width: 16px;
    height: 14px
}

.ic-chevron-left {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='chevron-left' class='svg-inline--fa fa-chevron-left fa-w-10' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='currentColor' d='M34.52 239.03L228.87 44.69c9.37-9.37 24.57-9.37 33.94 0l22.67 22.67c9.36 9.36 9.37 24.52.04 33.9L131.49 256l154.02 154.75c9.34 9.38 9.32 24.54-.04 33.9l-22.67 22.67c-9.37 9.37-24.57 9.37-33.94 0L34.52 272.97c-9.37-9.37-9.37-24.57 0-33.94z'%3E%3C/path%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='chevron-left' class='svg-inline--fa fa-chevron-left fa-w-10' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='currentColor' d='M34.52 239.03L228.87 44.69c9.37-9.37 24.57-9.37 33.94 0l22.67 22.67c9.36 9.36 9.37 24.52.04 33.9L131.49 256l154.02 154.75c9.34 9.38 9.32 24.54-.04 33.9l-22.67 22.67c-9.37 9.37-24.57 9.37-33.94 0L34.52 272.97c-9.37-9.37-9.37-24.57 0-33.94z'%3E%3C/path%3E%3C/svg%3E");
    background-color: #aa8453;
    width: 17px;
    height: 25px
}

.ic-chevron-right {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='chevron-right' class='svg-inline--fa fa-chevron-right fa-w-10' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='currentColor' d='M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z'%3E%3C/path%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='chevron-right' class='svg-inline--fa fa-chevron-right fa-w-10' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='currentColor' d='M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z'%3E%3C/path%3E%3C/svg%3E");
    background-color: #aa8453;
    width: 17px;
    height: 25px
}

.ic-chevron-right.captcha {
    width: 13px;
    background-color: #fff;
    height: 20px
}

.ic-discord {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fab' data-icon='discord' class='svg-inline--fa fa-discord fa-w-14' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='currentColor' d='M297.216 243.2c0 15.616-11.52 28.416-26.112 28.416-14.336 0-26.112-12.8-26.112-28.416s11.52-28.416 26.112-28.416c14.592 0 26.112 12.8 26.112 28.416zm-119.552-28.416c-14.592 0-26.112 12.8-26.112 28.416s11.776 28.416 26.112 28.416c14.592 0 26.112-12.8 26.112-28.416.256-15.616-11.52-28.416-26.112-28.416zM448 52.736V512c-64.494-56.994-43.868-38.128-118.784-107.776l13.568 47.36H52.48C23.552 451.584 0 428.032 0 398.848V52.736C0 23.552 23.552 0 52.48 0h343.04C424.448 0 448 23.552 448 52.736zm-72.96 242.688c0-82.432-36.864-149.248-36.864-149.248-36.864-27.648-71.936-26.88-71.936-26.88l-3.584 4.096c43.52 13.312 63.744 32.512 63.744 32.512-60.811-33.329-132.244-33.335-191.232-7.424-9.472 4.352-15.104 7.424-15.104 7.424s21.248-20.224 67.328-33.536l-2.56-3.072s-35.072-.768-71.936 26.88c0 0-36.864 66.816-36.864 149.248 0 0 21.504 37.12 78.08 38.912 0 0 9.472-11.52 17.152-21.248-32.512-9.728-44.8-30.208-44.8-30.208 3.766 2.636 9.976 6.053 10.496 6.4 43.21 24.198 104.588 32.126 159.744 8.96 8.96-3.328 18.944-8.192 29.44-15.104 0 0-12.8 20.992-46.336 30.464 7.68 9.728 16.896 20.736 16.896 20.736 56.576-1.792 78.336-38.912 78.336-38.912z'%3E%3C/path%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fab' data-icon='discord' class='svg-inline--fa fa-discord fa-w-14' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='currentColor' d='M297.216 243.2c0 15.616-11.52 28.416-26.112 28.416-14.336 0-26.112-12.8-26.112-28.416s11.52-28.416 26.112-28.416c14.592 0 26.112 12.8 26.112 28.416zm-119.552-28.416c-14.592 0-26.112 12.8-26.112 28.416s11.776 28.416 26.112 28.416c14.592 0 26.112-12.8 26.112-28.416.256-15.616-11.52-28.416-26.112-28.416zM448 52.736V512c-64.494-56.994-43.868-38.128-118.784-107.776l13.568 47.36H52.48C23.552 451.584 0 428.032 0 398.848V52.736C0 23.552 23.552 0 52.48 0h343.04C424.448 0 448 23.552 448 52.736zm-72.96 242.688c0-82.432-36.864-149.248-36.864-149.248-36.864-27.648-71.936-26.88-71.936-26.88l-3.584 4.096c43.52 13.312 63.744 32.512 63.744 32.512-60.811-33.329-132.244-33.335-191.232-7.424-9.472 4.352-15.104 7.424-15.104 7.424s21.248-20.224 67.328-33.536l-2.56-3.072s-35.072-.768-71.936 26.88c0 0-36.864 66.816-36.864 149.248 0 0 21.504 37.12 78.08 38.912 0 0 9.472-11.52 17.152-21.248-32.512-9.728-44.8-30.208-44.8-30.208 3.766 2.636 9.976 6.053 10.496 6.4 43.21 24.198 104.588 32.126 159.744 8.96 8.96-3.328 18.944-8.192 29.44-15.104 0 0-12.8 20.992-46.336 30.464 7.68 9.728 16.896 20.736 16.896 20.736 56.576-1.792 78.336-38.912 78.336-38.912z'%3E%3C/path%3E%3C/svg%3E");
    background-color: #c34f4f;
    width: 30px;
    height: 34px
}

.ic-facebook {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fab' data-icon='facebook' class='svg-inline--fa fa-facebook fa-w-16' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='currentColor' d='M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z'%3E%3C/path%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fab' data-icon='facebook' class='svg-inline--fa fa-facebook fa-w-16' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='currentColor' d='M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z'%3E%3C/path%3E%3C/svg%3E");
    background-color: #c34f4f;
    width: 34px;
    height: 34px
}

.ic-instagram {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fab' data-icon='instagram' class='svg-inline--fa fa-instagram fa-w-14' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='currentColor' d='M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z'%3E%3C/path%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fab' data-icon='instagram' class='svg-inline--fa fa-instagram fa-w-14' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='currentColor' d='M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z'%3E%3C/path%3E%3C/svg%3E");
    background-color: #c34f4f;
    width: 30px;
    height: 34px
}

.ic-user {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='user' class='svg-inline--fa fa-user fa-w-14' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='currentColor' d='M224 256c70.7 0 128-57.3 128-128S294.7 0 224 0 96 57.3 96 128s57.3 128 128 128zm89.6 32h-16.7c-22.2 10.2-46.9 16-72.9 16s-50.6-5.8-72.9-16h-16.7C60.2 288 0 348.2 0 422.4V464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48v-41.6c0-74.2-60.2-134.4-134.4-134.4z'%3E%3C/path%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='user' class='svg-inline--fa fa-user fa-w-14' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='currentColor' d='M224 256c70.7 0 128-57.3 128-128S294.7 0 224 0 96 57.3 96 128s57.3 128 128 128zm89.6 32h-16.7c-22.2 10.2-46.9 16-72.9 16s-50.6-5.8-72.9-16h-16.7C60.2 288 0 348.2 0 422.4V464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48v-41.6c0-74.2-60.2-134.4-134.4-134.4z'%3E%3C/path%3E%3C/svg%3E");
    background-color: #f0c670;
    width: 18px;
    height: 20px;
    margin: 0 auto;
    margin-top: 30%
}

.ic-envelope {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='envelope' class='svg-inline--fa fa-envelope fa-w-16' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='currentColor' d='M502.3 190.8c3.9-3.1 9.7-.2 9.7 4.7V400c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V195.6c0-5 5.7-7.8 9.7-4.7 22.4 17.4 52.1 39.5 154.1 113.6 21.1 15.4 56.7 47.8 92.2 47.6 35.7.3 72-32.8 92.3-47.6 102-74.1 131.6-96.3 154-113.7zM256 320c23.2.4 56.6-29.2 73.4-41.4 132.7-96.3 142.8-104.7 173.4-128.7 5.8-4.5 9.2-11.5 9.2-18.9v-19c0-26.5-21.5-48-48-48H48C21.5 64 0 85.5 0 112v19c0 7.4 3.4 14.3 9.2 18.9 30.6 23.9 40.7 32.4 173.4 128.7 16.8 12.2 50.2 41.8 73.4 41.4z'%3E%3C/path%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='envelope' class='svg-inline--fa fa-envelope fa-w-16' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='currentColor' d='M502.3 190.8c3.9-3.1 9.7-.2 9.7 4.7V400c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V195.6c0-5 5.7-7.8 9.7-4.7 22.4 17.4 52.1 39.5 154.1 113.6 21.1 15.4 56.7 47.8 92.2 47.6 35.7.3 72-32.8 92.3-47.6 102-74.1 131.6-96.3 154-113.7zM256 320c23.2.4 56.6-29.2 73.4-41.4 132.7-96.3 142.8-104.7 173.4-128.7 5.8-4.5 9.2-11.5 9.2-18.9v-19c0-26.5-21.5-48-48-48H48C21.5 64 0 85.5 0 112v19c0 7.4 3.4 14.3 9.2 18.9 30.6 23.9 40.7 32.4 173.4 128.7 16.8 12.2 50.2 41.8 73.4 41.4z'%3E%3C/path%3E%3C/svg%3E");
    background-color: #f0c670;
    width: 18px;
    height: 20px;
    margin: 0 auto;
    margin-top: 30%
}

.ic-key {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='key' class='svg-inline--fa fa-key fa-w-16' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='currentColor' d='M512 176.001C512 273.203 433.202 352 336 352c-11.22 0-22.19-1.062-32.827-3.069l-24.012 27.014A23.999 23.999 0 0 1 261.223 384H224v40c0 13.255-10.745 24-24 24h-40v40c0 13.255-10.745 24-24 24H24c-13.255 0-24-10.745-24-24v-78.059c0-6.365 2.529-12.47 7.029-16.971l161.802-161.802C163.108 213.814 160 195.271 160 176 160 78.798 238.797.001 335.999 0 433.488-.001 512 78.511 512 176.001zM336 128c0 26.51 21.49 48 48 48s48-21.49 48-48-21.49-48-48-48-48 21.49-48 48z'%3E%3C/path%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='key' class='svg-inline--fa fa-key fa-w-16' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='currentColor' d='M512 176.001C512 273.203 433.202 352 336 352c-11.22 0-22.19-1.062-32.827-3.069l-24.012 27.014A23.999 23.999 0 0 1 261.223 384H224v40c0 13.255-10.745 24-24 24h-40v40c0 13.255-10.745 24-24 24H24c-13.255 0-24-10.745-24-24v-78.059c0-6.365 2.529-12.47 7.029-16.971l161.802-161.802C163.108 213.814 160 195.271 160 176 160 78.798 238.797.001 335.999 0 433.488-.001 512 78.511 512 176.001zM336 128c0 26.51 21.49 48 48 48s48-21.49 48-48-21.49-48-48-48-48 21.49-48 48z'%3E%3C/path%3E%3C/svg%3E");
    background-color: #f0c670;
    width: 18px;
    height: 18px;
    margin: 0 auto;
    margin-top: 30%
}

.ic-sticky-note {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='sticky-note' class='svg-inline--fa fa-sticky-note fa-w-14' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='currentColor' d='M312 320h136V56c0-13.3-10.7-24-24-24H24C10.7 32 0 42.7 0 56v400c0 13.3 10.7 24 24 24h264V344c0-13.2 10.8-24 24-24zm129 55l-98 98c-4.5 4.5-10.6 7-17 7h-6V352h128v6.1c0 6.3-2.5 12.4-7 16.9z'%3E%3C/path%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='sticky-note' class='svg-inline--fa fa-sticky-note fa-w-14' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='currentColor' d='M312 320h136V56c0-13.3-10.7-24-24-24H24C10.7 32 0 42.7 0 56v400c0 13.3 10.7 24 24 24h264V344c0-13.2 10.8-24 24-24zm129 55l-98 98c-4.5 4.5-10.6 7-17 7h-6V352h128v6.1c0 6.3-2.5 12.4-7 16.9z'%3E%3C/path%3E%3C/svg%3E");
    background-color: #f0c670;
    width: 18px;
    height: 22px;
    margin: 0 auto;
    margin-top: 30%
}

.ic-globe {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='globe' class='svg-inline--fa fa-globe fa-w-16' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 496 512'%3E%3Cpath fill='currentColor' d='M336.5 160C322 70.7 287.8 8 248 8s-74 62.7-88.5 152h177zM152 256c0 22.2 1.2 43.5 3.3 64h185.3c2.1-20.5 3.3-41.8 3.3-64s-1.2-43.5-3.3-64H155.3c-2.1 20.5-3.3 41.8-3.3 64zm324.7-96c-28.6-67.9-86.5-120.4-158-141.6 24.4 33.8 41.2 84.7 50 141.6h108zM177.2 18.4C105.8 39.6 47.8 92.1 19.3 160h108c8.7-56.9 25.5-107.8 49.9-141.6zM487.4 192H372.7c2.1 21 3.3 42.5 3.3 64s-1.2 43-3.3 64h114.6c5.5-20.5 8.6-41.8 8.6-64s-3.1-43.5-8.5-64zM120 256c0-21.5 1.2-43 3.3-64H8.6C3.2 212.5 0 233.8 0 256s3.2 43.5 8.6 64h114.6c-2-21-3.2-42.5-3.2-64zm39.5 96c14.5 89.3 48.7 152 88.5 152s74-62.7 88.5-152h-177zm159.3 141.6c71.4-21.2 129.4-73.7 158-141.6h-108c-8.8 56.9-25.6 107.8-50 141.6zM19.3 352c28.6 67.9 86.5 120.4 158 141.6-24.4-33.8-41.2-84.7-50-141.6h-108z'%3E%3C/path%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='globe' class='svg-inline--fa fa-globe fa-w-16' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 496 512'%3E%3Cpath fill='currentColor' d='M336.5 160C322 70.7 287.8 8 248 8s-74 62.7-88.5 152h177zM152 256c0 22.2 1.2 43.5 3.3 64h185.3c2.1-20.5 3.3-41.8 3.3-64s-1.2-43.5-3.3-64H155.3c-2.1 20.5-3.3 41.8-3.3 64zm324.7-96c-28.6-67.9-86.5-120.4-158-141.6 24.4 33.8 41.2 84.7 50 141.6h108zM177.2 18.4C105.8 39.6 47.8 92.1 19.3 160h108c8.7-56.9 25.5-107.8 49.9-141.6zM487.4 192H372.7c2.1 21 3.3 42.5 3.3 64s-1.2 43-3.3 64h114.6c5.5-20.5 8.6-41.8 8.6-64s-3.1-43.5-8.5-64zM120 256c0-21.5 1.2-43 3.3-64H8.6C3.2 212.5 0 233.8 0 256s3.2 43.5 8.6 64h114.6c-2-21-3.2-42.5-3.2-64zm39.5 96c14.5 89.3 48.7 152 88.5 152s74-62.7 88.5-152h-177zm159.3 141.6c71.4-21.2 129.4-73.7 158-141.6h-108c-8.8 56.9-25.6 107.8-50 141.6zM19.3 352c28.6 67.9 86.5 120.4 158 141.6-24.4-33.8-41.2-84.7-50-141.6h-108z'%3E%3C/path%3E%3C/svg%3E");
    background-color: #f0c670;
    width: 18px;
    height: 19px;
    margin: 0 auto;
    margin-top: 14px
}

.ic-calendar {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='calendar' class='svg-inline--fa fa-calendar fa-w-14' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='currentColor' d='M12 192h424c6.6 0 12 5.4 12 12v260c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V204c0-6.6 5.4-12 12-12zm436-44v-36c0-26.5-21.5-48-48-48h-48V12c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v52H160V12c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v52H48C21.5 64 0 85.5 0 112v36c0 6.6 5.4 12 12 12h424c6.6 0 12-5.4 12-12z'%3E%3C/path%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='calendar' class='svg-inline--fa fa-calendar fa-w-14' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='currentColor' d='M12 192h424c6.6 0 12 5.4 12 12v260c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V204c0-6.6 5.4-12 12-12zm436-44v-36c0-26.5-21.5-48-48-48h-48V12c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v52H160V12c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v52H48C21.5 64 0 85.5 0 112v36c0 6.6 5.4 12 12 12h424c6.6 0 12-5.4 12-12z'%3E%3C/path%3E%3C/svg%3E");
    background-color: #f0c670;
    width: 17px;
    height: 19px;
    margin: 0 auto;
    margin-top: 14px
}

.ic-exclamation-triangle {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='exclamation-triangle' class='svg-inline--fa fa-exclamation-triangle fa-w-18' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath fill='currentColor' d='M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z'%3E%3C/path%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='exclamation-triangle' class='svg-inline--fa fa-exclamation-triangle fa-w-18' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath fill='currentColor' d='M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z'%3E%3C/path%3E%3C/svg%3E");
    background-color: #f0c670;
    width: 20px;
    height: 18px
}

.ic-exclamation-triangle.sm {
    width: 16px;
    height: 14px
}

.ic-thumbs-up {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='thumbs-up' class='svg-inline--fa fa-thumbs-up fa-w-16' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='currentColor' d='M104 224H24c-13.255 0-24 10.745-24 24v240c0 13.255 10.745 24 24 24h80c13.255 0 24-10.745 24-24V248c0-13.255-10.745-24-24-24zM64 472c-13.255 0-24-10.745-24-24s10.745-24 24-24 24 10.745 24 24-10.745 24-24 24zM384 81.452c0 42.416-25.97 66.208-33.277 94.548h101.723c33.397 0 59.397 27.746 59.553 58.098.084 17.938-7.546 37.249-19.439 49.197l-.11.11c9.836 23.337 8.237 56.037-9.308 79.469 8.681 25.895-.069 57.704-16.382 74.757 4.298 17.598 2.244 32.575-6.148 44.632C440.202 511.587 389.616 512 346.839 512l-2.845-.001c-48.287-.017-87.806-17.598-119.56-31.725-15.957-7.099-36.821-15.887-52.651-16.178-6.54-.12-11.783-5.457-11.783-11.998v-213.77c0-3.2 1.282-6.271 3.558-8.521 39.614-39.144 56.648-80.587 89.117-113.111 14.804-14.832 20.188-37.236 25.393-58.902C282.515 39.293 291.817 0 312 0c24 0 72 8 72 81.452z'%3E%3C/path%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='thumbs-up' class='svg-inline--fa fa-thumbs-up fa-w-16' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='currentColor' d='M104 224H24c-13.255 0-24 10.745-24 24v240c0 13.255 10.745 24 24 24h80c13.255 0 24-10.745 24-24V248c0-13.255-10.745-24-24-24zM64 472c-13.255 0-24-10.745-24-24s10.745-24 24-24 24 10.745 24 24-10.745 24-24 24zM384 81.452c0 42.416-25.97 66.208-33.277 94.548h101.723c33.397 0 59.397 27.746 59.553 58.098.084 17.938-7.546 37.249-19.439 49.197l-.11.11c9.836 23.337 8.237 56.037-9.308 79.469 8.681 25.895-.069 57.704-16.382 74.757 4.298 17.598 2.244 32.575-6.148 44.632C440.202 511.587 389.616 512 346.839 512l-2.845-.001c-48.287-.017-87.806-17.598-119.56-31.725-15.957-7.099-36.821-15.887-52.651-16.178-6.54-.12-11.783-5.457-11.783-11.998v-213.77c0-3.2 1.282-6.271 3.558-8.521 39.614-39.144 56.648-80.587 89.117-113.111 14.804-14.832 20.188-37.236 25.393-58.902C282.515 39.293 291.817 0 312 0c24 0 72 8 72 81.452z'%3E%3C/path%3E%3C/svg%3E");
    background-color: #c6ffac;
    width: 20px;
    height: 20px;
    margin-right: 7px
}

.ic-thumbs-up.sm {
    background-color: #a0d01d;
    width: 15px;
    height: 15px;
    margin-right: 0;
    display: inline-block
}

.ic-thumbs-down {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='thumbs-down' class='svg-inline--fa fa-thumbs-down fa-w-16' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='currentColor' d='M0 56v240c0 13.255 10.745 24 24 24h80c13.255 0 24-10.745 24-24V56c0-13.255-10.745-24-24-24H24C10.745 32 0 42.745 0 56zm40 200c0-13.255 10.745-24 24-24s24 10.745 24 24-10.745 24-24 24-24-10.745-24-24zm272 256c-20.183 0-29.485-39.293-33.931-57.795-5.206-21.666-10.589-44.07-25.393-58.902-32.469-32.524-49.503-73.967-89.117-113.111a11.98 11.98 0 0 1-3.558-8.521V59.901c0-6.541 5.243-11.878 11.783-11.998 15.831-.29 36.694-9.079 52.651-16.178C256.189 17.598 295.709.017 343.995 0h2.844c42.777 0 93.363.413 113.774 29.737 8.392 12.057 10.446 27.034 6.148 44.632 16.312 17.053 25.063 48.863 16.382 74.757 17.544 23.432 19.143 56.132 9.308 79.469l.11.11c11.893 11.949 19.523 31.259 19.439 49.197-.156 30.352-26.157 58.098-59.553 58.098H350.723C358.03 364.34 384 388.132 384 430.548 384 504 336 512 312 512z'%3E%3C/path%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='thumbs-down' class='svg-inline--fa fa-thumbs-down fa-w-16' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='currentColor' d='M0 56v240c0 13.255 10.745 24 24 24h80c13.255 0 24-10.745 24-24V56c0-13.255-10.745-24-24-24H24C10.745 32 0 42.745 0 56zm40 200c0-13.255 10.745-24 24-24s24 10.745 24 24-10.745 24-24 24-24-10.745-24-24zm272 256c-20.183 0-29.485-39.293-33.931-57.795-5.206-21.666-10.589-44.07-25.393-58.902-32.469-32.524-49.503-73.967-89.117-113.111a11.98 11.98 0 0 1-3.558-8.521V59.901c0-6.541 5.243-11.878 11.783-11.998 15.831-.29 36.694-9.079 52.651-16.178C256.189 17.598 295.709.017 343.995 0h2.844c42.777 0 93.363.413 113.774 29.737 8.392 12.057 10.446 27.034 6.148 44.632 16.312 17.053 25.063 48.863 16.382 74.757 17.544 23.432 19.143 56.132 9.308 79.469l.11.11c11.893 11.949 19.523 31.259 19.439 49.197-.156 30.352-26.157 58.098-59.553 58.098H350.723C358.03 364.34 384 388.132 384 430.548 384 504 336 512 312 512z'%3E%3C/path%3E%3C/svg%3E");
    background-color: #c34f4f;
    width: 15px;
    height: 15px
}

.ic-thumbs-down.sm {
    display: inline-block
}

.ic-star.sm {
    width: 12px;
    height: 11px
}

.ic-discord.sm {
    background-color: #bfbfbf;
    width: 14px;
    height: 16px
}

.ic-facebook.sm {
    background-color: #bfbfbf;
    width: 14px;
    height: 14px
}

.ic-facebook.sm {
    width: 16px;
    height: 16px
}

.ic-twitter {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fab' data-icon='twitter' class='svg-inline--fa fa-twitter fa-w-16' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='currentColor' d='M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z'%3E%3C/path%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fab' data-icon='twitter' class='svg-inline--fa fa-twitter fa-w-16' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='currentColor' d='M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z'%3E%3C/path%3E%3C/svg%3E");
    background-color: #1DA1F2;
    width: 34px;
    height: 34px
}

.ic-twitter.sm {
    width: 16px;
    height: 16px
}

.ic-whatsapp {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fab' data-icon='whatsapp' class='svg-inline--fa fa-whatsapp fa-w-14' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='currentColor' d='M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z'%3E%3C/path%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fab' data-icon='whatsapp' class='svg-inline--fa fa-whatsapp fa-w-14' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='currentColor' d='M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z'%3E%3C/path%3E%3C/svg%3E");
    background-color: #25D366;
    width: 34px;
    height: 34px
}

.ic-whatsapp.sm {
    width: 14px;
    height: 16px
}

.ic-link {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='link' class='svg-inline--fa fa-link fa-w-16' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='currentColor' d='M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z'%3E%3C/path%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='link' class='svg-inline--fa fa-link fa-w-16' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='currentColor' d='M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z'%3E%3C/path%3E%3C/svg%3E");
    background-color: #6c757d;
    width: 34px;
    height: 34px
}

.ic-link.sm {
    background-color: #bfbfbf;
    width: 16px;
    height: 16px
}

.ic-instagram.sm {
    background-color: #bfbfbf;
    width: 16px;
    height: 18px
}

.ic-sign-out {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='sign-in-alt' class='svg-inline--fa fa-sign-in-alt fa-w-16' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='currentColor' d='M416 448h-84c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h84c17.7 0 32-14.3 32-32V160c0-17.7-14.3-32-32-32h-84c-6.6 0-12-5.4-12-12V76c0-6.6 5.4-12 12-12h84c53 0 96 43 96 96v192c0 53-43 96-96 96zm-47-201L201 79c-15-15-41-4.5-41 17v96H24c-13.3 0-24 10.7-24 24v96c0 13.3 10.7 24 24 24h136v96c0 21.5 26 32 41 17l168-168c9.3-9.4 9.3-24.6 0-34z'%3E%3C/path%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='sign-in-alt' class='svg-inline--fa fa-sign-in-alt fa-w-16' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='currentColor' d='M416 448h-84c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h84c17.7 0 32-14.3 32-32V160c0-17.7-14.3-32-32-32h-84c-6.6 0-12-5.4-12-12V76c0-6.6 5.4-12 12-12h84c53 0 96 43 96 96v192c0 53-43 96-96 96zm-47-201L201 79c-15-15-41-4.5-41 17v96H24c-13.3 0-24 10.7-24 24v96c0 13.3 10.7 24 24 24h136v96c0 21.5 26 32 41 17l168-168c9.3-9.4 9.3-24.6 0-34z'%3E%3C/path%3E%3C/svg%3E");
    background-color: #faa;
    width: 20px;
    height: 20px
}

.ic-search {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z'/%3E%3C/svg%3E");
    background-color: currentColor;
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 5px;
}

.blog-detail-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
}

.blog-detail-header {
    background: linear-gradient(135deg, #2c1810 0%, #3d2317 100%);
    border-radius: 12px;
    padding: 30px;
    margin-bottom: 30px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    position: relative;
    overflow: hidden;
}

.blog-detail-header::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(45deg, transparent 30%, rgba(139, 89, 42, 0.1) 50%, transparent 70%);
    pointer-events: none;
}

.blog-detail-title {
    font-size: 2.5rem;
    font-weight: 700;
    color: #f4e4c1;
    margin-bottom: 20px;
    line-height: 1.2;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    position: relative;
    z-index: 1;
}

.blog-detail-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    align-items: center;
    margin-bottom: 20px;
    position: relative;
    z-index: 1;
}

.blog-meta-item {
    display: flex;
    align-items: center;
    gap: 8px;
    background: rgba(139, 89, 42, 0.2);
    padding: 8px 15px;
    border-radius: 20px;
    color: #f4e4c1;
    font-size: 0.9rem;
    border: 1px solid rgba(139, 89, 42, 0.3);
    transition: all 0.3s ease;
}

.blog-meta-item:hover {
    background: rgba(139, 89, 42, 0.3);
    transform: translateY(-2px);
}

.blog-meta-item i {
    color: #8b592a;
    width: 16px;
    height: 16px;
}

.blog-search-section {
    background: rgba(139, 89, 42, 0.1);
    padding: 20px;
    border-radius: 8px;
    border: 1px solid rgba(139, 89, 42, 0.2);
    position: relative;
    z-index: 1;
}

.blog-search-form {
    display: flex;
    gap: 10px;
    max-width: 400px;
}

.blog-search-input {
    flex: 1;
    padding: 12px 16px;
    border: 2px solid rgba(139, 89, 42, 0.3);
    border-radius: 6px;
    background: rgba(44, 24, 16, 0.8);
    color: #f4e4c1;
    font-size: 1rem;
    transition: all 0.3s ease;
}

.blog-search-input:focus {
    outline: none;
    border-color: #8b592a;
    box-shadow: 0 0 0 3px rgba(139, 89, 42, 0.2);
}

.blog-search-input::placeholder {
    color: rgba(244, 228, 193, 0.6);
}

.blog-search-btn {
    padding: 12px 20px;
    background: linear-gradient(135deg, #8b592a 0%, #6d4521 100%);
    color: #f4e4c1;
    border: none;
    border-radius: 6px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 8px;
}

.blog-search-btn:hover {
    background: linear-gradient(135deg, #9d6730 0%, #7d5127 100%);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(139, 89, 42, 0.3);
}

.blog-content-wrapper {
    background: #3b2d23;
    border-radius: 12px;
    padding: 40px;
    margin-bottom: 30px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(139, 89, 42, 0.2);
}

.blog-content {
    color: #f4e4c1;
    font-size: 1.1rem;
    line-height: 1.8;
    white-space: pre-line;
}

.blog-content h1,
.blog-content h2,
.blog-content h3,
.blog-content h4,
.blog-content h5,
.blog-content h6 {
    color: #f4e4c1;
    margin: 30px 0 20px;
    font-weight: 600;
}

.blog-content h1 {
    font-size: 2.2rem;
}

.blog-content h2 {
    font-size: 1.9rem;
}

.blog-content h3 {
    font-size: 1.6rem;
}

.blog-content h4 {
    font-size: 1.4rem;
}

.blog-content h5 {
    font-size: 1.2rem;
}

.blog-content h6 {
    font-size: 1.1rem;
}

.blog-content p {
    margin-bottom: 20px;
}

.blog-content a {
    color: #8b592a;
    text-decoration: underline;
    transition: color 0.3s ease;
}

.blog-content a:hover {
    color: #a66633;
}

.blog-content ul,
.blog-content ol {
    margin: 20px 0;
    padding-left: 30px;
}

.blog-content li {
    margin-bottom: 8px;
}

.blog-content blockquote {
    background: rgba(139, 89, 42, 0.1);
    border-left: 4px solid #8b592a;
    margin: 25px 0;
    padding: 20px 25px;
    border-radius: 0 8px 8px 0;
    font-style: italic;
}

.blog-content code {
    background: rgba(0, 0, 0, 0.3);
    padding: 2px 6px;
    border-radius: 4px;
    font-family: 'Courier New', monospace;
    color: #f4e4c1;
}

.blog-content pre {
    background: rgba(0, 0, 0, 0.5);
    padding: 20px;
    border-radius: 8px;
    overflow-x: auto;
    margin: 20px 0;
    border: 1px solid rgba(139, 89, 42, 0.2);
}

.blog-stats-bar {
    background: linear-gradient(135deg, #3b2d23 0%, #4a372a 100%);
    padding: 25px 40px;
    border-radius: 12px;
    margin-bottom: 30px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(139, 89, 42, 0.2);
}

.blog-stats-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}

.blog-stat-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 20px;
    background: rgba(139, 89, 42, 0.15);
    border-radius: 25px;
    border: 1px solid rgba(139, 89, 42, 0.3);
    transition: all 0.3s ease;
    width: 49%;
}

.blog-stat-item:hover {
    background: rgba(139, 89, 42, 0.25);
    transform: translateY(-2px);
}

.blog-stat-icon {
    font-size: 1.2rem;
    color: #8b592a;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.blog-stat-text {
    color: #f4e4c1;
    font-weight: 500;
    font-size: 0.95rem;
}

.blog-stat-number {
    color: #8b592a;
    font-weight: 700;
}

.blog-date {
    color: #a0865c;
    font-style: italic;
}

@media (max-width: 768px) {
    .blog-detail-container {
        padding: 15px;
    }

    .blog-detail-header {
        padding: 20px;
    }

    .blog-detail-title {
        font-size: 2rem;
    }

    .blog-detail-meta {
        flex-direction: column;
        align-items: stretch;
    }

    .blog-search-form {
        flex-direction: column;
        max-width: 100%;
    }

    .blog-content-wrapper {
        padding: 25px;
    }

    .blog-stats-container {
        flex-direction: column;
        align-items: stretch;
    }

    .blog-stat-item {
        justify-content: space-between;
    }

    .blog-stats-bar {
        padding: 20px;
    }
}

@media (max-width: 480px) {
    .blog-detail-title {
        font-size: 1.7rem;
    }

    .blog-content {
        font-size: 1rem;
    }

    .blog-content-wrapper {
        padding: 20px;
    }

    .blog-meta-item {
        font-size: 0.85rem;
        padding: 6px 12px;
    }
}

.blog-content a[target="_blank"]:after {
    content: "↗";
    font-size: 0.8em;
    margin-left: 3px;
    opacity: 0.7;
}

.blog-content img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    margin: 20px 0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
}

.bottom {
    background: #3f352a;
    padding: 0 20px 20px 20px;
    text-align: justify;
    font-size: 12px;
    color: #c1c1c1
}

.bottom a {
    font-weight: 700;
    color: #c9a55c
}

.bottom h1 {
    font-size: 13px !important;
    padding: 0 !important;
    margin: 0 0 5px 0 !important
}

.spoiler.text {
    display: none
}

.read_more {
    color: #78d300;
    font-weight: 700;
    cursor: pointer
}

.comment {
    margin-bottom: 0 !important
}

.c-controlls {
    padding-top: 0 !important
}

a.report_comment .ic-exclamation-triangle.sm {
    margin-top: 2px !important;
    opacity: 0.4 !important
}

a.report_comment .ic-exclamation-triangle.sm:hover {
    opacity: 1
}

@media(max-width:485px) {

    .main .m-left .server .s-right .sh-right img,
    .main .m-left .server .s-right .sh-right video {
        width: 100%;
        height: auto
    }

    .foot .fcb-left .f-col .socials {
        justify-content: center
    }

    .foot .fcb-left {
        display: block
    }
}

.badge {
    position: absolute;
    top: 13px;
    right: 10px;
    padding: 6px;
    font-size: 12px;
    border-radius: 30px
}

@-webkit-keyframes shape-change {
    0% {
        border-radius: 10px 30px 15px 30px
    }

    50% {
        border-radius: 30px 10px 30px 15px
    }

    100% {
        border-radius: 10px 30px 15px 30px
    }
}

@keyframes shape-change {
    0% {
        border-radius: 10px 30px 15px 30px
    }

    50% {
        border-radius: 30px 10px 30px 15px
    }

    100% {
        border-radius: 10px 30px 15px 30px
    }
}

.subheader {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 47px;
    background-color: #1f1f1f;
    padding: 9px 26px;
    color: #c4c4c4
}

.subheader .right {
    float: right
}

.subheader i {
    padding: 5px
}

.main .m-right .recom {
    margin: 8px auto 8px
}

.main .m-right .recom .rc-headline {
    color: #f5e6c5 !important;
    font-size: 22px;
    font-weight: 700;
    text-align: center;
    letter-spacing: .5px;
    margin-bottom: 10px;
    margin-top: 0;
    text-transform: uppercase
}

.main .m-right .recom .recom-box {
    background: #3b2e22;
    border: 2px solid #bfa57a;
    border-radius: 12px;
    padding: 18px 18px 18px 18px;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    margin: 0 auto
}

.main .m-right .recom .recom-box .ad_hint {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 11px;
    right: 11px;
    width: 20px;
    height: 20px;
    background: #bfa57a;
    color: #3b2e22;
    border-radius: 50%;
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    line-height: 20px;
    cursor: pointer;
    border: none;
    z-index: 1;
    box-shadow: 0 1px 2px rgb(0 0 0 / .08)
}

.main .m-right .recom .rc-headline {
    color: #fff6ea;
    font-size: 22px;
    font-weight: 700;
    text-align: center;
    letter-spacing: .5px;
    margin-bottom: 10px;
    margin-top: 0;
    text-transform: uppercase
}

.main .m-right .recom .recom-box hr {
    border: none;
    border-top: 2px solid #bfa57a;
    width: 60px;
    margin: 12px auto 16px auto;
    opacity: 1
}

.server-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 48px;
    height: auto;
    background: linear-gradient(to bottom, #c7a35a 0%, #8a6a36 50%, #6a543a 100%);
    color: #fff6e0;
    border-radius: 8px;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    border: none;
    margin: 0 auto;
    cursor: pointer;
    letter-spacing: .5px;
    text-transform: uppercase;
    box-shadow: 0 2px 4px rgb(0 0 0 / .15);
    transition: all 0.15s;
    padding: 10px 15px
}

.server-name {
    display: inline-block;
    max-width: 100%;
    word-wrap: break-word;
    white-space: normal;
    line-height: 1.4;
    vertical-align: middle;
    text-align: center;
    width: 100%
}

.backlink-check {
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px
}

.fa-angle-right {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px
}

.center {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.flex {
    display: flex
}

.width-container {
    position: relative;
    width: 85%;
    height: 0;
    padding-bottom: 56.25%
}

.video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.backlink-check {
    width: 20px;
    height: 20px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAxlBMVEUAAACt+pit+pit+pit+pit+pit+pit+pit+pit+pg7cyqY4H2IznRAdi1Sjzd0r0tYmDxoqURFfTFxrklAdy9ws1F/vFlPiT2BxF9joU9hn05trEZsqkVTkTpSjTljpERhoUJ3sk95tFBamERZlkOExmKExGE6ZicyXCI1YSRJeDBGdC4sUx7U/8Gm0JVUiTdMfDE+aylCbyswWCEvVyA9birN+LqCq3CApm9glz5QhTVPgTMyYiO34aWGsHOFrnJrl1YtWB+YurdCAAAAJ3RSTlMABAgkFhMQLysa9kVF/vz6+ff39d2mpKN8e3r+/uHh4ODf3qamfHzXkR5rAAAA7UlEQVQY032R127DMAxFrWVLtrN3uqenpCq106yu//+pUrKLBAiQ88CHAwq8pLwGhBDGULwjYHxGKfPxUYMShAcBJwL0v6Mkno3DcDyLCQXbumV4qMry9xAuW4sZWXTS0pF2FoRh2yjiYVZV1bslG8YCWpFPnuu0YbNO6yfig2T8NskcG6my5IYz5GEadBPHh1RQuwHFVvaNWSsDzhhT90Ha5/fF6lt+SrUC8jvO3KCJLoovqQqLnrhBWESDXZ7/5JbdIIJILvz8Wr859NUcwrdrvo62er/X29HL6fLR9KHXe5xGjTs/3YUjn3/HH/wJHFLlOIjjAAAAAElFTkSuQmCC);
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px
}

.blink {
    animation: blink-animation 1s steps(5, start) infinite;
    -webkit-animation: blink-animation 1s steps(5, start) infinite
}

@keyframes blink-animation {
    to {
        visibility: hidden
    }
}

@-webkit-keyframes blink-animation {
    to {
        visibility: hidden
    }
}

.hugetext {
    font-size: 25px;
    font-style: normal;
    font-weight: bolder;
    color: #bab7af
}

.w100 {
    width: 100% !important
}

.no_ranking {
    width: 300px !important
}

.bg_orange {
    background-color: #89673b !important
}

.bg_gray {
    background-color: #a1a1a13b !important
}

.bg_green {
    background-color: #03ef010a !important
}

.f16bold {
    font-size: 16px;
    font-weight: 700
}

.collapse-box {
    cursor: pointer;
    display: block;
    padding: 15px 10px;
    color: #b3b3b3;
    background-color: #333;
    border: 1px solid #797979;
    font-weight: 400;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out
}

.collapse-header {
    background-color: #352a2a;
    margin-top: 10px;
    font-size: 20px;
    font-weight: 700
}

.hover-highlight:hover {
    -webkit-filter: brightness(130%);
    filter: brightness(130%)
}

img {
    pointer-events: none
}

.btn-login {
    background-color: #793834;
    border-radius: 15px 15px 15px 0px !important;
    width: 150px;
    text-align: center
}

.btn-login:hover {
    background-color: #8b413d !important
}

.mr-cont .page-title {
    background: #493c2c;
    padding: 10px 10px 10px 10px;
    border-radius: 15px;
    text-align: center;
    color: wheat;
    margin-bottom: 10px
}

.bg-lbrown {
    background-color: #58442f !important
}

.norank-wrapper {
    margin-top: 15px;
    border-radius: 20px;
    overflow: hidden
}

.submit.red {
    background: #752d2d;
    border: 1px solid #a54646
}

.select-base .f-t {
    margin-right: 5px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #e3d6b8;
    font-weight: 600;
    line-height: 1;
    padding: 4px 0
}

.icon-wrapper {
    display: inline-flex;
    align-items: center;
    transform: translateY(1px)
}

.filter-icon {
    color: #c4956a;
    transition: transform 0.2s ease;
    width: 14px;
    height: 14px
}

.select-base:hover .filter-icon {
    transform: rotate(90deg)
}

.select-base li {
    font-size: 16px;
    cursor: pointer;
    padding: 0
}

.select-base li:hover .select {
    top: 24px
}

.page-title.ignore {
    padding: 2px;
    min-height: unset
}

.select-wrapper {
    padding: 0
}

.select-base {
    display: inline;
    font-size: 14px
}

.select-base .f-t {
    margin-right: 5px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #e3d6b8;
    font-weight: 600;
    line-height: 1;
    padding: 4px 0
}

.icon-wrapper {
    display: inline-flex;
    align-items: center;
    transform: translateY(1px)
}

.filter-icon {
    color: #c4956a;
    transition: transform 0.2s ease;
    width: 14px;
    height: 14px
}

.select-base:hover .filter-icon {
    transform: rotate(90deg)
}

.select-base li {
    font-size: 16px;
    cursor: pointer;
    padding: 0
}

.select-base li:hover .select {
    top: 24px
}

.main .m-right .recom .recom-separator {
    width: 40px;
    height: 4px;
    margin: 16px auto 18px auto;
    background: linear-gradient(90deg, #bfa57a 0%, #f5e6c5 50%, #bfa57a 100%);
    border-radius: 2px;
    transition: width 0.7s ease-in-out;
    animation: recom-separator-breathe 3.2s ease-in-out infinite
}

@keyframes recom-separator-breathe {
    0% {
        width: 40px
    }

    50% {
        width: 120px
    }

    100% {
        width: 40px
    }
}

.maxlv {
    background: #4d3b2a;
    border-radius: 10px;
    padding: 14px 18px 10px 18px;
    margin-bottom: 18px;
    color: #f5e6c5;
    font-size: 16px;
    line-height: 1.7;
    text-align: left;
    box-shadow: 0 2px 8px rgb(0 0 0 / .07);
    border: 1px solid #6a543a
}

.maxlv span {
    color: #ffe2b0;
    font-weight: 700
}

.maxlv br {
    line-height: 2.2
}

.server-btn:hover {
    background: linear-gradient(to bottom, #f0d08a 0%, #c7a35a 50%, #8a6a36 100%) !important;
    color: #fff6e0 !important;
    text-shadow: 0 1px 2px rgb(0 0 0 / .15) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 8px rgb(0 0 0 / .18) !important
}

.server-btn .backlink-check {
    display: none !important
}

.server-btn {
    margin-bottom: 8px !important
}

.recom-box {
    padding-bottom: 10px !important
}

.votes-btn:hover,
.votes-btn.home:hover {
    box-shadow: 0 4px 16px 0 rgb(200 180 90 / .18), 0 1.5px 6px 0 rgb(0 0 0 / .1);
    transform: scale(1.06);
    z-index: 2;
    transition: box-shadow 0.2s, transform 0.2s
}

.ad_hint {
    z-index: 1
}

.select-base li,
.select-base li ul li,
.select-base li ul li a {
    display: flex;
    align-items: center
}

.language {
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px;
    width: 16px;
    height: 12px
}

.animate-fade-in {
    animation: fadeIn 0.8s ease-in-out
}

.animate-slide-in {
    animation: slideIn 0.5s ease-out
}

.server-preview {
    transition: transform 0.3s ease;
    border-radius: 8px;
    overflow: hidden
}

.server-preview:hover {
    transform: scale(1.02)
}

.vote-button {
    animation: pulse 2s infinite;
    transition: all 0.3s ease
}

.vote-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgb(0 0 0 / .2)
}

.cancel-button,
.visit-button {
    transition: all 0.3s ease
}

.cancel-button:hover,
.visit-button:hover {
    transform: translateY(-2px);
    opacity: .9
}

.alert {
    transition: all 0.3s ease
}

.alert_closebtn {
    transition: all 0.3s ease
}

.alert_closebtn:hover {
    transform: scale(1.2)
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes slideIn {
    from {
        transform: translateY(-20px);
        opacity: 0
    }

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

@keyframes pulse {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.05)
    }

    100% {
        transform: scale(1)
    }
}

.blognav {
    background: rgb(51 43 35 / .95);
    padding: 15px;
    overflow: hidden;
    transition: all 0.3s ease;
    border: 1px solid rgb(227 214 184 / .1);
    border-top: none;
    border-radius: 0 0 6px 6px
}

.blognav.collapsed {
    padding: 0;
    height: 0;
    border: none
}

.blognav ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.blognav li {
    margin-bottom: 8px
}

.blognav li:last-child {
    margin-bottom: 0
}

.blognav a {
    color: #e3d6b8;
    text-decoration: none;
    display: block;
    padding: 8px 12px;
    border-radius: 4px;
    transition: all 0.2s ease
}

.blognav a:hover {
    background: rgb(227 214 184 / .1);
    color: #c4956a
}

.blognav .mr-header {
    color: #e3d6b8;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgb(227 214 184 / .1)
}

.mainnav {
    margin-bottom: 30px
}

.mainnav ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.mainnav li {
    position: relative
}

.mainnav a {
    display: flex;
    align-items: center;
    padding: 6px 12px;
    color: #e3d6b8;
    text-decoration: none;
    transition: all 0.2s ease;
    position: relative;
    min-height: 28px
}

.mainnav a::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 2px;
    height: 100%;
    background: #c4956a;
    opacity: 0;
    transition: opacity 0.2s ease
}

.mainnav a:hover {
    color: #c4956a;
    padding-left: 14px
}

.mainnav a:hover::before {
    opacity: 1
}

.badge {
    margin-left: 8px
}

.mainnav a .text-content {
    display: inline-block;
    transition: transform 0.2s ease
}

.mainnav a:hover .text-content {
    transform: translateX(4px)
}

.blog-header {
    display: flex;
    align-items: center;
    cursor: pointer;
    user-select: none;
    padding: 12px 15px;
    background: linear-gradient(to bottom, rgb(89 75 63 / .95), rgb(71 60 50 / .95));
    border-radius: 6px 6px 0 0;
    color: #e3d6b8;
    gap: 10px;
    position: relative;
    border: 1px solid rgb(227 214 184 / .1);
    border-bottom: none;
    transition: all 0.2s ease
}

.blog-header:hover {
    background: linear-gradient(to bottom, rgb(99 85 73 / .95), rgb(81 70 60 / .95));
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgb(0 0 0 / .2)
}

.blog-header:active {
    transform: translateY(0);
    box-shadow: none
}

.blog-header .fa-book {
    font-size: 16px;
    color: #e3d6b8;
    margin-right: 5px
}

.toggle-arrow {
    position: absolute;
    right: 15px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgb(227 214 184 / .1);
    border-radius: 3px;
    transition: all 0.2s ease
}

.blog-header:hover .toggle-arrow {
    background: rgb(227 214 184 / .2);
    transform: translateY(-1px)
}

.toggle-arrow i {
    font-size: 12px;
    color: #e3d6b8;
    transition: transform 0.3s ease
}

.blog-header.collapsed .toggle-arrow i {
    transform: rotate(180deg)
}

.blog-header small {
    display: block;
    font-size: 11px;
    color: rgb(227 214 184 / .7);
    margin-top: 4px;
    font-style: italic
}

.blog-list {
    transition: opacity 0.3s ease
}

.blognav.collapsed .blog-list {
    opacity: 0;
    height: 0;
    overflow: hidden
}

.collapsible-section {
    --border-color: rgba(227, 214, 184, 0.15);
    --text-color: #e3d6b8;
    --bg-color: rgba(71, 60, 50, 0.95);
    --hover-bg: rgba(89, 75, 63, 0.95);
    --accent-color: #c4956a;
    margin-top: 20px;
    position: relative
}

.collapsible-section::before {
    content: '';
    position: absolute;
    top: -10px;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(to right, transparent, var(--border-color), transparent)
}

.collapsible-trigger {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    background: linear-gradient(to bottom, rgb(196 149 106 / .15), rgb(196 149 106 / .05));
    border: 1px solid rgb(196 149 106 / .2);
    border-radius: 6px;
    color: var(--text-color);
    cursor: pointer;
    transition: all 0.2s ease
}

.collapsible-trigger:hover {
    background: linear-gradient(to bottom, rgb(196 149 106 / .2), rgb(196 149 106 / .1));
    border-color: rgb(196 149 106 / .25)
}

.collapsible-title {
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .5px
}

.collapsible-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    color: var(--accent-color);
    opacity: .9
}

.collapsible-trigger:hover .collapsible-icon {
    opacity: 1
}

.plus-minus {
    transition: transform 0.3s ease
}

.plus-minus .vertical {
    transition: transform 0.3s ease, opacity 0.3s ease;
    transform-origin: center
}

.collapsible-trigger[aria-expanded="false"] .plus-minus .vertical {
    transform: scaleY(1);
    opacity: 1
}

.collapsible-trigger[aria-expanded="true"] .plus-minus .vertical {
    transform: scaleY(0);
    opacity: 0
}

.collapsible-content {
    background: var(--bg-color);
    border: 1px solid var(--border-color);
    border-top: none;
    border-radius: 0 0 6px 6px;
    padding: 16px;
    margin-top: -1px;
    transition: all 0.3s ease;
    max-height: 1000px;
    opacity: 1;
    overflow: hidden
}

.collapsible-content {
    display: none !important
}

.collapsible-content.initialized {
    display: block !important
}

.collapsible-trigger[aria-expanded="false"] {
    border-radius: 6px
}

.collapsible-trigger[aria-expanded="false"]+.collapsible-content {
    max-height: 0;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    opacity: 0;
    border: none
}

.blog-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 10px
}

.blog-item {
    position: relative
}

.blog-link {
    display: flex;
    align-items: center;
    color: var(--text-color);
    text-decoration: none;
    padding: 12px 16px;
    border-radius: 6px;
    background: rgb(255 255 255 / .03);
    border: 1px solid rgb(227 214 184 / .08);
    transition: all 0.2s ease;
    position: relative;
    overflow: hidden
}

.blog-link::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 3px;
    height: 100%;
    background: #c4956a;
    opacity: 0;
    transition: opacity 0.2s ease
}

.blog-link:hover {
    background: rgb(255 255 255 / .05);
    border-color: rgb(227 214 184 / .15);
    transform: translateX(4px);
    padding-left: 20px
}

.blog-link:hover::before {
    opacity: 1
}

.blog-link:active {
    transform: translateX(2px)
}

.blog-link::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(to right, rgb(196 149 106 / .05), transparent);
    opacity: 0;
    transition: opacity 0.2s ease
}

.blog-link:hover::after {
    opacity: 1
}

.blog-link {
    font-size: 14px;
    line-height: 1.4;
    font-weight: 400;
    letter-spacing: .2px
}

.mainnav li {
    display: flex !important;
    align-items: center !important;
    padding: 0 !important;
    margin: 0 !important;
    position: relative !important;
    min-height: 44px !important;
    gap: 8px !important
}

.mainnav li .badge {
    margin-left: 15px !important
}

.mainnav li a {
    display: flex !important;
    align-items: center !important;
    padding: 10px 15px !important;
    flex: 1 !important;
    min-height: 44px !important
}

.server-details-card {
    background: linear-gradient(120deg, #3b2e22 0%, #493c2c 100%);
    border: 2px solid #bfa57a;
    border-radius: 16px;
    box-shadow: 0 4px 24px rgb(60 40 20 / .18);
    padding: 28px 32px 24px 32px;
    margin: 32px auto 24px auto;
    max-width: 900px;
    display: flex;
    flex-direction: column;
    gap: 18px
}

.server-details-top {
    display: flex;
    flex-direction: row;
    gap: 32px;
    align-items: flex-start
}

.server-banner {
    margin: 0 auto;
    width: 100%;
    max-width: 600px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #2a1e13;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 12px rgb(60 40 20 / .1);
    min-height: 120px
}

.server-banner img,
.server-banner video {
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 100%;
    height: auto;
    max-height: 260px;
    object-fit: contain;
    border-radius: 10px
}

.server-details-main {
    flex: 1 1 0%;
    display: flex;
    flex-direction: column;
    gap: 18px
}

.server-actions {
    display: flex;
    gap: 16px;
    margin-bottom: 8px;
    justify-content: center;
    flex-wrap: wrap
}

.discord-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(90deg, #5865F2 0%, #404eed 100%);
    color: #fff;
    border-radius: 24px;
    padding: 12px 26px 12px 18px;
    font-size: 20px;
    font-weight: 700;
    box-shadow: 0 2px 12px rgb(88 101 242 / .13);
    transition: background 0.18s, transform 0.15s, box-shadow 0.18s;
    text-decoration: none;
    border: none;
    gap: 10px;
    letter-spacing: .5px;
    position: relative;
    min-width: unset;
    min-height: unset;
    width: auto;
    height: auto
}

.discord-icon-bg {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: #5865F2;
    margin-right: 0;
    flex-shrink: 0;
    padding: 4px;
    box-sizing: border-box
}

.discord-btn .discord-logo {
    width: 24px;
    height: 24px;
    margin: 0;
    vertical-align: middle;
    display: block
}

.discord-btn:hover {
    background: linear-gradient(90deg, #404eed 0%, #5865F2 100%);
    color: #fff;
    transform: translateY(-2px) scale(1.06) rotate(-2deg);
    box-shadow: 0 4px 18px rgb(88 101 242 / .18);
    filter: drop-shadow(0 0 8px #5865F2)
}

@media (max-width:900px) {
    .server-banner {
        max-width: 99vw
    }

    .server-actions {
        flex-direction: column;
        gap: 10px;
        align-items: center
    }
}

.website-btn,
.vote-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    background: linear-gradient(90deg, #c7a35a 0%, #8a6a36 100%);
    color: #fff6e0;
    border: none;
    border-radius: 8px;
    font-size: 18px;
    font-weight: 700;
    padding: 12px 22px;
    text-transform: uppercase;
    box-shadow: 0 2px 8px rgb(0 0 0 / .1);
    cursor: pointer;
    transition: background 0.18s, transform 0.15s;
    text-decoration: none
}

.website-btn:hover,
.vote-btn:hover {
    background: linear-gradient(90deg, #f0d08a 0%, #c7a35a 100%);
    color: #fff6e0;
    transform: translateY(-2px) scale(1.03)
}

.vote-count {
    background: #fff6e0;
    color: #8a6a36;
    border-radius: 6px;
    padding: 2px 8px;
    font-size: 15px;
    font-weight: 700;
    margin-left: 4px
}

.server-info-table {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 8px 18px;
    background: rgb(255 255 255 / .03);
    border-radius: 10px;
    padding: 16px 6px;
    margin-bottom: 8px;
    font-size: 16px
}

.info-row {
    display: contents
}

.info-label {
    color: #bfa57a;
    font-weight: 600;
    text-align: right;
    padding-right: 8px
}

.info-value {
    color: #fff6e0;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap
}

.server-socials {
    margin-top: 6px;
    margin-bottom: 2px
}

@media (max-width:900px) {
    .server-details-card {
        padding: 16px 6px 16px 6px;
        max-width: 99vw
    }

    .server-details-top {
        flex-direction: column;
        gap: 18px;
        align-items: stretch
    }

    .server-banner {
        min-width: 0;
        max-width: 100%;
        margin: 0 auto
    }
}

@media (max-width:600px) {
    .server-details-card {
        padding: 6px 2px 10px 2px;
        border-radius: 8px
    }

    .server-info-table {
        grid-template-columns: 1fr;
        font-size: 15px;
        padding: 10px 6px
    }

    .info-label {
        text-align: left;
        padding-right: 0;
        margin-bottom: 2px
    }
}

.server-banner-row {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
    margin-bottom: 18px
}

.server-banner {
    margin: 0;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #2a1e13;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 12px rgb(60 40 20 / .1);
    max-width: 320px;
    max-height: 180px
}

.server-banner img,
.server-banner video {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 180px;
    object-fit: contain;
    border-radius: 10px;
    display: block
}

.banner-side-buttons {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    justify-content: center;
    height: 100%
}

.discord-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #5865F2;
    color: #fff;
    border-radius: 8px;
    width: 44px;
    height: 44px;
    font-size: 28px;
    box-shadow: 0 2px 8px rgb(88 101 242 / .1);
    transition: background 0.18s, transform 0.15s;
    text-decoration: none
}

.discord-btn:hover {
    background: #4752c4;
    transform: scale(1.08)
}

@media (max-width:900px) {
    .server-banner-row {
        flex-direction: column;
        gap: 12px
    }

    .banner-side-buttons {
        flex-direction: row;
        gap: 18px;
        height: auto
    }
}

.server-details-card>div:first-child {
    display: flex;
    justify-content: center;
    width: 100%
}

.server-details-card>div:first-child a[target="_blank"] {
    display: block;
    width: 100%;
    max-width: 600px;
    margin: 0 auto 18px auto
}

.server-details-card img,
.server-details-card video {
    display: block;
    margin: 0 auto;
    width: 100% !important;
    max-width: 100% !important;
    height: auto;
    max-height: 260px;
    object-fit: contain;
    border-radius: 10px
}

.discord-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #5865F2 0%, #5561e8 100%);
    color: #fff;
    border-radius: 50%;
    width: 48px;
    height: 48px;
    font-size: 24px;
    box-shadow: 0 2px 12px rgb(88 101 242 / .13);
    transition: background 0.18s, transform 0.15s, box-shadow 0.18s;
    text-decoration: none;
    border: none;
    padding: 0;
    min-width: 48px;
    min-height: 48px
}

.discord-btn .discord-logo {
    width: 28px;
    height: 28px;
    margin: 0;
    vertical-align: middle;
    display: inline-block
}

.discord-btn:hover {
    background: linear-gradient(135deg, #404eed 0%, #5865F2 100%);
    color: #fff;
    transform: translateY(-2px) scale(1.1) rotate(-2deg);
    box-shadow: 0 4px 18px rgb(88 101 242 / .18);
    filter: drop-shadow(0 0 8px #5865F2)
}

.type-link {
    color: #e3c16b !important;
    font-weight: 600;
    text-decoration: underline;
    transition: color 0.15s
}

.type-link:hover {
    color: #fff6e0 !important
}

.server-banner-link {
    display: block;
    width: 100%;
    margin: 0 0 18px 0
}

.server-banner-link img,
.server-banner-link video {
    display: block;
    margin: 0 auto;
    height: auto;
    max-height: 260px;
    object-fit: contain;
    border-radius: 10px;
    width: auto !important;
    max-width: none !important
}

.discord-icon-bg {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: none;
    margin-right: 0;
    flex-shrink: 0;
    padding: 0
}

.discord-btn .discord-logo {
    width: 24px;
    height: 24px;
    margin: 0;
    vertical-align: middle;
    display: block
}

.info-value .report_server {
    margin-left: 4px !important;
    vertical-align: middle
}

.info-value .report_server,
.ic-exclamation-triangle.report_server {
    cursor: pointer !important
}

.discord-logo {
    position: relative;
    top: 2px
}

.server-desc-card {
    background: linear-gradient(120deg, #3b2e22 0%, #493c2c 100%);
    border: 2px solid #bfa57a;
    border-radius: 16px;
    box-shadow: 0 4px 24px rgb(60 40 20 / .18);
    padding: 28px 32px 24px 32px;
    margin: 12px auto 24px auto;
    max-width: 1050px
}

.d-flex {
    display: flex !important;
}

.justify-content-center {
    justify-content: center !important;
}

.site_loading {
    z-index: 9999999999;
    background: #0000005e;
    width: 100%;
    height: 100%;
    position: fixed;
    overflow: hidden;
    top: 0px;
    display: none;
}

.sk-chase {
    margin: 0 auto;
    top: 44%;
    width: 80px;
    height: 80px;
    position: relative;
    animation: sk-chase 2.5s infinite linear both;
}

.sk-chase-dot {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    animation: sk-chase-dot 2.0s infinite ease-in-out both;
}

.sk-chase-dot:before {
    content: '';
    display: block;
    width: 25%;
    height: 25%;
    background-color: #fff;
    border-radius: 100%;
    animation: sk-chase-dot-before 2.0s infinite ease-in-out both;
}

.sk-chase-dot:nth-child(1) {
    animation-delay: -1.1s;
}

.sk-chase-dot:nth-child(2) {
    animation-delay: -1.0s;
}

.sk-chase-dot:nth-child(3) {
    animation-delay: -0.9s;
}

.sk-chase-dot:nth-child(4) {
    animation-delay: -0.8s;
}

.sk-chase-dot:nth-child(5) {
    animation-delay: -0.7s;
}

.sk-chase-dot:nth-child(6) {
    animation-delay: -0.6s;
}

.sk-chase-dot:nth-child(1):before {
    animation-delay: -1.1s;
}

.sk-chase-dot:nth-child(2):before {
    animation-delay: -1.0s;
}

.sk-chase-dot:nth-child(3):before {
    animation-delay: -0.9s;
}

.sk-chase-dot:nth-child(4):before {
    animation-delay: -0.8s;
}

.sk-chase-dot:nth-child(5):before {
    animation-delay: -0.7s;
}

.sk-chase-dot:nth-child(6):before {
    animation-delay: -0.6s;
}

@keyframes sk-chase {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes sk-chase-dot {

    80%,
    100% {
        transform: rotate(360deg);
    }
}

@keyframes sk-chase-dot-before {
    50% {
        transform: scale(0.4);
    }

    100%,
    0% {
        transform: scale(1.0);
    }
}

.toast-title {
    font-weight: 700
}

.toast-message {
    -ms-word-wrap: break-word;
    word-wrap: break-word
}

.toast-message a,
.toast-message label {
    color: var(--theme-color-one)
}

.toast-message a:hover {
    color: #CCC;
    text-decoration: none
}

.toast-close-button {
    position: relative;
    right: -.3em;
    top: -.3em;
    float: right;
    font-size: 20px;
    font-weight: 700;
    color: var(--theme-color-one);
    -webkit-text-shadow: 0 1px 0 var(--theme-color-one);
    text-shadow: 0 1px 0 var(--theme-color-one);
    opacity: .8;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80);
    line-height: 1
}

.toast-close-button:focus,
.toast-close-button:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .4;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    filter: alpha(opacity=40)
}

.rtl .toast-close-button {
    left: -.3em;
    float: left;
    right: .3em
}

button.toast-close-button {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none
}

.toast-top-center {
    top: 0;
    right: 0;
    width: 100%
}

.toast-bottom-center {
    bottom: 0;
    right: 0;
    width: 100%
}

.toast-top-full-width {
    top: 0;
    right: 0;
    width: 100%
}

.toast-bottom-full-width {
    bottom: 0;
    right: 0;
    width: 100%
}

.toast-top-left {
    top: 12px;
    left: 12px
}

.toast-top-right {
    top: 12px;
    right: 12px
}

.toast-bottom-right {
    right: 12px;
    bottom: 12px
}

.toast-bottom-left {
    bottom: 12px;
    left: 12px
}

#toast-container {
    position: fixed;
    z-index: 99999999999999;
    pointer-events: none
}

#toast-container * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#toast-container>div {
    position: relative;
    pointer-events: auto;
    overflow: hidden;
    margin: 0 0 6px;
    padding: 15px 15px 15px 50px;
    width: 300px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-position: 15px center;
    background-repeat: no-repeat;
    -moz-box-shadow: 0 0 12px #000;
    -webkit-box-shadow: 0 0 12px #000;
    box-shadow: 0 0 12px #000;
    color: #fff;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80)
}

#toast-container>div.rtl {
    direction: rtl;
    padding: 15px 50px 15px 15px;
    background-position: right 15px center
}

#toast-container>div:hover {
    -moz-box-shadow: 0 0 12px var(--theme-bg-one);
    -webkit-box-shadow: 0 0 12px var(--theme-bg-one);
    box-shadow: 0 0 12px var(--theme-bg-one);
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100);
    cursor: pointer
}

#toast-container>.toast-info {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=) !important
}

#toast-container>.toast-error {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=) !important
}

#toast-container>.toast-success {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==) !important
}

#toast-container>.toast-warning {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=) !important
}

#toast-container.toast-bottom-center>div,
#toast-container.toast-top-center>div {
    width: 300px;
    margin-left: auto;
    margin-right: auto
}

#toast-container.toast-bottom-full-width>div,
#toast-container.toast-top-full-width>div {
    width: 96%;
    margin-left: auto;
    margin-right: auto
}

.toast {
    background-color: #030303
}

.toast-success {
    background-color: #51A351
}

.toast-error {
    background-color: #BD362F
}

.toast-info {
    background-color: #2F96B4
}

.toast-warning {
    background-color: #F89406
}

.toast-progress {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4px;
    background-color: #000;
    opacity: .4;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    filter: alpha(opacity=40)
}

@media all and (max-width:240px) {
    #toast-container>div {
        padding: 8px 8px 8px 50px;
        width: 11em
    }

    #toast-container>div.rtl {
        padding: 8px 50px 8px 8px
    }

    #toast-container .toast-close-button {
        right: -.2em;
        top: -.2em
    }

    #toast-container .rtl .toast-close-button {
        left: -.2em;
        right: .2em
    }
}

@media all and (min-width:241px) and (max-width:480px) {
    #toast-container>div {
        padding: 8px 8px 8px 50px;
        width: 18em
    }

    #toast-container>div.rtl {
        padding: 8px 50px 8px 8px
    }

    #toast-container .toast-close-button {
        right: -.2em;
        top: -.2em
    }

    #toast-container .rtl .toast-close-button {
        left: -.2em;
        right: .2em
    }
}

@media all and (min-width:481px) and (max-width:768px) {
    #toast-container>div {
        padding: 15px 15px 15px 50px;
        width: 25em
    }

    #toast-container>div.rtl {
        padding: 15px 50px 15px 15px
    }
}

.btn {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.btn-dark {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
}

.btn-dark:hover {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124;
}

.btn-dark:focus,
.btn-dark.focus {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124;
    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.btn-dark.disabled,
.btn-dark:disabled {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
}

.btn-dark:not(:disabled):not(.disabled):active,
.btn-dark:not(:disabled):not(.disabled).active,
.show>.btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #1d2124;
    border-color: #171a1d;
}

.btn-dark:not(:disabled):not(.disabled):active:focus,
.btn-dark:not(:disabled):not(.disabled).active:focus,
.show>.btn-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.align-items-center {
    align-items: center !important;
}

.flex-wrap {
    flex-wrap: wrap !important;
}

.justify-content-between {
    justify-content: space-between !important;
}

.mt-0 {
    margin-top: 0 !important;
}

.mt-1 {
    margin-top: 0.25rem !important;
}

.mt-2 {
    margin-top: 0.5rem !important;
}

.mt-3 {
    margin-top: 1rem !important;
}

.mt-4 {
    margin-top: 1.5rem !important;
}

.mt-5 {
    margin-top: 3rem !important;
}

.pt-0 {
    padding-top: 0 !important;
}

.pt-1 {
    padding-top: 0.25rem !important;
}

.pt-2 {
    padding-top: 0.5rem !important;
}

.pt-3 {
    padding-top: 1rem !important;
}

.pt-4 {
    padding-top: 1.5rem !important;
}

.pt-5 {
    padding-top: 3rem !important;
}

.px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.px-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
}

.px-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
}

.px-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}

.px-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
}

.px-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.my-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
}

.my-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
}

.my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}

.my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
}

.my-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
}

.pb-0 {
    padding-bottom: 0 !important;
}

.pb-1 {
    padding-bottom: 0.25rem !important;
}

.pb-2 {
    padding-bottom: 0.5rem !important;
}

.pb-3 {
    padding-bottom: 1rem !important;
}

.pb-4 {
    padding-bottom: 1.5rem !important;
}

.pb-5 {
    padding-bottom: 3rem !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

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

.mb-2 {
    margin-bottom: 0.5rem !important;
}

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

.mb-4 {
    margin-bottom: 1.5rem !important;
}

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

.ml-0 {
    margin-left: 0 !important;
}

.ml-1 {
    margin-left: 0.25rem !important;
}

.ml-2 {
    margin-left: 0.5rem !important;
}

.ml-3 {
    margin-left: 1rem !important;
}

.ml-4 {
    margin-left: 1.5rem !important;
}

.ml-5 {
    margin-left: 3rem !important;
}

.mr-0 {
    margin-right: 0 !important;
}

.mr-1 {
    margin-right: 0.25rem !important;
}

.mr-2 {
    margin-right: 0.5rem !important;
}

.mr-3 {
    margin-right: 1rem !important;
}

.mr-4 {
    margin-right: 1.5rem !important;
}

.mr-5 {
    margin-right: 3rem !important;
}

.pl-0 {
    padding-left: 0 !important;
}

.pl-1 {
    padding-left: 0.25rem !important;
}

.pl-2 {
    padding-left: 0.5rem !important;
}

.pl-3 {
    padding-left: 1rem !important;
}

.pl-4 {
    padding-left: 1.5rem !important;
}

.pl-5 {
    padding-left: 3rem !important;
}

.pr-0 {
    padding-right: 0 !important;
}

.pr-1 {
    padding-right: 0.25rem !important;
}

.pr-2 {
    padding-right: 0.5rem !important;
}

.pr-3 {
    padding-right: 1rem !important;
}

.pr-4 {
    padding-right: 1.5rem !important;
}

.pr-5 {
    padding-right: 3rem !important;
}

.text-center {
    text-align: center !important
}

.server_banner {
    width: 468px;
    height: 190px;
}

.text-white {
    color: #f0c670 !important;
}

.d-block {
    display: block !important;
}

.search-input {
    font-size: 14px;
    color: #f0c670;
    background: #826c41;
    height: 35px;
    border: 1px solid #a38a54;
    width: 100%;
    padding-left: 10px;
    order: 2;
    transition: border-color .15s ease-in-out;
    border-radius: 15px;
    margin-top: 5px;
}

.search-input:focus {
    border-top: 1px solid #d7bb7d;
    border-right: 1px solid #d7bb7d;
    border-bottom: 1px solid #d7bb7d
}

.search-input:focus+label {
    border-top: 1px solid #d7bb7d;
    border-left: 1px solid #d7bb7d;
    border-bottom: 1px solid #d7bb7d
}

.w-100 {
    width: 100% !important;
}

.left1 {
    position: fixed;
    height: 100%;
    top: 0px;
    display: block;
    left: 0px;
    z-index: 9999999999;
}

.left1 img {
    height: 100%;
}

.right1 {
    position: fixed;
    height: 100%;
    top: 0px;
    display: block;
    right: 0px;
    z-index: 9999999999;
}

.right1 img {
    height: 100%;
}

.popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999999999;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

.popup-overlay.active {
    opacity: 1;
    visibility: visible;
}

.popup-container {
    position: relative;
    max-width: 90%;
    animation: popupFadeIn 0.5s ease forwards;
}

.popup-close {
    position: absolute;
    top: -15px;
    right: -15px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #fff;
    color: #000;
    font-size: 32px;
    font-weight: bold;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
    z-index: 1001;
    transition: background-color 0.2s;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

.popup-content {
    line-height: 0;
    padding: 5px;
    background-color: #fff;
    border: none;
    border-radius: 0.3rem;
}

.popup-link {
    display: block;
    line-height: 0;
}

.popup-img {
    max-width: 100%;
    height: auto;
    display: block;
    border-radius: 4px;
}

@keyframes popupFadeIn {
    0% {
        transform: scale(0.9);
        opacity: 0;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.d-none {
    display: none !important;
}


.dropdown {
    position: relative;
}

.dropdown-menu {
    display: none !important;
    position: absolute;
    background-color: #4d3d38;
    min-width: 260px;
    width: 260px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    margin-left: -80px;
    padding: 0px !important;
    z-index: 9999 !important;
}

.dropdown-menu h4 {
    border-bottom: 1px solid #e1c89d;
}

.dropdown-menu .content {
    padding: 0px !important;
    height: fit-content !important;
}

.dropdown-menu a {
    padding: 0px 10px !important;
    display: block;
    background-color: #4d3d38 !important;
    position: relative;
    z-index: 9999 !important;
    height: fit-content !important;
    line-height: 30px !important;
    border-bottom: 1px solid #e1c89d;
}

.dropdown-menu .last {
    border: 0px;
}

.dropdown-menu a:hover {
    background-color: #f1f1f1;
}

.dropdown:hover .dropdown-menu {
    display: block !important;
}

.truncate-text {
    max-width: 100%;
}

.blog-card {
    background: linear-gradient(135deg, #4f4532 0%, #826a4d 100%);
    border-radius: 20px;
    padding: 0;
    margin-bottom: 25px;
    box-shadow: 0 15px 35px rgba(201, 165, 92, 0.15);
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    position: relative;
    min-height: 160px;
    border: 1px solid rgba(242, 221, 193, 0.2);
}

.blog-card::before {
    content: '';
    position: absolute;
    top: -50%;
    right: -20%;
    width: 100px;
    height: 100px;
    background: rgba(242, 221, 193, 0.1);
    border-radius: 50%;
    z-index: 1;
}

.blog-card::after {
    content: '';
    position: absolute;
    bottom: -30%;
    left: -10%;
    width: 80px;
    height: 80px;
    background: rgba(242, 221, 193, 0.05);
    border-radius: 50%;
    z-index: 1;
}

.blog-card:hover {
    box-shadow: 0 25px 50px rgba(201, 165, 92, 0.25);
}

.blog-card-content {
    display: flex;
    align-items: center;
    height: 100%;
    position: relative;
    z-index: 2;
    padding: 25px;
}

.blog-card-number {
    min-width: 100px;
    height: 100px;
    background: rgba(242, 221, 193, 0.2);
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-right: 25px;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(242, 221, 193, 0.3);
    box-shadow: inset 0 2px 10px rgba(242, 221, 193, 0.1);
}

.blog-card-number-label {
    color: rgba(242, 221, 193, 0.9);
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 5px;
}

.blog-card-number-value {
    color: #f2ddc1;
    font-size: 28px;
    font-weight: 700;
    line-height: 1;
}

.blog-card-text {
    flex: 1;
}

.blog-card-link {
    text-decoration: none;
    color: inherit;
    display: block;
}

.blog-card-title {
    color: #f2ddc1;
    font-size: 24px;
    font-weight: 700;
    margin: 0 0 15px 0;
    line-height: 1.3;
    transition: all 0.3s ease;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-shadow: 0 2px 10px rgba(59, 50, 48, 0.3);
}

.blog-card-title:hover {
    color: #edd3b2;
    text-shadow: 0 2px 15px rgba(59, 50, 48, 0.4);
}

.blog-card-description {
    color: rgba(237, 211, 178, 0.9);
    font-size: 15px;
    line-height: 1.6;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-shadow: 0 1px 5px rgba(59, 50, 48, 0.2);
}

.blog-card-footer {
    margin-top: 20px;
    padding-top: 15px;
    border-top: 1px solid rgba(242, 221, 193, 0.2);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.blog-card-meta {
    display: flex;
    align-items: center;
    gap: 15px;
}

.blog-card-date {
    color: rgba(242, 221, 193, 0.8);
    font-size: 13px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.blog-card-date svg {
    opacity: 0.7;
}

.blog-card-read-more {
    background: rgba(242, 221, 193, 0.2);
    color: #f2ddc1;
    padding: 8px 16px;
    border-radius: 25px;
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
    transition: all 0.3s ease;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(242, 221, 193, 0.3);
    display: flex;
    align-items: center;
    gap: 5px;
}

.blog-card-read-more:hover {
    background: rgba(242, 221, 193, 0.3);
    transform: translateX(3px);
    color: #f2ddc1;
    text-decoration: none;
}

.blog-card-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(201, 165, 92, 0.1) 0%, rgba(130, 106, 77, 0.1) 100%);
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
}

.blog-card:hover .blog-card-overlay {
    opacity: 1;
}

@media (max-width: 768px) {
    .blog-card-content {
        flex-direction: column;
        text-align: center;
        padding: 20px;
    }

    .blog-card-number {
        margin-right: 0;
        margin-bottom: 20px;
        min-width: 80px;
        height: 80px;
    }

    .blog-card-number-value {
        font-size: 24px;
    }

    .blog-card-title {
        font-size: 20px;
    }

    .blog-card-footer {
        flex-direction: column;
        gap: 15px;
        align-items: center;
    }
}

@media (max-width: 480px) {
    .blog-card {
        margin-bottom: 20px;
    }

    .blog-card-content {
        padding: 15px;
    }

    .blog-card-title {
        font-size: 18px;
    }

    .blog-card-description {
        font-size: 14px;
    }

    .blog-card-read-more {
        padding: 6px 12px;
        font-size: 12px;
    }
}

@media (max-width: 994px) {
    .mh-left {
        width: 100% !important;
        justify-content: space-between;
    }

    .mh-left .navicon {
        margin-right: 20px;
    }

    .kategori_div {
        display: none;
    }

    .change-lang {
        margin: 10px !important;
    }
}

.column_search {
    width: 100%;
    padding: 5px;
    background: #493c2c;
    border-radius: 10px;
    box-sizing: border-box;
    border: 1px solid #897050;
    margin-top: 6px;
    margin-bottom: 10px;
    color: #ddc6a8 !important;
}

.column_search::placeholder {
    color: #ddc6a8 !important;
}

.alert-dark {
    background-color: #4d3d38;
    color: #f0c670;
    border-color: #897050;
}

.ml-auto {
    margin-left: auto !important;
}

.bildirim_dropdown {
    border-radius: 0px !important;
}

.bildirim_dropdown a {
    border-radius: 0px !important;
}

@media(max-width:1600px) {
    body {
        zoom: 0.80;
    }
}

@media(max-width:1400px) {
    body {
        zoom: 0.75;
    }
}

.dropdown-menu a.p-3 {
    padding: 10px 15px !important;
}

@media(max-width:1100px) {
    body {
        zoom: 1;
    }

    .left1 {
        display: none !important;
    }

    .right1 {
        display: none !important;
    }

    .m-left.post-content {
        border-radius: 0px !important;
        margin-top: 0px !important;
    }
}

:lang(ru) header {
    font-size: 11px;
}

:lang(gr) header {
    font-size: 11px;
}

:lang(es) header {
    font-size: 11px;
}

:lang(fr) header {
    font-size: 11px;
}

:lang(pl) header {
    font-size: 11px;
}

:lang(hu) header {
    font-size: 11px;
}

.text-a-link {
    color: rgba(242, 221, 193, 0.8);
    text-decoration: none;
}

.blog-stat-item-div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    width: 100%;
    flex-wrap: wrap;
}

@media (max-width: 768px) {
    .blog-stat-item {
        width: 100%;
    }
}

.breadcrumb-nav {
    background: rgba(24, 24, 23, 0.5);
    border-radius: 4px;
    padding: 12px 20px;
    border: 1px solid rgba(201, 165, 92, 0.2);
    margin-top: 10px;
    width: 1300px;
    margin-left: auto;
    margin-right: auto;
}

.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
    align-items: center;
}

.breadcrumb-item {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #c9a55c;
}

.breadcrumb-item:not(:last-child)::after {
    content: "›";
    margin: 0 8px;
    color: #8a7a5c;
    font-size: 16px;
    font-weight: bold;
}

.breadcrumb-item a {
    color: #c9a55c;
    text-decoration: none;
    transition: color 0.3s ease;
    padding: 4px 0;
}

.breadcrumb-item a:hover {
    color: #f0c670;
    text-decoration: underline;
}

.breadcrumb-item.active span {
    color: #f0c670;
    font-weight: 500;
}

.breadcrumb-item span {
    padding: 4px 0;
}

@media (max-width: 768px) {
    .breadcrumb-nav {
        padding: 8px 12px;
        margin-bottom: 15px;
        width: 100%;
    }

    .breadcrumb-item {
        font-size: 13px;
    }

    .breadcrumb-item:not(:last-child)::after {
        margin: 0 6px;
        font-size: 14px;
    }
}

@media (max-width: 480px) {
    .breadcrumb-nav {
        padding: 6px 10px;
        margin-bottom: 12px;
    }

    .breadcrumb-item {
        font-size: 12px;
    }

    .breadcrumb-item:not(:last-child)::after {
        margin: 0 4px;
        font-size: 13px;
    }

    .breadcrumb {
        overflow-x: auto;
        white-space: nowrap;
        scrollbar-width: thin;
        scrollbar-color: #c9a55c rgba(24, 24, 23, 0.5);
    }

    .breadcrumb::-webkit-scrollbar {
        height: 4px;
    }

    .breadcrumb::-webkit-scrollbar-track {
        background: rgba(24, 24, 23, 0.5);
    }

    .breadcrumb::-webkit-scrollbar-thumb {
        background: #c9a55c;
        border-radius: 2px;
    }

    .breadcrumb::-webkit-scrollbar-thumb:hover {
        background: #f0c670;
    }
}

@media (prefers-color-scheme: dark) {
    .breadcrumb-nav {
        background: rgba(12, 12, 12, 0.7);
        border-color: rgba(201, 165, 92, 0.3);
    }
}

.breadcrumb-item a {
    position: relative;
}

.breadcrumb-item a::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 1px;
    background: #f0c670;
    transition: width 0.3s ease;
}

.breadcrumb-item a:hover::before {
    width: 100%;
}

.breadcrumb-nav[aria-label="Breadcrumb"] {
    position: relative;
}

.breadcrumb-item a:focus {
    outline: 2px solid #f0c670;
    outline-offset: 2px;
    border-radius: 2px;
}

.breadcrumb-nav {
    animation: breadcrumbFadeIn 0.3s ease-in-out;
}

@keyframes breadcrumbFadeIn {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

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

/* Kategori SEO İçeriği Stilleri */
.category-seo-section {
    margin-top: 40px;
    padding: 30px;
    background: rgba(24, 24, 23, 0.8);
    border-radius: 8px;
    border: 1px solid #3a3a3a;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
}

.category-seo-content {
    color: #e3d6b8;
    line-height: 1.8;
    font-size: 14px;
}

.category-seo-content h2 {
    color: #c9a55c;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 20px;
    border-bottom: 2px solid #c9a55c;
    padding-bottom: 10px;
}

.category-seo-content h3 {
    color: #d4c79a;
    font-size: 18px;
    font-weight: 600;
    margin: 25px 0 15px 0;
    position: relative;
}

.category-seo-content h3::before {
    content: "▸";
    color: #c9a55c;
    margin-right: 8px;
    font-weight: bold;
}

.category-seo-content p {
    margin-bottom: 16px;
    text-align: justify;
}

.category-seo-content ul {
    margin: 15px 0;
    padding-left: 0;
    list-style: none;
}

.category-seo-content li {
    margin-bottom: 12px;
    padding-left: 20px;
    position: relative;
}

.category-seo-content li::before {
    content: "•";
    color: #c9a55c;
    position: absolute;
    left: 0;
    font-weight: bold;
    font-size: 16px;
}

.category-seo-content strong {
    color: #c9a55c;
    font-weight: 600;
}

.category-seo-content a {
    color: #c9a55c;
    text-decoration: none;
    transition: color 0.3s ease;
}

.category-seo-content a:hover {
    color: #e3d6b8;
    text-decoration: underline;
}

/* Responsive tasarım */
@media (max-width: 768px) {
    .category-seo-section {
        margin-top: 30px;
        padding: 20px;
    }

    .category-seo-content h2 {
        font-size: 20px;
    }

    .category-seo-content h3 {
        font-size: 16px;
    }

    .category-seo-content {
        font-size: 13px;
    }
}

@media (max-width: 480px) {
    .category-seo-section {
        margin-top: 20px;
        padding: 15px;
    }

    .category-seo-content h2 {
        font-size: 18px;
        margin-bottom: 15px;
    }

    .category-seo-content h3 {
        font-size: 15px;
        margin: 20px 0 10px 0;
    }
}

.s-details a {
    color: #e3c16b !important;
    text-decoration: underline;
}