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(../img/bg.webp);
  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:1100px;
  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(../img/logo_mobile.png);
  background-repeat:no-repeat;
  height:36px
}
figure.logo_mobile {
  background-image:url(../img/logo_mobile.png);
  width:40px;
  height:22px;
  background-size:contain;
  margin-left:8px
}
header .wrap .h-left .l-text {
  display:flex;
  flex-direction:column;
  justify-content:center;
  line-height:1.2;
  color:#f2ddc1
}
header .wrap .h-left .l-text .l-text-name {
  font-weight:700;
  font-size:15px
}
header .wrap .h-left .l-text .l-text-name b {
  margin:0 3px;
  font-weight:400;
  opacity:.5
}
header .wrap .h-left .l-text .l-text-tag {
  font-size:12.5px;
  opacity:.7
}
.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
}
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:78px;
  height:auto;
  display:none
}
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:1100px;
  margin:0 auto;
  margin-top:10px
}
.main {
  width:1100px;
  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(../img/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:25px; */
  color:#c6ffac;
  text-transform:uppercase;
  font-size:20px;
  border-radius:0;
  margin-bottom:4px;
  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(../img/icon/profile.png);
  background-size:contain;
  text-decoration:none;
  flex-shrink:0;
  position:relative;
  transition:border .25s ease-in-out
}
.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
}
@media only screen and (max-width:1200px) {
  .main .m-left .hzad1 {
    display:none
  }
}
.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:1100px;
  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
}
.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
}
.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-start
}
.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-error {
  background-color:#f0d8d8;
  border-color:#e9c6c6;
  color:#763c3c
}
.alert-error hr {
  border-top-color:#e2b3b3
}
.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(../img/lang/ar.png); }
.language.ay { background-image:url(../img/lang/ay.png); }
.language.ca { background-image:url(../img/lang/ca.png); }
.language.cs { background-image:url(../img/lang/cs.png); }
.language.de { background-image:url(../img/lang/de.png); }
.language.el { background-image:url(../img/lang/el.png); }
.language.en { background-image:url(../img/lang/en.png); }
.language.es { background-image:url(../img/lang/es.png); }
.language.eu { background-image:url(../img/lang/eu.png); }
.language.fi { background-image:url(../img/lang/fi.png); }
.language.fr { background-image:url(../img/lang/fr.png); }
.language.ga { background-image:url(../img/lang/ga.png); }
.language.gl { background-image:url(../img/lang/gl.png); }
.language.gn { background-image:url(../img/lang/gn.png); }
.language.he { background-image:url(../img/lang/he.png); }
.language.hu { background-image:url(../img/lang/hu.png); }
.language.id { background-image:url(../img/lang/id.png); }
.language.it { background-image:url(../img/lang/it.png); }
.language.ja { background-image:url(../img/lang/ja.png); }
.language.ms { background-image:url(../img/lang/ms.png); }
.language.nl { background-image:url(../img/lang/nl.png); }
.language.no { background-image:url(../img/lang/no.png); }
.language.pl { background-image:url(../img/lang/pl.png); }
.language.pt { background-image:url(../img/lang/pt.png); }
.language.qu { background-image:url(../img/lang/qu.png); }
.language.rm { background-image:url(../img/lang/rm.png); }
.language.ro { background-image:url(../img/lang/ro.png); }
.language.ru { background-image:url(../img/lang/ru.png); }
.language.sk { background-image:url(../img/lang/sk.png); }
.language.sl { background-image:url(../img/lang/sl.png); }
.language.sv { background-image:url(../img/lang/sv.png); }
.language.ta { background-image:url(../img/lang/ta.png); }
.language.tr { background-image:url(../img/lang/tr.png); }
.language.zh { background-image:url(../img/lang/zh.png); }
.language.all {
  background-image:url(../img/lang/all.png);
  width:16px;
  height:16px;
  vertical-align:middle!important
}
.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
}
.profile1 {
  background-image:url(../img/icon/1.png)!important
}
.profile2 {
  background-image:url(../img/icon/2.png)!important
}
.profile3 {
  background-image:url(../img/icon/3.png)!important
}
.profile4 {
  background-image:url(../img/icon/4.png)!important
}
.profile5 {
  background-image:url(../img/icon/5.png)!important
}
.profile6 {
  background-image:url(../img/icon/6.png)!important
}
.profile7 {
  background-image:url(../img/icon/7.png)!important
}
.profile8 {
  background-image:url(../img/icon/8.png)!important
}
.profile9 {
  background-image:url(../img/icon/9.png)!important
}
.profile10 {
  background-image:url(../img/icon/10.png)!important
}
.profile11 {
  background-image:url(../img/icon/11.png)!important
}
.profile12 {
  background-image:url(../img/icon/12.png)!important
}
.profile13 {
  background-image:url(../img/icon/13.png)!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:60px;
  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-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
}
.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%
}
.verified {
  width:22px;
  height:22px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23487730' d='M22.25 12c0-1.43-.88-2.67-2.19-3.34.46-1.39.2-2.9-.81-3.91s-2.52-1.27-3.91-.81C14.67 2.63 13.43 1.75 12 1.75s-2.67.88-3.34 2.19c-1.39-.46-2.9-.2-3.91.81s-1.27 2.52-.81 3.91C2.63 9.33 1.75 10.57 1.75 12s.88 2.67 2.19 3.34c-.46 1.39-.2 2.9.81 3.91s2.52 1.27 3.91.81c.67 1.31 1.91 2.19 3.34 2.19s2.67-.88 3.34-2.19c1.39.46 2.9.2 3.91-.81s1.27-2.52.81-3.91c1.31-.67 2.19-1.91 2.19-3.34z'/%3E%3Cpath fill='%23fff' d='M9.28 16.03a.75.75 0 0 1-.53-.22l-2.5-2.5a.75.75 0 0 1 1.06-1.06l1.97 1.97 5.16-5.16a.75.75 0 0 1 1.06 1.06l-5.69 5.69a.75.75 0 0 1-.53.22z'/%3E%3C/svg%3E");
  background-size:contain;
  background-repeat:no-repeat;
  display:inline-block;
  vertical-align:middle;
  margin-left:4px;
  position:relative;
  top:-2px
}
.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%
}
.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 .verified {
  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
}
.advantages-box {
  background-color:#2b2522;
  border:1px solid #3d3633;
  border-radius:8px;
  padding:20px;
  margin:20px 0;
  color:#e0e0e0
}
.advantage-item {
  display:flex;
  align-items:center;
  margin:8px 0
}
.checkmark {
  color:#4CAF50;
  margin-right:10px;
  font-size:1.2em
}
.disadvantages-box {
  background-color:#2b2522;
  border:1px solid #3d3633;
  border-radius:8px;
  padding:20px;
  margin:20px 0;
  color:#e0e0e0
}
.disadvantage-item {
  display:flex;
  align-items:center;
  margin:8px 0
}
.x-mark {
  color:#f44;
  margin-right:10px;
  font-size:1.2em
}
.spoiler.text {
  line-height:1.7;
  font-size:1.08rem;
  color:inherit;
  margin-top:1.5em
}
.spoiler.text p,
.spoiler.text br {
  margin-bottom:1.1em
}
.spoiler.text b {
  color:tan;
  font-weight:600
}
.steps-box {
  background:rgb(0 0 0 / .3);
  border:1px solid tan;
  border-radius:8px;
  padding:20px;
  margin:20px 0
}
.step-item {
  display:flex;
  align-items:center;
  margin:15px 0
}
.step-number {
  background:tan;
  color:#000;
  width:30px;
  height:30px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:700;
  margin-right:15px
}
.step-text {
  color:#fff;
  font-size:1.1rem
}
.step-text:hover {
  color:tan;
  text-decoration:none
}
.main-heading {
  color:#fff;
  text-align:center;
  margin:10px 0;
  text-shadow:2px 2px 4px rgb(0 0 0 / .5)
}
.intro-text {
  text-align:center;
  margin-bottom:10px;
  font-size:1.2em;
  line-height:1.6
}
.intro-text strong {
  color:#f93
}
.server-types {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
  gap:30px;
  margin:10px 0
}
.server-type {
  background:rgb(0 0 0 / .3);
  border-radius:15px;
  padding:25px;
  border:1px solid rgb(255 153 51 / .3);
  transition:all 0.3s ease
}
.server-heading {
  color:#f93;
  border-bottom:2px solid #f93;
  padding-bottom:10px;
  margin-bottom:20px
}
.server-type p {
  line-height:1.6;
  color:#e0e0e0
}
.warning-box {
  background:linear-gradient(45deg,rgb(231 76 60 / .1),rgb(0 0 0 / .3));
  border-radius:15px;
  padding:30px;
  margin:40px 0;
  border:2px solid rgb(231 76 60 / .3)
}
.warning-box>p {
  font-size:1.2em;
  color:#fff;
  text-align:center;
  margin-bottom:30px
}
.warning-box .highlight {
  color:#e74c3c;
  font-weight:700
}
.important-tip {
  background:rgb(0 0 0 / .2);
  padding:25px;
  border-radius:10px
}
.important-tip h3 {
  color:#f93;
  margin-bottom:20px;
  display:flex;
  align-items:center;
  gap:10px
}
.important-tip .emoji {
  font-size:1.5em
}
.important-tip>p {
  color:#e74c3c;
  font-weight:700;
  margin-bottom:25px;
  text-align:center
}
.tip-grid {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
  gap:20px
}
.tip-item {
  background:rgb(46 204 113 / .1);
  padding:15px;
  border-radius:8px;
  text-align:center;
  border:1px solid rgb(46 204 113 / .3)
}
.footer-text {
  text-align:center;
  font-size:1.2em;
  margin:40px 0;
  color:#fff;
  text-shadow:1px 1px 2px rgb(0 0 0 / .5)
}
.footer-text em {
  color:#f93
}
.faq-container {
  max-width:800px;
  margin:20px auto
}
.faq-item {
  border:1px solid #444;
  margin-bottom:10px;
  border-radius:4px;
  overflow:hidden;
  background-color:#2a2a2a
}
.faq-question {
  background-color:#2a2a2a;
  padding:15px 20px;
  cursor:pointer;
  display:flex;
  align-items:center;
  transition:background-color 0.3s ease;
  list-style:none;
  margin:0;
  border:none;
  outline:none;
  font-size:1.1em
}
.content {
  max-width:1200px;
  margin:0 auto;
  padding:20px;
  font-family:Arial,sans-serif;
  line-height:1.6
}
.image-container {
  display:flex;
  gap:20px;
  margin:20px 0;
  align-items:center;
  justify-content:center
}
.image-container img {
  transition:transform 0.3s ease
}
.image-container img:hover {
  transform:scale(1.1)
}
.width-container {
  position:relative;
  width:100%;
  padding-bottom:56.25%;
  margin:40px 0
}
.video {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  border-radius:10px;
  box-shadow:0 4px 8px rgb(0 0 0 / .1)
}
@media (max-width:768px) {
  .content div[style*="display: flex"] {
    flex-direction:column!important
  }
  .content div[style*="display: flex"]>div:first-child {
    text-align:center;
    margin-bottom:15px
  }
  .content div[style*="display: flex"] img {
    width:150px!important
  }
}
.creator-table {
  width:100%;
  border-collapse:collapse;
  margin:1em 0 2em 0;
  background:#f5f2ed
}
.creator-table th,
.creator-table td {
  border:1px solid #d4c4a8;
  padding:10px 12px;
  text-align:left
}
.creator-table th {
  background:#8b7355;
  color:#f5f2ed;
  font-weight:700
}
.creator-table tr:nth-child(even) {
  background:#faf7f2
}
.creator-table tr:hover {
  background:#e8e0d0
}
.author-profile {
  max-width:1200px;
  margin:0 auto;
  padding:20px
}
.author-header {
  margin-bottom:40px
}
.author-image {
  text-align:center;
  margin:20px 0
}
.author-image img {
  border-radius:50%;
  box-shadow:0 4px 8px rgb(0 0 0 / .1);
  width:300px;
  height:210px
}
.author-info h1 {
  margin:0 0 10px 0;
  color:#333;
  font-size:2.5em
}
.author-info h2 {
  margin:0 0 20px 0;
  font-size:1.3em
}
.author-info p {
  line-height:1.6;
  color:#555;
  margin-bottom:25px
}
.expertise-areas h3 {
  margin-bottom:15px
}
.expertise-areas ul {
  list-style:none;
  padding:0
}
.expertise-areas li {
  padding:8px 0;
  border-bottom:1px solid #eee;
  position:relative;
  padding-left:20px
}
.expertise-areas li:before {
  content:"•";
  color:#ff8c00;
  font-weight:700;
  position:absolute;
  left:0
}
.author-stats {
  display:flex;
  gap:30px;
  margin-top:25px
}
.stat-item {
  text-align:center
}
.stat-number {
  display:block;
  font-size:2em;
  font-weight:700;
  color:#ff8c00
}
.stat-label {
  font-size:.9em;
  color:#ff8c00
}
.published-blogs {
  max-width:1200px;
  margin:0 auto;
  padding:20px
}
.published-blogs h2 {
  margin-bottom:10px
}
.published-blogs p {
  color:#555;
  margin-bottom:30px
}
.blogs-table {
  width:100%;
  border-collapse:collapse;
  background:#f8f8f8;
  border-radius:8px;
  overflow:hidden;
  box-shadow:0 2px 10px rgb(0 0 0 / .15)
}
.blogs-table th {
  background:#ff8c00;
  color:#fff;
  padding:15px;
  text-align:left;
  font-weight:600
}
.blogs-table td {
  padding:15px;
  border-bottom:1px solid #e0e0e0;
  vertical-align:top;
  background:#fafafa;
  color:#2a2a2a
}
.blogs-table tr:nth-child(even) td {
  background:#f0f0f0;
  color:#2a2a2a
}
.blogs-table tr:hover td {
  background-color:#e8e8e8;
  color:#1a1a1a
}
.blogs-table td a {
  color:#1e3a8a!important;
  text-decoration:none;
  font-weight:600
}
.blogs-table a:hover {
  text-decoration:underline
}
.author-contact {
  max-width:1200px;
  margin:0 auto;
  padding:20px;
  text-align:center;
  margin-top:40px
}
.author-contact h3 {
  margin-bottom:15px
}
.author-contact a {
  color:#ff8c00;
  text-decoration:none;
  font-weight:500
}
.author-contact a:hover {
  text-decoration:underline
}
@media (max-width:768px) {
  .author-header {
    flex-direction:column;
    text-align:center
  }
  .author-stats {
    justify-content:center
  }
  .blogs-table {
    font-size:14px
  }
  .blogs-table th,
  .blogs-table td {
    padding:10px
  }
}
.g-recaptcha{
  transform: scale(.90);
}
.grecaptcha-badge {
    visibility: hidden !important;
}
.vote-banner {
    aspect-ratio: 468/60;
    overflow: hidden;
}
.vote-banner video,
.vote-banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


.change-lang:hover > .lang-drop { display:grid !important }
.lang-drop { grid-template-columns:1fr 1fr; gap:2px; padding:6px 3px; min-width:250px; width:auto !important; border-radius:0 0 12px 12px; background:#5d4f3e; position:absolute; left:0; right:auto !important; margin-left:-173px; top:50px; z-index:9999; box-shadow:0 12px 32px rgba(0,0,0,.5); list-style:none }
.lang-drop li { list-style:none }
.lang-drop li a { display:flex !important; align-items:center; gap:7px; padding:6px 10px !important; border-radius:4px; color:#fff; text-decoration:none; font-size:13px; line-height:1.2 !important; white-space:nowrap; height:auto !important; background:transparent }
.lang-drop li a:hover { background:rgba(255,255,255,.08) !important }
.lang-drop li a.is-current { background:rgba(255,255,255,.12) }
.lang-drop li a i { padding:0 !important }

/* Breadcrumb Navigation */
.breadcrumb-nav {
  padding: 10px 0;
  margin-bottom: 10px;
}
.breadcrumb-nav .breadcrumb {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  gap: 4px;
  align-items: center;
  font-size: 13px;
}
.breadcrumb-nav .breadcrumb-item {
  color: #aaa;
}
.breadcrumb-nav .breadcrumb-item + .breadcrumb-item::before {
  content: "›";
  padding-right: 6px;
  color: #666;
}
.breadcrumb-nav .breadcrumb-item a {
  color: #e67e22;
  text-decoration: none;
}
.breadcrumb-nav .breadcrumb-item a:hover {
  text-decoration: underline;
}
.breadcrumb-nav .breadcrumb-item.active {
  color: #ccc;
}