.box-sizing {

  box-sizing: border-box;

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;

}

/* CSS Reset*/

html {

  font-family: sans-serif;

  -ms-text-size-adjust: 100%;

  -webkit-text-size-adjust: 100%;

}

body {

  margin: 0;

  padding: 0;

}

article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

main,

menu,

nav,

section,

summary {

  display: block;

}

audio,

canvas,

progress,

video {

  display: inline-block;

  vertical-align: baseline;

}

audio:not([controls]) {

  display: none;

  height: 0;

}

[hidden],

template {

  display: none;

}

a {

  background-color: transparent;

}

a:active,

a:hover {

  outline: 0;

}

abbr[title] {

  border-bottom: 1px dotted;

}

b,

strong {

  font-weight: bold;

}

dfn {

  font-style: italic;

}

h1 {

  font-size: 2em;

  margin: 0.67em 0;

}

mark {

  background: #ff0;

  color: #000;

}

small {

  font-size: 80%;

}

sub,

sup {

  font-size: 75%;

  line-height: 0;

  position: relative;

  vertical-align: baseline;

}

sup {

  top: -0.5em;

}

sub {

  bottom: -0.25em;

}

img {

  border: 0;

}

svg:not(:root) {

  overflow: hidden;

}

figure {

  margin: 1em 40px;

}

hr {

  -moz-box-sizing: content-box;

  box-sizing: content-box;

  height: 0;

}

pre {

  overflow: auto;

}

code,

kbd,

pre,

samp {

  font-family: monospace, monospace;

  font-size: 1em;

}

button,

input,

optgroup,

select,

textarea {

  color: inherit;

  font: inherit;

  margin: 0;

}

button {

  overflow: visible;

}

button,

select {

  text-transform: none;

}

button,

html input[type="button"],

input[type="reset"],

input[type="submit"] {

  -webkit-appearance: button;

  cursor: pointer;

}

button[disabled],

html input[disabled] {

  cursor: default;

}

button::-moz-focus-inner,

input::-moz-focus-inner {

  border: 0;

  padding: 0;

}

input {

  line-height: normal;

}

input[type="checkbox"],

input[type="radio"] {

  box-sizing: border-box;

  padding: 0;

}

input[type="number"]::-webkit-inner-spin-button,

input[type="number"]::-webkit-outer-spin-button {

  height: auto;

}

input[type="search"] {

  -webkit-appearance: textfield;

  -moz-box-sizing: content-box;

  -webkit-box-sizing: content-box;

  box-sizing: content-box;

}

input[type="search"]::-webkit-search-cancel-button,

input[type="search"]::-webkit-search-decoration {

  -webkit-appearance: none;

}

fieldset {

  border: 1px solid #c0c0c0;

  margin: 0 2px;

  padding: 0.35em 0.625em 0.75em;

}

legend {

  border: 0;

  padding: 0;

}

textarea {

  overflow: auto;

}

optgroup {

  font-weight: bold;

}

table {

  border-collapse: collapse;

  border-spacing: 0;

}

td,

th {

  padding: 0;

}

*,

div,

ul,

li,

span,

input,

textarea,

header,

footer,

nav,

b,

h1,

h2,

h3,

h4,

h5 {

  box-sizing: border-box;

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;

}

input:focus,

textarea:focus,

div:focus,

button:focus,

select:focus {

  outline: none;

}

body {

  background: #171717 url("../img/bg1.jpg") no-repeat top center;

  font-size: 14px;

  font-family: "Cabin", sans-serif;

  color: #bfbfbf;

  font-weight: 400;

}

a {

  text-decoration: none;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -ms-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  font-family: "Cabin", sans-serif;

  color: #bfbfbf;

  font-weight: 400;

}

a:hover {

  text-decoration: none;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -ms-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  color: #e12016;

}

a:visited {

  text-decoration: none;

}

.container {

  max-width: 1300px;

  margin: 0 auto;

  display: block;

}

@media only screen and (max-width: 1500px) {

  .container {

    padding: 0 15px !important;

  }

}

.cle::after {

  content: "";

  display: block;

  clear: both;

}

#user_avatar.alt2 {

  width: 100px !important;

  height: 100px !important;

  -webkit-border-radius: 100%;

  -moz-border-radius: 100%;

  -ms-border-radius: 100%;

  border-radius: 100%;

}

@media only screen and (min-width: 1024px) {

  .d-flex {

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

  }

}

@media only screen and (min-width: 1024px) {

  .df-center {

    -webkit-box-align: center;

    -moz-box-align: center;

    -ms-flex-align: center;

    align-items: center;

  }

}

@media only screen and (min-width: 1024px) {

  .flex-wrap {

    flex-wrap: wrap;

  }

}

@media only screen and (min-width: 1024px) {

  .flex-end {

    justify-content: flex-end;

  }

}

@media only screen and (max-width: 1023px) {

  .mob-d-flex {

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

  }

}

@media only screen and (max-width: 1023px) {

  .mob-df-center {

    -webkit-box-align: center;

    -moz-box-align: center;

    -ms-flex-align: center;

    align-items: center;

  }

}

@media only screen and (max-width: 1023px) {

  .mob-flex-wrap {

    flex-wrap: wrap;

  }

}

@media only screen and (max-width: 1023px) {

  .mob-flex-end {

    justify-content: flex-end;

  }

}

.d-table {

  display: table;

  margin: 0;

  padding: 0;

  width: 100%;

}

.d-cell {

  display: table-cell;

}

.va-middle {

  vertical-align: middle;

}

.va-bottom {

  vertical-align: bottom;

}

.va-top {

  vertical-align: top;

}

/* SLÄ°DER */

.slick-prev:hover,

.slick-prev:focus,

.slick-next:hover,

.slick-next:focus {

  color: transparent;

  outline: none;

  background: transparent;

}

.slick-prev:hover:before,

.slick-prev:focus:before,

.slick-next:hover:before,

.slick-next:focus:before {

  opacity: 1;

}

.slick-prev.slick-disabled:before,

.slick-next.slick-disabled:before {

  opacity: .25;

}

.slick-prev:before,

.slick-next:before {

  font-family: 'slick';

  font-size: 35px;

  line-height: 1;

  opacity: .75;

  color: white;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}

.slick-slider {

  position: relative;

  display: block;

  box-sizing: border-box;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  -webkit-touch-callout: none;

  -khtml-user-select: none;

  -ms-touch-action: pan-y;

  touch-action: pan-y;

  -webkit-tap-highlight-color: transparent;

}

.slick-list {

  position: relative;

  display: block;

  overflow: hidden;

  margin: 0;

  padding: 0;

}

.slick-list:focus {

  outline: none;

}

.slick-list.dragging {

  cursor: pointer;

  cursor: hand;

}

.slick-slider .slick-track,

.slick-slider .slick-list {

  -webkit-transform: translate3d(0, 0, 0);

  -moz-transform: translate3d(0, 0, 0);

  -ms-transform: translate3d(0, 0, 0);

  -o-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0);

}

.slick-track {

  position: relative;

  top: 0;

  left: 0;

  display: block;

}

.slick-track:before,

.slick-track:after {

  display: table;

  content: '';

}

.slick-track:after {

  clear: both;

}

.slick-loading .slick-track {

  visibility: hidden;

}

.slick-slide {

  display: none;

  float: left;

  height: 100%;

  min-height: 1px;

}

[dir='rtl'] .slick-slide {

  float: right;

}

.slick-slide img {

  display: block;

}

.slick-slide.slick-loading img {

  display: none;

}

.slick-slide.dragging img {

  pointer-events: none;

}

.slick-initialized .slick-slide {

  display: block;

}

.slick-loading .slick-slide {

  visibility: hidden;

}

.slick-vertical .slick-slide {

  display: block;

  height: auto;

}

.slick-arrow.slick-hidden {

  display: none;

}

.slick-prev:before,

.slick-next:before {

  color: black;

}

/* Slider Arrows */

.slider2 .slick-prev,

.slider2 .slick-next {

  font-size: 0;

  display: block;

  position: absolute;

}

.slider2 .slick-prev::before,

.slider2 .slick-next::before {

  font-family: "Font Awesome 5 Free";

  font-weight: 900;

  display: block;

  width: 25px;

  height: 25px;

  text-align: center;

  line-height: 25px;

  font-size: 6px;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -ms-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  background: #eeeeee;

  cursor: pointer;

}

.slider2 .slick-prev {

  right: 30px;

  top: -35px;

}

.slider2 .slick-next {

  right: 0px;

  top: -35px;

}

.slider2 .slick-prev::before {

  content: '\f053';

}

.slider2 .slick-next::before {

  content: '\f054';

}

/* Slider Bullets */

.regular .slick-dots {

  position: absolute;

  bottom: -33px;

  display: block;

  width: 100%;

  padding: 0;

  margin: 0;

  list-style: none;

  text-align: center;

}

.regular .slick-dots li {

  position: relative;

  display: inline-block;

  list-style: none;

  text-align: center;

  margin: 0 12px;

  padding: 0;

  cursor: pointer;

}

.regular .slick-dots li div {

  display: block;

  border: 0;

  width: 8px;

  text-indent: -99999999px;

  font-size: 0;

  transition: all 0.2s ease-in-out;

  height: 8px;

  background: #949aa9;

  border-radius: 100%;

  -moz-border-radius: 100%;

  -webkit-border-radius: 100%;

  opacity: 1;

}

.regular .slick-dots .slick-active div {

  background: #00c5b5 !important;

  transition: all 0.2s ease-in-out;

}

/* TAB */

.tab-content {

  display: none;

}

.tab-content.current {

  display: block;

}

/* MODAL */

html.remodal-is-locked {

  overflow: hidden;

  -ms-touch-action: none;

  touch-action: none;

}

.remodal,

[data-remodal-id] {

  display: none;

}

.remodal-overlay {

  position: fixed;

  z-index: 9999;

  top: -5000px;

  right: -5000px;

  bottom: -5000px;

  left: -5000px;

  display: none;

}

.remodal-wrapper {

  position: fixed;

  z-index: 10000;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  display: none;

  overflow: auto;

  text-align: center;

  -webkit-overflow-scrolling: touch;

}

.remodal-wrapper:after {

  display: inline-block;

  height: 100%;

  margin-left: -0.05em;

  content: "";

}

.remodal-overlay,

.remodal-wrapper {

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

}

.remodal {

  position: relative;

  outline: none;

  -webkit-text-size-adjust: 100%;

  -ms-text-size-adjust: 100%;

  text-size-adjust: 100%;

}

.remodal-is-initialized {

  /* Disable Anti-FOUC */

  display: inline-block;

}

.remodal-bg.remodal-is-opening,

.remodal-bg.remodal-is-opened {

  -webkit-filter: blur(3px);

  filter: blur(3px);

}

.remodal-overlay {

  background: rgba(0, 0, 0, 0.8);

}

.remodal-overlay.remodal-is-opening,

.remodal-overlay.remodal-is-closing {

  -webkit-animation-duration: 0.3s;

  animation-duration: 0.3s;

  -webkit-animation-fill-mode: forwards;

  animation-fill-mode: forwards;

}

.remodal-overlay.remodal-is-opening {

  -webkit-animation-name: remodal-overlay-opening-keyframes;

  animation-name: remodal-overlay-opening-keyframes;

}

.remodal-overlay.remodal-is-closing {

  -webkit-animation-name: remodal-overlay-closing-keyframes;

  animation-name: remodal-overlay-closing-keyframes;

}

.remodal-wrapper {

  padding: 10px 10px 0;

}

.remodal {

  box-sizing: border-box;

  width: 100%;

  text-align: center;

  margin-bottom: 10px;

  -webkit-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0);

}

.remodal iframe,

.remodal img {

  display: inline-block;

  max-width: 100%;

  border: none;

  height: auto;

}

.remodal.remodal-is-opening,

.remodal.remodal-is-closing {

  -webkit-animation-duration: 0.3s;

  animation-duration: 0.3s;

  -webkit-animation-fill-mode: forwards;

  animation-fill-mode: forwards;

}

.remodal.remodal-is-opening {

  -webkit-animation-name: remodal-opening-keyframes;

  animation-name: remodal-opening-keyframes;

}

.remodal.remodal-is-closing {

  -webkit-animation-name: remodal-closing-keyframes;

  animation-name: remodal-closing-keyframes;

}

.remodal,

.remodal-wrapper:after {

  vertical-align: middle;

}

@-webkit-keyframes remodal-opening-keyframes {

  from {

    -webkit-transform: scale(1.05);

    transform: scale(1.05);

    opacity: 0;

  }

  to {

    -webkit-transform: none;

    transform: none;

    opacity: 1;

    -webkit-filter: blur(0);

    filter: blur(0);

  }

}

@keyframes remodal-opening-keyframes {

  from {

    -webkit-transform: scale(1.05);

    transform: scale(1.05);

    opacity: 0;

  }

  to {

    -webkit-transform: none;

    transform: none;

    opacity: 1;

    -webkit-filter: blur(0);

    filter: blur(0);

  }

}

@-webkit-keyframes remodal-closing-keyframes {

  from {

    -webkit-transform: scale(1);

    transform: scale(1);

    opacity: 1;

  }

  to {

    -webkit-transform: scale(0.95);

    transform: scale(0.95);

    opacity: 0;

    -webkit-filter: blur(0);

    filter: blur(0);

  }

}

@keyframes remodal-closing-keyframes {

  from {

    -webkit-transform: scale(1);

    transform: scale(1);

    opacity: 1;

  }

  to {

    -webkit-transform: scale(0.95);

    transform: scale(0.95);

    opacity: 0;

    -webkit-filter: blur(0);

    filter: blur(0);

  }

}

@-webkit-keyframes remodal-overlay-opening-keyframes {

  from {

    opacity: 0;

  }

  to {

    opacity: 1;

  }

}

@keyframes remodal-overlay-opening-keyframes {

  from {

    opacity: 0;

  }

  to {

    opacity: 1;

  }

}

@-webkit-keyframes remodal-overlay-closing-keyframes {

  from {

    opacity: 1;

  }

  to {

    opacity: 0;

  }

}

@keyframes remodal-overlay-closing-keyframes {

  from {

    opacity: 1;

  }

  to {

    opacity: 0;

  }

}

@media only screen and (min-width: 641px) {

  .remodal {

    max-width: 700px;

  }

}

.lt-ie9 .remodal-overlay {

  background: #2b2e38;

}

.lt-ie9 .remodal {

  width: 700px;

}

.animation1 {

  animation-name: anime1;

  animation-duration: .5s;

  animation-fill-mode: forwards;

}

@keyframes anime1 {

  0% {

    opacity: 0;

  }

  100% {

    opacity: 1;

  }

}

.registepage {

  max-width: 700px;

  margin: 0 auto;

}

.alt2,

.alt1,

.alt1Active,

.alt2Active,

.panelsurround {

  background: #1c1c1c;

  border-top: 1px solid #161616;

  -webkit-box-shadow: inset 1px 1px 0px 0px #232323;

  -moz-box-shadow: inset 1px 1px 0px 0px #232323;

  box-shadow: inset 1px 1px 0px 0px #232323;

  border-left: 1px solid #161616;

  padding: 15px !important;

}

/*

  -webkit-border-top-left-radius: 10px;

  -webkit-border-top-right-radius: 10px;

  -moz-border-radius-topleft: 10px;

  -moz-border-radius-topright: 10px;

  border-top-left-radius: 10px;

  border-top-right-radius: 10px;

*/

.tcat {

  background: #222222 url("../img/bg2.jpg") repeat-x top center;

  text-align: Center;

  color: #e12016;

  padding: 16px 0;

  font-size: 16px;

  font-weight: 600;

  text-transform: uppercase;

}

.tcat a {

  font-weight: 600;

  text-transform: uppercase;

  color: #e12016;

}

.thead {

  background: url("../img/bg3.jpg") repeat-x center center;

  border-top: 1px solid rgba(0, 0, 0, 0.3) !important;

  color: #ffffff;

  -webkit-box-shadow: inset 1px 1px 0px 0px rgba(255, 255, 255, 0.05) !important;

  -moz-box-shadow: inset 1px 1px 0px 0px rgba(255, 255, 255, 0.05) !important;

  box-shadow: inset 1px 1px 0px 0px rgba(255, 255, 255, 0.05) !important;

  border-left: 1px solid rgba(0, 0, 0, 0.3) !important;

}

.thead a {

  color: #ffffff;

}

.vbmenu_control {

  background: url("../img/bg2.jpg") repeat-x center center;

  border-top: 1px solid rgba(0, 0, 0, 0.3) !important;

  color: #ffffff;

  padding-left: 10px;

  padding-right: 10px;

  -webkit-box-shadow: inset 1px 1px 0px 0px rgba(255, 255, 255, 0.05) !important;

  -moz-box-shadow: inset 1px 1px 0px 0px rgba(255, 255, 255, 0.05) !important;

  box-shadow: inset 1px 1px 0px 0px rgba(255, 255, 255, 0.05) !important;

  border-left: 1px solid rgba(0, 0, 0, 0.3) !important;

}

.vbmenu_control a {

  color: #ffffff;

}

.vbmenu_popup {

  background: #242424;

  overflow: hidden;

  border-bottom: 1px solid #161616;

}

.vbmenu_popup tr td {

  padding: 10px 5px;

  border-top: 1px solid #161616;

  -webkit-box-shadow: inset 1px 1px 0px 0px #2e2e2e;

  -moz-box-shadow: inset 1px 1px 0px 0px #2e2e2e;

  box-shadow: inset 1px 1px 0px 0px #2e2e2e;

  border-left: 1px solid #161616;

}

.tab_list li {

  -webkit-border-radius: 0px !important;

  -moz-border-radius: 0px !important;

  -ms-border-radius: 0px !important;

  border-radius: 0px !important;

  padding: 10px !important;

  height: auto !important;

  line-height: auto !important;

}

header {

  background: #1e1e1e;

  z-index: 1010;

  top: 0;

}

@media only screen and (min-width: 1024px) {

  header {

    position: sticky;

  }

}

#vB_Editor_QR_iframe {

  height: 150px !important;

}

@media only screen and (max-width: 1023px) {

  .search {

    display: none;

    background: #262626;

    position: absolute !important;

    width: 100%;

    left: 0;

    top: 0;

    padding-top: 40px;

    z-index: 100;

  }

}

@media only screen and (max-width: 1023px) {

  #notifications_menu {

    left: 0 !important;

  }

  .registepage td {

    display: block !important;

    margin: 2.5px 0;

  }

  .birth-table td {

    display: block !important;

    width: 100% !important;

  }

}

.head-mob-menus {

  text-align: right;

  position: absolute;

  right: 10px;

  top: 10px;

  z-index: 10000;

}

@media only screen and (min-width: 1024px) {

  .head-mob-menus {

    display: none;

  }

}

.head-mob-menus div {

  font-size: 18px;

  display: inline-block;

  color: #ffffff;

  cursor: pointer;

  margin-left: 10px;

}

@media only screen and (min-width: 1024px) {

  .head-top-logout .search {

    width: 20%;

  }

}

@media only screen and (min-width: 1024px) {

  .head-top-logout nav {

    width: 40%;

  }

}

@media only screen and (min-width: 1024px) {

  .head-top-logout nav ul li a {

    align-items: center;

    justify-content: center;

    height: 75px;

  }

}

@media only screen and (min-width: 1024px) {

  .head-top-logout nav ul li a {

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

  }

}

@media only screen and (min-width: 1024px) {

  .head-top-logout nav ul li a {

    -webkit-box-align: center;

    -moz-box-align: center;

    -ms-flex-align: center;

    align-items: center;

  }

}

@media only screen and (max-width: 1023px) {

  .head-top-logout nav ul li a span {

    float: left !important;

  }

  .head-top-logout nav ul li a span:nth-child(1) {

    width: 25%;

    text-align: center;

  }

  .head-top-logout nav ul li a span:nth-child(2) {

    width: 75%;

    padding-top: 5px;

    text-align: left;

  }

}

@media only screen and (max-width: 1023px) {

  .head-top-logout nav ul li a {

    display: block;

    padding: 10px;

  }

  .head-top-logout nav ul li a::after {

    content: "";

    display: block;

    clear: both;

  }

}

@media only screen and (min-width: 1024px) {

  .head-top-logout nav i {

    margin-right: 10px;

  }

}

@media only screen and (min-width: 1024px) {

  .head-top-logout .quick-icons {

    width: 20%;

    position: relative;

  }

}

@media only screen and (max-width: 1023px) {

  .head-top-logout .quick-icons {

    display: none;

    background: #262626;

    position: absolute !important;

    width: 100%;

    text-align: center;

    left: 0;

    top: 0;

    padding-top: 40px;

    padding-bottom: 10px;

    z-index: 100;

  }

}

@media only screen and (min-width: 1024px) {

  .head-top-logout .profile-infos {

    width: 20%;

  }
.quick-adsen a {
  font-size:13px !important;
}
}

@media only screen and (max-width:1023px) {
.quick-adsen {
right:-10px !important;
}
.quick-adsen a {
font-size:10px !important;
}
}

.quick-adsen {

  position: absolute;

  top: 20px;

  right: 0;

}

.quick-adsen a {

  background: rgba(255, 255, 255, 0.1);

  padding: 5px 10px;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  -ms-border-radius: 5px;

  border-radius: 5px;


}

.quick-adsen a:hover {

  background: #e12016;

  color: #ffffff;

}

@media only screen and (min-width: 1024px) {

  .head-top-logged .search {

    width: 15%;

  }

}

@media only screen and (min-width: 1024px) {

  .head-top-logged nav {

    width: 50%;

  }

}

@media only screen and (min-width: 1024px) {

  .head-top-logged nav ul li {

    display: table;

    height: 75px;

  }

}

@media only screen and (min-width: 1024px) {

  .head-top-logged nav ul li a {

    display: table-cell;

    vertical-align: middle;

  }

}

@media only screen and (max-width: 1023px) {

  .head-top-logged nav ul li a {

    display: block;

    padding: 10px;

  }

  .head-top-logged nav ul li a::after {

    content: "";

    display: block;

    clear: both;

  }

}

.head-top-logged nav ul li a span {

  display: block;

}

@media only screen and (max-width: 1023px) {

  .head-top-logged nav ul li a span {

    float: left !important;

  }

  .head-top-logged nav ul li a span:nth-child(1) {

    width: 25%;

    text-align: center;

  }

  .head-top-logged nav ul li a span:nth-child(2) {

    width: 75%;

    padding-top: 5px;

    text-align: left;

  }

}

@media only screen and (min-width: 1024px) {

  .head-top-logged nav ul li a span {

    width: 100%;

  }

}

.head-top-logged nav ul li a span i {

  margin: 0 auto;

  margin-bottom: 3px;

}

@media only screen and (min-width: 1024px) {

  .head-top-logged .quick-icons {

    width: 15%;

  }

}

@media only screen and (max-width: 1023px) {

  .head-top-logged .quick-icons {

    display: none;

    background: #262626;

    position: absolute !important;

    width: 100%;

    text-align: center;

    left: 0;

    top: 0;

    padding-top: 40px;

    padding-bottom: 10px;

    z-index: 100;

  }

}

@media only screen and (min-width: 1024px) {

  .head-top-logged .profile-infos {

    width: 20%;

  }

}

.head-top .search .spe-input1 {

  float: left;

  height: 75px;

  width: 80%;

  background: transparent;

  border-top: none;

  border-bottom: none;

  border-left: 1px solid #292929;

  border-right: none;

  padding: 0 20px;

  line-height: 75px;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -ms-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

}

.head-top .search .spe-input1:focus {

  background: rgba(255, 255, 255, 0.05);

}

.head-top .search .spe-input1:focus + .spe-submit1 {

  background: rgba(255, 255, 255, 0.05);

}

.head-top .search .spe-submit1 {

  float: right;

  height: 75px;

  line-height: 75px;

  width: 20%;

  text-align: center;

  background: transparent;

  border-top: none;

  border-bottom: none;

  color: #494949;

  font-size: 18px;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -ms-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  border-left: none;

  border-right: 1px solid #292929;

  font-family: "Font Awesome 5 Free";

  font-weight: 900;

}

.head-top .search .spe-submit1:hover {

  color: #e12016;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -ms-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

}

@media only screen and (max-width: 1023px) {

  .head-top nav.user-logged {

    display: none;

    background: #1e1e1e;

    position: absolute;

    width: 100%;

    z-index: 10;

    top: 0;

    padding-top: 40px;

    left: 0;

  }

}

@media only screen and (min-width: 1024px) {

  .head-top nav.user-logged ul li {

    float: left;

    width: 16.6666%;

  }

}

@media only screen and (max-width: 1023px) {

  .head-top nav.user-logout {

    display: none;

    background: #262626;

    position: absolute;

    width: 100%;

    top: 0;

    padding-top: 40px;

    z-index: 10;

    left: 0;

  }

}

@media only screen and (min-width: 1024px) {

  .head-top nav.user-logout ul li {

    float: left;

    width: 25%;

  }

}

.head-top nav ul {

  display: block;

  margin: 0;

  padding: 0;

  list-style: none;

}

.head-top nav ul li {

  position: relative;

}

@media only screen and (min-width: 1024px) {

  .head-top nav ul li:hover .dropdown {

    display: block;

  }

}

.head-top nav ul li a {

  cursor: pointer;

  text-align: center;

  /*

          span {

            &:nth-child(1) {

              width:40%;

            }

            &:nth-child(2) {

              width:60%;

              text-align:left;

            }

          }

          */

  text-transform: uppercase;

  color: #ffffff;

  font-weight: 900;

}

@media only screen and (min-width: 1024px) {

  .head-top nav ul li a {

    border-right: 1px solid #292929;

  }

}

@media only screen and (max-width: 1023px) {

  .head-top nav ul li a {

    border-bottom: 1px solid #292929;

  }

}

.head-top nav ul li a i {

  color: #474747;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -ms-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  font-size: 18px;

}

@media only screen and (max-width: 1023px) {

  .head-top nav ul li a {

    font-size: 12px;

  }

}

.head-top nav ul li a:hover {

  color: #ffffff;

  background: #e12016;

}

.head-top nav ul li a:hover i {

  color: #ffffff;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -ms-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

}

.head-top nav ul li a:hover .spe-icon1 {

  background-position: 0 -24px;

}

.head-top nav ul li a:hover .spe-icon2 {

  background-position: -24px -24px;

}

.head-top nav ul li a:hover .spe-icon3 {

  background-position: -48px -24px;

}

.head-top nav ul li a:hover .spe-icon4 {

  background-position: -72px -24px;

}

.head-top .quick-icons {

  text-align: center;

}

.head-top .quick-icons a,

.head-top .quick-icons span {

  cursor: pointer;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -ms-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  display: inline-block;

  font-size: 18px;

  padding: 0 5px;

  color: #474747;

}

.head-top .quick-icons a:nth-child(1):hover,

.head-top .quick-icons span:nth-child(1):hover {

  color: #3b5998;

}

.head-top .quick-icons a:nth-child(2):hover,

.head-top .quick-icons span:nth-child(2):hover {

  color: #00aced;

}

.head-top .quick-icons a:nth-child(3):hover,

.head-top .quick-icons span:nth-child(3):hover {

  color: #ffffff;

}

.head-top .quick-icons a:nth-child(4):hover,

.head-top .quick-icons span:nth-child(4):hover {

  color: #1ab7ea;

}

.head-top .quick-icons a:nth-child(5):hover,

.head-top .quick-icons span:nth-child(5):hover {

  color: #e12016;

}

.head-top .quick-icons a:hover,

.head-top .quick-icons span:hover {

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -ms-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

}

.head-top .profile-infos {

  position: relative;

}

@media only screen and (max-width: 1023px) {

  .head-top .profile-infos {

    text-align: center;

    padding: 10px 0 10px 0;

  }

}

@media only screen and (min-width: 1024px) {

  .head-top .profile-infos .profile-img {

    width: 20%;

  }

}

@media only screen and (max-width: 1023px) {

  .head-top .profile-infos .profile-img {

    margin: 0 auto;

    position: relative;

    width: 50px;

  }

}

.head-top .profile-infos .profile-img a {

  display: block;

  width: 50px;

  height: 50px;

  -webkit-border-radius: 100%;

  -moz-border-radius: 100%;

  -ms-border-radius: 100%;

  border-radius: 100%;

  background: #282828;

}

.head-top .profile-infos .profile-img img {

  display: block;

  width: 50px;

  height: 50px;

  -webkit-border-radius: 100%;

  -moz-border-radius: 100%;

  -ms-border-radius: 100%;

  border-radius: 100%;

}

@media only screen and (min-width: 1024px) {

  .head-top .profile-infos .profile-text {

    width: 80%;

  }

}

.head-top .profile-infos .profile-text .pro-name {

  color: #ffffff;

  cursor: pointer;

}

.head-top .profile-infos .profile-text .pro-name i {

  color: #474747;

  margin-left: 10px;

}

.head-top .profile-infos .profile-text .pro-name a {

  color: #ffffff;

  font-weight: 700;

}

.head-top .profile-infos .profile-text .pro-name a i {

  color: #474747;

  margin-left: 10px;

}

.head-top .profile-infos .profile-text .pro-last,

.head-top .profile-infos .profile-text .pro-conf {

  font-size: 12px;

}

.head-top .profile-infos .profile-text .pro-last a,

.head-top .profile-infos .profile-text .pro-conf a {

  font-size: 12px;

}

.sunornight {

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -ms-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

}

.sunornight.current {

  color: #e12016 !important;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -ms-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

}

/*

.sunornight {

  position:relative;

  display:inline-block;

  input {

    height:18px;

    font-family:"Font Awesome 5 Free";

    font-weight:400;

    font-size:18px;

    color:@red1;

    &:hover {

      color:@white;

      .transition(.2s);

    }

    background:transparent;

    border:none;

    .transition(.2s);

    &:disabled {

      display:none;

      color:#474747;

    }

  }

}

*/

.notif-total {

  position: absolute;

  width: 20px;

  -webkit-box-shadow: 0 0 20px 0 rgba(0, 200, 141, 0.35);

  -moz-box-shadow: 0 0 20px 0 rgba(0, 200, 141, 0.35);

  box-shadow: 0 0 20px 0 rgba(0, 200, 141, 0.35);

  height: 20px;

  left: 0;

  -webkit-border-radius: 100%;

  -moz-border-radius: 100%;

  -ms-border-radius: 100%;

  border-radius: 100%;

  line-height: 20px;

  color: #ffffff;

  background: #00c88d;

  text-align: Center;

  font-size: 12px;

  font-weight: 700;

}

@media only screen and (max-width: 1023px) {

  .notif-total {

    top: 5px;

    right: 0;

    margin: auto;

  }

}

@media only screen and (min-width: 1024px) {

  .notif-total {

    top: 0;

  }

}

.vbmenu_popup {

  z-index: 10000 !important;

}

.spe-input1::placeholder {

  color: #999 !important;

  opacity: 1 !important;

}

.spe-input1::-ms-input-placeholder {

  color: #999 !important;

  opacity: 1 !important;

}

.spe-input1:-ms-input-placeholder {

  color: #999 !important;

  opacity: 1 !important;

}

.spe-input1::-moz-placeholder {

  color: #999 !important;

  opacity: 1 !important;

}

.spe-input1:-moz-placeholder {

  color: #999 !important;

  opacity: 1 !important;

}

.spe-input1::-webkit-input-placeholder {

  color: #999 !important;

  opacity: 1 !important;

}

.spe-icons {

  background-image: url("../img/sprite.png");

  background-repeat: no-repeat;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -ms-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

}

.spe-icon1 {

  width: 24px;

  display: block;

  height: 24px;

  background-position: 0 0;

}

.spe-icon2 {

  width: 24px;

  display: block;

  height: 24px;

  background-position: -24px 0;

}

.spe-icon3 {

  width: 24px;

  display: block;

  height: 24px;

  background-position: -48px 0;

}

.spe-icon4 {

  width: 24px;

  display: block;

  height: 24px;

  background-position: -72px 0;

}

.spe-icon5 {

  width: 48px;

  display: block;

  height: 35px;

  background-position: 0 -48px;

}

.head-bot {

  position: relative;

}

@media only screen and (min-width: 1024px) {

  .head-bot {

    padding: 30px 0;

  }

}

@media only screen and (max-width: 1023px) {

  .head-bot {

    padding: 20px 0;

  }

}

@media only screen and (min-width: 1024px) {

  .logo {

    width: 60%;

  }

}

@media only screen and (max-width: 1023px) {

  .logo {

    padding: 15px 0 10px 0;

  }

}

.logo img {

  display: block;

  max-width: 100%;

}

@media only screen and (min-width: 1024px) {

  .spe-notice {

    width: 40%;

  }

}

@media only screen and (max-width: 1023px) {

  .spe-notice {

    text-align: center;

    margin-top: 10px;

  }

}

@media only screen and (min-width: 1024px) {

  .spe-notice .sn-col:nth-child(1) {

    width: 80%;

  }

}

.spe-notice .sn-col:nth-child(1) div {

  font-weight: 700;

  margin-bottom: 5px;

  color: #ffffff;

}

.spe-notice .sn-col:nth-child(1) div i {

  color: #03e7a9 !important;

}

.spe-notice .sn-col:nth-child(1) p {

  margin: 0;

  padding: 0;

}

@media only screen and (min-width: 1024px) {

  .spe-notice .sn-col:nth-child(1) p {

    line-height: 24px;

  }

}

@media only screen and (max-width: 1023px) {

  .spe-notice .sn-col:nth-child(1) p {

    line-height: 20px;

    font-size: 11px;

  }

}

@media only screen and (min-width: 1024px) {

  .spe-notice .sn-col:nth-child(2) {

    width: 20%;

  }

}

@media only screen and (max-width: 1023px) {

  .spe-notice .sn-col:nth-child(2) {

    display: none;

  }

}

.dropdown {

  background: #1e1e1e;

  display: none;

  border: 1px solid #292929;

  z-index: 220;

}

@media only screen and (min-width: 1024px) {

  .dropdown {

    position: absolute;

    top: 75px;

    left: 0;

    width: 300px;

  }

}

.bginput {

  background: rgba(179, 179, 179, 0.21);

  border: none;

  outline: none;

  color: #ddd;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -ms-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  -webkit-border-radius: 2px;

  -moz-border-radius: 2px;

  -ms-border-radius: 2px;

  border-radius: 2px;

  height: 35px;

  line-height: 35px;

  padding: 0 20px;

}

.bginput:focus {

  outline: none;

  -webkit-box-shadow: 0 0 5px 0 rgba(255, 60, 60, 0.8);

  -moz-box-shadow: 0 0 5px 0 rgba(255, 60, 60, 0.8);

  box-shadow: 0 0 5px 0 rgba(255, 60, 60, 0.8);

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -ms-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

}

.button {

  display: inline-block;

  height: 35px;

  line-height: 35px;

  color: #ffffff;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -ms-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  font-weight: 700;

  text-align: Center;

  padding: 0 15px;

  -webkit-border-radius: 2px;

  -moz-border-radius: 2px;

  -ms-border-radius: 2px;

  border-radius: 2px;

  background: #e12016;

  border: none;

}

@media only screen and (max-width: 1023px) {

  .button {

    margin-top: 10px;

  }

}

.button:hover {

  background: #ff4f3e;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -ms-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

}

select {

  display: inline-block;

  color: #ddd !important;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -ms-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  font-weight: 700;

  padding: 0 15px;

  -webkit-border-radius: 2px;

  -moz-border-radius: 2px;

  -ms-border-radius: 2px;

  border-radius: 2px;

  background: rgba(179, 179, 179, 0.11);

  border: none;

}

select:not([multiple]) {

  height: 35px;

  line-height: 35px;

}

select:not([multiple]) option {

  color: #111;

}

select:not([multiple]) optgroup {

  color: #111;

}

select:focus {

  outline: none;

  -webkit-box-shadow: 0 0 5px 0 rgba(255, 60, 60, 0.8);

  -moz-box-shadow: 0 0 5px 0 rgba(255, 60, 60, 0.8);

  box-shadow: 0 0 5px 0 rgba(255, 60, 60, 0.8);

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -ms-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

}

.menu-search {

  padding: 20px;

}

.menu-search input[type="text"] {

  float: left;

  width: 70%;

}

.menu-search input[type="submit"] {

  float: right;

  width: 27%;

}

.menu-search-checkbox {

  padding: 0 20px 20px 20px;

}

.menu-dd-links a {

  display: block !important;

  height: auto !important;

  padding: 10px 20px !important;

  color: #bfbfbf !important;

  text-transform: none !important;

  text-align: left !important;

  font-size: 14px !important;

  border-top: 1px solid #292929;

  font-weight: 400 !important;

  border-right: none !important;

}

.menu-dd-links a:hover {

  color: #ffffff !important;

}

.htp-search {

  display: none;

}

.pagenavit {

  border-top: 1px solid #1e1e1e;

  border-bottom: 1px solid #1e1e1e;

  padding: 20px 0;

  margin-bottom: 20px;

}

.pagenavit a {

  display: inline-block;

}

.pagenavit a::after {

  content: "\f101";

  font-family: "Font Awesome 5 Free";

  font-weight: 900;

  color: #e12016;

  font-size: 9px;

  margin: 0 10px;

}

.pagenavit a:first-child {

  float: left;

  margin-top: -4px;

}

.pagenavit a:first-child::after {

  display: none;

}

.forum-view-x {

  position: absolute;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  -ms-border-radius: 5px;

  border-radius: 5px;

  background: rgba(0, 0, 0, 0.1);

  color: #e12016;

}

@media only screen and (min-width: 1024px) {

  .forum-view-x {

    right: 10px;

    top: 10px;

    padding: 5px 10px;

  }

}

@media only screen and (max-width: 1023px) {

  .forum-view-x {

    right: 5px;

    top: 5px;

    padding: 2px 5px;

    font-size: 12px;

  }

}

.forum-tables .forum-row {

  display: table;

  margin: 0;

  padding: 0;

  width: 100%;

}

.forum-tables .forum-row div {

  position: relative;

  display: table-cell;

  vertical-align: middle;

}

@media only screen and (min-width: 1024px) {

  .forum-tables .forum-row div:nth-child(1) {

    width: 8%;

  }

  .forum-tables .forum-row div:nth-child(2) {

    width: 45%;

  }

  .forum-tables .forum-row div:nth-child(3) {

    width: 25%;

  }

  .forum-tables .forum-row div:nth-child(4) {

    width: 11%;

  }

  .forum-tables .forum-row div:nth-child(5) {

    width: 11%;

  }

}

@media only screen and (max-width: 1023px) {

  .forum-tables .forum-row div:nth-child(1) {

    width: 15%;

  }

  .forum-tables .forum-row div:nth-child(2) {

    width: 85%;

  }

}

.forum-ops {

  background: #1e1e1e;

  -webkit-border-radius: 50px;

  -moz-border-radius: 50px;

  -ms-border-radius: 50px;

  border-radius: 50px;

  margin-top: 20px;

  position: sticky;

  z-index: 100;

  top: 80px;

}
.forum-ops .forum-row div:nth-child(4),
.forum-ops .forum-row div:nth-child(5) {
  text-align:center;
}

@media only screen and (max-width: 1023px) {

  .forum-ops {

    display: none;

  }

}

.forum-ops .forum-row div {

  padding: 10px 20px;

  color: #ffffff;

}

.forum-bottom-buttons {

  text-align: center;

  margin-top: 20px;

}

.forum-bottom-buttons a {

  display: inline-block;

  -webkit-border-radius: 2px;

  -moz-border-radius: 2px;

  -ms-border-radius: 2px;

  border-radius: 2px;

  background: #131313;

  color: #4d4d4d;

  margin: 0 5px;

  padding: 5px 10px;

}

.forum-bottom-buttons a:hover {

  background: #e12016;

  color: #ffffff;

}

.forum-desc-p {

  font-size: 12px;
  display:block;

}

.subforum-text100 {
  margin-top:10px;
  display:block;
  font-size:12px;
}

.forum-alls {

  margin-top: 20px;

}

.forum-alls .forum-titles {

  background: url("../img/bg2.jpg") repeat-x center center;

  height: 61px;

  border-bottom: 1px solid #161616;

  color: #e12016;

  position: Relative;

  -webkit-border-top-left-radius: 10px;

  -webkit-border-top-right-radius: 10px;

  -moz-border-radius-topleft: 10px;

  -moz-border-radius-topright: 10px;

  border-top-left-radius: 10px;

  border-top-right-radius: 10px;

  text-align: center;

  line-height: 61px;

  text-transform: uppercase;

  font-size: 16px;

}

@media only screen and (min-width: 1024px) {

  .forum-alls .forum-titles::before {

    display: block;

    content: "";

    background: url("../img/icon2.png") no-repeat;

    width: 34px;

    height: 34px;

    position: absolute;

    left: 20px;

    top: 13px;

  }

}

.forum-alls .forum-titles a {

  color: #e12016;

  text-transform: uppercase;

  font-size: 16px;

}

.forum-system .forum-row {

  border-top: 1px solid #232323;

  border-bottom: 1px solid #161616;

  background: #1c1c1c;

}

.forum-system .forum-row div {

  border-left: 1px solid #232323;

  border-right: 1px solid #161616;

}

.forum-system .forum-row div .forum-2-name {

  display: block;

  color: #ffffff;

  font-size: 15px;

  font-weight: 700;

}

.forum-system .forum-row div .forum-2-name:hover {

  color: #e12016;

}

@media only screen and (min-width: 1024px) {

  .forum-system .forum-row div {

    padding: 5px 20px;

  }

}

@media only screen and (max-width: 1023px) {

  .forum-system .forum-row div {

    padding: 5px;

  }

}

.forum-system .forum-row div:nth-child(1) {

  text-align: center;

}

.forum-system .forum-row div:nth-child(1) img {

  max-width: 100%;

  display: block;

  margin: 0 auto;

}

.forum-system .forum-row div:nth-child(2) ul {

  display: block;

  margin: 0;

  padding: 0;

  list-style: none;

}

.forum-system .forum-row div:nth-child(2) ul::after {

  clear: both;

  display: block;

  content: "";

}

.forum-system .forum-row div:nth-child(2) ul li {

  margin: 10px 1% 0 0;

}

@media only screen and (min-width: 1024px) {

  .forum-system .forum-row div:nth-child(2) ul li {

    float: left;

    width: 33.333%;

  }

}

.forum-system .forum-row div:nth-child(2) ul li span {

  display: block;

  background: rgba(0, 0, 0, 0.15);

  padding: 2px 5px;

  -webkit-border-radius: 2px;

  -moz-border-radius: 2px;

  -ms-border-radius: 2px;

  border-radius: 2px;

}

.forum-system .forum-row div:nth-child(2) ul li a {

  font-size: 12px;

}

.forum-system .forum-row div:nth-child(2) ul li:nth-child(4n+0) {

  margin-right: 0;

}

@media only screen and (max-width: 1023px) {

  .forum-system .forum-row div:nth-child(3) {

    display: none;

  }

}

.forum-system .forum-row div:nth-child(5) {

  text-align: center;

}

@media only screen and (max-width: 1023px) {

  .forum-system .forum-row div:nth-child(5) {

    display: none;

  }

}

.forum-system .forum-row div:nth-child(5) i {

  font-size: 18px;

  color: #313131;

}

.forum-system .forum-row div:nth-child(5) span {

  display: block;

  color: #ffffff;

}

.forum-system .forum-row div:nth-child(4) {

  text-align: center;

}

@media only screen and (max-width: 1023px) {

  .forum-system .forum-row div:nth-child(4) {

    display: none;

  }

}

.forum-system .forum-row div:nth-child(4) i {

  font-size: 18px;

  color: #313131;

}

.forum-system .forum-row div:nth-child(4) span {

  display: block;

  color: #ffffff;

}

.forum-system .forum-row:last-child {

  overflow: hidden;

  border-bottom: 1px solid #232323;

  -webkit-border-bottom-right-radius: 10px;

  -webkit-border-bottom-left-radius: 10px;

  -moz-border-radius-bottomright: 10px;

  -moz-border-radius-bottomleft: 10px;

  border-bottom-right-radius: 10px;

  border-bottom-left-radius: 10px;

}

.forum-system .forum-row:last-child div {

  border-bottom: 1px solid #121212;

}

.forum-lp-name {

  color: #ffffff;

}

.forum-lp-name:hover {

  color: #e12016;

}

.forum-lp-time {

  display: block;

  font-size: 12px;

  text-align: right;

}

.forum-lp-by {

  display: block;

}

.home-whats-going {

  -webkit-border-radius: 10px;

  -moz-border-radius: 10px;

  -ms-border-radius: 10px;

  border-radius: 10px;

  overflow: hidden;

  position: relative;

  margin-top: 20px;

}

.home-statistic {

  background: #131313;

  padding: 20px;

}

.home-statistic .hwg-col:nth-child(1) {

  font-size: 48px;

  color: #333333;

}

@media only screen and (min-width: 1024px) {

  .home-statistic .hwg-col:nth-child(1) {

    width: 5%;

  }

}

@media only screen and (max-width: 1023px) {

  .home-statistic .hwg-col:nth-child(1) {

    text-align: center;

  }

}

@media only screen and (min-width: 1024px) {

  .home-statistic .hwg-col:nth-child(2) {

    width: 80%;

  }

}

.home-statistic .hwg-col:nth-child(2)::after {

  content: "";

  display: block;

  clear: both;

}

.home-statistic .hwg-col:nth-child(2) .hwgc-col {

  display: block;

  padding: 0 15px;

  font-size: 18px;

  font-weight: 700;

  text-align: center;

  text-transform: uppercase;

}

@media only screen and (min-width: 1024px) {

  .home-statistic .hwg-col:nth-child(2) .hwgc-col {

    float: left;

  }

}

@media only screen and (max-width: 1023px) {

  .home-statistic .hwg-col:nth-child(2) .hwgc-col {

    float: left;

    width: 50%;

    margin: 10px 0;

  }

  .home-statistic .hwg-col:nth-child(2) .hwgc-col:nth-child(5) {

    width: 100%;

  }

}

.home-statistic .hwg-col:nth-child(2) .hwgc-col:nth-child(5) {

  text-transform: none;

  font-size: 14px;

}

.home-statistic .hwg-col:nth-child(2) .hwgc-col span {

  display: block;

  color: #999;

  font-size: 14px;

}

.home-statistic .hwg-col:nth-child(3) {

  text-align: center;

}

@media only screen and (min-width: 1024px) {

  .home-statistic .hwg-col:nth-child(3) {

    width: 15%;

  }

}

@media only screen and (max-width: 1023px) {

  .home-statistic .hwg-col:nth-child(3)::after {

    content: "";

    display: block;

    clear: both;

  }

}

.home-statistic .hwg-col:nth-child(3) .hwgc-col {

  width: 50%;

}

@media only screen and (max-width: 1023px) {

  .home-statistic .hwg-col:nth-child(3) .hwgc-col {

    float: left;

  }

}

.home-statistic .hwg-col:nth-child(3) .hwgc-col span {

  display: block;

}

.home-active-users {

  background: #1c1c1c;

  padding: 20px;

}

.home-active-users .active-users {

  margin-top: 10px;

}

.home-birthday {

  background: #131313;

  padding: 20px;

}

.home-birthday .hb-col {

  padding-right: 10px;

}

.home-birthday .hb-col:nth-child(2) {

  font-size: 24px;

}

@media only screen and (min-width: 1024px) {

  .pro-logout {

    text-align: Right;

  }

}

@media only screen and (max-width: 1023px) {

  .pro-logout {

    text-align: Center;

  }

}

.pro-logout a {

  display: inline-block;

  background: rgba(0, 0, 0, 0.3);

  font-size: 12px;

  padding: 3px 5px;

  -webkit-border-radius: 2px;

  -moz-border-radius: 2px;

  -ms-border-radius: 2px;

  border-radius: 2px;

}

.pro-logout a:hover {

  background: #e12016;

  color: #ffffff;

}

.foot-top {

  background: #151515;

}

@media only screen and (min-width: 1024px) {

  .foot-top {

    padding: 55px 0;

  }

}

@media only screen and (max-width: 1023px) {

  .foot-top {

    padding: 10px 0;

  }

}

@media only screen and (max-width: 1023px) {

  .foot-top .foot-one .fo-col {

    text-align: center;

    padding: 20px 0;

  }

}

.foot-top .foot-one .fo-col:nth-child(1) {

  line-height: 24px;

}

@media only screen and (min-width: 1024px) {

  .foot-top .foot-one .fo-col:nth-child(1) {

    width: 30%;

  }

}

.foot-top .foot-one .fo-col:nth-child(1) a {

  color: #e12016;

}

.foot-top .foot-one .fo-col:nth-child(2) {

  text-align: center;

}

@media only screen and (min-width: 1024px) {

  .foot-top .foot-one .fo-col:nth-child(2) {

    width: 40%;

    padding: 0 2%;

  }

}

@media only screen and (min-width: 1024px) {

  .foot-top .foot-one .fo-col:nth-child(3) {

    width: 30%;

    text-align: right;

  }

}

.foot-top .foot-one .fo-col:nth-child(3) img {

  margin-left: 10px;

}

.sercanaslan-logo {

  display: block;

}

@media only screen and (min-width: 1024px) {

  .sercanaslan-logo {

    text-align: right;

  }

}

@media only screen and (max-width: 1023px) {

  .sercanaslan-logo {

    text-align: center;

  }

}

.sercanaslan-logo a img {

  opacity: 0.3;

  max-width: 30px;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -ms-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

}

.sercanaslan-logo a:hover img {

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -ms-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  opacity: 1;

}

.foot-links {

  display: block;

  margin-top: 20px;

}

.foot-links a {

  display: inline-block;

  margin: 3px;

}

.footer-time {

  margin-top: 20px;

  text-align: center;

}

footer {

  margin-top: 20px;

}

.foot-bot {

  background: #131313;

  padding: 20px 0;

}

@media only screen and (max-width: 1023px) {

  .foot-bot .ft-col {

    margin: 10px 0;

    text-align: center;

  }

}

.foot-bot .ft-col:nth-child(1) {

  color: #4d4d4d;

}

@media only screen and (min-width: 1024px) {

  .foot-bot .ft-col:nth-child(1) {

    width: 70%;

  }

}

.foot-bot .ft-col:nth-child(2) {

  color: #4d4d4d;

}

@media only screen and (min-width: 1024px) {

  .foot-bot .ft-col:nth-child(2) {

    text-align: right;

    width: 30%;

  }

}

/*

.lightex {

  background:#ececec !important;

  .forum-system {

    .forum-row {

      border-top:1px solid #ffffff !important;

      border-bottom:1px solid #e3e3e3 !important;

      background:#f3f3f3 !important;

      div {

      .forum-2-name {

        color:#1e1e1e !important;

        &:hover {

          color:@red1;

        }

      }

      &:nth-child(2) {

        ul {

          li {

            span {

              background:rgba(0,0,0,0.05) !important;

            }

          }

        }

      }

      &:nth-child(5) {

        i {

          color:#313131 !important;

        }

        span {

          color:@white !important;

        }

      }

      &:nth-child(4) {

        i {

          color:#313131 !important;

        }

        span {

          display:block;

          color:@white !important;

        }

      }

      border-left:1px solid #fff !important;

      border-right:1px solid #e3e3e3 !important;

    }

    &:last-child {

      border-bottom:1px solid #fff !important;

      div {

        border-bottom:1px solid #e3e3e3 !important;

      }

    }

    }

  }

  .pagenavit {

    border-top:1px solid #dddddd !important;

    border-bottom:1px solid #dddddd !important;

  }

  a {

    color: #1e1e1e !important;

  }

  a:hover {

    color: @main-link-hover-color !important;

  }

  .spe-notice {

    .sn-col {

      &:nth-child(1) {

        div {

          color:#1e1e1e !important;

        }

      }

    }

  }

  .forum-ops {

    background:#e0e0e0;

    .forum-row {

      div {

        color:#1e1e1e;

      }

    }

  }

  .alt2,.alt1,.alt1Active,.alt2Active,.panelsurround {

    background:#f3f3f3;

    border-top:1px solid #e3e3e3;

    -webkit-box-shadow: inset 1px 1px 0px 0px rgba(255,255,255,1);

    -moz-box-shadow: inset 1px 1px 0px 0px rgba(255,255,255,1);

    box-shadow: inset 1px 1px 0px 0px rgba(255,255,255,1);

    border-left:1px solid #e3e3e3;

  }

}

*/

.head-top-logged .search,

.head-top-logout .search {

  position: relative;

}

@media only screen and (min-width: 1024px) {

  .adv-search {

    position: absolute;

    top: 54px;

    left: 20px;

  }

}

@media only screen and (max-width: 1023px) {

  .adv-search {

    padding: 5px 10px;

  }

}

.adv-search a {

  -webkit-border-radius: 2px;

  -moz-border-radius: 2px;

  -ms-border-radius: 2px;

  border-radius: 2px;

  font-size: 12px;

}

@media only screen and (min-width: 1024px) {

  .postbit-content {

    margin-bottom: 30px;

  }

}

.postbit-content .spe-button9 {

  height: 18px;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  -ms-border-radius: 5px;

  border-radius: 5px;

  line-height: 18px;

  background: #303030;

  font-size: 12px;

  display: inline-block;

  cursor: pointer;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -ms-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  padding: 0 5px;

}

.postbit-content .spe-button9:hover {

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -ms-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  background: #e12016;

  color: #ffffff;

}

@media only screen and (max-width: 1023px) {

  .postbit-content {

    margin-bottom: 20px;

    background: #1c1c1c;

    padding: 0px;

    -webkit-border-radius: 10px;

    -moz-border-radius: 10px;

    -ms-border-radius: 10px;

    border-radius: 10px;

  }

}

@media only screen and (min-width: 1024px) {

  .postbit-content .postbit-col:nth-child(1) {
    
    width: 15%;

  }

  .postbit-content .postbit-col:nth-child(2) {

    width: 88.5%;

    padding-left: 1.5%;

  }

}
.delete-post-new {
  margin-bottom:20px;
}
@media only screen and (max-width: 1023px) {

  .postbit-content .postbit-col:nth-child(2) {

    margin-top: 20px;

  }

}

.postbit-content .postbit-bg {

  position: relative;

}

@media only screen and (min-width: 1024px) {

  .postbit-content .postbit-bg {

    background: #1c1c1c;

    padding: 20px;

    -webkit-border-radius: 10px;

    -moz-border-radius: 10px;

    -ms-border-radius: 10px;

    border-radius: 10px;

  }

}

.postbit-content .postbit-content-bg {

  position: relative;

}

@media only screen and (min-width: 1024px) {

  .postbit-content .postbit-content-bg {

    background: #1c1c1c;

    -webkit-border-radius: 10px;

    -moz-border-radius: 10px;

    -ms-border-radius: 10px;

    border-radius: 10px;


  }

}

@media only screen and (min-width: 1024px) {

  .postbit-content .postbit-content-bg::after {

    content: "\f0d9";

    font-family: "Font Awesome 5 Free";

    font-weight: 900;

    color: #1c1c1c;

    position: absolute;

    left: -10px;

    top: 10px;

    font-size: 34px;

  }

}

@media only screen and (min-width: 1024px) {

  .pb-one .pbo-col:nth-child(1) {

    width: 50%;

  }

  .pb-one .pbo-col:nth-child(2) {

    width: 50%;

    text-align: right;

  }

}

.npl-thread-title {
  border-bottom: 1px solid #272727 !important;
  padding: 10px 20px !important;
}
.pb-two {

  border-bottom: 1px solid #272727;

  padding: 0 0 10px 0;

}

.pb-two .pbo-col:nth-child(1) {

  width: 10%;

}

.pb-two .pbo-col:nth-child(2) {

  width: 90%;

}

.postbit-avatar {

  margin-bottom: 15px;

}

.postbit-avatar img {

  display: block;

  max-width: 100%;

}

@media only screen and (min-width: 1024px) {

  .postbit-avatar img {

    margin: 0 auto;

  }

}

@media only screen and (max-width: 1023px) {

  .postbit-avatar img {

    height: 50px;

    width: 50px;

    -webkit-border-radius: 100%;

    -moz-border-radius: 100%;

    -ms-border-radius: 100%;

    border-radius: 100%;

  }

}

.icon-active {

  color: #e12016;

}

.online-status {

  position: absolute;

  left: -5px;

  top: -5px;

}

@media only screen and (min-width: 1024px) {

  .postbit-username {

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#303030+0,272727+100 */

    background: #303030;

    /* Old browsers */

    background: -moz-linear-gradient(top, #303030 0%, #272727 100%);

    /* FF3.6-15 */

    background: -webkit-linear-gradient(top, #303030 0%, #272727 100%);

    /* Chrome10-25,Safari5.1-6 */

    background: linear-gradient(to bottom, #303030 0%, #272727 100%);

    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#303030', endColorstr='#272727', GradientType=0);

    /* IE6-9 */

    -webkit-border-radius: 10px;

    -moz-border-radius: 10px;

    -ms-border-radius: 10px;

    border-radius: 10px;

    top: -10px;

    left: -5%;

    width: 110%;

    position: absolute;

    border-top: 1px solid #383838;

    text-align: center;

    padding: 10px 0;

  }

}

@media only screen and (max-width: 1023px) {

  .postbit-username {

    text-align: right;

    position: absolute;

    width: 100%;

    z-index: 10;

    top: 0;

  }

}

.postbit-username a {

  color: #ffffff;

  display: block;

  font-weight: 700;

  font-size: 20px;

}

.postbit-username a:hover {

  color: #e12016;

}

.postbit-leg-bor {

  background: #171717;

  padding: 5px 10px;

  -webkit-border-radius: 10px;

  -moz-border-radius: 10px;

  -ms-border-radius: 10px;

  border-radius: 10px;

  letter-spacing: 3px;

  font-size: 12px;

  text-align: center;

}

.postbit-leg-bor img {

  max-width: 100%;

  margin: 0 auto;

}

@media only screen and (max-width: 1023px) {

  .postbit-resps {

    display: none;

  }

}

.postbit-leg-row {

  -webkit-border-radius: 10px;

  -moz-border-radius: 10px;

  -ms-border-radius: 10px;

  border-radius: 10px;

  margin-top: 10px;

  padding: 5px;

  background: #272727;

}

.postbit-leg-row .plr-col {

  font-size: 12px;

}

.postbit-leg-row .plr-col:nth-child(1) {

  width: 50%;

}

.postbit-leg-row .plr-col:nth-child(2) {

  width: 50%;

}

.postbit-leg-last {

  background: #171717;

  padding: 5px 10px;

  -webkit-border-radius: 10px;

  -moz-border-radius: 10px;

  -ms-border-radius: 10px;

  border-radius: 10px;

  text-align: center;

}

.postbit-leg-lasted {

  text-align: center;

  padding: 0;

}
.npl-postbit-newes-top {
  -webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.postbit-leg-lasted a {

  display: inline-block;

}

.postbit-message {

  line-height: 24px;

  padding: 20px;

}
.old-signatur {
  padding:20px;
}
.old-signatur span {
  display:block;
  letter-spacing:3px;
  margin-bottom:20px;
}
.postbit-con-foot {
  border-top: 1px solid #272727;
  padding:20px;
}

@media only screen and (min-width: 1024px) {

  .postbit-message {

    min-height: 300px;

  }

}

.postbit-con-signature {

  border-top: 1px solid #272727;

  padding: 20px 0;

}

.postbit-con-editnote {

  border-top: 1px solid #272727;

  padding: 10px 0;

  font-size: 12px;

}
.npl-editnote {

  border-top: 1px solid #272727;

  padding: 10px;

  font-size: 12px;

}

@media only screen and (min-width: 1024px) {

  .postbit-content-buttons {

    text-align: right;

  }

  .postbit-content-buttons a {

    float: right;

    margin: 0 0 0 4px;

  }

}

.postbit-content-buttons::after {

  content: "";

  display: block;

  clear: both;

}

@media only screen and (max-width: 1023px) {

  .postbit-content-buttons {

    text-align: center;

  }

  .postbit-content-buttons a {

    margin: 2px;

  }

}

.foot-linkeds {

  padding: 5px;

  text-align: center;

}

.foot-linkeds a {

  font-size: 12px;

  display: inline-block;

}

.spe-button1 {

  background: #353535;

  color: #ffffff;

  display: inline-block;

  cursor: pointer;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  -ms-border-radius: 5px;

  border-radius: 5px;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -ms-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  padding: 5px 15px;

}

.spe-button1 i {

  margin-right: 5px;

}

.spe-button1:hover {

  background: #e12016;

  color: #ffffff;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -ms-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

}

.post-content-bottom {

  border-top: 1px solid #272727;

  padding-top: 20px;

}

@media only screen and (min-width: 1024px) {

  .post-content-bottom .pcb-col:nth-child(1) {

    width: 40%;

  }

  .post-content-bottom .pcb-col:nth-child(2) {

    width: 60%;

    text-align: right;

  }

}

@media only screen and (max-width: 1023px) {

  .post-content-bottom .pcb-col:nth-child(1) {

    padding-bottom: 10px;

    text-align: center;

  }

  .post-content-bottom .pcb-col:nth-child(2) {

    text-align: center;

  }

}

.spe-label1 {

  cursor: pointer;

}

.spe-label1 input {

  display: none;

}

.spe-label1 input:checked + span {

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -ms-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  background: #e12016;

  border-color: #e12016;

}

.spe-label1 input:checked + span::after {

  opacity: 1;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -ms-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

}

.spe-label1 span {

  display: inline-block;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -ms-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  text-align: center;

  line-height: 14px;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  -ms-border-radius: 5px;

  border-radius: 5px;

  border: 2px solid #303030;

  width: 18px;

  height: 18px;

}

.spe-label1 span::after {

  content: "\f00c";

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -ms-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  color: #ffffff;

  font-size: 12px;

  opacity: 0;

  font-family: "Font Awesome 5 Free";

  font-weight: 900;

}

.spe-button2 {

  height: 18px;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  -ms-border-radius: 5px;

  border-radius: 5px;

  line-height: 18px;

  background: #303030;

  font-size: 12px;

  display: inline-block;

  cursor: pointer;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -ms-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  padding: 0 5px;

}

.spe-button2:hover {

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -ms-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  background: #e12016;

  color: #ffffff;

}

.user-offline,

.user-online,

.user-invisible {

  display: inline-block;

  width: 16px;

  height: 16px;

  -webkit-border-radius: 100%;

  -moz-border-radius: 100%;

  -ms-border-radius: 100%;

  border-radius: 100%;

}

.user-invisible {

  background: #4c4c4c;

  -webkit-box-shadow: 0 0 10px 0 rgba(76, 76, 76, 0.15);

  -moz-box-shadow: 0 0 10px 0 rgba(76, 76, 76, 0.15);

  box-shadow: 0 0 10px 0 rgba(76, 76, 76, 0.15);

}

.user-online {

  background: #00c88d;

  -webkit-box-shadow: 0 0 10px 0 rgba(0, 200, 141, 0.15);

  -moz-box-shadow: 0 0 10px 0 rgba(0, 200, 141, 0.15);

  box-shadow: 0 0 10px 0 rgba(0, 200, 141, 0.15);

}

.user-offline {

  background: #351916;

  -webkit-box-shadow: 0 0 10px 0 rgba(53, 25, 22, 0.15);

  -moz-box-shadow: 0 0 10px 0 rgba(53, 25, 22, 0.15);

  box-shadow: 0 0 10px 0 rgba(53, 25, 22, 0.15);

}

.showth-top {

  padding: 10px;

}

@media only screen and (min-width: 1024px) {

  .showth-top .sth-col:nth-child(1) {

    width: 30%;

  }

  .showth-top .sth-col:nth-child(2) {

    width: 70%;

  }

}

@media only screen and (max-width: 1023px) {

  .showth-top .sth-col:nth-child(1) {

    text-align: center;

    padding: 10px 0;

  }

  .showth-top .sth-col:nth-child(2) {

    text-align: center;

    padding: 10px 0;

  }

}

.showth2-top {

  margin-bottom: 20px;

}

@media only screen and (min-width: 1024px) {

  .showth2-top .sth-col:nth-child(1) {

    width: 30%;

  }

  .showth2-top .sth-col:nth-child(2) {

    width: 70%;

  }

}

@media only screen and (max-width: 1023px) {

  .showth2-top .sth-col:nth-child(1) {

    text-align: center;

    padding: 10px 0;

  }

  .showth2-top .sth-col:nth-child(2) {

    text-align: center;

    padding: 10px 0;

  }

}

.showth-top-bor {

  -webkit-border-radius: 10px;

  -moz-border-radius: 10px;

  -ms-border-radius: 10px;

  border-radius: 10px;

  background: #1e1e1e;

  margin-bottom: 30px;

  overflow: hidden;

}

@media only screen and (max-width: 1023px) {

  .showth-top-bor table tbody tr::after {

    content: "";

    display: block;

    clear: both;

  }

  .showth-top-bor table tbody tr td {

    display: Block;

    float: left;

    width: 50%;

    padding: 5px 0;

    text-align: center;

  }

}

@media only screen and (min-width: 1024px) {

  .showth-top-bor table tbody tr td {

    padding: 10px;

  }

}

@media only screen and (min-width: 1024px) {

  .pagenav {

    text-align: right;

  }

}

@media only screen and (max-width: 1023px) {

  .pagenav {

    text-align: center;

  }

}

.pagenav ul {

  display: block;

  margin: 0;

  padding: 0;

  list-style: none;

}

.pagenav ul li {

  position: relative;

  display: inline-block;

}

@media only screen and (min-width: 1024px) {

  .pagenav ul li {

    margin-left: 5px;

  }

}

@media only screen and (max-width: 1023px) {

  .pagenav ul li {

    margin: 2px;

  }

}

.pagenav ul li:hover .pagenav-dropdown {

  display: block;

}

.pagenav ul li .pagenav-dropdown {

  display: none;

  z-index: 100;

  width: 150px;

  text-align: left;

  padding: 10px;

  background: #353535;

  position: absolute;

}

.pagenav ul li .pagenav-dropdown input {

  width: 100%;

  text-align: center;

}

.pagenav ul li a,

.pagenav ul li span {

  background: #353535;

  color: #ffffff;

  display: block;

  cursor: pointer;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  -ms-border-radius: 5px;

  border-radius: 5px;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -ms-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  padding: 5px 15px;

}

.pagenav ul li a i,

.pagenav ul li span i {

  margin-right: 5px;

}

.pagenav ul li a:hover,

.pagenav ul li span:hover,

.pagenav ul li a.current,

.pagenav ul li span.current {

  background: #e12016;

  color: #ffffff;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -ms-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

}

.moderator-links {

  text-align: center;

  margin-bottom: 30px;

}

@media only screen and (max-width: 1023px) {

  .controlbar {

    display: block !important;

  }

}

.controlbar iframe {

  border: 1px solid #aaa !important;

}

.vBulletin_editor,

.wysiwyg {

  border: 1px solid #aaa !important;

}

.vBulletin_editor {

  padding: 10px !important;

}

.popup-top {

  padding: 20px;

  font-weight: 700;

  font-size: 16px;

  color: #fff;

  background: #252525;

}

.popup-bg {

  width: 300px;

  margin: 0 auto;

  background: #1c1c1c;

  position: relative;

  border-radius: 10px;

  -moz-border-radius: 10px;

  -webkit-border-radius: 10px;

  overflow: hidden;

}

.popup-content {

  padding: 20px;

}

.spe-label4 {

  display: block;

  margin-bottom: 10px;

  color: #fff;

  font-weight: 500;

}

.spe-input4 {

  display: block;

  border-radius: 50px;

  -moz-border-radius: 50px;

  -webkit-border-radius: 50px;

  background: transparent;

  transition: all 0.2s ease-in-out;

  border: 2px solid #343434;

  padding: 0 20px;

  color: #fff;

  height: 45px;

  line-height: 45px;

  width: 100%;

}

.spe-input4:focus {

  border-color: #f25f5f;

  transition: all 0.2s ease-in-out;

}

.spe-in-col {

  text-align: left;

  margin-bottom: 20px;

}

.spe-in-colx input {

  width: 100%;

}

.spe-checkbox2 {

  display: none;

}

.spe-checkbox2x {

  color: #fff;

  font-weight: 500;

  cursor: pointer;

}

.spe-checkbox2x span {

  display: block;

  border-radius: 50px;

  -moz-border-radius: 50px;

  -webkit-border-radius: 50px;

  width: 16px;

  height: 16px;

  text-align: center;

  border: 2px solid #343b4e;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  float: left;

  font-size: 10px;

  padding: 1px 0 0 0;

  margin: 0 10px 0 0;

}

.spe-checkbox2x span::after {

  content: "\f00c";

  color: transparent;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  font-family: "Font Awesome 5 Free";

  font-weight: 900;

}

.spe-checkbox2:checked + .spe-checkbox2x span::after {

  color: #f25f5f;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

}

.spe-checkbox2:checked + .spe-checkbox2x span {

  border-color: #f25f5f;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

}

.spe-button4 {

  border-radius: 30px;

  -moz-border-radius: 30px;

  -webkit-border-radius: 30px;

  background: #e12016;

  padding: 10px 20px;

  border: 2px solid #e12016;

  display: inline-block;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  color: #fff;

  font-weight: 700;

}

.spe-button4:hover {

  background: #fff;

  color: #e12016;

  border-color: #ffffff;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

}

.spe-button3 {

  border-radius: 30px;

  -moz-border-radius: 30px;

  -webkit-border-radius: 30px;

  border: 2px solid #e12016;

  padding: 10px 20px;

  display: inline-block;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  color: #fff;

  font-weight: 700;

}

.spe-button3:hover {

  background: #fff;

  color: #e12016;

  border-color: #ffffff;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

}

.unlogged-buttons {

  width: 100%;

}

@media only screen and (min-width: 1024px) {

  .unlogged-buttons {

    text-align: right;

  }

}

@media only screen and (max-width: 1023px) {

  .unlogged-buttons {

    text-align: left;

  }

}

.sticky-red {

  color: #e12016;

}

.newthread-message > table {

  width: 100% !important;

}

.newthread-message > table textarea {

  width: 100% !important;

}

@media only screen and (min-width: 1024px) {

  .icon-row {

    display: inline-block;

    margin: 3px;

  }

  .icons-table {

    display: block;

    padding: 5px 0;

  }

  .icons-table table tr {

    display: block;

  }

  .icons-table table tr td {

    display: inline-block;

  }

  .forum-rulesx {

    width: 210px;

  }

}

@media only screen and (max-width: 1023px) {

  .forum-rulesx {

    width: 100%;

  }

  #pmrecips #pmrecips_txt {

    width: 100% !important;

  }

  .icons-table {

    display: block;

    padding: 5px 0;

  }

  .icons-table table tr {

    display: block;

  }

  .icons-table table tr td {

    display: inline-block;

  }

  select {

    margin-top: 5px !important;

    width: 100% !important;

  }

  .icon-row {

    display: inline-block;

    margin: 3px;

  }

}

fieldset {

  border-color: #333 !important;

  margin: 10px 0 !important;

  font-size: 14px !important;

}

fieldset legend {

  font-weight: 700;

  color: #ffffff;

}

#profilepic_cell img {

  display: block;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  -ms-border-radius: 5px;

  border-radius: 5px;

  max-height: 100px;

  width: auto !important;

}

.remodal-c-box {

  padding: 4px 10px;

  -webkit-border-radius: 2px;

  -moz-border-radius: 2px;

  -ms-border-radius: 2px;

  border-radius: 2px;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -ms-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  position: absolute;

  right: 10px;

  top: 14px;

  color: #e12016;

  cursor: pointer;

  font-size: 18px;

}

.remodal-c-box:hover {

  color: #ffffff;

}

@media only screen and (max-width: 1023px) {

  #threadslist tbody tr td:not( :nth-child(3)) {

    display: none !important;

  }

}

.th-field {

  margin: 20px 0;

}

.memberinfo-style .min-col:nth-child(1) {

  width: 15%;

}

.memberinfo-style .min-col:nth-child(2) {

  width: 67%;

  padding: 0 1.5%;

}

.memberinfo-style .min-col:nth-child(3) {

  width: 15%;

}

.fieldset table tr td {

  padding: 10px 0 !important;

}

@media only screen and (max-width: 1023px) {

  .respborder tr td {

    width: 100%;

    padding: 10px;

    display: block;

  }

}

@media only screen and (min-width: 1024px) {

  .thread-stats select,

  .thread-stats input {

    width: 95% !important;

  }

}

@media only screen and (max-width: 1023px) {

  .thread-stats {

    text-align: center;

  }

  .thread-stats select,

  .thread-stats input {

    width: 100% !important;

  }

  .thread-stats tbody tr td {

    padding: 5px 0;

    display: block;

  }

}

@media only screen and (max-width: 1023px) {

  .resptable {

    text-align: center;

  }

  .resptable select,

  .resptable input {

    width: 100% !important;

    display: block;

  }

  .resptable tbody tr td {

    display: block !important;

  }

  .resptable-tr {

    text-align: center;

  }

  .resptable-tr select,

  .resptable-tr input {

    width: 100% !important;

    display: block;

  }

  .resptable-tr tbody tr {

    display: block !important;

    width: 100% !important;

  }

  .resptable-tr tbody tr td {

    display: block !important;

    width: 100% !important;

  }

}

#vB_Editor_QR_controls legend,

#vB_Editor_001_controls legend,

#vB_Editor_001_smiliebox legend {

  color: #222 !important;

}

@media only screen and (max-width: 1023px) {

  #vB_Editor_QR_controls table tbody,

  #vB_Editor_001_controls table tbody,

  #vB_Editor_001_smiliebox table tbody {

    text-align: center;

  }

  #vB_Editor_QR_controls table tbody tr td,

  #vB_Editor_001_controls table tbody tr td,

  #vB_Editor_001_smiliebox table tbody tr td {

    display: inline-block !important;

    width: auto !important;

  }

}

@media only screen and (max-width: 1023px) {

  .usercpshell-resp tbody tr td {

    text-align: center;

  }

  .usercpshell-resp tbody tr td input[type="text"],

  .usercpshell-resp tbody tr td select,

  .usercpshell-resp tbody tr td input[type="submit"],

  .usercpshell-resp tbody tr td button,

  .usercpshell-resp tbody tr td input[type="reset"],

  .usercpshell-resp tbody tr td input[type="password"] {

    width: 100% !important;

    display: block !important;

  }

  .usercpshell-resp tbody tr td img {

    max-width: 100% !important;

    height: auto !important;

  }

  .usercpshell-resp tbody tr td table {

    width: 100%;

  }

}

@media only screen and (max-width: 1023px) {

  .panel .bginput {

    width: 100% !important;

  }

  .resp-td-block {

    display: block !important;

  }

  .whoisonline-table tr td:not( :nth-child(1)) {

    display: none;

  }

}

.zim-row {

  padding: 20px;

  border-bottom: 1px solid rgba(255, 255, 255, 0.05);

}

@media only screen and (min-width: 1024px) {

  .zim-row .zim-col:nth-child(1) {

    width: 10%;

  }

}

.zim-row .zim-col:nth-child(1) img {

  display: block;

  width: 70px;

  height: 70px;

  -webkit-border-radius: 100%;

  -moz-border-radius: 100%;

  -ms-border-radius: 100%;

  border-radius: 100%;

}

@media only screen and (max-width: 1023px) {

  .zim-row .zim-col:nth-child(1) img {

    margin: 0 auto;

  }

}

@media only screen and (min-width: 1024px) {

  .zim-row .zim-col:nth-child(2) {

    width: 90%;

    padding-left: 20px;

  }

}

@media only screen and (max-width: 1023px) {

  .zim-row .zim-col:nth-child(2) {

    text-align: center;

  }

}

@media only screen and (min-width: 1024px) {

  .zim-row .zim-col:nth-child(2) .zim-top .zt-col:nth-child(1) {

    width: 50%;

  }

  .zim-row .zim-col:nth-child(2) .zim-top .zt-col:nth-child(1) a {

    font-weight: 700;

    color: #ffffff;

  }

  .zim-row .zim-col:nth-child(2) .zim-top .zt-col:nth-child(2) {

    width: 50%;

    font-size: 12px;

    text-align: right;

  }

  .zim-row .zim-col:nth-child(2) .zim-top .zt-col:nth-child(2) input {
    margin-left:10px;
  }

}

.zim-row .zim-col:nth-child(2) .zim-mid {

  margin: 5px 0;

}

@media only screen and (min-width: 1024px) {

  .zim-row .zim-col:nth-child(2) .zim-bot .zb-col:nth-child(1) {

    width: 50%;

  }

  .zim-row .zim-col:nth-child(2) .zim-bot .zb-col:nth-child(2) {

    width: 50%;

  }

}

.ziy-mes-controls {

  margin: 0;

  padding: 0;

  text-align: right;

}

.ziy-mes-controls li {

  display: inline-block;

}

.ziy-mes-controls li a {

  display: block;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  -ms-border-radius: 5px;

  border-radius: 5px;

  font-size: 13px;

  padding: 4px 10px;

  background: #171717;

}

.ziy-mes-controls li a:hover {

  background: #e12016;

  color: #ffffff;

}

.cur-avatar .cur-av-col:nth-child(1) {

  width: 10%;

}

.cur-avatar .cur-av-col:nth-child(1) img {

  display: block;

  max-width: 100%;

  height: auto !important;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  -ms-border-radius: 5px;

  border-radius: 5px;

}

.cur-avatar .cur-av-col:nth-child(2) {

  width: 90%;

  padding-left: 20px;

}

.postbit-new-content {

  background: #1c1c1c;

  overflow: hidden;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  -ms-border-radius: 5px;

  border-radius: 5px;

}

@media only screen and (min-width: 1024px) {

  .postbit-new-content {

    margin-bottom: 30px;

  }

}

@media only screen and (max-width: 1023px) {

  .postbit-new-content {

    margin-bottom: 20px;

  }

}

.postbit-new-top {

  background: #1f1f1f;

}

@media only screen and (min-width: 1024px) {

.postbit-new-top .pnt-row {

    width: 50%;

  }

}

.postbit-new-top .pnt-row .pnt-col {

  padding: 10px;

  border-left: 1px solid #292929;

}

.postbit-new-top .pnt-row .pnt-col.pnt-fix {

  padding: 0;

}

.postbit-new-top .pnt-row .pnt-col.pnt-fix a {

  padding: 10px;

  background: #292929;

  display: block;

}

.postbit-new-top .pnt-row .pnt-col.pnt-fix a:hover {

  background: #e12016;

  color: #ffffff;

}

.postbit-new-top .pnt-row .pnt-col a {

  display: block;

}

@media only screen and (min-width: 1024px) {

  .postbit-new-rank {

    text-align: right;

  }

}

@media only screen and (max-width: 1023px) {

  .postbit-new-rank {

    display: none;

  }

}

.postbit-new-rank img {

  max-width: 100%;

  max-height: 56px;

}

.postbit-new-bar {

  border-bottom: 1px solid #272727;

  display: table;

  width: 100%;

}

.postbit-new-bar .pnb-col {

  display: table-cell;

  vertical-align: middle;

}

@media only screen and (min-width: 1024px) {

  .postbit-new-bar .pnb-col:nth-child(1) {

    width: 65%;

    padding: 10px 20px;

  }

}

@media only screen and (max-width: 1023px) {

  .postbit-new-bar .pnb-col:nth-child(1) {

    padding: 10px;

  }

}

.postbit-new-bar .pnb-col:nth-child(1) .pnb-profile {

  margin-right: 10px;

}

@media only screen and (min-width: 1024px) {

  .postbit-new-bar .pnb-col:nth-child(1) .pnb-profile:nth-child(2) {

    width: 30%;

  }

  .postbit-new-bar .pnb-col:nth-child(1) .pnb-profile:nth-child(3) {

    width: 100%;

  }

}

.postbit-new-bar .pnb-col:nth-child(2) {

  padding: 10px 20px;

  position: relative;

  background: #232323;

}

@media only screen and (min-width: 1024px) {

  .postbit-new-bar .pnb-col:nth-child(2) {

    width: 35%;

  }

}

@media only screen and (max-width: 1023px) {

  .postbit-new-bar .pnb-col:nth-child(2) {

    display: none;

  }

}

.postbit-new-avatar {

  position: relative;

  padding: 5px;

  line-height: 83px;

  text-align: center;

  font-size: 24px;

  color: #414141;

  background: #272727;

  -webkit-border-radius: 100%;

  -moz-border-radius: 100%;

  -ms-border-radius: 100%;

  border-radius: 100%;

}

@media only screen and (min-width: 1024px) {

  .postbit-new-avatar {

    width: 83px;

    height: 83px;

  }

}

@media only screen and (max-width: 1023px) {

  .postbit-new-avatar {

    width: 60px;

    height: 60px;

  }

}

.postbit-new-avatar img {

  display: block;

  margin: 0 auto;

}

@media only screen and (min-width: 1024px) {

  .postbit-new-avatar img {

    width: 73px;

    height: 73px;

    -webkit-border-radius: 100%;

    -moz-border-radius: 100%;

    -ms-border-radius: 100%;

    border-radius: 100%;

  }

}

@media only screen and (max-width: 1023px) {

  .postbit-new-avatar img {

    height: 50px;

    width: 50px;

    -webkit-border-radius: 100%;

    -moz-border-radius: 100%;

    -ms-border-radius: 100%;

    border-radius: 100%;

  }

}

.postbit-new-username {

  margin-bottom: 5px;

}

.postbit-new-username a {

  font-weight: 700;

  color: #ffffff;

}

@media only screen and (min-width: 1024px) {

  .postbit-new-username a {

    font-size: 24px;

  }

}

@media only screen and (max-width: 1023px) {

  .postbit-new-username a {

    font-size: 16px;

  }

}

.postbit-new-username a:hover {

  color: #e12016;

}

.postbit-new-leg-bor {

  text-align: Center;

  -webkit-border-radius: 10px;

  -moz-border-radius: 10px;

  -ms-border-radius: 10px;

  border-radius: 10px;

  text-align: center;

}

@media only screen and (min-width: 1024px) {

  .postbit-new-leg-bor {

    background: #171717;

    padding: 5px 10px;

    letter-spacing: 3px;

    font-size: 12px;

    display: inline-block;

  }

}

@media only screen and (max-width: 1023px) {

.pnb-flexim   .postbit-new-leg-bor {

    font-size: 10px;

  }

}

.pnb-flexim .postbit-new-leg-bor img {

  max-width: 100%;

  margin: 0 auto;

}

.pnb-flexim .postbit-new-leg-row {

  padding: 5px 10px;

  border-top: 1px solid rgba(255, 255, 255, 0.05);

  width: 50%;

}

.pnb-flexim .postbit-new-leg-row:nth-child(odd) {

  border-right: 1px solid rgba(255, 255, 255, 0.05);

}

.pnb-flexim .postbit-new-leg-row:nth-child(1),

.pnb-flexim .postbit-new-leg-row:nth-child(2) {

  border-top: none;

}

.pnb-flexim .postbit-new-leg-row .plr-col:nth-child(1) {

  width: 50%;

}

.pnb-flexim .postbit-new-leg-row .plr-col:nth-child(2) {

  width: 50%;

  color: #ffffff;

}

.pnb-flexim .postbit-new-leg-last {

  padding: 5px 10px;

  text-align: center;

}

.slider1 .slick-dots {

  position: absolute;

  bottom: -20px;

  display: block;

  width: 100%;

  padding: 0;

  margin: 0;

  list-style: none;

  text-align: center;

}

.slider1 .slick-dots li {

  position: relative;

  display: inline-block;

  list-style: none;

  text-align: center;

  margin: 0 5px;

  padding: 0;

  cursor: pointer;

}

.slider1 .slick-dots li div {

  display: block;

  border: 0;

  width: 8px;

  text-indent: -99999999px;

  font-size: 0;

  transition: all 0.2s ease-in-out;

  height: 8px;

  background: #171717;

  border-radius: 100%;

  -moz-border-radius: 100%;

  -webkit-border-radius: 100%;

  opacity: 1;

}

.slider1 .slick-dots .slick-active div {

  background: #e12016 !important;

  transition: all 0.2s ease-in-out;

}

/* Slider Arrows */

.slider1 .slick-prev,

.slider1 .slick-next {

  font-size: 0;

  display: block;

  bottom: -25px;

  z-index: 10;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -ms-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  position: absolute;

}

.slider1 .slick-prev.slick-disabled,

.slider1 .slick-next.slick-disabled {

  opacity: 0 !important;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -ms-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

}

.slider1 .slick-prev:hover,

.slider1 .slick-next:hover {

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -ms-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

}

.slider1 .slick-prev:hover::before,

.slider1 .slick-next:hover::before {

  background: #e12016;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -ms-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

}

.slider1 .slick-prev::before,

.slider1 .slick-next::before {

  font-family: "Font Awesome 5 Free";

  font-weight: 900;

  display: block;

  width: 25px;

  height: 25px;

  color: #bfbfbf;

  text-align: center;

  line-height: 25px;

  font-size: 9px;

  transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -ms-transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  background: #292929;

  cursor: pointer;

}

.slider1 .slick-prev {

  left: 0px;

}

.slider1 .slick-next {

  right: 0px;

}

.slider1 .slick-prev::before {

  content: '\f053';

}

.slider1 .slick-next::before {

  content: '\f054';

}

.postbit-new-message {

  line-height: 24px;

  border-bottom: 1px solid #272727;

}

@media only screen and (min-width: 1024px) {

  .postbit-new-message {

    padding: 35px;

  }

}

@media only screen and (max-width: 1023px) {

  .postbit-new-message {

    padding: 10px;

  }

}

.postbit-new-message img {

  max-width: 100%;

}

@media only screen and (min-width: 1024px) {

  .postbit-new-con-foot {

    padding: 20px 35px;

  }

}

@media only screen and (max-width: 1023px) {

  .postbit-new-con-foot {

    padding: 10px;

  }

}

.postbit-new-con-signature,

.postbit-new-con-editnote {

  border-bottom: 1px solid #272727;

}

@media only screen and (min-width: 1024px) {

  .postbit-new-con-signature,

  .postbit-new-con-editnote {

    padding: 20px 35px;

  }

}

@media only screen and (max-width: 1023px) {

  .postbit-new-con-signature,

  .postbit-new-con-editnote {

    padding: 10px;

  }

}

@media only screen and (min-width: 1024px) {

.npl-buttons-bot .postbit-new-content-buttons {
  border-top:1px solid #272727;
}

  .postbit-new-content-buttons {

    text-align: right;

    padding: 20px 35px;

  }

  .postbit-new-content-buttons a {

    float: right;

    margin: 0 0 0 4px;

  }

}

.postbit-new-content-buttons::after {

  content: "";

  display: block;

  clear: both;

}

@media only screen and (max-width: 1023px) {

  .postbit-new-content-buttons {

    text-align: center;

    padding: 10px;

  }

  .postbit-new-content-buttons a {

    margin: 2px;

    float: left;

  }

}

.spe-posth1 {

  font-size: 24px;

  font-weight: 600;

  padding: 0;

  margin: 20px 0;

}

.quote-type {

  background: rgba(0, 0, 0, 0.15) !important;

  overflow-x: auto !important;

  border: 1px solid rgba(0, 0, 0, 0.15) !important;

}

.s-profile-bar {

  background: #1d1d1d;

  margin-bottom: 30px;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  -ms-border-radius: 5px;

  border-radius: 5px;

  position: Relative;

  overflow: hidden;

}

.s-profile-bar .s-profile-top {

  background: #222222;

  color: #ffffff;

  padding: 15px;

  margin: 0;

  font-size: 14px;

  text-transform: uppercase;

  position: relative;

}

.s-profile-bar .s-profile-dropdown {

  position: absolute;

  right: 15px;

  top: 15px;

  cursor: pointer;

}

.s-profile-bar .s-profile-dropdown.current::after {

  content: "\f13a" !important;

}

.s-profile-bar .s-profile-dropdown:hover::after {

  color: #e12016;

}

.s-profile-bar .s-profile-dropdown::after {

  content: "\f139";

  font-size: 14px;

  color: #464646;

  display: block;

  font-family: "Font Awesome 5 Free";

  font-weight: 900;

}

.s-profile-bar .s-profile-dropdown_collapsed {

  position: absolute;

  right: 15px;

  cursor: pointer;

  top: 15px;

}

.s-profile-bar .s-profile-dropdown_collapsed.current::after {

  content: "\f139";

}

.s-profile-bar .s-profile-dropdown_collapsed:hover::after {

  color: #e12016;

}

.s-profile-bar .s-profile-dropdown_collapsed::after {

  content: "\f13a";

  font-size: 14px;

  color: #464646;

  display: block;

  font-family: "Font Awesome 5 Free";

  font-weight: 900;

}

.min-st-row {

  padding: 15px 20px;

  border-bottom: 1px solid #282828;

}

.min-st-row .min-st-col {

  float: left;

  width: 50%;

  font-size: 13px;

}

.min-st-row .min-st-col:nth-child(even) {

  text-align: right;

}

.min-st-row .min-st-col:nth-child(odd) {

  color: #5a5a5a;

}

.s-profile-bar-bottom {

  padding: 20px;

}

#vB_Editor_QR_textarea {

  opacity: 1 !important;

  color: #111 !important;

}

.spe-button33 {

  display: block;

  padding: 10px 0;

  cursor: pointer;

  text-align: center;

  font-size: 13px;

  background: #222222;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  -ms-border-radius: 5px;

  border-radius: 5px;

}

.spe-button33:hover {

  background: #e12016;

  color: #ffffff;

}

#vB_Editor_QR_color_out {

  position: relative !important;

}

#vB_Editor_QR_popup_forecolor_menu {

  position: absolute !important;

  top: 80px !important;

  left: 130px !important;

}

.s-profile-friends {

  padding: 20px;

}

.s-pro-fri-ul {

  display: block !important;

  padding: 0 !important;

  margin: 0 !important;

  list-style: none !important;

}

.s-pro-fri-ul::after {

  content: "";

  display: block;

  clear: both;

}

.s-pro-fri-ul li {

  width: 48.5% !important;

  margin: 0 !important;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  -ms-border-radius: 5px;

  border-radius: 5px;

  border: 1px solid #282828;

  padding: 5px 10px !important;

  margin-top: 10px;

}

.s-pro-fri-ul li a {

  display: block;

}

.s-pro-fri-ul li:nth-child(1),

.s-pro-fri-ul li:nth-child(2) {

  margin-top: 0 !important;

}

.s-pro-fri-ul li:nth-child(odd) {

  float: left;

}

.s-pro-fri-ul li:nth-child(even) {

  float: right;

}

.new-firend-img {

  background-size: cover;

  height: 100px;

  background-repeat: no-repeat;

  display: block;

  width: 100%;

  background-position: center center;

}

.new-friend-col {

  display: inline-block;

  padding: 5px;

  margin: 2px;

}

.new-friend-col img {

  width: 100%;

  display: block;

}

.new-friend-col .new-friend-name {

  display: block;

  margin-top: 10px;

}

.s-profile-friend-bottom {

  padding-top: 0 !important;

}

.s-profile-friend-bottom::after {

  content: "";

  display: block;

  clear: both;

}

.s-profile-friend-bottom .s-pbb-col {

  width: 48.5%;

}

.s-profile-friend-bottom .s-pbb-col:nth-child(odd) {

  float: left;

}

.s-profile-friend-bottom .s-pbb-col:nth-child(even) {

  float: right;

}

.s-group-list {

  display: block;

  margin: 0;

  padding: 0;

  list-style: none;

}

.s-group-list li {

  display: table;

  width: 100%;

  padding: 15px 20px;

  border-bottom: 1px solid #282828;

}

.s-group-list li div {

  display: table-cell;

  vertical-align: middle;

}

.s-group-list li div a {

  display: block;

}

.s-group-list li div:nth-child(1) {

  width: 15%;

}

.s-group-list li div:nth-child(2) {

  width: 85%;

  padding-left: 15px;

}

.s-group-img {

  background-size: cover;

  height: 35px;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  -ms-border-radius: 5px;

  border-radius: 5px;

  background-repeat: no-repeat;

  display: block;

  width: 100%;

  background-position: center center;

}

.s-last-visitors {

  width: 100%;

  padding: 15px 20px;

}

.s-last-visitors-x a {

  width: 100%;

  padding: 10px 20px;

  display: block;

  border-top: 1px solid #282828;

}

.memberinfo-row::after {

  content: "";

  display: block;

  clear: both;

}

@media only screen and (min-width: 1024px) {

  .memberinfo-row .mi-col:nth-child(1) {

    float: left;

    width: 18%;

  }

  .memberinfo-row .mi-col:nth-child(2) {

    float: left;

    width: 60%;

    margin-left: 2%;

  }

  .memberinfo-row .mi-col:nth-child(3) {

    float: right;

    width: 18%;

  }

}

@media only screen and (max-width: 1023px) {

  .memberinfo-row .mi-col:nth-child(1) {

    margin-bottom: 30px;

    padding-top: 1px;

  }

  .memberinfo-row .mi-col:nth-child(2) {

    margin-bottom: 30px;

  }

}

.mi-mid-tab-system .s-profile-bar {

  display: none;

}

.mi-mid-tab-system .s-profile-bar .s-profile-top {

  display: none;

}

.mi-mid-tab-system .s-profile-bar.current {

  display: block !important;

}

.mi-mid-bg {

  background: #1d1d1d;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  -ms-border-radius: 5px;

  border-radius: 5px;

  position: Relative;

  overflow: hidden;

}

.mi-mid-tabs {

  background: #212121;

  border-top: 1px solid #282828;

}

.mi-mid-tabs::after {

  content: "";

  display: block;

  clear: both;

}

.mi-mid-tabs .mmt-tab {

  color: #ffffff;

  cursor: pointer;

  border-right: 1px solid #282828;

  float: left;

}

.mi-mid-tabs .mmt-tab a {

  color:#fff;

  display:block;

}

@media only screen and (min-width: 1024px) {

  .mi-mid-tabs .mmt-tab {

    border-top: 3px solid transparent;

  }

  .mi-mid-tabs .mmt-tab a {

    padding:15px;

  }

  .mi-mid-tabs .mmt-tab.current,

  .mi-mid-tabs .mmt-tab:hover {

    background: #1d1d1d;

    border-top-color: #e12016;

  }

}

@media only screen and (max-width: 1023px) {

  .mi-mid-tabs .mmt-tab {

    width: 50%;

    border-bottom: 1px solid #282828;

    text-align: center;

  }

  .mi-mid-tabs .mmt-tab a {

    padding:5px;

  }

  .mi-mid-tabs .mmt-tab.current {

    background: #e12016;

    border-top-color: #e12016;

    color: #ffffff;

  }

  .mi-mid-tabs .mmt-tab.active i {

    color: #ffffff;

  }

}

.mi-mid-tabs .mmt-tab i {

  color: #e12016;

  margin-right: 3px;

}

.ziy-tab-pad {

  padding: 20px;

}

.ziy-mes-but {

  margin-top: 15px;

}

.ziy-mes-top-desc {

  padding: 10px;

  margin: 0 20px;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  -ms-border-radius: 5px;

  border-radius: 5px;

  background: #212121;

}

.ziy-top-bor {

  border-top: 1px solid #282828;

  padding: 20px 0;

}

.ziy-type-ol {

  margin: 0;

  padding: 0;

}

.mi-mid-topx {

  background: #212121;

}

.mi-mid-topx::after {

  content: "";

  display: block;

  clear: both;

}

.mi-mid-topx .last-ac-col {

  border-right: 1px solid #282828;

  padding: 10px 15px;

  float: left;

}

.mi-mid-topx .last-ac-col span {

  color: #666;

}

.mi-profile {

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  -ms-border-radius: 5px;

  border-radius: 5px;

  background: #1d1d1d;

  padding-top: 1px;

  margin-top: 65px;

  margin-bottom: 30px;

}

.mi-profile .profile-img {

  position: relative;

  -webkit-border-radius: 100%;

  -moz-border-radius: 100%;

  -ms-border-radius: 100%;

  border-radius: 100%;

  width: 130px;

  text-align: center;

  line-height: 130px;

  height: 130px;

  border: 1px solid #292929;

  background: #1d1d1d;

  margin: 0 auto;

  margin-top: -65px;

}

.mi-profile .profile-img::after {

  content: "\f007";

  font-family: "Font Awesome 5 Free";

  font-weight: 900;

  color: #777;

  left: 0;

  right: 0;

  top: 0;

  margin: auto;

  font-size: 50px;

  position: absolute;

}

.mi-profile .profile-img img {

  display: block;

  position: relative;

  z-index: 3;

  max-height: auto !important;

  width: 130px !important;

  height: 130px !important;

  -webkit-border-radius: 100% !important;

  -moz-border-radius: 100% !important;

  -ms-border-radius: 100% !important;

  border-radius: 100% !important;

  border: 5px solid #1d1d1d;

}

.member-h1 {

  font-size: 24px;

  display: block;

  padding: 10px 0 0 0;

  margin: 0;

  color: #ffffff;

  text-align: center;

}

.member-h2 {

  font-size: 14px;

  padding: 0 0 5px 0;

  margin: 0;

  font-weight: 400;

  text-align: center;

}

.member-rep {

  text-align: Center;

  padding: 5px 0;

}

.member-profile-top {

  padding-bottom: 15px;

}

.member-rank {

  display: block;

  padding: 5px 0;

  text-align: center;

}

.member-rank img {

  max-width: 100%;

  margin: 0 auto;

  display: block;

}

.member-online {

  position: absolute;

  left: 0;

  right: 0;

  text-align: center;

  width: 100%;

  top: -5px;

}

.mem-spe-men2-top {

  padding: 10px 0;

  text-align: center;

  border-bottom: 1px solid #282828;

  border-top: 1px solid #282828;

  cursor: pointer;

  font-size: 18px;

}

.mem-spe-men2-top:hover {

  background: #e12016;

  color: #ffffff;

}

.mem-spe-men2-con {

  display: none;

}

.mem-spe-men2-con a {

  display: block;

  padding: 5px 10px;

  border-bottom: 1px solid #282828;

}

.mem-spe-men2-con a:hover {

  background: #e12016;

  color: #ffffff;

}

.member-spe-menu {

  border-top: 1px solid #282828;

  border-bottom: 1px solid #282828;

}

.member-spe-menu::after {

  content: "";

  display: block;

  clear: both;

}

.member-spe-menu a {

  float: left;

  width: 33.3333%;

  display: block;

  text-align: center;

  font-size: 18px;

  padding: 10px 0;

  border-right: 1px solid #282828;

}

.member-spe-menu a:last-child {

  border-right: 0;

}

.member-spe-menu a:hover {

  background: #e12016;

  color: #ffffff;

}

.member-spe-men3 {

  padding: 20px;

}

.member-spe-men3 a {

  display: block;

  margin: 2.5px;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  -ms-border-radius: 5px;

  border-radius: 5px;

  padding: 10px;

  color: #ffffff;

  background: #262626;

}

.member-spe-men3 a i {

  color: #e12016;

  margin-right: 10px;

}

.member-spe-men3 a:hover {

  background: #e12016;

  color: #ffffff;

}

.member-spe-men3 a:hover i {

  color: #ffffff;

}

.member-spe-men4 {

  text-align: center;

  padding: 0 20px 20px 20px;

}

.ikili-reklamlar {

  margin-bottom: 20px;

  padding: 5px 0;

  width: 100%;

}

.ikili-reklamlar img {

  max-width: 100%;

  display: block;

}

@media only screen and (min-width: 1024px) {

  .ikili-reklamlar {

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

  }

}

@media only screen and (min-width: 1024px) {

  .ikili-reklamlar {

    -webkit-box-align: center;

    -moz-box-align: center;

    -ms-flex-align: center;

    align-items: center;

  }

}

.ikili-reklamlar .ur-col {

  text-align: center;

}

@media only screen and (max-width: 1023px) {

  .ikili-reklamlar .ur-col {

    padding: 10px 0;

  }

}

@media only screen and (min-width: 1024px) {

  .ikili-reklamlar .ur-col {

    width: 50%;

  }

}

.ikili-reklamlar .ur-col a {

  display: block;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  -ms-border-radius: 5px;

  border-radius: 5px;

  background: #1d1d1d;

}

@media only screen and (min-width: 1024px) {

  .ikili-reklamlar .ur-col:nth-child(1) {

    padding-right: 15px;

  }

  .ikili-reklamlar .ur-col:nth-child(2) {

    padding-left: 15px;

  }

}

.ikili-reklamlar-footer {

  margin: 20px 0 0 0;

  padding: 5px 0;

  width: 100%;

}

.ikili-reklamlar-footer a {

  display: block;

  width: 100%;

  text-align: center;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  -ms-border-radius: 5px;

  border-radius: 5px;

  background: #1d1d1d;

}

.ikili-reklamlar-footer img {

  max-width: 100%;

  display: block;

}

@media only screen and (min-width: 1024px) {

  .ikili-reklamlar-footer {

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

  }

}

@media only screen and (min-width: 1024px) {

  .ikili-reklamlar-footer {

    -webkit-box-align: center;

    -moz-box-align: center;

    -ms-flex-align: center;

    align-items: center;

  }

}

.ikili-reklamlar-footer .ur-col {

  text-align: center;

}

@media only screen and (max-width: 1023px) {

  .ikili-reklamlar-footer .ur-col {

    padding: 10px 0;

  }

}

@media only screen and (min-width: 1024px) {

  .ikili-reklamlar-footer .ur-col {

    width: 50%;

  }

}

@media only screen and (min-width: 1024px) {

  .ikili-reklamlar-footer .ur-col:nth-child(1) {

    padding-right: 15px;

  }

  .ikili-reklamlar-footer .ur-col:nth-child(2) {

    padding-left: 15px;

  }

}

@media only screen and (min-width: 1024px) {

  .foco-col:nth-child(1) {

    width: 45%;

  }

  .foco-col:nth-child(2) {

    width: 55%;

  }

}

.foco-col img {

  height: 46px;

  max-width: 100%;

}

.click-more-ziymes {

  cursor:pointer;

}





@media only screen and (min-width:1024px) {

.itrader-row .itrader-col {

  float:left;

  width:50%;

  padding:20px;

}

}

@media only screen and (max-width:1023px) {

.itrader-row .itrader-col {

  padding:10px;

}

}

.itrader-content .itc-col:nth-child(2),.itrader-content .itc-col:nth-child(1) {

  border-top:none;

}

.itrader-content .itc-col {

  padding:10px;

  width:50%;

  display:table-cell;

  vertical-align: middle;

}

.itc-table {

  border-top:1px solid rgba(255,255,255,0.05);

  display:table;

  width:100%;

}

.itc-table:nth-child(1) {

  border-top:none;

}

.itrader-content .itc-col:nth-child(odd) {

  border-right:1px solid rgba(255,255,255,0.05);

}

.itrader-content .itc-col:nth-child(even) {

  font-weight:bold;

}

.itrader-top {

  background:rgba(0,0,0,0.20);

  padding:10px;

  margin-bottom:5px;

  text-align:center;

  border-radius:3px;

  -moz-border-radius:3px;

  -webkit-border-radius:3px;

}

.itrade-go-but {

  text-align:center;

  margin-top:10px;

}

.it2-table:nth-child(2) {

  border-top:none;

}

.it2-table {

  display:table;

  border-top:1px solid rgba(255,255,255,0.05);

  width:100%;

}

.it2-table .it2-cell {

  display:table-cell;

  border-right:1px solid rgba(255,255,255,0.05);

  vertical-align: middle;

  padding:5px;

}

.it2-table .it2-cell:nth-child(1) {

  width:35%;

}

.it2-table .it2-cell:nth-child(2) {

  width:21.6666%;

  text-align:center;

  font-weight:bold;

}

.it2-table .it2-cell:nth-child(3) {

  width:21.6666%;

  text-align:center;

  font-weight:bold;

}

.it2-table .it2-cell:nth-child(4) {

  width:21.6666%;

  border-right:none;

  text-align:center;

  font-weight:bold;

}

.olumsuz-it2 {

  color:#eb4949;

}

.olumlu-it2 {

  color:#95bf53;

}

.notr-it2 {

  color:#ffbc13;

}

.itrader-genel .itrader-gen-col {

  background:rgba(255,255,255,0.05);

  border-radius:3px;

  padding:20px;

  -moz-border-radius:3px;

  -webkit-border-radius:3px;

}

@media only screen and (min-width:1024px) {

.itrader-genel .itrader-gen-col {

  width:32%;

  float:left;

}

.itrader-genel .itrader-gen-col:nth-child(3) {

  float:right !important;

}

.itrader-genel .itrader-gen-col:nth-child(2) {

  margin-left:2%;

}

.itrader-linkeds div {

  display:inline-block;

  margin-right:10px;

}

}

@media only screen and (max-width:1023px) {

.itrader-genel .itrader-gen-col {

  margin:10px 0;

}

.itrader-linkeds div {

  display:inline-block;

  margin:3px

}

.itrader-linkeds {

  text-align:center;

}

}

.itrader-linkeds {

  margin:20px 0;

}

.n-post-leg-bg {
  background:#1c1c1c;
  border-radius:10px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  position:relative;
}
.npl-username {
  background:#232323;
  position:relative;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  color:#fff;
  display:block;
  text-align:center;
  font-size:18px;
  font-weight:700;
}
.npl-bigusername {
  color:#fff;
  display:block;
  padding:10px;
  text-align:center;
  font-size:18px;
  font-weight:700;
}
@media only screen and (min-width:1024px) {
.npl-avatar {
  padding:12px;
  display:table;
  width:100%;
  height:174px;
}
.npl-avatar img {
  display:block;
  max-width:100%;
  margin:0 auto;
  border-radius:10px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  max-height:174px;
}
}
@media only screen and (max-width:1023px) {
.npl-avatar {
  padding:12px;
}
.npl-avatar img {
  display:block;
  max-width:100%;
  margin:0 auto;
  border-radius:10px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  max-height:70px;
}
}
.npl-avatar a {
  display:table-cell;
  vertical-align: middle;
}

.npl-noavatar {
  padding:12px;
}
.npl-noavatar span {
  height:174px;
  line-height:174px;
  font-size:32px;
  color:rgba(255,255,255,0.10);
  text-align:center;
  border-radius:10px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  background:#212121;
}

.npl-rank-img {
  text-align:center;
  padding:12px;
}
.npl-rank-img img {
  display:block;
  margin:0 auto;
  max-width:100%;
}
@media only screen and (min-width:1024px) {
.npl-rank-text {
  position:relative;
  background:#212121;
  padding:10px 0;
  margin-left:-6px;
  width:199px;
  font-size:12px;
  text-align:center;
  letter-spacing:2px;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}
.npl-rank-text::before  {
  content:"";
  top:-4px;
  left:0;
  position:absolute;
  background:url("../img/npl1.png");
  width:6px;
  height:4px;
}
.npl-rank-text::after  {
  content:"";
  top:-4px;
  right:0;
  position:absolute;
  background:url("../img/npl2.png");
  width:6px;
  height:4px;
}
}
@media only screen and (max-width:1023px) {
.npl-rank-text {
  display:none;
}
}
@media only screen and (min-width:1024px) {
.npl-content {
  padding:12px;
}
}
@media only screen and (max-width:1023px) {
.npl-content {
  display:none;
}
.npl-av-left {
  float:left;
  width:25%;
}
.npl-av-right {
  float:right;
  width:70%;
  text-align:right;
}
}

.npl-content .postbit-new-leg-row {
  margin-top:8px;
  font-size:12px;
}
.npl-content .postbit-new-leg-row:nth-child(1) {
  margin-top:0;
}
.npl-content .postbit-new-leg-row .plr-col:nth-child(1) {
  width:50%;
  color:#7e7e7e;
}
.npl-content .postbit-new-leg-row .plr-col:nth-child(2) {
  width:50%;
  text-align:right;
}
.sbc-home-wha-go {
  border-radius:10px;
  position:relative;
  background:#1c1c1c;
  margin-top:20px;
  overflow:hidden;
  font-weight:400;
  font-size:12.5px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  padding:13px 0;
}
.sbc-home-wha-go a {
  font-weight:400;
}
.hwg-padding {
  padding:0 13px;
}
.hwg-top {
  background: url("../img/bg3.jpg") repeat-x center center;
  color: #ffffff;
  padding:15px 20px;
  border-radius:10px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  -webkit-box-shadow: inset 1px 1px 0px 0px rgba(255, 255, 255, 0.05) !important;
  -moz-box-shadow: inset 1px 1px 0px 0px rgba(255, 255, 255, 0.05) !important;
  box-shadow: inset 1px 1px 0px 0px rgba(255, 255, 255, 0.05) !important;
  border:1px solid #210f0f;
}
@media only screen and (min-width:1024px) {
.hwg-one {
  border-bottom:1px solid #232323;
}
}
@media only screen and (max-width:1023px) {
.hwg-one {
  text-align:center;
}
}
@media only screen and (min-width:1024px) {
.hwg-one .hwg-one-col {
  padding:13px;
  border-right:1px solid #232323;
}
}
@media only screen and (max-width:1023px) {
.hwg-one .hwg-one-col {
  display:inline-block;
  padding:10px;
}
.hwg-one .hwg-one-col:nth-child(1) {
  display:none;
}
}
.hwg-text1 {
  color:#656565;
}
.hwg-text1 a {
  color:#656565;
}
.hwg-row2 {
  background:#1a1a1a;
  border-bottom:1px solid #232323;
  padding:0 13px;
  width:100%;
}
.hwg-row2 .hwg-col2 {
  padding:13px;
  border-right:1px solid #232323;
}
.hwg-rankeds {
  padding:13px;
  border-bottom:1px solid #232323;
}
.hwg-rankeds span {
  display:inline-block;
  margin:0 5px 5px 0;
}
.hwg-whos-online {
  padding:13px;
}
@media only screen and (min-width:1024px) {
.hwg-whos-online .hwg-who-col:nth-child(1) {
  width:4%;
}
.hwg-whos-online .hwg-who-col:nth-child(2) {
  width:96%;
}
}
@media only screen and (max-width:1023px) {
.hwg-whos-online .hwg-who-col:nth-child(1) {
  display:none;
}
}
.hwg-pad2 {
  padding-top:13px;
}
.ock-cont {
  margin-bottom:20px;
  background:#1c1c1c;
  border-radius:10px;
  padding:13px 0 0 0;
  -moz-border-radius:10px;
  font-size:13px;
  -webkit-border-radius:10px;
}
.ock-cont a {
  font-size:13px;
}
.ock-cont a:hover {
  color:#e12016 !important;
}
.ock-content {
  margin-top:10px;
  padding:0 13px;
}
@media only screen and (min-width:1024px) {
.ock-row {
  height:33px;
  border-bottom:1px solid #232323;
}
}
@media only screen and (max-width:1023px) {
.ock-row {
  padding:10px;
  border-bottom:1px solid #232323;
}
}
.ock-row:last-child {
  border-bottom:none;
}
.ock-row .ock-col:nth-child(1) img { 
  display:block;
  max-width:100%;
}
@media only screen and (min-width:1024px) {
.ock-row .ock-col:nth-child(1) {
  width:1.5%;
}
.ock-row .ock-col:nth-child(2) {
  width:48.5%;
}
.ock-row .ock-col:nth-child(3) { 
  width:25%;
}
.ock-row .ock-col:nth-child(4) { 
  width:25%;
  padding-right:13px;
  text-align:right;
}
}
.ock-row .ock-col:nth-child(2) a {
  color:#fff;
}
@media only screen and (max-width:1023px) {
.ock-row .ock-col:nth-child(1) {
  display:block;
  float:left;
  padding-right:3px;
}
.ock-row .ock-col:nth-child(2) {
  display:block;
  width:100%;
}
.ock-row .ock-col:nth-child(2)::after,.ock-row::after {
  display:block;
  content:"";
  clear:both;
}
.ock-row .ock-col:nth-child(3) { 
  display:block;
  float:right;
}
.ock-row .ock-col:nth-child(4) { 
  display:block;
  float:left;
}
}
.ock-row .ock-col:nth-child(3) a,.ock-row .ock-col:nth-child(4) a { 
  color:#cacaca;
}
@media only screen and (min-width:1024px) {
.ock-row:nth-child(1) {
  border-radius:10px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  background:#171717;
  color:#606060;
}
}
@media only screen and (max-width:1023px) {
.ock-row:nth-child(1) {
  display:none;
}
}

.postbit-messagebit .npl-rank-text::after,.postbit-messagebit .npl-rank-text::before {
  display:none;
}
.postbit-messagebit .npl-rank-text {
  margin-left:auto !important;
  width:100% !important;
}
.postbit-messagebit .postbit-content {
  margin-top:20px !important;
}


#dbtech_topxstats_column1 table tr td,#dbtech_topxstats_column3 table tr td {
padding:2px 0;border-top: 1px solid #232323 !important;
}
.delete-post-new {
  padding:5px;
  background:rgba(255,255,255,0.05)
}
.thankseds {
  padding:5px;
  background:rgba(255,255,255,0.05);
margin-bottom:30px;
border-radius:5px;
}


@media only screen and (max-width:1023px) {
.home-statsic tr {
  display:block !important;
  width:100% !important;
}
.home-statsic tr td {
  display:block !important;
  width:100% !important;
}
}
#vB_Editor_QR_controls {position:relative !important;}

#vB_Editor_QR_controls #vB_Editor_QR_popup_forecolor_menu { top:50px !important }
#vB_Editor_001_textarea {color:#222 !important; opacity:1 !important;}
.post-con-sig-bar {
  position:relative;
}
@media only screen and (min-width:1024px) {
.pcsb-top {
  padding:5px 20px;
  background:rgba(255,255,255,0.03);
  color:#555;
  font-size:12px;
}
.mob-date-thread {
  display:none;
}
}
.postbit-new-con-signature {
  background:rgba(255,255,255,0.01);
}
@media only screen and (max-width:1023px) {
.pcsb-top {
  display:none;
}
}
.forum-view-x {
  right:3px !important;
  top:3px !important;
  font-size:12px !important;
  padding:2px 5px !important;
}
@media only screen and (max-width:1023px) {
  .mob-date-thread {
    font-size:12px;
    display:block;
    margin-top:3px;
  }
}
body { font-family:"Roboto", sans-serif !important; }
a { font-family:"Roboto", sans-serif !important; }


.gb-container {
  max-width:600px;
  margin:0 auto;
  display:block;
  padding:20px;
  border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  background:rgba(0,0,0,0.20);
}
.error-bar {
  padding:15px;
  background:;
  border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  background:#c56b6b;
  color:white;
}
.error-list {
  margin:0;
  padding:0;
  list-style:none;
}
.error-list li {
  margin-top:5px;
  margin-left:5px;
}
.gb-top {
  padding:15px;
  background:;
  border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  background:#d83c3c;
  color:white;
  text-align:center;
  text-transform: uppercase;
}
.gb-col {
  margin-top:15px;
}
.gb-col select,.gb-col input[type="text"] {
  width:100%;
}
.gb-text1,.gb-smallfont {
  color:#777;
}
.gb-text1 {
  margin-bottom:5px;
}
.gb-smallfont {
  font-size:12px;
  margin-top:5px;
}
.gb-text1 span {
  font-size:12px;
  margin-left:10px;
}
.gb-last {
  text-align:center;
}
@media only screen and (min-width: 1024px) {
.mi-mid-tabs .mmt-tab a {
    padding-top: 15px;
    padding-bottom:15px !important;
    padding-right:10px !important;
    padding-left:10px !important;
}
}
.profile-img {
  position:relative;
}
.pp-change {
  width:24px;
  z-index:10;
  height:24px;
  background:#2a2a2a;
  text-align:center;
  line-height:24px;
  border-radius:100%;
  -moz-border-radius:100%;
  -webkit-border-radius:100%;
  position:absolute;
  right:10px;
}
.pp-change:hover {
  background:#e12016;
  color:#fff;
}
@media only screen and (max-width:1023px) {
.djs_ame_container iframe {
  width:100% !important;
  height:200px !important;
}
}
@media only screen and (max-width:1366px) {
  .special-ads-hidden {
    overflow:hidden;
    -moz-overflow:hidden;
    -webkit-overflow:hidden;
    -ms-overflow:hidden;
    width:100%;
    position:relative;
  }
}



.spe-footer-backlinks {
  text-align:center;
  padding:10px 0;
  background:rgba(0,0,0,0.30);
}
.spe-footer-backlinks a {
  display:inline-block;
  font-size:12px;
  margin:3px;
}
