*,
:after,
:before {
  border: none;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
html {
  font-size: 10px;
  height: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
body {
  font-family: "Open Sans", "Segoe UI", Tahoma, sans-serif;
  font-size: 10px;
  overflow-x: hidden;
  text-rendering: optimizeLegibility;
}
button,
input,
select,
textarea {
  font-family: inherit;
}
h1 {
  font-size: 36px;
  font-weight: 300;
}
h2 {
  font-size: 24px;
  font-weight: 300;
}
select {
  border-radius: 0;
  border-style: solid;
  border-width: 0 0 1px;
  height: 36px;
  -webkit-appearance: none;
}
input {
  border-radius: 0;
  -webkit-appearance: none;
}
label {
  cursor: pointer;
}
fieldset {
  min-width: 0;
}
a {
  transition: color 0.18s cubic-bezier(0.6, 0, 0.1, 1);
  outline: none;
}
a,
a:hover,
a:visited {
  text-decoration: none;
}
p {
  line-height: 1.6154;
}
p b {
  font-weight: 600;
}
pre {
  overflow: auto;
}
code,
pre {
  font-family: monospace;
}
abbr {
  border-style: dotted;
  border-width: 0 0 1px;
  text-decoration: none;
}
button {
  cursor: pointer;
}
button::-moz-focus-inner {
  border: 0;
  padding: 0;
}
textarea {
  line-height: 1.6154;
  max-width: 100%;
  resize: vertical !important;
}
.chunk {
  margin: 0 auto;
  max-width: 1200px;
  padding: 0 18px;
}
.chunk:after {
  clear: both;
  content: "";
  display: block;
}
.hidden {
  display: none;
}
#wrap-inner {
  position: relative;
}
#wrap-header,
#wrap-header-index {
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 4 !important;
  transition: background-color 0.18s cubic-bezier(0.6, 0, 0.1, 1),
    box-shadow 0.18s cubic-bezier(0.6, 0, 0.1, 1);
}
#wrap-header-index:after,
#wrap-header:after {
  clear: both;
  content: "";
  display: block;
}
.is-sticky #wrap-header,
.is-sticky #wrap-header-index {
  left: auto;
  right: auto;
}
#wrap-header-index-sticky-wrapper,
#wrap-header-sticky-wrapper {
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.site-header {
  font-size: 1.3em;
  height: 56px;
  line-height: 56px;
  min-height: 56px;
  position: relative;
}
.site-header span {
  transition: color 0.18s cubic-bezier(0.6, 0, 0.1, 1);
}
#logo {
  display: block;
  float: left;
  line-height: 0;
  margin: 10px 24px 10px 0;
}
#logo.logo_text {
  font-size: 18px;
  font-weight: 300;
  line-height: 36px;
}
.site_logo {
  background-image: url("images/logo.svg");
  background-size: 100%;
  display: inline-block;
  height: 36px;
  width: 26px;
}
#breadcrumbs {
  height: 56px;
  width: auto;
}
#breadcrumbs li {
  display: inline-block;
}
#breadcrumbs i + span {
  margin-left: 9px;
}
.crumb-solid {
  display: inline-block !important;
}
#breadcrumbs-mid {
  font-size: 1.2em;
  line-height: 24px;
  margin-bottom: 18px;
  margin-top: -6px;
  width: 100%;
  border-bottom: 1px solid #EAEAEA;
  padding-bottom: 18px;
}
#breadcrumbs-mid li {
  display: block;
  float: left;
}
#breadcrumbs-mid i + span {
  margin-left: 9px;
}
#breadcrumbs,
#breadcrumbs-mid {
  list-style: none;
  overflow: hidden;
  white-space: nowrap;
}
#breadcrumbs li:before,
#breadcrumbs-mid li:before {
  content: "/";
  display: block;
  float: left;
  padding: 0 12px;
  pointer-events: none;
}
#breadcrumbs li:first-child:before,
#breadcrumbs-mid li:first-child:before {
  display: none;
}
.site-nav {
  float: right;
  list-style: none;
  margin-left: 18px;
}
.site-nav > li + li {
  margin-left: 24px;
}
.site-nav > li > a {
  position: relative;
}
.site-nav li > a,
.site-nav li > span {
  display: block;
}
.site-nav li > a > i + span,
.site-nav li > span > i + span {
  margin-left: 9px;
}
.site-nav li > span {
  cursor: pointer;
}
.site-nav i {
  font-size: 1.0769em;
}
.site-nav .count {
  border-radius: 2px;
  font-size: 0.8461em;
  font-weight: 600;
  left: -6px;
  line-height: 12px;
  padding: 3px;
  pointer-events: none;
  position: absolute;
  text-align: center;
  top: -3px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.site-nav-item,
.site-nav > li {
  display: block;
  float: left;
  line-height: 30px;
  margin-bottom: 13px;
  margin-top: 13px;
  position: relative;
}
.cur-user {
  margin-left: 20px !important;
  margin-right: -8px;
}
#header-avatar img {
  border-radius: 15px;
  border-style: solid;
  border-width: 2px;
  display: block;
  height: 30px;
  width: 30px;
  object-fit: cover;
  overflow: hidden;
  transition: border-color 0.18s cubic-bezier(0.6, 0, 0.1, 1),
    border-width 0.18s cubic-bezier(0.6, 0, 0.1, 1);
}
#header-avatar > span {
  border-radius: 15px;
  display: block;
  height: 30px;
  line-height: 30px;
  padding: 0 15px;
  transition: background-color 0.18s cubic-bezier(0.6, 0, 0.1, 1),
    color 0.18s cubic-bezier(0.6, 0, 0.1, 1);
}
#header-avatar:active img {
  border-width: 1px;
}
#header-mini-menu {
  border-radius: 15px;
  display: block;
  height: 30px;
  line-height: 30px;
  text-align: center;
  transition: background-color 0.18s cubic-bezier(0.6, 0, 0.1, 1),
    color 0.18s cubic-bezier(0.6, 0, 0.1, 1);
  width: 30px;
}
#header-mini-menu:active,
#header-mini-menu:focus {
  outline: none;
}
#wrap-footer {
  font-size: 1.2em;
  padding: 18px 0 36px;
  position: relative;
  transition: opacity 0.3s cubic-bezier(0.6, 0, 0.1, 1);
}
#wrap-footer ul {
  list-style: none;
  width: 100%;
}
#wrap-footer ul:after {
  clear: both;
  content: "";
  display: block;
}
#wrap-footer li {
  float: left;
}
#wrap-footer li.rside {
  float: right;
}
#wrap-footer li + li {
  margin-left: 24px;
}
.site-footer {
  line-height: 1.6154;
}
.site-footer i + span {
  margin-left: 9px;
}
#debug-output,
.footer-text {
  margin-top: 9px;
}
.re-lg,
.re-md,
.re-sm {
  display: none !important;
}
.left,
.lside {
  float: left;
}
.right,
.rside {
  float: right;
}
.clear {
  display: block;
  clear: both;
}
.box-normal {
  border-radius: 2px;
  border-style: solid;
  border-width: 1px;
  padding: 18px 18px 0;
  position: relative;
  margin-bottom: 18px;
  word-wrap: break-word;
}
.box-normal h6 {
  font-size: 1.3em;
  font-weight: 600;
  margin-bottom: 18px;
}
.box-normal p,
.box-normal pre {
  font-size: 1.3rem;
  margin-bottom: 18px;
}
.box-normal ol,
.box-normal ul {
  font-size: 1.3em;
  line-height: 1.6154;
  list-style: none;
}
.box-normal ol h3,
.box-normal ul h3 {
  font-size: 1.3846em;
  font-weight: 400;
  margin-bottom: 18px;
}
.box-normal ol ol,
.box-normal ol ul,
.box-normal ul ol,
.box-normal ul ul {
  font-size: 1em;
}
.box-normal ul {
  list-style: none;
}
.box-normal ol ol {
  margin-left: 30px;
}
.box-normal ol ol > li {
  list-style-type: decimal;
  padding-left: 6px;
}
.box-normal li {
  margin-bottom: 18px;
  position: relative;
}
.box-normal li:last-child {
  margin-bottom: 0;
}
.box-normal button {
  margin-bottom: 18px;
}
.box-normal .chosen-container ul {
  font-size: 1em;
}
.box-normal .strong-head {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  font-size: 1.3em;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 9px;
  padding-bottom: 12px;
}
.info-box {
  font-size: 16px;
  font-weight: 600;
  border-radius: 2px;
  padding: 36px;
  text-align: center;
}
#information {
  font-size: 1.3em;
  padding: 18px;
  text-align: center;
  width: 100%;
}
#information + #wrap-inner #site-desc-full,
#information + #wrap-inner #site-desc-small,
#information + #wrap-inner #wrap-header,
#information + #wrap-inner #wrap-header-index {
  border-radius: 0;
}
#rules {
  margin-bottom: 18px;
}
#site-desc-full {
  height: 448px;
  overflow: hidden;
  position: relative;
  text-align: center;
}
#site-desc-full h1 {
  clear: both;
  display: block;
  font-size: 4.8em;
  font-weight: 600;
  line-height: 1.3;
  position: relative;
  z-index: 1;
}
#site-desc-full h2 {
  display: block;
  font-size: 2.4em;
  font-weight: 300;
  line-height: 1.3;
  position: relative;
  z-index: 1;
}
#site-desc-full > .chunk {
  position: relative;
  height: 100%;
}
#site-desc-full #page-description {
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  position: absolute;
}
#site-desc-small {
  overflow: hidden;
  padding: 92px 0 36px;
  position: relative;
  text-align: left;
}
#site-desc-small h1 {
  display: none;
}
#site-desc-small h2 {
  display: block;
  font-size: 2.4em;
  font-weight: 300;
  line-height: 1.5;
  position: relative;
  z-index: 1;
}
#site-desc-hidden {
  display: none;
}
#sub-header {
  padding: 92px 0 36px;
  position: relative;
}
#sub-header .chunk {
  position: relative;
}
#sub-header h2 {
  display: inline-block;
  line-height: 1.5;
  max-width: 100%;
  overflow-wrap: break-word;
  position: relative;
  z-index: 1;
}
#sub-header p {
  font-size: 1.3em;
  position: relative;
  z-index: 1;
}
#sub-header.sub-header-small {
  padding: 36px 0 12px;
}
#site-desc-full img,
#site-desc-small img,
#sub-header img {
  bottom: 0;
  height: 100%;
  left: 0;
  object-fit: cover;
  object-position: top;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}
#sub-header:after {
  clear: both;
  content: "";
  display: block;
}
.sub-header-title {
  float: left;
  max-width: 100%;
}
.sub-header-buttons {
  text-align: right;
  width: 100%;
}
.sub-header-buttons > div {
  display: inline-block;
  float: left;
  margin: 0 0 0 9px;
  position: relative;
  vertical-align: middle;
}
.sub-header-buttons .chosen-container,
.sub-header-buttons .dropdown-box {
  left: 0;
  right: auto;
  text-align: left;
}
.sub-header-buttons .chosen-container {
  font-size: 11px;
}
#main-search-box-md {
  line-height: 1;
  margin-bottom: 6px;
  padding: 0;
  white-space: nowrap;
}
#main-search-box-md div {
  margin: 0 44px 0 0;
}
#main-search-box-md input {
  display: block;
  height: 44px;
  outline: none;
  padding: 0 18px;
  vertical-align: middle;
  width: 100%;
}
#main-search-box-md button {
  cursor: pointer;
  display: block;
  float: right;
  height: 44px;
  line-height: 44px;
  width: 44px;
  vertical-align: middle;
}
#main-search-box-md button i {
  margin: 0;
}
.main-sidebar,
.sidebar {
  float: right;
  position: relative;
  width: 250px;
}
.main-sidebar {
  z-index: 0;
}
.content-main,
.forumlist-main,
.page-content {
  position: relative;
  z-index: 1;
}
.content-main:not(:only-child),
.forumlist-main:not(:only-child),
.page-content:not(:only-child) {
  margin-right: 268px;
}
.content-main-inner,
.forumlist-main-inner,
.page-content-inner {
  float: left;
  width: 100%;
}
.sidebar {
  z-index: 1;
}
.sidebar-block {
  border-radius: 2px;
  border-style: solid;
  border-width: 1px;
  break-inside: avoid;
  list-style: none;
  margin-bottom: 18px;
  padding: 6px 0;
  vertical-align: middle;
}
.sidebar-head {
  font-size: 1.3em;
  font-weight: 600;
  line-height: 1;
  padding: 15px 18px 0;
}
.sidebar-head i {
  float: left;
  margin-right: 9px;
  margin-top: 1px;
}
.sidebar-body {
  font-size: 1.3em;
  line-height: 1.6154;
  list-style: none;
  padding: 15px 18px;
}
#mcp {
  clear: both;
}
.dropdown-search {
  border-radius: 2px;
  display: none;
  line-height: 1;
  list-style: none;
  padding: 6px 0;
  position: absolute;
  right: 0;
  top: 40px;
  white-space: nowrap;
  z-index: 3;
}
.dropdown-search div {
  margin: 0 36px 0 0;
  min-width: 214px;
}
.dropdown-search input {
  display: block;
  font-size: 1.3rem;
  height: 36px;
  outline: none;
  padding: 0 18px;
  vertical-align: middle;
  width: 100%;
}
.dropdown-search button {
  display: block;
  float: right;
  height: 36px;
  line-height: 36px;
  width: 36px;
  vertical-align: middle;
}
.open > .dropdown-search {
  display: block;
}
.login-main .log-reg {
  margin: 18px 0;
}
.login-main p {
  font-size: 1.3em;
  margin-bottom: 18px;
}
.login-main p a + a {
  margin-left: 18px;
}
.login-main .button {
  height: 40px;
  line-height: 22px;
}
.message-main > p {
  font-size: 1.3em;
  margin-bottom: 18px;
}
.action-bar-top {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  margin: -6px 0 24px;
}
.action-bar-top > div {
  margin-bottom: 12px;
}
.action-bar-bottom {
  border-top-style: solid;
  border-top-width: 1px;
  margin: 0 0 18px 0;
}
.action-bar-bottom > a,
.action-bar-bottom > div {
  margin-top: 12px;
}
.action-bar-top-nb {
  margin: -6px 0 0;
}
.action-bar-top-nb > div {
  margin-bottom: 12px;
}
.action-bar-bottom-nb > a,
.action-bar-bottom-nb > div {
  margin-bottom: 18px;
}
.action-bar-bottom,
.action-bar-bottom-nb,
.action-bar-top,
.action-bar-top-nb {
  text-align: right;
}
.action-bar-bottom-nb > a,
.action-bar-bottom-nb > div,
.action-bar-bottom > a,
.action-bar-bottom > div,
.action-bar-top-nb > a,
.action-bar-top-nb > div,
.action-bar-top > a,
.action-bar-top > div {
  display: inline-block;
  margin-left: 9px;
  position: relative;
}
.action-bar-bottom .pagination,
.action-bar-bottom-nb .pagination,
.action-bar-top .pagination,
.action-bar-top-nb .pagination {
  margin-left: 0;
}
.action-bar-bottom-nb:after,
.action-bar-bottom:after,
.action-bar-top-nb:after,
.action-bar-top:after {
  clear: both;
  content: "";
  display: block;
}
.pagination {
  display: inline-block;
  float: left;
  font-size: 1.2em;
  line-height: 36px;
}
.pagination .mark {
  margin-right: 18px;
}
.pagination .mark i {
  font-size: 13px;
  margin-right: 12px;
}
.pagination .page-jump {
  display: inline-block;
  margin: 0 18px;
  position: relative;
}
.pagination > ul {
  display: inline-block;
  list-style: none;
  margin-right: 15px;
}
.pagination li {
  display: inline-block;
}
.pagination li a,
.pagination li span {
  border-radius: 100%;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  text-align: center;
  width: 30px;
  transition: background-color 0.18s cubic-bezier(0.6, 0, 0.1, 1),
    box-shadow 0.18s cubic-bezier(0.6, 0, 0.1, 1);
}
.pagination .ellipsis span {
  cursor: default;
  width: auto;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.pagination .next,
.pagination .previous {
  font-size: 10px;
}
.pagination .next a,
.pagination .previous a {
  height: 36px;
  line-height: 36px;
  width: 36px;
}
.pagination .active {
  cursor: default;
  font-weight: 700;
}
.pagination li + li {
  margin-left: 4.5px;
}
.page-jump .dropdown-box {
  font-size: 10px;
  left: 0;
  padding-left: 18px;
  padding-right: 18px;
  right: auto;
}
.page-jump input {
  height: 36px;
  min-width: 80px;
}
.page-jump input.button {
  clear: both;
  display: block;
  margin-top: 6px;
  width: 100%;
}
.pagination-small {
  display: inline-block;
  font-size: 0.8462em;
  height: 17px;
  line-height: 17px;
  list-style: none;
  margin-top: 2px;
  vertical-align: top;
}
.pagination-small li {
  display: inline-block;
}
.pagination-small li + li {
  margin: 0 0 0 6px;
}
.pagination-small a,
.pagination-small span {
  border-radius: 2px;
  border-style: solid;
  border-width: 1px;
  display: inline-block;
  line-height: 15px;
  padding: 0 4.5px;
}
.pagination-small .ellipsis span {
  border: none;
  cursor: default;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.member-search {
  border-radius: 2px;
  display: block;
  margin: 0 0 18px;
  text-align: center;
  width: 100%;
}
.member-search a {
  display: inline-block;
  line-height: 36px;
  padding: 0 12px;
}
#jumpbox {
  float: right;
  margin: 0 0 18px;
  position: relative;
}
.jumpbox-return {
  float: left;
  font-size: 1.2em;
  line-height: 36px;
  margin: 0 0 18px;
}
.jumpbox-return i {
  margin-right: 9px;
}
.search-box {
  float: right;
  position: relative;
  z-index: 1;
}
.search-box input {
  border-style: solid;
  border-width: 0 0 1px;
  font-size: 1.3em;
  height: 36px;
  padding: 0 6px;
  transition: border-color 0.18s cubic-bezier(0.6, 0, 0.1, 1);
  width: 176px;
}
.search-box input::-moz-placeholder {
  opacity: 1;
}
.search-box button {
  cursor: pointer;
  font-size: 1.4em;
  height: 36px;
  text-align: center;
  width: 36px;
}
#forums-wrap {
  margin: 0 0 18px;
}
#forums-wrap ol {
  list-style: none;
}
.fora-bg {
  border-radius: 2px;
  border-style: solid;
  border-width: 1px;
  list-style: none;
}
.fora-bg h3 {
  border-radius: 2px 2px 0 0;
  display: block;
  font-size: 1.3em;
  font-weight: 600;
  line-height: 1.6154;
  padding: 10px 18px 12px;
}
.fora-bg h4 {
  display: inline-block;
  font-size: 1em;
  font-weight: 600;
  margin-right: 6px;
  max-width: 100%;
  word-wrap: break-word;
}
.fora-bg li {
  position: relative;
  overflow: hidden;
}
.fora-bg li:last-child {
  border-radius: 0 0 2px 2px;
}
.fora-bg > ol > li:after {
  clear: both;
  content: "";
  display: block;
  height: 1px;
  margin: 0 18px 0 70px;
  width: auto;
}
.fora-bg > ol > li:last-child:after {
  display: none;
}
.fora-bg dfn {
  font-style: normal;
}
.fora-bg + .fora-bg {
  margin-top: 18px;
}
.fora-description-inner,
.fora-icon,
.fora-recent,
.fora-redirect,
.fora-stats {
  float: left;
}
.fora-icon {
  width: 72px;
}
.cp-list-icon {
  width: 72px;
}
.cp-list-icon,
.fora-icon,
.topic-icon {
  bottom: 0;
  position: absolute;
  text-align: center;
  top: 0;
  transition: color 0.18s cubic-bezier(0.6, 0, 0.1, 1);
}
.cp-list-icon div,
.fora-icon div,
.topic-icon div {
  border-radius: 2px;
  height: 0;
  transition: background-color 0.18s cubic-bezier(0.6, 0, 0.1, 1),
    height 0.18s cubic-bezier(0.6, 0, 0.1, 1),
    width 0.18s cubic-bezier(0.6, 0, 0.1, 1);
  width: 0;
}
.cp-list-icon img,
.fora-icon img,
.topic-icon img {
  max-height: 32px;
  max-width: 32px;
}
.cp-list-icon a,
.fora-icon a,
.topic-icon a {
  border-radius: 2px;
  height: 36px;
  width: 36px;
}
.cp-list-icon div,
.cp-list-icon i,
.cp-list-icon img,
.fora-icon div,
.fora-icon i,
.fora-icon img,
.topic-icon div,
.topic-icon i,
.topic-icon img {
  pointer-events: none;
}
.cp-list-icon a,
.cp-list-icon div,
.cp-list-icon i,
.cp-list-icon img,
.fora-icon a,
.fora-icon div,
.fora-icon i,
.fora-icon img,
.topic-icon a,
.topic-icon div,
.topic-icon i,
.topic-icon img {
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  font-size: 1.4em;
  position: absolute;
}
.cp-list li:hover .cp-list-icon div,
.fora-bg li:hover .fora-icon div,
.forum-bg li:hover .topic-icon div {
  height: 36px;
  width: 36px;
}
.forum_unread > div,
.forum_unread_locked > div,
.forum_unread_subforum > div,
.unread > div {
  height: 36px;
  width: 36px;
}
.feed-icon {
  float: right;
  font-size: 14px;
  margin-left: 6px;
  opacity: 0;
  transition: color 0.18s cubic-bezier(0.6, 0, 0.1, 1),
    opacity 0.18s cubic-bezier(0.6, 0, 0.1, 1);
}
.fora-bg li:hover .feed-icon {
  opacity: 1;
}
.fora-description {
  margin: 0 370px 0 54px;
}
.fora-description-inner {
  font-size: 1.3em;
  line-height: 1.6154;
  padding: 13px 18px;
  width: 100%;
}
.fora-description-inner p {
  line-height: 1.6154;
}
.fora-description-inner strong {
  font-weight: 400;
}
.fora-redirect {
  font-size: 1.3em;
  line-height: 1.6154;
  padding: 23px 0;
  text-align: right;
  width: 120px;
}
.fora-stats {
  font-size: 1.3em;
  line-height: 1.6154;
  padding: 23px 0;
  text-align: right;
  width: 120px;
}
.fora-stats-sm {
  font-size: 0.8461em;
  margin-bottom: 6px;
  white-space: nowrap;
}
.fora-recent {
  font-size: 1.2em;
  line-height: 1.5;
  padding: 17px 18px;
  width: 250px;
}
.lastsubject {
  font-weight: 600;
}
.subforums-list {
  line-height: 1.6154;
  padding-left: 18px;
  position: relative;
}
.subforums-list:after {
  content: "└";
  cursor: default;
  display: block;
  left: 0;
  line-height: 1;
  pointer-events: none;
  position: absolute;
  top: 3px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.subforums-list li {
  display: block;
  float: left;
  overflow: initial;
}
.subforums-list li i {
  font-size: 11px;
  margin-right: 6px;
}
.subforums-list li + li {
  margin-left: 12px;
}
.subforum.unread i {
  transition: color 0.18s cubic-bezier(0.6, 0, 0.1, 1);
}
.fora-unapproved-icon {
  font-size: 11px;
  margin-right: 6px;
}
#topics-wrap {
  margin: 0 0 18px;
}
#topics-wrap ol {
  list-style: none;
}
.forum-bg {
  border-radius: 2px;
  border-style: solid;
  border-width: 1px;
  list-style: none;
}
.forum-bg h3 {
  border-radius: 2px 2px 0 0;
  display: block;
  font-size: 1.3em;
  font-weight: 600;
  line-height: 1.6154;
  padding: 10px 18px 12px;
}
.forum-bg h4 {
  display: inline-block;
  font-size: 1em;
  font-weight: 600;
  margin-right: 6px;
  max-width: 100%;
  word-wrap: break-word;
}
.forum-bg h4 img {
  margin-right: 6px;
  vertical-align: -1px;
}
.forum-bg li {
  position: relative;
  overflow: hidden;
}
.forum-bg li:last-child {
  border-radius: 0 0 2px 2px;
}
.forum-bg ol > li + li {
  border-style: solid;
  border-width: 1px 0 0;
}
.forum-bg dfn {
  font-style: normal;
}
.forum-bg .deleted {
  transition: background-color 0.18s cubic-bezier(0.6, 0, 0.1, 1);
}
.forum-bg .deleted > div {
  opacity: 0.42;
  transition: opacity 0.18s cubic-bezier(0.6, 0, 0.1, 1);
}
.forum-bg .deleted:hover > div {
  opacity: 1;
}
.forum-bg + .forum-bg {
  margin-top: 18px;
}
.topic-description-inner,
.topic-icon,
.topic-recent,
.topic-stats {
  float: left;
}
.topic-icon {
  width: 72px;
}
.topic-deleted-icon,
.topic-reported-icon,
.topic-unapproved-icon {
  float: right;
  font-size: 13px;
  margin-left: 12px;
}
.announce_unread > div,
.announce_unread_locked > div,
.announce_unread_locked_mine > div,
.announce_unread_mine > div,
.global_unread > div,
.global_unread_locked > div,
.global_unread_locked_mine > div,
.global_unread_mine > div,
.sticky_unread > div,
.sticky_unread_locked > div,
.sticky_unread_locked_mine > div,
.sticky_unread_mine > div,
.topic_unread > div,
.topic_unread_hot > div,
.topic_unread_hot_mine > div,
.topic_unread_locked > div,
.topic_unread_locked_mine > div,
.topic_unread_mine > div {
  height: 36px;
  width: 36px;
}
.topic-description {
  margin: 0 370px 0 54px;
}
.topic-description-inner {
  font-size: 1.3em;
  line-height: 1.6154;
  padding: 13px 18px;
  width: 100%;
}
.topic-description-inner .fa-lock {
  float: left;
  margin-right: 6px;
  margin-top: 4px;
}
.topic-description-inner p {
  line-height: 1.6154;
}
.topic-description-inner p i {
  float: left;
  margin-right: 6px;
  margin-top: 5px;
}
.topic-stats {
  font-size: 1.3em;
  line-height: 1.6154;
  padding: 13px 0;
  text-align: right;
  width: 120px;
}
.topic-stats-sm {
  font-size: 1em;
  margin-bottom: 6px;
}
.topic-recent {
  font-size: 1.2em;
  line-height: 1.5;
  padding: 16px 18px;
  width: 250px;
}
.notice {
  font-size: 1.2em;
  margin-top: 18px;
  opacity: 0.3;
  transition: opacity 0.18s cubic-bezier(0.6, 0, 0.1, 1);
}
.notice strong {
  font-weight: 600;
}
.post {
  margin: 0 0 18px;
  position: relative;
}
.post:hover .notice {
  opacity: 1;
}
.post:after {
  clear: both;
  content: "";
  display: block;
}
.posts-unread {
  border-radius: 2px;
  display: block;
  font-size: 12px;
  margin-bottom: 29px;
  text-align: center;
}
.posts-unread:after {
  content: "";
  display: block;
  height: 1px;
  margin-top: -12px;
  width: 100%;
}
.posts-unread span {
  border-radius: 2px;
  display: inline-block;
  padding: 3px 18px;
}
.post-unread {
  border-radius: 5px;
  float: left;
  height: 10px;
  margin: 5px 6px 0 0;
  width: 10px;
}
.post-ignore article,
.post-ignore aside {
  display: none;
}
.postbody {
  border-radius: 2px;
  border-style: solid;
  border-width: 1px;
  float: none;
  margin-left: 98px;
  padding: 18px;
}
.postbody h3 {
  float: left;
  font-size: 1.4em !important;
  font-weight: 400;
  margin-bottom: 9px !important;
  max-width: 100%;
  overflow-wrap: break-word;
}
.postbody h3 img {
  margin-right: 6px;
  vertical-align: -1px;
}
.postbody .ignore {
  font-size: 1.1rem;
}
.postbody .ignore .display_post {
  float: right;
  margin-left: 18px;
}
.post-deleted-notice,
.post-unapproved-notice {
  display: inline-block;
}
.post-deleted-notice input,
.post-unapproved-notice input {
  border-radius: 2px;
  cursor: pointer;
  display: inline-block;
  font-size: 1.2em;
  font-weight: 600;
  margin: 0 0 0 18px;
  padding: 3px 9px;
}
.post-deleted-notice input + input,
.post-unapproved-notice input + input {
  margin: 0 0 0 4.5px;
}
.post-unapproved-notice p {
  font-size: 1.2em;
  font-weight: 600;
  margin: 0 0 0 18px;
}
.post-reported-notice {
  border-radius: 2px;
  display: inline-block;
  font-size: 1.2em;
  font-weight: 600;
  margin: 0 0 0 18px;
  padding: 3px 9px;
  transition: background-color 0.18s cubic-bezier(0.6, 0, 0.1, 1),
    box-shadow 0.18s cubic-bezier(0.6, 0, 0.1, 1);
}
.attach-image {
  display: inline-block;
  max-width: 100%;
}
.attach-image dd {
  padding: 3px 0 0;
}
.inline-attachment {
  margin: 9px 0;
}
.file {
  border-radius: 2px;
  border-style: dashed;
  border-width: 1px;
  display: inline-block;
  max-width: 100%;
  padding: 6px 18px;
  transition: background-color 0.18s cubic-bezier(0.6, 0, 0.1, 1);
}
.file-comment,
.file-name {
  display: block;
}
.file-name {
  font-weight: 600;
  overflow-wrap: break-word;
}
.file-size {
  float: right;
  font-family: "Lucida Console";
  font-size: 1.1rem;
  margin-top: 3px;
  margin-left: 18px;
}
.attachbox {
  font-size: 1.3em;
  line-height: 1.6154;
  margin: 18px 0 0;
  padding: 0;
}
.attachbox-head {
  border-style: solid;
  border-width: 0 0 1px;
  display: block;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  margin-bottom: 0;
  padding-bottom: 6px;
}
.attachbox-head i {
  margin-right: 6px;
}
.attachbox-items {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -9px;
}
.attachbox-item {
  flex: 1 1 33.3333%;
  max-width: 100%;
  padding: 18px 9px 0;
}
.file-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -9px;
}
.attach-row {
  flex: 1 0 25%;
  padding: 0 9px;
}
.attach-row-tpl {
  display: none;
}
.file-progress {
  border-radius: 0 0 2px 2px;
  height: 6px;
  left: 18px;
  overflow: hidden;
  position: absolute;
  right: 18px;
  top: 0px;
}
.file-progress-bar {
  display: block;
  height: 100%;
  width: 0;
}
.file-status {
  float: left;
  margin-top: 3px;
  position: relative;
  width: 18px;
}
.file-status i {
  font-size: 1.1rem;
  left: 0;
  position: absolute;
  top: 1px;
  transition: opacity 0.18s cubic-bezier(0.6, 0, 0.1, 1);
}
.file-uploaded .file-i-uploaded {
  opacity: 1;
}
.file-uploaded .file-i-uploading {
  opacity: 0;
}
.file-i-uploaded {
  opacity: 0;
}
.file-i-uploading {
  opacity: 1;
}
.attach-preview {
  border-radius: 2px;
  margin: -9px -9px 9px;
  height: 60px;
  overflow: hidden;
  position: relative;
}
.attach-preview img {
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  max-width: 100%;
  position: absolute;
}
.attach-name {
  font-size: 1.3rem;
  font-weight: 600;
}
.attach-filesize {
  float: right;
  font-family: "Lucida Console";
  font-size: 1.1rem;
  margin-top: 4px;
}
.attach-comment {
  display: block;
  margin: 9px 0;
}
.attach-comment .input {
  width: 100%;
}
.attach-controls .file-inline-bbcode {
  float: right;
}
.g-image {
  display: inline-block;
  max-width: 100%;
  position: relative;
  vertical-align: -6px;
  z-index: 3;
}
.g-image + .file-comment,
.g-image + .file-name {
  margin-top: 6px;
}
a.g-image {
  cursor: pointer;
}
.post-image {
  border-radius: 2px;
  display: block;
  max-width: 100%;
}
.postlink {
  border-style: solid;
  border-width: 0 0 1px;
  font-weight: 600;
  text-decoration: none;
}
.postprofile {
  float: left;
  font-size: 1.2em;
  padding: 18px 0 0;
  position: relative;
  text-align: center;
  width: 80px;
  word-wrap: break-word;
}
.postprofile .avatar-none {
  cursor: pointer;
}
.poster-online {
  border-radius: 9px;
  border-style: solid;
  border-width: 2px;
  display: block;
  font-size: 0;
  height: 12px;
  right: 4px;
  overflow: hidden;
  position: absolute;
  top: 4px;
  width: 12px;
}
.pm .postprofile {
  width: 35px;
}
.pm .postbody {
  margin-left: 53px;
}
.pm-self .postprofile {
  float: right;
  width: 35px;
}
.pm-self .postbody {
  margin-left: 0;
  margin-right: 53px;
}
.standard-profile {
  line-height: 1.6;
  list-style: none;
  margin-top: 9px;
  overflow-wrap: anywhere;
  padding: 0;
  text-align: left;
}
.standard-profile span {
  font-weight: 600;
}
.standard-profile .profile-info {
  font-size: 1em !important;
}
.standard-profile .profile-info dt {
  margin: 0 3px 0 0;
}
.dropdown-profile {
  border-radius: 2px;
  display: none;
  left: 98px;
  line-height: 1.8;
  list-style: none;
  margin-left: -9px;
  min-width: 210px;
  padding: 18px;
  position: absolute;
  top: 18px;
  text-align: left;
  z-index: 4;
}
.dropdown-profile span {
  font-weight: 600;
}
.pm .dropdown-profile {
  left: 44px;
}
.open > .dropdown-profile {
  display: block;
}
.profile-info {
  font-size: 1.3rem;
}
.profile-info dt {
  display: block;
  float: left;
  font-weight: 600;
  margin: 0 9px 0 0;
}
.profile-info dd {
  display: block;
}
.profile-info dd:after {
  clear: both;
  content: "";
  display: block;
}
.dropdown-profile .profile-contact {
  border-radius: 0 0 2px 2px;
  border-style: solid;
  border-width: 1px 0 0;
  margin: 18px -18px -18px -18px;
  padding: 18px;
}
.profile-contact ul {
  list-style: none;
}
.profile-contact li {
  clear: both;
  display: list-item;
}
.profile-face {
  text-align: center;
  width: 100%;
}
.profile-face .avatar-none {
  height: 120px;
  line-height: 118px;
  width: 120px;
}
.profile-face .avatar-none:first-letter {
  font-size: 48px;
}
.profile-face:last-child {
  margin-bottom: 18px;
}
.profile-avatar img {
  max-width: 100%;
  height: auto;
}
.member-online {
  font-size: 1.3em;
  font-weight: 600;
}
.profile-username {
  font-size: 24px;
  font-weight: 300;
  margin-top: 18px;
}
.profile-rank-title {
  font-size: 1.3em;
  font-weight: 600;
}
.profile-rank-img {
  margin-top: 9px;
}
.post-number {
  float: right;
  font-size: 1.2em;
  line-height: 1.6;
  margin-bottom: 9px;
  transition: color 0.18s cubic-bezier(0.6, 0, 0.1, 1);
}
.post-number i {
  line-height: inherit;
  margin-right: 6px;
}
.post-number i,
.post-number span {
  float: left;
}
.post-author-r {
  font-size: 1.2em;
  margin-bottom: 9px;
  margin-top: -9px;
}
.post-pm-users {
  clear: both;
  display: inline-block;
  font-size: 1.2em;
  margin-bottom: 12px;
  width: 100%;
}
.post-pm-users span {
  font-weight: 600;
}
.post-signature {
  border-style: solid;
  border-width: 1px 0 0;
  font-size: 1.2em;
  line-height: 1.6;
  margin: 18px 0 0;
  padding: 9px 0 0;
  word-wrap: break-word;
}
.post-actions {
  border-radius: 0 0 2px 2px;
  border-style: solid;
  border-width: 1px 0 0;
  display: block;
  font-size: 1.2em;
  list-style: none;
  margin: 18px -18px -18px -18px;
  overflow: hidden;
  padding: 12px 18px;
}
.post-actions li {
  float: left;
  margin: 6px 18px 6px 0;
}
.post-actions li:last-child {
  margin-right: 0;
}
.post-actions li.right {
  float: right;
}
.post-actions a {
  align-items: center;
  display: flex;
  flex-flow: row wrap;
}
.post-actions i {
  transition: color 0.18s cubic-bezier(0.6, 0, 0.1, 1);
}
.post-actions i + span {
  margin-left: 6px;
}
.post-actions .arrow-left,
.post-actions .arrow-right {
  margin-bottom: 0;
}
.post-date {
  transition: color 0.18s cubic-bezier(0.6, 0, 0.1, 1);
}
.avatar-container {
  display: inline-block;
  line-height: 0;
  margin: 0 0 6px;
  position: relative;
}
.avatar > img {
  border-radius: 100%;
  display: block;
  height: 66px;
  object-fit: cover;
  width: 66px;
}
a.avatar,
span.avatar {
  display: inline-block;
}
.preview-signature {
  border-radius: 2px;
  border-style: solid;
  border-width: 1px;
  font-size: 1.2em;
  line-height: 1.6;
  margin-bottom: 18px;
  padding: 18px;
  word-wrap: break-word;
}
#cp-main .preview-signature {
  margin: 0 0 18px 0;
}
.member-signature {
  margin-top: 18px;
}
.avatar-none {
  border-radius: 100%;
  display: inline-block;
  font-size: 0;
  height: 66px;
  line-height: 64px;
  text-align: center;
  text-indent: 2px;
  width: 66px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.pm .avatar > img {
  max-height: 35px;
  max-width: 35px;
}
.pm .avatar-none {
  height: 35px;
  line-height: 33px;
  text-indent: 1px;
  width: 35px;
}
.pm .avatar-none:first-letter {
  font-size: 12px;
}
.pm-self .avatar > img {
  max-height: 35px;
  max-width: 35px;
}
.pm-self .avatar-none {
  height: 35px;
  line-height: 35px;
  width: 35px;
}
.pm-self .avatar-none:first-letter {
  font-size: 12px;
}
.avatar-none:first-letter {
  font-size: 24px;
  font-weight: 300;
}
.static {
  position: static !important;
}
.w-drop:after {
  content: "\f078";
  font-family: "Font Awesome 5 Free";
  font-size: 10px;
  font-weight: 900;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  right: 3px;
  top: 0;
  transition: left 0.18s cubic-bezier(0.6, 0, 0.1, 1),
    opacity 0.18s cubic-bezier(0.6, 0, 0.1, 1),
    right 0.18s cubic-bezier(0.6, 0, 0.1, 1),
    top 0.18s cubic-bezier(0.6, 0, 0.1, 1),
    transform 0.18s cubic-bezier(0.6, 0, 0.1, 1);
}
.w-drop:hover:after {
  opacity: 1;
  right: -12px;
}
.open > .w-drop:after {
  opacity: 1;
  top: 24px;
  transform: rotate(180deg);
  right: 50%;
  margin-right: -4px;
}
.dropdown-arrow {
  margin-left: 9px;
}
.dropdown-mega {
  border-radius: 2px;
  display: none;
  font-size: 13px;
  left: 18px;
  line-height: 1;
  list-style: none;
  max-height: 400px;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 18px 0;
  position: absolute;
  right: 18px;
  text-align: left;
  top: 53px;
  white-space: normal;
  z-index: 3;
  -webkit-backface-visibility: hidden;
  -webkit-background-clip: padding-box;
  -webkit-overflow-scrolling: touch;
  -webkit-transform: translateZ(0);
}
.dropdown-mega .button,
.dropdown-mega .button-flat,
.dropdown-mega .button-round {
  font-size: 1em;
  margin-bottom: 18px;
}
.dropdown-mega h6 {
  font-size: 1.2308em;
  font-weight: 400;
  margin-bottom: 18px;
}
.dropdown-mega img {
  margin-bottom: 18px;
  max-width: 100%;
}
.dropdown-mega p {
  margin-bottom: 18px;
}
.dropdown-mega li {
  clear: both;
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
}
.dropdown-mega a {
  display: inline-block;
  line-height: 1.6154;
  margin: 0 0 12px;
  transition: background-color 0.18s cubic-bezier(0.6, 0, 0.1, 1),
    color 0.18s cubic-bezier(0.6, 0, 0.1, 1);
}
.dropdown-mega a i {
  margin-right: 9px;
}
.dropdown-mega .separator {
  border-top-style: solid;
  border-top-width: 1px;
  margin: 6px 18px;
  width: auto;
}
.dropdown-box {
  border-radius: 2px;
  display: none;
  font-size: 13px;
  line-height: 1;
  list-style: none;
  max-height: 400px;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 6px 0;
  position: absolute;
  right: 0;
  text-align: left;
  top: 40px;
  white-space: nowrap;
  z-index: 3;
  -webkit-backface-visibility: hidden;
  -webkit-background-clip: padding-box;
  -webkit-overflow-scrolling: touch;
  -webkit-transform: translateZ(0);
}
.dropdown-box li {
  clear: both;
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
}
.dropdown-box a {
  display: block;
  line-height: 1;
  margin: 0;
  padding: 15px 36px 15px 18px;
  transition: background-color 0.18s cubic-bezier(0.6, 0, 0.1, 1),
    color 0.18s cubic-bezier(0.6, 0, 0.1, 1);
}
.dropdown-box i {
  margin-right: 9px;
}
.dropdown-box .separator {
  border-top-style: solid;
  border-top-width: 1px;
  margin: 6px 18px;
  width: auto;
}
.dropdown-box > li > .dropdown-box {
  border-radius: 0 0 2px 2px;
  box-shadow: none;
  left: 0;
  margin: 0;
  max-height: 100%;
  max-width: 100%;
  position: relative;
  right: 0;
  top: 0;
  width: 100%;
}
.dropdown-box > li .w-drop {
  position: relative;
}
.dropdown-box > li .w-drop:after {
  opacity: 1;
  right: 18px;
  top: 15px;
}
.dropdown-box > li .open {
  border-radius: 2px 2px 0 0;
}
.dropdown-box > li .open:after {
  transform: rotate(-180deg);
}
.dropdown-box-big {
  border-radius: 2px;
  display: none;
  line-height: 1;
  list-style: none;
  min-width: 300px;
  padding: 6px 0;
  position: absolute;
  right: 0;
  top: 40px;
  z-index: 3;
  -webkit-backface-visibility: hidden;
  -webkit-background-clip: padding-box;
  -webkit-overflow-scrolling: touch;
  -webkit-transform: translateZ(0);
}
.dropdown-header {
  clear: both;
  overflow: hidden;
  padding: 18px;
}
.dropdown-header h5 {
  float: left;
  font-size: 1.3rem;
  font-weight: 400;
}
.dropdown-header a {
  float: right;
  margin-left: 18px;
}
.dropdown-body {
  font-size: 1.3rem;
  max-height: 400px;
  padding: 6px 0;
  overflow-x: hidden;
  overflow-y: auto;
}
.dropdown-body li {
  clear: both;
  display: block;
  position: relative;
  width: 100%;
}
.dropdown-body li + li {
  border-top-style: solid;
  border-top-width: 1px;
}
.dropdown-body li:hover > .notification-mark {
  opacity: 1;
}
.dropdown-body .no_notifications {
  font-size: 1.3em;
  padding: 18px;
}
.dropdown-body .notification-nl,
.dropdown-body a {
  padding: 9px 18px;
  transition: background-color 0.18s cubic-bezier(0.6, 0, 0.1, 1);
}
.dropdown-body .notification-title {
  font-size: 1.3rem;
  font-weight: 600;
}
.dropdown-body .notification-mark {
  border-radius: 2px;
  display: block;
  height: 18px;
  left: 15px;
  line-height: 18px;
  opacity: 0;
  padding: 0;
  position: absolute;
  text-align: center;
  top: 12px;
  width: 18px;
  transition: background-color 0.18s cubic-bezier(0.6, 0, 0.1, 1),
    box-shadow 0.18s cubic-bezier(0.6, 0, 0.1, 1),
    opacity 0.18s cubic-bezier(0.6, 0, 0.1, 1);
}
.dropdown-body .notification-mark i {
  font-size: 10px;
}
.dropdown-body .chosen-container {
  clear: both;
  display: block;
  text-align: left;
  vertical-align: top;
  width: 100% !important;
}
.dropdown-body .chosen-container a {
  border: none;
  padding: 0 18px;
}
.dropdown-body .chosen-single:after {
  right: 18px;
}
.dropdown-body .chosen-results {
  max-height: 0;
  transition: max-height 0.18s cubic-bezier(0.6, 0, 0.1, 1);
}
.dropdown-body .chosen-results li {
  border: none;
}
.dropdown-body .chosen-search {
  display: none;
}
.dropdown-body .chosen-drop {
  display: block;
  padding: 0;
  position: relative;
  top: 0;
}
.dropdown-body .chosen-with-drop .chosen-results {
  max-height: 240px;
}
.dropdown-body select {
  clear: both;
  display: block;
  height: 36px;
  padding-left: 18px;
  width: 100%;
}
.dropdown-footer a,
.dropdown-footer input {
  clear: both;
  cursor: pointer;
  display: block;
  font-size: 1.3rem;
  line-height: 1;
  padding: 18px;
  text-align: center;
  width: 100%;
  transition: color 0.18s cubic-bezier(0.6, 0, 0.1, 1),
    background-color 0.18s cubic-bezier(0.6, 0, 0.1, 1);
}
.dropdown-up > .dropdown-box {
  bottom: 30px;
  top: auto;
}
select.dropdown-up + .chosen-container .chosen-drop {
  bottom: 36px;
  top: auto;
}
.open > .dropdown-box,
.open > .dropdown-box-big,
.open > .dropdown-mega {
  display: block;
}
.live-search.dropdown-box {
  left: 0;
  right: auto;
  top: 30px;
}
.live-search .search-result {
  cursor: pointer;
  display: block;
  line-height: 1;
  margin: 0;
  padding: 15px 36px 15px 18px;
  transition: background-color 0.18s cubic-bezier(0.6, 0, 0.1, 1),
    color 0.18s cubic-bezier(0.6, 0, 0.1, 1);
}
.live-search-container {
  position: relative;
}
.input {
  border-style: solid;
  border-width: 0 0 1px;
  font-size: 1.3rem;
  height: 30px;
  max-width: 100%;
  padding: 0;
  transition: border-color 0.18s cubic-bezier(0.6, 0, 0.1, 1),
    box-shadow 0.18s cubic-bezier(0.6, 0, 0.1, 1);
}
.input:focus {
  outline: none;
}
span.radio {
  border-radius: 8px;
  border-style: solid;
  border-width: 2px;
  clear: both;
  content: "";
  display: block;
  float: left;
  height: 16px;
  margin-right: 9px;
  margin-top: 10px;
  width: 16px;
  transition: background-color 0.18s cubic-bezier(0.6, 0, 0.1, 1),
    border-color 0.18s cubic-bezier(0.6, 0, 0.1, 1);
}
input.radio {
  display: none;
}
span.radio-full {
  border-radius: 2px;
  clear: both;
  content: "";
  display: block;
  float: left;
  height: 36px;
  line-height: 36px;
  padding: 0 18px;
  text-align: center;
  min-width: 36px;
  transition: background-color 0.18s cubic-bezier(0.6, 0, 0.1, 1),
    box-shadow 0.18s cubic-bezier(0.6, 0, 0.1, 1);
}
span.radio-full img {
  margin: 0 -18px;
  vertical-align: middle;
}
input.radio-full {
  display: none;
}
span.check {
  border-radius: 2px;
  border-style: solid;
  border-width: 2px;
  clear: both;
  content: "";
  display: inline-block;
  height: 16px;
  position: relative;
  vertical-align: -2px;
  width: 16px;
  transition: background-color 0.18s cubic-bezier(0.6, 0, 0.1, 1),
    border-color 0.18s cubic-bezier(0.6, 0, 0.1, 1);
}
span.check:after {
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  content: "\f00c";
  display: block;
  font-family: "Font Awesome 5 Free";
  font-size: 10px;
  font-weight: 900;
  line-height: 1;
  opacity: 0;
  position: absolute;
  text-align: center;
  transition: opacity 0.18s cubic-bezier(0.6, 0, 0.1, 1);
}
span.check + span {
  margin-left: 9px;
}
input.check {
  display: none;
}
input.check:checked + span.check:after {
  opacity: 1;
}
.button {
  border-radius: 2px;
  cursor: pointer;
  display: inline-block;
  font-size: 1.3em;
  padding: 9px 18px;
  transition: background-color 0.18s cubic-bezier(0.6, 0, 0.1, 1),
    box-shadow 0.18s cubic-bezier(0.6, 0, 0.1, 1);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.button i {
  font-size: 1.0769em;
}
.button i + span {
  margin-left: 12px;
}
.button + .button {
  margin-left: 18px;
}
.button + .button-flat {
  margin-left: 6px;
}
.button + .button-round {
  margin-left: 6px;
}
.button-flat {
  border-radius: 2px;
  cursor: pointer;
  display: inline-block;
  font-size: 1.3em;
  height: 30px;
  line-height: 30px;
  padding: 0 9px;
  transition: background-color 0.18s cubic-bezier(0.6, 0, 0.1, 1),
    box-shadow 0.18s cubic-bezier(0.6, 0, 0.1, 1);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.button-flat i {
  font-size: 1.0769em;
}
.button-flat i + span {
  margin-left: 12px;
}
.button-flat + .button {
  margin-left: 6px;
}
.button-flat + .button-flat {
  margin-left: 6px;
}
.button-flat + .button-round {
  margin-left: 6px;
}
.button-round {
  border-radius: 18px;
  cursor: pointer;
  display: inline-block;
  font-size: 1.3em;
  height: 36px;
  line-height: 36px;
  text-align: center;
  width: 36px;
  transition: background-color 0.18s cubic-bezier(0.6, 0, 0.1, 1),
    box-shadow 0.18s cubic-bezier(0.6, 0, 0.1, 1);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.button-round + .button {
  margin-left: 6px;
}
.button-round + .button-flat {
  margin-left: 6px;
}
.button-round + .button-round {
  margin-left: 6px;
}
.button-multiple {
  display: inline-block;
}
.button-multiple a {
  cursor: pointer;
  display: inline-block;
  font-size: 1.3em;
  height: 36px;
  line-height: 36px;
  padding: 0 18px;
  position: relative;
  transition: background-color 0.18s cubic-bezier(0.6, 0, 0.1, 1),
    box-shadow 0.18s cubic-bezier(0.6, 0, 0.1, 1);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.button-multiple a:hover {
  z-index: 2;
}
.button-multiple a:first-child {
  border-radius: 2px 0 0 2px;
}
.button-multiple a:last-child {
  border-radius: 0 2px 2px 0;
}
.chosen-container + .button {
  margin-left: 12px;
}
.chosen-container + .button-flat,
.chosen-container + .button-round {
  margin-left: 9px;
}
.forum-selection {
  float: right;
}
.actions {
  display: block;
  margin-bottom: 18px;
  text-align: right;
  width: 100%;
}
.actions .button-multiple {
  float: left;
}
.actions .chosen-container {
  font-size: 1.3em;
  text-align: left;
}
.actions-submit {
  display: block;
  margin-bottom: 18px;
  width: 100%;
}
.actions-submit .button + .button {
  margin-left: 18px;
}
.nav-prev-next {
  display: block;
  font-size: 1.3em;
}
.nav-prev-next a {
  line-height: 36px;
  margin-bottom: 18px;
}
.nav-prev-next i + span {
  margin-left: 6px;
}
.nav-prev-next span + i {
  margin-left: 6px;
}
.dest-folder {
  clear: both;
  display: block;
  margin-bottom: 18px;
}
.dest-folder .button-flat {
  font-size: 1em;
  margin-left: 9px;
}
.dest-folder .chosen-single {
  margin-bottom: 0;
  margin-left: 9px;
}
.stat-block ul {
  font-size: 1.3em;
  line-height: 1.6154;
  list-style: none;
  margin-bottom: 18px;
}
#footer-custom {
  clear: both;
  display: block;
  overflow: hidden;
  width: 100%;
}
#footer-custom .online-list {
  width: 50%;
}
#footer-custom > div {
  float: left;
  padding: 0 9px;
}
#footer-custom > div:first-child {
  padding: 0 9px 0 0;
}
#footer-custom > div:last-child {
  padding: 0 0 0 9px;
}
.footer-block {
  width: 25%;
}
.side-stats span {
  display: block;
  width: 100%;
}
.side-stats strong {
  float: right;
}
.online-list {
  display: block;
}
.member-statistics,
.statistics {
  border-style: solid;
  border-width: 1px 0 0;
  margin-top: 18px;
  padding-top: 36px;
  text-align: center;
  width: 100%;
}
.member-statistics strong,
.statistics strong {
  clear: both;
  display: inline-block;
  font-size: 1.2308em;
  font-weight: 600;
  width: 100%;
}
.member-statistics span,
.statistics span {
  display: inline-block;
}
.statistics span {
  width: 25%;
}
.member-statistics span {
  width: 50%;
}
.birthdays {
  margin-top: 18px;
}
.birthdays:before {
  clear: both;
  content: "\f1fd";
  cursor: default;
  display: block;
  float: left;
  font-family: "Font Awesome 5 Free";
  font-size: 60px;
  font-weight: 900;
  margin-right: 18px;
}
.birthdays strong {
  font-weight: 600;
}
.permissions {
  float: right;
  width: 464px;
}
.permissions strong {
  font-weight: 600;
}
.permissions + .online-list {
  margin-right: 482px;
}
.rc-posts-out {
  border-radius: 2px;
  font-size: 0.9091em;
  overflow: hidden;
  padding: 10px 18px;
  text-align: left;
}
.rc-posts {
  margin-top: 18px;
}
.rc-title {
  font-size: 1.3rem;
  font-weight: 600;
}
.rc-content {
  font-size: 1.3rem;
  font-weight: 400;
}
.rc-content,
.rc-title {
  height: 20px;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.rc-content a,
.rc-title a {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.rc-details {
  border-width: 1px 0 0;
  border-style: solid;
  font-size: 1.2rem;
  margin-top: 6px;
  padding-top: 6px;
}
.rc-avatar,
.rc-avatar-none {
  float: left;
  margin-bottom: 5px;
  margin-right: 18px;
  margin-top: 5px;
}
.rc-avatar img {
  border-radius: 30px;
  display: block;
  height: 30px;
  object-fit: cover;
  width: 30px;
}
.avatar-none.rc-avatar-none {
  height: 30px;
  line-height: 28px;
  text-indent: 1px;
  width: 30px;
}
.avatar-none.rc-avatar-none:first-letter {
  font-size: 13px;
}
.rc-hr {
  border-style: solid;
  border-width: 1px 0 0;
  clear: both;
  margin: 36px 9px;
}
.mark-read-container {
  display: block;
  margin: 0 0 18px;
  text-align: center;
  width: 100%;
}
.mark-read {
  display: inline-block;
  font-size: 1.2em;
}
.quickreply {
  margin-bottom: 18px;
  position: relative;
}
.quickreply .avatar-none {
  cursor: default;
  position: absolute;
  right: 0;
  top: 18px;
}
.quickreply-box {
  border-radius: 2px;
  border-style: solid;
  border-width: 1px;
  margin-right: 98px;
  padding: 18px;
  position: relative;
}
.quickreply-box textarea {
  font-size: 1.3em;
  height: auto;
  line-height: 1.6154;
  min-height: 80px;
  width: 100%;
}
.quickreply-buttons {
  border-radius: 0 0 2px 2px;
  border-style: solid;
  border-width: 1px 0 0;
  display: block;
  font-size: 1.2em;
  list-style: none;
  margin: 18px -18px -18px -18px;
  padding: 18px;
}
.quickreply-buttons li {
  display: inline-block;
}
.quickreply-buttons i + span {
  margin-left: 12px;
}
.quickreply-buttons li + li {
  margin-left: 18px;
}
.quickreply-buttons button {
  font-size: 1.3rem;
  transition: color 0.18s cubic-bezier(0.6, 0, 0.1, 1);
}
.quickreply-avatar {
  cursor: default;
  pointer-events: none;
  position: absolute;
  right: 7px;
  top: 18px;
}
.quickreply-avatar > img {
  border-radius: 100%;
  height: 66px;
  object-fit: cover;
  width: 66px;
}
blockquote {
  border-radius: 0 2px 2px 0;
  border-style: solid;
  border-width: 0 0 0 3px;
  display: block;
  margin: 18px 0;
  padding: 18px;
  position: relative;
}
blockquote > i {
  left: 21px;
  position: absolute;
  top: 24px;
  transform: translateX(-50%);
}
blockquote > div {
  margin-left: 24px;
}
blockquote cite {
  border-style: solid;
  border-width: 0 0 1px;
  display: block;
  font-style: normal;
  margin-bottom: 18px;
  padding-bottom: 6px;
}
blockquote cite .right {
  margin-left: 18px;
}
blockquote cite:after {
  clear: both;
  content: "";
  display: block;
}
blockquote blockquote {
  margin-top: 18px;
}
.codebox {
  border-radius: 2px;
  border-style: solid;
  border-width: 1px;
  display: block;
  margin: 18px 0;
  overflow: hidden;
  padding: 18px;
}
.codebox p {
  border-style: solid;
  border-width: 0 0 1px;
  display: block;
  font-style: normal;
  font-weight: 400;
  margin-bottom: 0;
  padding-bottom: 6px;
}
.codebox p i {
  margin-right: 6px;
}
.codebox pre {
  margin: 0 -18px -18px;
}
.codebox code {
  display: block;
  max-height: 500px;
  max-width: 100%;
  overflow: auto;
  padding: 18px;
  resize: vertical;
  scrollbar-width: thin;
}
.codebox code[style*="height"] {
  max-height: initial;
}
.postbody h3 ~ .post-content {
  border-style: solid;
  border-width: 1px 0 0;
  padding-top: 18px;
}
.post-content {
  clear: both;
  display: inline-block;
  font-size: 1.3em;
  line-height: 1.6154;
  min-height: 60px;
  width: 100%;
  word-wrap: break-word;
}
.post-content ol,
.post-content ul {
  margin: 18px 0 18px 36px;
}
.post-content iframe {
  max-width: 100%;
}
.posthilit {
  border-radius: 2px;
  padding: 0 3px;
}
.details {
  display: block;
  line-height: 1.6154;
  width: 100%;
}
.details dt {
  font-size: 1.3rem;
}
.details dd {
  font-size: 1.3rem;
  margin-bottom: 18px;
  word-wrap: break-word;
}
.details .button-flat {
  font-size: 1em;
}
.faq {
  display: block;
  line-height: 1.6154;
  margin-bottom: 18px;
  width: 100%;
}
.faq dt {
  font-size: 1.4em;
  font-weight: 400;
}
.faq dd {
  font-size: 1.3em;
  max-width: 700px;
}
.form {
  display: block;
  line-height: 1.6154;
  margin-bottom: 24px;
  width: 100%;
}
.form dt {
  display: inline-block;
  font-size: 1.3rem;
}
.form dt span {
  font-size: 1em;
  line-height: 1;
}
.form dt p {
  font-size: 1em;
  line-height: 1.6154;
  margin: 0;
}
.form dd {
  font-size: 1.3em;
  margin-bottom: 6px;
}
.form dd input {
  font-size: 1em;
}
.form dd label {
  display: inline-block;
  line-height: 36px;
  margin-right: 18px;
}
.form .chosen-container,
.form .input {
  min-width: 232px;
}
.fields {
  display: block;
  line-height: 1.6154;
  margin-bottom: 12px;
  width: 100%;
}
.fields div {
  font-size: 1.3em;
  margin-bottom: 6px;
}
.fields div input {
  font-size: 1em;
}
.fields div label {
  display: inline-block;
  margin-right: 18px;
}
#bday_day_chosen,
#bday_month_chosen {
  min-width: 49px;
}
#bday_year_chosen {
  min-width: 98px;
}
.sub-panels {
  list-style: none;
  width: 100%;
}
.sub-panels li {
  display: inline-block;
  font-size: 1.4em;
  line-height: 1;
  margin-bottom: 24px;
  margin-right: 36px;
  position: relative;
}
.sub-panels .activetab a {
  font-weight: 600;
}
.sub-panels i {
  float: left;
  margin-right: 6px;
  margin-top: 1px;
}
.file-total-progress {
  border-radius: 3px;
  bottom: -9px;
  height: 3px;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  width: 100%;
}
.file-total-progress-bar {
  display: block;
  height: 100%;
  width: 0;
}
.tab-panel p {
  font-size: 1.3em;
  margin-bottom: 9px;
}
#attach-panel-multi {
  margin-bottom: 18px;
}
.captcha-image {
  margin: 9px 0 !important;
}
.captcha-image img {
  display: block;
  max-width: 100%;
}
#message-box #confirm_code {
  font-size: 13px;
}
#avatar_options > div > p {
  font-size: 1.3em;
  margin-bottom: 18px;
}
#gallery {
  padding: 18px 0;
}
#gallery span.radio-full {
  clear: none;
  display: inline-block;
  float: none;
  height: auto;
  line-height: auto;
  min-width: auto;
  padding: 18px;
}
#gallery span.radio-full img {
  margin: 0;
}
.poll-panel {
  width: 100%;
}
.poll-title {
  font-size: 1.4em;
  font-weight: 400;
  margin-bottom: 9px;
  overflow-wrap: break-word;
}
.poll-info {
  font-size: 1.3em;
  margin: 0 0 18px;
}
.poll-option {
  clear: both;
  display: block;
  font-size: 1.3em;
  line-height: 24px;
  margin-bottom: 18px;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.poll-option-title {
  display: block;
  overflow-wrap: break-word;
}
.poll-option-title > label {
  display: inline-block;
  line-height: 1;
  max-width: 100%;
  overflow: hidden;
}
.poll-option-title span.radio {
  margin-top: 0;
}
.poll-option-resultbar {
  border-radius: 2px;
  float: left;
  margin-right: 18px;
  max-width: 700px;
  width: 100%;
}
.poll-option-resultbar div {
  border-radius: 2px;
  display: block;
  height: 30px;
  text-align: center;
}
.poll-option-result {
  float: left;
  line-height: 30px;
}
.poll-option-result .poll-option-result-text {
  font-weight: 600;
}
.poll-total-votes {
  clear: both;
  display: block;
  font-size: 1.3em;
  font-weight: 600;
  margin-bottom: 18px;
  margin-top: 18px;
  width: 100%;
}
.poll-actions {
  margin-bottom: 18px;
}
.poll-vote-submitted {
  font-size: 1.3em;
}
.background-main {
  padding: 24px 0 6px;
}
#main-index {
  padding: 36px 0 18px;
}
.background-deep:after,
.background-main:after,
.background-normal:after {
  clear: both;
  content: "";
  display: block;
}
.background-deep,
.background-normal {
  padding: 36px 0 18px;
}
.background-deep h3,
.background-normal h3 {
  font-size: 1.6rem;
  font-weight: 400;
  margin: 0 0 18px;
}
.background-deep p,
.background-normal p {
  font-size: 1.3rem;
  margin: 0 0 18px;
}
.important-box {
  border-radius: 2px;
  border-style: solid;
  border-width: 1px;
  font-size: 1.3em;
  margin-bottom: 18px;
  padding: 17px;
}
.important-box ol,
.important-box ul {
  margin-left: 18px;
}
.important-box-link {
  margin-bottom: 18px;
  position: relative;
}
.important-box-link a {
  border-radius: 2px;
  border-style: solid;
  border-width: 1px;
  display: block;
  font-size: 1.3em;
  height: 36px;
  line-height: 36px;
  padding: 0 17px 0 71px;
  width: 100%;
  transition: background-color 0.18s cubic-bezier(0.6, 0, 0.1, 1),
    border-color 0.18s cubic-bezier(0.6, 0, 0.1, 1),
    box-shadow 0.18s cubic-bezier(0.6, 0, 0.1, 1);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.important-box-link span {
  font-size: 1.4em;
  pointer-events: none;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  vertical-align: -50%;
  width: 72px;
}
.modal-open .modal {
  overflow-y: auto;
  overflow-x: hidden;
}
.modal {
  bottom: 0;
  display: none;
  height: 100%;
  left: 0;
  margin: 0 -20px;
  overflow: hidden;
  outline: none;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 99;
}
.modal-dialog {
  margin: 30px auto;
  max-width: 540px;
  position: relative;
}
.modal-header {
  padding-bottom: 36px;
}
.modal-header h4,
.modal-header span {
  font-size: 30px;
  font-weight: 300;
  text-align: center;
}
.modal-content {
  border-radius: 2px;
  margin: 0 38px;
  outline: none;
  padding: 36px;
  position: relative;
}
.modal-body {
  font-size: 1.3em;
  text-align: left;
}
.modal-body label {
  display: block;
  width: 100%;
}
.modal-body input {
  font-size: 1.2308em;
  height: 42px;
  margin-bottom: 18px;
  width: 100%;
}
.modal-footer {
  padding-top: 27px;
  text-align: center;
}
.modal-footer .button {
  height: 48px;
  width: 100%;
}
.modal-footer a {
  display: block;
  font-size: 1.3em;
  margin-top: 18px;
}
.w-register-link {
  margin-bottom: -12px;
}
.modal-backdrop {
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  transform: translate3d(0, 0, 0) !important;
  z-index: 98;
}
.fade {
  opacity: 0;
  top: 0;
  transform: translate3d(0, -500px, 0);
  transition: opacity 0.18s cubic-bezier(0.6, 0, 0.1, 1),
    transform 0.18s cubic-bezier(0.6, 0, 0.1, 1);
}
.fade.in {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.modal-bb-close,
.modal-close {
  display: block;
  font-size: 15px;
  height: 36px;
  line-height: 36px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 36px;
}
.error {
  font-size: 1.3em;
  font-weight: 600;
  margin-bottom: 18px;
}
.notification-unread {
  border-radius: 2px;
  display: inline-block;
  float: left;
  height: 12px;
  margin-right: 6px;
  margin-top: 6px;
  width: 12px;
}
#agreement p {
  font-size: 1.3em;
}
#darkenwrapper {
  bottom: 0;
  left: 0;
  margin: 0 -20px;
  overflow-y: auto;
  overflow-x: hidden;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 98;
}
.modal-bb {
  display: none;
  margin: 0 auto;
  max-width: 540px;
  padding: 30px 0;
  position: relative;
  transform: translateY(50%);
  z-index: 99;
}
.modal-bb-content {
  border-radius: 2px;
  margin: 0 38px;
  outline: none;
  padding: 36px;
  position: relative;
}
.modal-bb-body .alert_title,
.modal-bb-body h3,
.modal-bb-body h4 {
  display: inline-block;
  font-size: 30px;
  font-weight: 300;
  margin-bottom: 36px;
  text-align: center;
  width: 100%;
}
.modal-bb-body p {
  font-size: 16px;
  text-align: left;
}
.modal-bb-body form p {
  font-size: 1em;
}
.modal-bb-body form .button,
.modal-bb-body form .button-flat {
  font-size: 13px;
}
.modal-bb-body .submit-buttons {
  margin-top: 36px;
}
#message-sidebar {
  float: right;
  font-size: 1.2em;
  margin-bottom: 18px;
  margin-top: 18px;
  width: 80px;
}
#message {
  height: auto;
}
#message-box {
  border-radius: 2px;
  border-style: solid;
  border-width: 1px;
  margin-bottom: 18px;
  margin-right: 98px;
  padding: 18px;
}
#message-box .input {
  width: 100%;
}
#message-box input.input {
  font-size: 1.4em;
  font-weight: 400;
  margin-bottom: 18px;
}
#message-wrap {
  position: relative;
}
#message-wrap:after {
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  content: "\f093";
  display: block;
  font-family: "Font Awesome 5 Free";
  font-size: 48px;
  font-weight: 900;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  z-index: 2;
  transition: opacity 0.18s cubic-bezier(0.6, 0, 0.1, 1);
}
#message-wrap:before {
  border-radius: 2px 2px 0 0;
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  transition: opacity 0.18s cubic-bezier(0.6, 0, 0.1, 1);
}
#message-wrap.drag-n-drop:after,
#message-wrap.drag-n-drop:before {
  opacity: 1;
}
@keyframes uploadspin {
  0% {
    margin-top: 0;
    opacity: 1;
  }
  49.99% {
    margin-top: -18px;
    opacity: 0;
  }
  50.01% {
    margin-top: 18px;
    opacity: 0;
  }
  to {
    margin-top: 0;
    opacity: 1;
  }
}
.drag-n-drop-highlight:after {
  animation: uploadspin 1.3s infinite cubic-bezier(0.6, 0, 0.1, 1);
}
#format-buttons {
  border-radius: 0 0 2px 2px;
  border-style: solid;
  border-width: 1px 0 0;
  display: block;
  font-size: 1.2em;
  list-style: none;
  margin: 18px -18px -18px -18px;
  padding: 6px;
}
#format-buttons .chosen-single,
#format-buttons .smilies-button > span,
#format-buttons button,
#format-buttons input {
  border: none;
  border-radius: 2px;
  cursor: pointer;
  display: inline-block;
  font-size: 11px;
  height: 33px;
  line-height: 33px;
  padding: 0 12px;
  vertical-align: middle;
  transition: background-color 0.18s cubic-bezier(0.6, 0, 0.1, 1),
    color 0.18s cubic-bezier(0.6, 0, 0.1, 1);
}
#format-buttons .chosen-single > i,
#format-buttons .smilies-button > span > i,
#format-buttons button > i,
#format-buttons input > i {
  display: block;
}
#format-buttons .chosen-single:after {
  display: none;
}
#format-buttons:after {
  clear: both;
  display: block;
  content: "";
}
#format-buttons .spacer {
  display: inline-block;
  height: 20px;
  margin: 0 6px;
  vertical-align: middle;
  width: 1px;
}
.bbcode-color i {
  border-bottom-style: solid;
  border-bottom-width: 2px;
  margin: 0 -2px;
  padding: 0 1px 1px;
}
.bbcode-size {
  display: inline-block;
  position: relative;
}
.bbcode-size button i {
  font-size: 0.8em;
  float: left;
}
.bbcode-size button i + i {
  font-size: 1.2em;
  text-indent: -3px;
}
.bbcode-size .dropdown-box {
  left: 0;
  right: auto;
  top: 33px;
}
.bbcode-size [data-bbcode-size="50"] {
  font-size: 50%;
}
.bbcode-size [data-bbcode-size="85"] {
  font-size: 85%;
}
.bbcode-size [data-bbcode-size="100"] {
  font-size: 100%;
}
.bbcode-size [data-bbcode-size="150"] {
  font-size: 150%;
}
.bbcode-size [data-bbcode-size="200"] {
  font-size: 200%;
}
.smilies-button {
  float: right;
  position: relative;
}
.smilies-button i {
  line-height: 33px;
}
.smilies-button > span {
  font-size: 16px !important;
  margin-left: 6px;
  margin-right: 0 !important;
}
.smilies-box {
  border-radius: 2px;
  bottom: 35px;
  display: none;
  min-width: 250px;
  padding: 12px;
  position: absolute;
  right: 0;
  text-align: center;
}
.smilies-box a {
  display: inline-block;
  padding: 6px;
}
.smilies-box img {
  display: block;
}
.smilies-box .smilies-more {
  clear: both;
  margin-bottom: 6px;
  margin-top: 9px;
  padding: 0;
}
.open > .smilies-box {
  display: block;
}
.message-icon {
  margin-bottom: 12px;
}
.message-icon dd {
  display: inline-block;
  font-size: 1.2em;
}
.message-icon label {
  display: inline-block;
  margin-bottom: 6px;
  margin-right: 6px;
  vertical-align: middle;
}
.smilies {
  vertical-align: text-bottom;
}
.emoji {
  cursor: text;
  height: 1.8rem;
  width: auto;
}
a .emoji {
  cursor: pointer;
}
#side-toggle {
  border-radius: 0 18px 18px 0;
  cursor: pointer;
  float: left;
  font-size: 1.4em;
  height: 36px;
  line-height: 36px;
  margin-right: 18px;
  padding-left: 10px;
  position: relative;
  vertical-align: 3px;
  width: 36px;
}
#side-toggle i {
  position: absolute;
  left: 10px;
  top: 10px;
  transition: opacity 0.18s cubic-bezier(0.6, 0, 0.1, 1),
    transform 0.18s cubic-bezier(0.6, 0, 0.1, 1);
}
#side-toggle .fa-ellipsis-h {
  opacity: 1;
  top: 12px;
}
#side-toggle .fa-times {
  opacity: 0;
  top: 11px;
  transform: translate(-30px, 0);
}
#side-toggle.side-toggle .fa-ellipsis-h {
  opacity: 0;
  transform: translate(-30px, 0);
}
#side-toggle.side-toggle .fa-times {
  opacity: 1;
  transform: translate(0, 0);
}
.cp-sidebar-visible #cp-sidebar {
  margin-left: 0;
}
.cp-sidebar-visible #cp-main {
  margin-left: 250px;
  margin-right: -250px;
}
.cp-sidebar-visible > .chunk {
  overflow-x: hidden;
}
#cp-sidebar {
  float: left;
  font-size: 1.3em;
  position: relative;
  width: 232px;
  transition: margin 0.18s cubic-bezier(0.6, 0, 0.1, 1);
}
#cp-menu > ul {
  border-radius: 2px;
  border-style: solid;
  border-width: 1px;
  list-style: none;
  padding: 6px 0;
  margin-bottom: 18px;
}
#cp-menu > ul ul {
  list-style: none;
  margin-bottom: 6px;
  overflow: hidden;
}
#cp-menu > ul ul a {
  padding: 15px 18px 15px 36px !important;
}
#cp-menu > ul ul a:after {
  content: "-";
  left: 18px;
  position: absolute;
  top: 14px;
  z-index: 2;
}
#cp-menu a {
  display: block;
  line-height: 1;
  padding: 15px 18px;
  position: relative;
  transition: background-color 0.18s cubic-bezier(0.6, 0, 0.1, 1);
}
#cp-menu .activetab > a {
  font-weight: 700;
}
#cp-menu .tab > a:after {
  content: "\f107";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  right: 18px;
  position: absolute;
  top: 14px;
  transition: transform 0.18s cubic-bezier(0.6, 0, 0.1, 1);
  z-index: 2;
}
#cp-menu .tab > a.tab-expanded:after {
  transform: rotate(-180deg);
}
.tab > ul {
  max-height: 500px;
  transition: margin 0.18s cubic-bezier(0.6, 0, 0.1, 1),
    max-height 0.18s cubic-bezier(0.6, 0, 0.1, 1);
}
.tab-content-hidden {
  margin: 0 !important;
  max-height: 0 !important;
}
.cp-sidebar-block {
  border-radius: 2px;
  border-style: solid;
  border-width: 1px;
  list-style: none;
  padding: 6px 0;
  margin-bottom: 18px;
}
.cp-sidebar-block dt {
  font-size: 1.2308em;
  line-height: 1;
  padding: 15px 18px;
}
.cp-sidebar-block dd {
  line-height: 1;
  padding: 6px 18px;
}
.cp-sidebar-block dd:first-of-type {
  padding-top: 0;
}
.cp-sidebar-block dd:last-of-type {
  padding-bottom: 15px;
}
.cp-sidebar-block dd:only-of-type {
  padding-bottom: 15px;
  padding-top: 15px;
}
.cp-sidebar-block button {
  float: right;
  font-size: 14px;
  line-height: 18px;
}
.pm-legend:before {
  border-radius: 2px;
  clear: both;
  content: "";
  display: inline-block;
  height: 12px;
  margin-right: 3px;
  width: 12px;
  vertical-align: -1px;
}
.cp-rec-list {
  list-style: none;
  margin-bottom: 9px;
}
.cp-rec-list li {
  display: inline-block;
  margin-right: 15px;
}
.cp-rec-list button {
  display: block;
  float: left;
  font-size: 14px;
  line-height: 22px;
  margin-right: 9px;
}
#cp-main {
  margin-left: 250px;
  transition: margin 0.18s cubic-bezier(0.6, 0, 0.1, 1);
}
#cp-main h3 {
  font-size: 2.4em;
  font-weight: 400;
  margin-bottom: 18px;
}
#cp-main-inner {
  float: left;
  width: 100%;
}
#cp-main-inner form > p,
#cp-main-inner > p {
  font-size: 1.3em;
  margin-bottom: 18px;
}
.cp-list {
  border-radius: 2px;
  border-style: solid;
  border-width: 1px;
  list-style: none;
  margin: 0 0 18px;
}
.cp-list li {
  position: relative;
  overflow: hidden;
}
.cp-list li:last-child {
  border-radius: 0 0 2px 2px;
}
.cp-list > li + li {
  border-style: solid;
  border-width: 1px 0 0;
}
.cp-list dfn {
  font-style: normal;
}
.cp-list + .cp-list {
  margin-top: 18px;
}
.cp-list-description-inner,
.cp-list-icon,
.cp-list-recent,
.cp-list-stats {
  float: left;
}
input.cp-list-mark {
  display: none;
}
label.cp-list-mark {
  border-radius: 2px;
  cursor: pointer;
  display: block;
  font-size: 1em;
  height: 36px;
  left: 0;
  line-height: 36px;
  margin: 0 auto;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 36px;
  z-index: 2;
  transition: background-color 0.18s cubic-bezier(0.6, 0, 0.1, 1),
    opacity 0.18s cubic-bezier(0.6, 0, 0.1, 1);
}
input.cp-list-mark:checked + label.cp-list-mark,
label.cp-list-mark:hover {
  opacity: 1;
}
input.cp-list-mark:disabled + label.cp-list-mark {
  display: none;
}
.pm_unread div {
  height: 36px;
  width: 36px;
}
.pm_foe_colour .cp-list-icon div,
.pm_friend_colour .cp-list-icon div,
.pm_marked_colour .cp-list-icon div,
.pm_message_reported_colour .cp-list-icon div,
.pm_replied_colour .cp-list-icon div {
  height: 36px;
  width: 36px;
}
.cp-list-description {
  margin: 0 370px 0 54px;
}
.cp-list-description h4 {
  display: inline-block;
  font-size: 1.6rem;
  font-weight: 400;
  margin-right: 6px;
}
.cp-list-description .pagination-small {
  font-size: 1em;
}
.cp-list-description-inner {
  font-size: 1.3em;
  min-height: 66px;
  padding: 13px 18px;
  width: 100%;
}
.cp-list-notification {
  margin: 0 0 0 54px;
}
.cp-list-notification h4 {
  display: inline-block;
  font-size: 1.4em;
  font-weight: 400;
}
.cp-list-notification h4 strong {
  font-weight: 400;
}
.cp-list-notification-inner {
  font-size: 1em;
  min-height: 66px;
  padding: 13px 18px;
  width: 100%;
}
.notifications_time {
  float: right;
  font-size: 1.2em;
}
.notifications_forum,
.notifications_reason {
  font-size: 1.3em;
}
.notifications_forum em,
.notifications_reason em {
  font-style: normal;
  font-weight: 600;
}
.cp-list-stats {
  font-size: 1.4em;
  line-height: 1.5;
  padding: 21px 0px 21px;
  text-align: right;
  width: 120px;
}
.cp-list-recent {
  font-size: 1.3rem;
  padding: 16px 18px 15px;
  width: 250px;
}
.cp-list-radio {
  bottom: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  transition: color 0.18s cubic-bezier(0.6, 0, 0.1, 1);
  width: 72px;
  overflow: hidden;
}
.cp-list-radio label {
  display: block;
  height: 16px;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: background-color 0.18s cubic-bezier(0.6, 0, 0.1, 1),
    height 0.18s cubic-bezier(0.6, 0, 0.1, 1),
    width 0.18s cubic-bezier(0.6, 0, 0.1, 1);
  vertical-align: -50%;
  width: 16px;
}
.cp-list-radio span.radio {
  display: inline-block;
  float: none;
  margin: 0;
}
.cp-list-header {
  display: block;
  font-size: 1.3em;
  overflow: hidden;
  width: 100%;
}
.cp-list-header-description {
  margin: 0 370px 0 54px;
}
.cp-list-header-description > div {
  float: left;
  padding: 13px 18px;
  width: 100%;
}
.cp-list-header-recent {
  float: left;
  padding: 13px 18px;
  width: 250px;
}
.pm-list .cp-list-recent {
  text-align: right;
  width: 370px;
}
.pm-quota {
  margin-top: -18px;
}
.pm-quota-bar {
  border-radius: 2px 2px 0 0;
  float: left;
  height: 5px;
  margin: 0 !important;
  overflow: hidden;
  width: 100%;
}
.pm-quota-bar div {
  border-radius: 2px 2px 0 0;
  height: 6px;
}
ol.def-rules {
  list-style-type: decimal;
  margin-left: 18px;
}
ol.def-rules li {
  border-style: solid;
  border-width: 0 0 1px;
  margin-bottom: 9px;
  padding-bottom: 9px;
}
ol.def-rules li:last-child {
  border-width: 0;
  margin-bottom: 9px;
}
ol.def-rules button {
  margin-bottom: 0;
  margin-top: -4px;
}
.table {
  border-radius: 2px;
  border-spacing: 0;
  border-style: solid;
  border-width: 1px;
  margin-bottom: 18px;
  width: 100%;
}
.table th {
  font-size: 1.3em;
  font-weight: 600;
  line-height: 1.5;
  padding: 11px 18px;
  text-align: left;
}
.table th:first-child {
  border-top-left-radius: 2px;
}
.table th:last-child {
  border-top-right-radius: 2px;
}
.table tr + tr {
  border-top-style: solid;
  border-top-width: 1px;
}
.table tr:last-child td:first-child {
  border-bottom-left-radius: 2px;
}
.table tr:last-child td:last-child {
  border-bottom-right-radius: 2px;
}
.table td {
  font-size: 1.3em;
  padding: 13px 18px;
}
.table td .button,
.table td .button-flat {
  font-size: 1em;
}
.table td .button i,
.table td .button-flat i {
  font-size: 1em;
}
.table .table-mark {
  text-align: center;
}
.table .info {
  word-break: break-all;
}
#team .name {
  text-align: left;
}
#team .info {
  text-align: left;
  width: 30%;
}
#team .info div {
  width: 100%;
  white-space: normal;
  overflow: hidden;
}
#team .rank-img {
  float: right;
  margin-left: 9px;
}
#darkenwrapper {
  display: none;
}
.arrow-left,
.arrow-right {
  display: inline-block;
  font-size: 1.2rem;
  margin-bottom: 18px;
}
[data-tooltip] {
  position: relative;
}
[data-tooltip]:after {
  border-radius: 2px;
  content: attr(data-tooltip);
  display: none;
  font-size: 10px;
  left: 50%;
  line-height: 20px;
  padding: 3px 12px;
  position: absolute;
  text-decoration: none;
  top: -29px;
  transform: translateX(-50%);
  white-space: nowrap;
}
[data-tooltip]:hover:after {
  display: block;
}
.chunk-inner {
  margin: 0 auto;
  max-width: 1200px;
  padding: 0 9px;
}
.chunk-inner:after {
  clear: both;
  content: "";
  display: block;
}
.chunk-10,
.chunk-100,
.chunk-125,
.chunk-15,
.chunk-20,
.chunk-25,
.chunk-30,
.chunk-33,
.chunk-35,
.chunk-40,
.chunk-45,
.chunk-50,
.chunk-55,
.chunk-60,
.chunk-65,
.chunk-66,
.chunk-70,
.chunk-75,
.chunk-80,
.chunk-85,
.chunk-90,
.chunk-95 {
  float: left;
  padding: 0 9px;
}
.chunk-auto {
  float: left;
  padding: 0 9px;
}
.chunk-10 {
  width: 10%;
}
.chunk-125 {
  width: 12.5%;
}
.chunk-15 {
  width: 15%;
}
.chunk-20 {
  width: 20%;
}
.chunk-25 {
  width: 25%;
}
.chunk-30 {
  width: 30%;
}
.chunk-33 {
  width: 33.3333%;
}
.chunk-35 {
  width: 35%;
}
.chunk-40 {
  width: 40%;
}
.chunk-45 {
  width: 45%;
}
.chunk-50 {
  width: 50%;
}
.chunk-55 {
  width: 55%;
}
.chunk-60 {
  width: 60%;
}
.chunk-65 {
  width: 65%;
}
.chunk-66 {
  width: 66.6666%;
}
.chunk-70 {
  width: 70%;
}
.chunk-75 {
  width: 75%;
}
.chunk-80 {
  width: 80%;
}
.chunk-85 {
  width: 85%;
}
.chunk-90 {
  width: 90%;
}
.chunk-95 {
  width: 95%;
}
.chunk-100 {
  width: 100%;
}
#back-to-top-wrap {
  bottom: 24px;
  position: fixed;
  right: 18px;
  z-index: 1;
}
#back-to-top {
  border-radius: 100%;
  cursor: pointer;
  display: block;
  font-size: 14px;
  height: 36px;
  line-height: 34px;
  overflow: hidden;
  text-align: center;
  transform: translate3d(72px, 0, 0);
  transition: background-color 0.18s cubic-bezier(0.6, 0, 0.1, 1),
    box-shadow 0.18s cubic-bezier(0.6, 0, 0.1, 1),
    transform 0.18s cubic-bezier(0.6, 0, 0.1, 1);
  width: 36px;
}
#back-to-top.btt-visible {
  transform: translate3d(0, 0, 0);
}
#theme-variants {
  width: 100%;
}
.theme-variant {
  border-radius: 2px;
  display: block;
  font-size: 1em;
  padding: 0 18px 0 36px;
  position: relative;
  width: 100%;
  transition: color 0.18s cubic-bezier(0.6, 0, 0.1, 1);
}
.theme-variant input {
  display: none;
}
.theme-variant + .theme-variant {
  margin: 9px 0 0;
}
.theme-variant:before {
  border-radius: 2px;
  content: "";
  display: block;
  height: 18px;
  left: 0;
  margin-top: -9px;
  position: absolute;
  top: 50%;
  width: 18px;
}
.sidebar-recent-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sidebar-recent-title {
  display: block;
  width: 100%;
}
#sidebar-recent-topics {
  line-height: 1.6154;
  min-height: 297px;
  position: relative;
}
#sidebar-recent-topics:after {
  background-image: url("images/placeholder.svg");
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity 0.18s cubic-bezier(0.6, 0, 0.1, 1);
}
#sidebar-recent-topics .sidebar-recent-content {
  opacity: 1;
  transition: opacity 0.18s cubic-bezier(0.6, 0, 0.1, 1);
}
#sidebar-recent-topics .sidebar-recent-content > div + div {
  margin-top: 9px;
}
#sidebar-recent-topics .loading.sidebar-recent-content {
  opacity: 0;
}
#sidebar-recent-topics.loading:after {
  opacity: 1;
}
#sidebar-recent-topics a {
  font-weight: 600;
  position: relative;
  z-index: 1;
}
.chosen-container {
  display: inline-block;
  font-size: 1.3rem;
  position: relative;
}
.chosen-container-multi {
  display: inline-block;
  position: relative;
}
.chosen-container-multi .chosen-drop {
  top: 100%;
}
.chosen-single {
  border-style: solid;
  border-width: 0 0 1px;
  cursor: pointer;
  display: block;
  height: 36px;
  line-height: 36px;
  padding: 0 19px 0 0;
  position: relative;
  transition: border-color 0.1s ease-in-out;
}
.chosen-single span {
  white-space: nowrap;
}
.chosen-single:after {
  content: "\f0dd";
  display: block;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  height: 36px;
  line-height: 33px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 10px;
}
.chosen-choices {
  cursor: pointer;
  display: block;
  max-width: 384px;
  min-height: 36px;
  min-width: 232px;
  line-height: 1.5;
  list-style: none;
  padding: 9px 0 0 0;
  position: relative;
}
.chosen-choices span {
  white-space: nowrap;
}
.search-choice {
  border-radius: 2px;
  cursor: default;
  display: block;
  float: left;
  font-size: 1.2rem;
  line-height: 18px;
  margin-bottom: 9px;
  margin-right: 9px;
  padding: 0 19px 0 6px;
  position: relative;
}
.search-choice a {
  cursor: pointer;
}
.search-field {
  clear: both;
  display: block;
  position: relative;
}
.search-field:after {
  content: "\f0dd";
  display: block;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  height: 36px;
  line-height: 33px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 10px;
  z-index: 0;
}
.search-field input {
  border-style: solid;
  border-width: 0 0 1px;
  cursor: text;
  display: block;
  height: 36px;
  position: relative;
  width: 100% !important;
  z-index: 1;
  transition: border-color 0.1s ease-in-out;
}
.search-choice-close:after {
  content: "\f00d";
  display: block;
  font-family: "Font Awesome 5 Free";
  font-size: 9px;
  font-weight: 900;
  position: absolute;
  right: 6px;
  top: 0;
}
.chosen-drop {
  border-radius: 2px;
  display: none;
  left: 0;
  line-height: 1;
  list-style: none;
  min-width: 72px;
  padding: 6px 0;
  position: absolute;
  top: 36px;
  white-space: nowrap;
  width: auto;
  z-index: 3;
}
.chosen-drop li {
  clear: both;
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
}
.chosen-drop li.result-selected {
  cursor: default;
  font-weight: 700;
  opacity: 0.3;
}
.chosen-drop li.disabled-result {
  cursor: default;
  opacity: 0.3;
}
.chosen-drop a {
  display: block;
  margin: 0;
  padding: 15px 18px;
  transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
}
.chosen-container-single-nosearch .chosen-search {
  display: none;
}
.chosen-search {
  width: 100%;
}
.chosen-search input {
  height: 36px;
  padding: 0 18px;
  width: 100%;
}
.group-result {
  cursor: text !important;
}
.chosen-results {
  list-style: none;
  max-height: 240px;
  overflow-y: auto;
  position: relative;
}
.chosen-results li {
  clear: both;
  display: block;
  margin: 0;
  padding: 15px 18px;
  cursor: pointer;
  transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out,
    padding 0.1s ease-in-out;
  width: 100%;
}
.chosen-with-drop > .chosen-drop {
  display: block;
}
@media (max-width: 1000px) {
  .content-main:not(:only-child),
  .forumlist-main:not(:only-child),
  .page-content:not(:only-child) {
    margin-left: 0;
    margin-right: 0;
  }
  .main-sidebar,
  .sidebar {
    columns: 250px 4;
    column-gap: 18px;
    width: 100%;
  }
  .sidebar-block {
    width: 100%;
  }
  #wrap-footer .chunk-25 {
    width: 50%;
  }
}
@media (max-width: 900px) {
  #footer-custom .online-list {
    padding: 0;
    width: 100%;
  }
  #footer-custom .footer-block {
    padding-left: 0;
    padding-right: 9px;
    width: 50%;
  }
  #footer-custom .footer-block + .footer-block {
    padding-left: 9px;
    padding-right: 0;
  }
  #footer-custom .stat-block + .stat-block {
    margin-top: 18px;
  }
}
@media (min-width: 801px) and (max-width: 1000px) {
  .cp-list-description {
    margin-right: 0;
  }
  .cp-list-recent {
    margin-left: 54px;
    margin-top: -7px;
    padding-top: 0;
  }
  .pm-list .cp-list-recent {
    text-align: left;
  }
}
@media (max-width: 800px) {
  #cp-sidebar {
    margin-left: -300px;
  }
  #side-toggle {
    margin-left: -18px;
  }
  #cp-main {
    margin-left: 0;
  }
  .re-lg {
    display: inline-block !important;
  }
  .attach-row,
  .attachbox-item {
    flex-basis: 33.3333%;
  }
}
@media (max-width: 700px) {
  body {
    padding: 0 !important;
  }
  #wrap {
    border-radius: 0 !important;
  }
  #wrap-footer,
  #wrap-header,
  #wrap-header-index {
    border-radius: 0 !important;
  }
  .chunk {
    padding: 0 9px 0 9px !important;
  }
  .chunk-inner {
    padding: 0;
  }
  #breadcrumbs li.crumb-solid {
    font-size: 0;
  }
  #breadcrumbs li.crumb-solid:before {
    display: none;
  }
  #breadcrumbs li.crumb-solid a:after {
    content: "\f015";
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 14px;
  }
  #main-search-box-md button {
    border-radius: 0 2px 2px 0;
  }
  #main-search-md {
    border-radius: 2px 0 0 2px;
  }
  .site-nav-item,
  .site-nav > li {
    position: static;
  }
  .site-nav-item:after,
  .site-nav > li:after {
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
    opacity: 0;
    z-index: -1;
    transition: opacity 0.24s cubic-bezier(0.6, 0, 0.1, 1);
  }
  .site-nav-item > .dropdown-body li,
  .site-nav > li > .dropdown-body li {
    position: relative;
  }
  .site-nav-item > .dropdown-box,
  .site-nav-item > .dropdown-box-big,
  .site-nav-item > .dropdown-search,
  .site-nav > li > .dropdown-box,
  .site-nav > li > .dropdown-box-big,
  .site-nav > li > .dropdown-search {
    border-radius: 2px 0 0 0;
    bottom: 0;
    display: block;
    max-height: 100%;
    min-width: 70%;
    opacity: 0;
    padding: 18px;
    pointer-events: none;
    position: fixed;
    top: 56px;
    left: auto;
    right: 0;
    transform: translate3d(100%, 0, 0);
    transition: opacity 0.24s cubic-bezier(0.6, 0, 0.1, 1),
      transform 0.24s cubic-bezier(0.6, 0, 0.1, 1);
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
  }
  .site-nav-item .dropdown-box > li > a,
  .site-nav > li .dropdown-box > li > a {
    border-radius: 2px;
  }
  .site-nav-item.open > .dropdown-box,
  .site-nav-item.open > .dropdown-box-big,
  .site-nav-item.open > .dropdown-search,
  .site-nav > li.open > .dropdown-box,
  .site-nav > li.open > .dropdown-box-big,
  .site-nav > li.open > .dropdown-search {
    opacity: 1;
    pointer-events: auto;
    transform: translate3d(0, 0, 0);
  }
  .site-nav-item.open:after,
  .site-nav > li.open:after {
    opacity: 1;
  }
  .site-header .dropdown-body li,
  .site-header .dropdown-footer a,
  .site-header .dropdown-header {
    border-radius: 2px;
  }
  .site-header .w-drop {
    position: relative;
  }
  #more-menu > li {
    position: relative;
  }
  #more-menu .dropdown-box-big,
  #more-menu .dropdown-mega,
  #more-menu .dropdown-search {
    border-radius: 0 0 2px 2px;
    box-shadow: none;
    left: 0;
    margin: 0;
    max-height: 100%;
    max-width: 100%;
    position: relative;
    right: 0;
    top: 0;
    width: 100%;
  }
  #more-menu .dropdown-box,
  #more-menu .dropdown-box-big,
  #more-menu .dropdown-search {
    padding: 9px 0;
  }
  #more-menu .dropdown-mega {
    padding: 18px;
  }
  #more-menu .w-drop:after {
    opacity: 1;
    right: 18px;
    top: 15px;
  }
  #more-menu .open {
    border-radius: 2px 2px 0 0;
  }
  #more-menu .chunk-10,
  #more-menu .chunk-100,
  #more-menu .chunk-125,
  #more-menu .chunk-15,
  #more-menu .chunk-20,
  #more-menu .chunk-25,
  #more-menu .chunk-30,
  #more-menu .chunk-33,
  #more-menu .chunk-35,
  #more-menu .chunk-40,
  #more-menu .chunk-45,
  #more-menu .chunk-50,
  #more-menu .chunk-55,
  #more-menu .chunk-60,
  #more-menu .chunk-65,
  #more-menu .chunk-66,
  #more-menu .chunk-70,
  #more-menu .chunk-75,
  #more-menu .chunk-80,
  #more-menu .chunk-85,
  #more-menu .chunk-90,
  #more-menu .chunk-95 {
    float: none;
  }
  #page-description {
    font-size: 1.5vw;
  }
  .sub-header-buttons .button span {
    display: none;
  }
  .forum-bg h4 {
    margin-bottom: 6px;
  }
  .feed-icon {
    display: none;
  }
  .fora-description,
  .topic-description {
    margin: 0 138px 0 54px;
  }
  .fora-description-inner,
  .topic-description-inner {
    margin-bottom: 13px;
    padding-bottom: 6px;
  }
  .fora-redirect {
    padding: 15px 0;
    width: 120px;
  }
  .fora-redirect:after {
    clear: both;
    content: "";
    display: block;
    height: 18px;
    width: 100%;
  }
  .fora-stats,
  .topic-stats {
    padding-top: 13px;
    padding-bottom: 6px;
  }
  .fora-recent,
  .topic-recent {
    margin: -13px 0 0 54px;
    padding: 0 18px 18px 18px;
    width: calc(100% - 54px);
  }
  .fora-recent br,
  .topic-recent br {
    display: none;
  }
  .statistics span {
    margin: 0 18px 18px 18px;
    width: auto;
  }
  .permissions {
    float: none;
    width: auto;
  }
  .permissions + .online-list {
    margin: 24px 0 0;
  }
  .online-list {
    margin-left: 0;
    margin-right: 0;
  }
  .postprofile {
    width: 35px;
  }
  .postprofile .username,
  .postprofile .username-coloured {
    display: none;
  }
  .poster-online {
    height: 11px;
    right: -1px;
    top: -1px;
    width: 11px;
  }
  .avatar > img {
    height: 35px;
    width: 35px;
  }
  .avatar-none {
    height: 35px;
    line-height: 35px;
    width: 35px;
  }
  .avatar-none:first-letter {
    font-size: 12px;
  }
  .avatar-container {
    margin-bottom: 9px;
  }
  .postbody {
    margin-left: 53px;
  }
  .postbody h3 {
    display: inline-block;
    float: none;
  }
  .quickreply-avatar {
    right: 0;
  }
  .quickreply-avatar > img {
    height: 35px;
    width: 35px;
  }
  .quickreply-box {
    margin-right: 53px;
  }
  .re-md {
    display: inline-block !important;
  }
  .post-author-r.re-md,
  li.re-md {
    display: block !important;
  }
  .re-md-r {
    display: none !important;
  }
  .chunk-10,
  .chunk-125,
  .chunk-15,
  .chunk-20,
  .chunk-25,
  .chunk-30,
  .chunk-33,
  .chunk-35,
  .chunk-40,
  .chunk-45,
  .chunk-50,
  .chunk-55,
  .chunk-60,
  .chunk-65,
  .chunk-66,
  .chunk-70,
  .chunk-75,
  .chunk-80,
  .chunk-85,
  .chunk-90,
  .chunk-95 {
    width: 100%;
  }
  #wrap-footer .chunk-25 {
    width: 100%;
  }
  #message-sidebar {
    float: none;
    margin-top: 0;
    width: 100%;
  }
  #message-box {
    margin: 0 0 18px;
    width: 100%;
  }
  .cp-list-description {
    margin-right: 0;
  }
  .cp-list-recent {
    margin-left: 54px;
    margin-top: -7px;
    padding-top: 0;
  }
  .pm-list .cp-list-recent {
    text-align: left;
  }
  #team .rank-img {
    clear: both;
    display: block;
    float: none;
    margin: 0;
  }
  #side-toggle {
    margin-left: -9px;
  }
}
@media (max-width: 600px) {
  .postprofile {
    margin: 0 18px;
  }
  .pm .postbody {
    margin-left: 0;
  }
  .pm-self .postbody {
    margin-right: 0;
  }
  .postbody {
    margin-left: 0;
  }
  #topicreview .pm h3 {
    float: right;
  }
  #topicreview .pm .post-number {
    float: left;
  }
  #footer-custom .footer-block {
    padding: 0 !important;
    width: 100% !important;
  }
  #wrap-footer {
    text-align: center;
  }
  #wrap-footer ul {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    overflow: hidden;
  }
  #wrap-footer li {
    margin: 9px 9px 0 !important;
  }
  #wrap-footer .rside {
    clear: both;
    display: block;
    width: 100%;
  }
  .rc-hr {
    margin: 36px 9px 27px;
  }
  .footer-text .rside {
    margin-top: 9px;
  }
  .attach-row,
  .attachbox-item {
    flex-basis: 50%;
  }
}
@media (max-width: 500px) {
  .chunk {
    padding: 0 6px !important;
  }
  .chunk-10,
  .chunk-100,
  .chunk-125,
  .chunk-15,
  .chunk-20,
  .chunk-25,
  .chunk-30,
  .chunk-33,
  .chunk-35,
  .chunk-40,
  .chunk-45,
  .chunk-50,
  .chunk-55,
  .chunk-60,
  .chunk-65,
  .chunk-66,
  .chunk-70,
  .chunk-75,
  .chunk-80,
  .chunk-85,
  .chunk-90,
  .chunk-95 {
    padding: 0 6px;
  }
  .chunk-auto {
    padding: 0 6px;
  }
  .fora-description,
  .topic-description {
    margin: 0 0 0 54px;
  }
  .subforums-list {
    display: none;
  }
  .fora-redirect,
  .fora-stats,
  .topic-stats {
    display: none;
  }
  .re-sm {
    display: inline-block !important;
  }
  .horizontal-palette td:nth-child(2n),
  .vertical-palette tr:nth-child(2n) {
    display: none;
  }
  #side-toggle {
    margin-left: -6px;
  }
}
@media (max-width: 434px) {
  .captcha-image img {
    width: 100%;
  }
}
@media (max-width: 400px) {
  #site-name {
    display: none;
  }

  .attach-row,
  .attachbox-item {
    flex-basis: 100%;
  }
}
@media (max-width: 330px) {
  .fora-icon {
    display: none;
  }
  .fora-description,
  .fora-recent {
    margin-left: 0;
  }
}