/* ===== custom.css (id=442) ===== */
/**
 * Baimless Forum — reskin v2 (modernized)
 * Applied 2026-04-20. Theme: flatum (set_id=11). Target: core_theme_css.css_id=442.
 * v2 fixes: font load, logo size, softer glow, stronger borders, better forms,
 *           refined section titles, polished data rows, visible buttons.
 */

@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap");

/* =========================================================================
   DESIGN TOKENS
   ========================================================================= */
:root {
  --bl-bg-0: #050406;
  --bl-bg-1: #0a0810;
  --bl-bg-2: #120f18;
  --bl-bg-3: #18131f;
  --bl-bg-glass: rgba(14, 10, 18, 0.78);
  --bl-bg-glass-hi: rgba(14, 10, 18, 0.94);
  --bl-surface: rgba(24, 19, 31, 0.72);
  --bl-surface-hi: rgba(30, 23, 38, 0.85);
  --bl-surface-hov: rgba(163, 14, 141, 0.08);

  --bl-accent-0: #3f0f3e;
  --bl-accent-1: #770475;
  --bl-accent-2: #a30e8d;
  --bl-accent-3: #ee609c;
  --bl-accent-4: #ffd8f4;

  --bl-border-hair: rgba(255, 255, 255, 0.045);
  --bl-border-subtle: rgba(255, 255, 255, 0.08);
  --bl-border-mid: rgba(255, 255, 255, 0.14);
  --bl-border-hi: rgba(255, 255, 255, 0.24);
  --bl-border-accent: rgba(163, 14, 141, 0.38);
  --bl-border-accent-hi: rgba(238, 96, 156, 0.55);

  --bl-text-0: #ffffff;
  --bl-text-1: rgba(255, 255, 255, 0.88);
  --bl-text-2: rgba(255, 255, 255, 0.66);
  --bl-text-3: rgba(255, 255, 255, 0.45);
  --bl-text-4: rgba(255, 255, 255, 0.28);

  --bl-shadow-soft: 0 8px 28px -12px rgba(0, 0, 0, 0.6);
  --bl-shadow-mid: 0 14px 48px -20px rgba(0, 0, 0, 0.72);
  --bl-shadow-pink: 0 16px 48px -16px rgba(163, 14, 141, 0.5);
  --bl-shadow-pink-soft: 0 8px 26px -10px rgba(163, 14, 141, 0.35);

  --bl-radius-xs: 6px;
  --bl-radius-sm: 10px;
  --bl-radius-md: 14px;
  --bl-radius-lg: 18px;
  --bl-radius-xl: 24px;

  --bl-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", system-ui, sans-serif;
  --bl-font-mono: "JetBrains Mono", "Fira Code", "SF Mono", Menlo, Monaco, monospace;
}

/* =========================================================================
   GLOBAL FOUNDATION
   ========================================================================= */
html, body {
  background: var(--bl-bg-1) !important;
  color: var(--bl-text-1) !important;
  font-family: var(--bl-font) !important;
  font-feature-settings: "cv02", "cv03", "cv04", "cv11", "ss01" !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: -0.01em;
  text-rendering: optimizeLegibility;
}

body {
  font-size: 14.5px !important;
  line-height: 1.55 !important;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  background:
    radial-gradient(640px 320px at 10% -5%, rgba(163, 14, 141, 0.14), transparent 65%),
    radial-gradient(520px 280px at 92% 102%, rgba(119, 4, 117, 0.14), transparent 65%);
  z-index: -1;
  pointer-events: none;
}

.ipsApp, #ipsLayout_body, #ipsLayout_contentArea, #ipsLayout_mainArea,
.ipsLayout_container, .ipsLayout_content {
  background: transparent !important;
  color: var(--bl-text-1);
}

#ipsLayout_body { min-height: 100vh; }

::selection { background: rgba(163, 14, 141, 0.42); color: #fff; }

::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: #07060a; }
::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, rgba(163, 14, 141, 0.55), rgba(119, 4, 117, 0.45));
  border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, rgba(238, 96, 156, 0.75), rgba(163, 14, 141, 0.6));
}

/* =========================================================================
   HEADER / STICKY NAV  (v3: single-row flex layout + fixed dropdowns)
   ========================================================================= */
#ipsLayout_header,
#headersticky {
  background: var(--bl-bg-glass) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  border-bottom: 1px solid var(--bl-border-subtle) !important;
  box-shadow: var(--bl-shadow-mid) !important;
  transition: border-color 0.4s, box-shadow 0.4s;
  position: relative !important;
  top: auto !important;
  z-index: 10;
}
/* Kill the JS-toggled sticky class from the base theme — header stays in flow */
#headersticky.sticky,
#ipsLayout_header.sticky {
  position: relative !important;
  top: auto !important;
  width: auto !important;
  box-shadow: var(--bl-shadow-mid) !important;
}
#ipsLayout_header::before,
#headersticky::before { content: none !important; }

#ipsLayout_header > .ipsLayout_container,
#headersticky > .ipsLayout_container {
  max-width: 1280px !important;
  padding-left: 28px !important;
  padding-right: 28px !important;
  display: flex !important;
  align-items: center !important;
  gap: 24px !important;
  min-height: 76px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Logo — compact, aligned horizontally with nav */
#elLogo_top {
  flex: 0 0 auto !important;
  float: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
}
#elLogo {
  display: inline-flex !important;
  align-items: center;
  line-height: 1;
}
#elLogo img {
  height: 38px !important;
  width: auto !important;
  display: block !important;
  filter: drop-shadow(0 3px 10px rgba(163, 14, 141, 0.22)) !important;
  transition: transform 0.4s, filter 0.4s;
}
#elLogo:hover img {
  transform: scale(1.03);
  filter: drop-shadow(0 4px 16px rgba(238, 96, 156, 0.4)) !important;
}

/* <menu> wrapper from IPS — stretch to fill middle */
#headersticky menu,
#ipsLayout_header menu {
  flex: 1 1 auto !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: stretch !important;
  min-width: 0 !important;
  background: transparent !important;
}
#headersticky menu > nav,
#ipsLayout_header menu > nav {
  flex: 1 1 auto !important;
  width: 100% !important;
  display: flex !important;
  align-items: stretch !important;
}

/* Primary nav bar — horizontal, no background */
.ipsNavBar_primary {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
  display: flex !important;
  align-items: stretch !important;
  max-width: none !important;
}
.ipsNavBar_primary > ul {
  display: flex !important;
  align-items: stretch !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  width: auto !important;
  float: none !important;
}
.ipsNavBar_primary > ul > li {
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  display: inline-block !important;
  position: relative !important;
  border: 0 !important;
}
.ipsNavBar_primary > ul > li > a {
  color: var(--bl-text-2) !important;
  background: transparent !important;
  text-transform: lowercase !important;
  font-size: 0.88rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.005em;
  padding: 28px 18px !important;
  border: 0 !important;
  border-bottom: 3px solid transparent !important;
  transition: color 0.25s, border-color 0.25s !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px;
  box-sizing: border-box !important;
  line-height: 1.2;
}
.ipsNavBar_primary > ul > li > a:hover,
.ipsNavBar_primary > ul > li.ipsNavBar_active > a,
.ipsNavBar_primary > ul > li:hover > a {
  color: var(--bl-text-0) !important;
  background: transparent !important;
  border-bottom-color: var(--bl-accent-3) !important;
}

/* User nav (Sign In / Sign Up / cart) — right side */
#elUserNav {
  flex: 0 0 auto !important;
  margin: 0 0 0 auto !important;
  padding: 0 !important;
  float: none !important;
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  list-style: none !important;
  white-space: nowrap;
}
/* Push any trailing user/member actions group to the right edge */
#ipsLayout_header .ipsLayout_container > ul:last-child,
#headersticky .ipsLayout_container > ul:last-child,
#ipsLayout_header .ipsLayout_container > nav + ul,
#headersticky .ipsLayout_container > nav + ul,
#ipsLayout_header .ipsLayout_container > menu + ul,
#headersticky .ipsLayout_container > menu + ul {
  margin-left: auto !important;
}
#elUserNav > li {
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  display: flex !important;
  align-items: center !important;
}
#elUserNav .elUserNav_sep { display: none !important; }

#elSignInLink > a,
#elUserSignIn,
a#elUserSignIn {
  color: var(--bl-text-2) !important;
  font-size: 0.88rem !important;
  padding: 8px 4px !important;
  background: transparent !important;
  border: 0 !important;
  font-weight: 500 !important;
}
#elSignInLink > a:hover,
#elUserSignIn:hover { color: var(--bl-text-0) !important; }

/* Secondary nav dropdown — absolute positioned below parent li
   Overriding IPS flatum theme's buggy margin-top:200px + left:50% defaults. */
.ipsNavBar_primary > ul > li .ipsNavBar_secondary,
.ipsNavBar_primary > ul > li > .ipsNavBar_secondary,
.ipsNavBar_primary .ipsNavBar_secondary {
  position: absolute !important;
  top: calc(100% + 4px) !important;
  bottom: auto !important;
  left: -8px !important;
  right: auto !important;
  margin: 0 !important;
  margin-top: 0 !important;
  margin-left: 0 !important;
  min-width: 220px !important;
  max-width: 320px !important;
  width: auto !important;
  height: auto !important;
  padding: 8px !important;
  background: linear-gradient(180deg, rgba(36, 28, 46, 0.98) 0%, rgba(22, 16, 30, 0.98) 100%) !important;
  border: 1px solid rgba(238, 96, 156, 0.22) !important;
  border-radius: var(--bl-radius-md) !important;
  box-shadow:
    0 22px 70px -20px rgba(0, 0, 0, 0.9),
    0 10px 26px -10px rgba(163, 14, 141, 0.45),
    inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  z-index: 1200 !important;
  float: none !important;
  overflow: visible !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transform: translateY(-4px);
  transition: opacity 0.2s, transform 0.2s, visibility 0s linear 0.2s !important;
}

/* Dropdown pointer arrow */
.ipsNavBar_primary > ul > li .ipsNavBar_secondary::before {
  content: "";
  position: absolute;
  top: -6px;
  left: 28px;
  width: 10px;
  height: 10px;
  background: rgba(36, 28, 46, 0.98);
  border-left: 1px solid rgba(238, 96, 156, 0.22);
  border-top: 1px solid rgba(238, 96, 156, 0.22);
  transform: rotate(45deg);
  pointer-events: none;
  z-index: 1;
}

/* Show dropdown on parent hover (override IPS visibility/opacity defaults) */
.ipsNavBar_primary > ul > li:hover > .ipsNavBar_secondary,
.ipsNavBar_primary > ul > li.ipsNavBar_hover > .ipsNavBar_secondary,
.ipsNavBar_primary > ul > li:focus-within > .ipsNavBar_secondary,
.ipsNavBar_primary > ul > li.ipsNavBar_active > .ipsNavBar_secondary {
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: translateY(0) !important;
  transition: opacity 0.2s, transform 0.2s, visibility 0s linear 0s !important;
  display: block !important;
}

.ipsNavBar_primary > ul > li .ipsNavBar_secondary > li {
  display: block !important;
  float: none !important;
  width: 100% !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
  position: relative !important;
}
.ipsNavBar_primary > ul > li .ipsNavBar_secondary a {
  display: block !important;
  color: rgba(255, 255, 255, 0.78) !important;
  border-radius: var(--bl-radius-sm) !important;
  padding: 10px 14px !important;
  background: transparent !important;
  border: 0 !important;
  transition: background 0.2s, color 0.2s, transform 0.2s !important;
  font-size: 0.88rem !important;
  font-weight: 500 !important;
  white-space: nowrap !important;
  text-transform: none !important;
  letter-spacing: -0.005em !important;
  line-height: 1.3 !important;
}
.ipsNavBar_primary > ul > li .ipsNavBar_secondary a:hover {
  background: linear-gradient(90deg, rgba(163, 14, 141, 0.22), rgba(163, 14, 141, 0.08)) !important;
  color: #ffffff !important;
  border: 0 !important;
  transform: translateX(2px);
}

/* Override .ipsHide inside secondary nav (IPS uses JS to toggle; ensure CSS hover works) */
.ipsNavBar_primary > ul > li > .ipsNavBar_secondary.ipsHide { display: none; }
.ipsNavBar_primary > ul > li:hover > .ipsNavBar_secondary.ipsHide { display: block !important; }

/* Hide unused inner "More" chevron when not needed */
.ipsNavBar_primary .ipsNavBar_secondary li.ipsHide[id^="elNavigationMore"] { display: none !important; }

/* Standalone .ipsMenu (notifications, user menu popovers) */
.ipsMenu {
  background: var(--bl-bg-glass-hi) !important;
  border: 1px solid var(--bl-border-subtle) !important;
  border-radius: var(--bl-radius-md) !important;
  box-shadow: var(--bl-shadow-mid) !important;
  backdrop-filter: blur(22px) saturate(160%);
  padding: 6px !important;
}
.ipsMenu li { background: transparent !important; float: none !important; }
.ipsMenu a,
.ipsMenu_item {
  color: var(--bl-text-2) !important;
  border-radius: var(--bl-radius-sm) !important;
  padding: 9px 14px !important;
  background: transparent !important;
  border: 0 !important;
  transition: background 0.2s, color 0.2s !important;
  font-size: 0.86rem !important;
  display: block !important;
  white-space: nowrap;
}
.ipsMenu a:hover,
.ipsMenu_item:hover {
  background: rgba(163, 14, 141, 0.18) !important;
  color: var(--bl-text-0) !important;
}

/* Tablet / small desktop — keep single row, shrink gaps */
@media (max-width: 1100px) {
  #headersticky > .ipsLayout_container,
  #ipsLayout_header > .ipsLayout_container {
    gap: 14px !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
  .ipsNavBar_primary > ul > li > a { padding: 28px 12px !important; }
}

/* Mobile */
@media (max-width: 767px) {
  #headersticky > .ipsLayout_container,
  #ipsLayout_header > .ipsLayout_container {
    min-height: 60px !important;
    gap: 12px !important;
  }
  #elLogo img { height: 28px !important; }
}

#elMobileNav a { color: var(--bl-text-2) !important; }
#elMobileNav a:hover { color: var(--bl-accent-3) !important; }
#elMobileDrawer,
.ipsDrawer_menu {
  background: var(--bl-bg-glass-hi) !important;
  border-right: 1px solid var(--bl-border-subtle) !important;
  color: var(--bl-text-1);
}

/* User bar (Existing user / Sign In / Sign Up) */
#elUserNav,
#elUserNav_link,
#elGuestSignIn {
  color: var(--bl-text-2) !important;
}
#elRegisterButton, .ipsApp a#elRegisterButton { /* Sign Up */
  background: linear-gradient(135deg, var(--bl-accent-2) 0%, var(--bl-accent-3) 100%) !important;
  color: #fff !important;
  border-radius: var(--bl-radius-sm) !important;
  padding: 8px 18px !important;
  border: 0 !important;
  font-weight: 600 !important;
  box-shadow: var(--bl-shadow-pink-soft) !important;
}

/* =========================================================================
   BREADCRUMB STRIP
   ========================================================================= */
#ipsLayout_contentArea > .ipsBreadcrumb:first-child,
.ipsBreadcrumb.ipsBreadcrumb_top {
  border-bottom: 1px solid var(--bl-border-hair) !important;
  padding: 10px 0 !important;
  margin: 0 !important;
  background: transparent !important;
}

/* =========================================================================
   PAGE TITLE / HEADING AREA
   ========================================================================= */
.ipsPageHeader,
.ipsPageHeader_area {
  background: transparent !important;
  border: 0 !important;
  padding: 26px 0 18px !important;
}
.ipsType_pageTitle {
  color: var(--bl-text-0) !important;
  font-size: 2rem !important;
  font-weight: 700 !important;
  letter-spacing: -0.025em !important;
  line-height: 1.1 !important;
  background: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0.75) 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

/* =========================================================================
   TYPOGRAPHY
   ========================================================================= */
h1, h2, h3, h4, h5, h6,
.ipsType_huge, .ipsType_large, .ipsType_medium {
  color: var(--bl-text-0) !important;
  letter-spacing: -0.02em !important;
  font-weight: 600 !important;
}

.ipsType_sectionTitle,
.ipsWidget_title,
h3.ipsWidget_title {
  background: linear-gradient(135deg, rgba(163, 14, 141, 0.12) 0%, rgba(119, 4, 117, 0.04) 100%) !important;
  color: var(--bl-text-1) !important;
  border: 1px solid var(--bl-border-subtle) !important;
  border-bottom: 1px solid var(--bl-border-hair) !important;
  border-radius: var(--bl-radius-md) var(--bl-radius-md) 0 0 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.11em !important;
  font-size: 0.72rem !important;
  font-weight: 600 !important;
  padding: 13px 20px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
  position: relative;
}
.ipsType_sectionTitle::before {
  content: "";
  position: absolute;
  left: 0; top: 0; bottom: 0;
  width: 3px;
  background: linear-gradient(180deg, var(--bl-accent-3), var(--bl-accent-2));
  border-radius: var(--bl-radius-md) 0 0 0;
}

.ipsType_light { color: var(--bl-text-3) !important; }
.ipsType_reset, .ipsType_normal { color: var(--bl-text-1); }

/* =========================================================================
   LINKS
   ========================================================================= */
a, .ipsApp a {
  color: var(--bl-accent-3);
  transition: color 0.2s;
}
a:hover, .ipsApp a:hover {
  color: var(--bl-accent-4);
  text-decoration: none;
}
.ipsApp a { text-decoration: none !important; }
.ipsApp a.ipsType_normal { color: var(--bl-text-2); }
.ipsApp a.ipsType_normal:hover { color: var(--bl-text-0); }

/* =========================================================================
   BUTTONS
   ========================================================================= */
.ipsButton,
.ipsApp .ipsButton {
  border-radius: var(--bl-radius-sm) !important;
  font-family: var(--bl-font) !important;
  font-weight: 500 !important;
  letter-spacing: -0.005em !important;
  padding: 10px 20px !important;
  border: 0 !important;
  transition: transform 0.2s, box-shadow 0.25s, background 0.25s, border-color 0.25s, color 0.2s !important;
  line-height: 1.4;
}

.ipsApp .ipsButton_primary,
.ipsApp .ipsButton_primary:link,
.ipsApp .ipsButton_primary:visited,
.ipsApp input[type=submit].ipsButton_primary,
.ipsApp button.ipsButton_primary {
  background: linear-gradient(135deg, #a30e8d 0%, #ee609c 100%) !important;
  color: #fff !important;
  box-shadow:
    0 10px 32px -14px rgba(163, 14, 141, 0.75),
    0 2px 8px -2px rgba(163, 14, 141, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
  -webkit-box-shadow:
    0 10px 32px -14px rgba(163, 14, 141, 0.75),
    0 2px 8px -2px rgba(163, 14, 141, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
  border: 0 !important;
  font-weight: 600 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.18);
}
.ipsApp .ipsButton_primary:hover,
.ipsApp input[type=submit].ipsButton_primary:hover,
.ipsApp button.ipsButton_primary:hover {
  transform: translateY(-1px);
  box-shadow:
    0 14px 42px -14px rgba(238, 96, 156, 0.85),
    0 4px 12px -2px rgba(238, 96, 156, 0.5),
    inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
}

.ipsApp .ipsButton_normal,
.ipsApp .ipsButton_light,
.ipsApp .ipsButton_veryLight {
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid var(--bl-border-mid) !important;
  color: var(--bl-text-1) !important;
  backdrop-filter: blur(10px);
}
.ipsApp .ipsButton_normal:hover,
.ipsApp .ipsButton_light:hover,
.ipsApp .ipsButton_veryLight:hover {
  background: rgba(255, 255, 255, 0.09) !important;
  border-color: var(--bl-border-hi) !important;
  color: var(--bl-text-0) !important;
  transform: translateY(-1px);
}

.ipsApp .ipsButton_important {
  background: linear-gradient(135deg, #c21a3a 0%, #e94e6d 100%) !important;
  color: #fff !important;
  box-shadow: 0 10px 32px -14px rgba(233, 78, 109, 0.65) !important;
  font-weight: 600 !important;
}

.ipsApp .ipsButton_alternate {
  background: rgba(163, 14, 141, 0.14) !important;
  border: 1px solid var(--bl-border-accent) !important;
  color: var(--bl-accent-4) !important;
}
.ipsApp .ipsButton_alternate:hover {
  background: rgba(163, 14, 141, 0.26) !important;
  color: #fff !important;
  border-color: var(--bl-border-accent-hi) !important;
}

.ipsApp .ipsButton_overlaid,
.ipsApp .ipsButton_link {
  background: transparent !important;
  color: var(--bl-text-2) !important;
  border: 0 !important;
  box-shadow: none !important;
}
.ipsApp .ipsButton_overlaid:hover,
.ipsApp .ipsButton_link:hover { color: var(--bl-text-0) !important; }

.ipsButton_small { padding: 6px 14px !important; font-size: 0.78rem !important; }
.ipsButton_large { padding: 14px 28px !important; font-size: 0.96rem !important; border-radius: var(--bl-radius-md) !important; }
.ipsButton_verySmall { padding: 4px 10px !important; font-size: 0.72rem !important; }

/* "Start new topic" / primary action strip */
.ipsPageHeader .ipsButton_primary,
.ipsPos_right .ipsButton_primary { padding: 11px 22px !important; }

/* =========================================================================
   BOXES / AREAS / CONTAINERS
   ========================================================================= */
.ipsBox,
.ipsAreaBackground,
.ipsAreaBackground_light,
.ipsBox_transparent {
  background: var(--bl-surface) !important;
  border: 1px solid var(--bl-border-subtle) !important;
  border-radius: var(--bl-radius-md) !important;
  backdrop-filter: blur(18px) saturate(140%);
  -webkit-backdrop-filter: blur(18px) saturate(140%);
  color: var(--bl-text-1);
  box-shadow: var(--bl-shadow-soft);
}

.ipsAreaBackground_dark,
.ipsAreaBackground_reset {
  background: rgba(6, 5, 7, 0.72) !important;
  border: 1px solid var(--bl-border-subtle) !important;
  border-radius: var(--bl-radius-md) !important;
  color: var(--bl-text-1);
}

.ipsPad, .ipsPad_half, .ipsPad_double { color: var(--bl-text-1); }

/* =========================================================================
   WIDGETS (sidebar)
   ========================================================================= */
.ipsWidget {
  background: var(--bl-surface) !important;
  border: 1px solid var(--bl-border-subtle) !important;
  border-radius: var(--bl-radius-md) !important;
  overflow: hidden;
  backdrop-filter: blur(18px) saturate(140%);
  -webkit-backdrop-filter: blur(18px) saturate(140%);
  box-shadow: var(--bl-shadow-soft);
  margin-bottom: 18px !important;
}
.ipsWidget_inner, .ipsWidget_content, .ipsWidget_body {
  background: transparent !important;
  color: var(--bl-text-1);
  padding: 16px 18px !important;
}
.cWidgetContainer li h3.ipsWidget_title { margin-bottom: 0 !important; }

#ipsLayout_sidebar .ipsWidget:first-child,
#ipsLayout_sidebar > div:first-child .ipsWidget { margin-top: 0 !important; }

/* =========================================================================
   DATA LIST (forum/topic rows)
   ========================================================================= */
.ipsDataList {
  background: var(--bl-surface) !important;
  border: 1px solid var(--bl-border-subtle) !important;
  border-top: 0 !important;
  border-radius: 0 0 var(--bl-radius-md) var(--bl-radius-md) !important;
  overflow: hidden;
  backdrop-filter: blur(18px) saturate(140%);
  -webkit-backdrop-filter: blur(18px) saturate(140%);
  box-shadow: var(--bl-shadow-soft);
}
.ipsDataList:not([class*="_zebra"]) { }

.ipsDataList.ipsDataList_zebra,
.ipsDataList_large {
  border: 1px solid var(--bl-border-subtle) !important;
  border-radius: var(--bl-radius-md) !important;
}

.ipsDataItem {
  background: transparent !important;
  border-bottom: 1px solid var(--bl-border-hair) !important;
  transition: background 0.2s, border-color 0.2s !important;
  color: var(--bl-text-1);
  padding: 14px 18px !important;
}
.ipsDataItem:last-child { border-bottom: 0 !important; }
.ipsDataItem:hover {
  background: var(--bl-surface-hov) !important;
}
.ipsDataItem_unread {
  background: rgba(163, 14, 141, 0.08) !important;
  box-shadow: inset 3px 0 0 var(--bl-accent-3);
}
.ipsDataItem_unread:hover { background: rgba(163, 14, 141, 0.12) !important; }

.ipsDataItem_title,
.ipsDataItem_title a,
.cForumList .ipsDataItem_title a {
  color: var(--bl-text-0) !important;
  font-weight: 500 !important;
  font-size: 0.95rem !important;
  letter-spacing: -0.01em;
}
.ipsDataItem_title a:hover,
.cForumList .ipsDataItem_title a:hover {
  color: var(--bl-accent-3) !important;
}

.ipsDataItem_meta,
.ipsDataItem_meta a,
.ipsDataItem_stats,
.ipsDataItem_subList {
  color: var(--bl-text-3) !important;
  font-size: 0.82rem !important;
}
.ipsDataItem_meta a { color: var(--bl-text-2) !important; }
.ipsDataItem_meta a:hover { color: var(--bl-text-0) !important; }

.ipsDataList_header,
thead.ipsDataList_header,
.ipsDataList_header th {
  background: rgba(6, 5, 7, 0.72) !important;
  color: var(--bl-text-3) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
  font-size: 0.68rem !important;
  font-weight: 600 !important;
  border-bottom: 1px solid var(--bl-border-subtle) !important;
  padding: 10px 18px !important;
}

/* Item status (the round circle indicator) */
.ipsItemStatus,
.ipsItemStatus i { color: var(--bl-accent-3) !important; }
.ipsItemStatus.ipsItemStatus_large {
  background: linear-gradient(135deg, #a30e8d 0%, #ee609c 100%) !important;
  box-shadow:
    0 6px 22px -4px rgba(163, 14, 141, 0.6),
    inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
  color: #fff !important;
  width: 42px !important; height: 42px !important;
  line-height: 42px !important;
}
.ipsItemStatus.ipsItemStatus_large.ipsItemStatus_read {
  background: rgba(255, 255, 255, 0.05) !important;
  box-shadow: inset 0 0 0 1px var(--bl-border-subtle) !important;
  color: var(--bl-text-3) !important;
}
.ipsItemStatus.ipsItemStatus_large i { font-size: 16px !important; }

/* Data list "stats" column */
.ipsDataItem_stats .ipsDataItem_stats_number {
  color: var(--bl-text-0) !important;
  font-weight: 600 !important;
  font-size: 1rem !important;
}
.ipsDataItem_stats .ipsDataItem_stats_type {
  color: var(--bl-text-3) !important;
  text-transform: lowercase;
  letter-spacing: 0.02em;
}

/* Last-activity column date pill */
.ipsDataItem_lastPoster {
  color: var(--bl-text-3) !important;
  font-size: 0.8rem !important;
}
.ipsDataItem_lastPoster a { color: var(--bl-text-2) !important; }

/* =========================================================================
   FORMS / INPUTS
   ========================================================================= */
input[type=text], input[type=email], input[type=password],
input[type=search], input[type=url], input[type=number],
input[type=tel], input[type=date], textarea, select,
.ipsField_text input, .ipsField_text textarea, .ipsField_select select,
.ipsInput_text, .ipsInput, .cke_top, .cke_bottom {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid var(--bl-border-mid) !important;
  color: var(--bl-text-0) !important;
  border-radius: var(--bl-radius-sm) !important;
  padding: 11px 14px !important;
  font-family: var(--bl-font) !important;
  font-size: 14.5px !important;
  transition: border-color 0.22s, background 0.22s, box-shadow 0.22s !important;
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.18) !important;
}
input[type=text]:hover, input[type=email]:hover, input[type=password]:hover,
textarea:hover, select:hover { border-color: var(--bl-border-hi) !important; }

input:focus, textarea:focus, select:focus,
.ipsField_text input:focus, .ipsField_text textarea:focus {
  border-color: var(--bl-accent-3) !important;
  background: rgba(255, 255, 255, 0.06) !important;
  box-shadow: 0 0 0 3px rgba(238, 96, 156, 0.18), inset 0 1px 0 rgba(0, 0, 0, 0.12) !important;
  outline: 0 !important;
}

input::placeholder, textarea::placeholder { color: var(--bl-text-4) !important; }

.ipsField_row, .ipsField { color: var(--bl-text-1); }
.ipsField_title, .ipsFieldRow_label {
  color: var(--bl-text-1) !important;
  font-weight: 500 !important;
  letter-spacing: -0.005em;
}
.ipsField_description, .ipsFieldRow_desc { color: var(--bl-text-3) !important; font-size: 0.82rem !important; }
.ipsField_fieldList { background: transparent !important; }

/* Checkbox / radio visually */
input[type=checkbox], input[type=radio] { accent-color: var(--bl-accent-3); }

/* Search bar */
#elSearch input, .ipsSearchBar_input, #elSearchField {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid var(--bl-border-subtle) !important;
  color: var(--bl-text-0) !important;
  border-radius: var(--bl-radius-sm) !important;
}

/* =========================================================================
   BREADCRUMBS
   ========================================================================= */
.ipsBreadcrumb,
.ipsBreadcrumb li { color: var(--bl-text-3) !important; font-size: 0.82rem !important; }
.ipsBreadcrumb a { color: var(--bl-text-2) !important; }
.ipsBreadcrumb a:hover { color: var(--bl-text-0) !important; }
.ipsBreadcrumb > li + li::before,
.ipsBreadcrumb > li:not(:first-child)::before { color: var(--bl-text-4) !important; }

/* =========================================================================
   TABS
   ========================================================================= */
.ipsTabs,
.ipsTabs_stretch {
  background: transparent !important;
  border-bottom: 1px solid var(--bl-border-subtle) !important;
}
.ipsTabs_item {
  color: var(--bl-text-2) !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 2px solid transparent !important;
  transition: color 0.22s, border-color 0.22s !important;
  padding: 12px 18px !important;
  font-weight: 500;
}
.ipsTabs_item:hover { color: var(--bl-text-0) !important; }
.ipsTabs_activeItem,
.ipsTabs_item.ipsTabs_activeItem {
  color: var(--bl-text-0) !important;
  background: transparent !important;
  border-bottom: 2px solid var(--bl-accent-3) !important;
}

/* =========================================================================
   PAGINATION
   ========================================================================= */
.ipsPagination li a,
.ipsPagination li span {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid var(--bl-border-subtle) !important;
  color: var(--bl-text-2) !important;
  border-radius: var(--bl-radius-sm) !important;
  padding: 7px 12px !important;
  font-size: 0.86rem !important;
  transition: background 0.2s, color 0.2s, border-color 0.2s !important;
}
.ipsPagination li a:hover {
  background: rgba(163, 14, 141, 0.14) !important;
  color: var(--bl-text-0) !important;
  border-color: var(--bl-border-accent) !important;
}
.ipsPagination li.ipsPagination_active a,
.ipsPagination li.ipsPagination_active span {
  background: linear-gradient(135deg, var(--bl-accent-2), var(--bl-accent-3)) !important;
  color: #fff !important;
  border-color: transparent !important;
  box-shadow: var(--bl-shadow-pink-soft);
}

/* =========================================================================
   USER / AVATAR
   ========================================================================= */
.ipsUserPhoto img,
.ipsUserPhoto_large img,
.ipsUserPhoto_medium img,
.ipsUserPhoto_small img {
  border: 2px solid rgba(238, 96, 156, 0.20);
  box-shadow: 0 0 22px -6px rgba(163, 14, 141, 0.3);
  transition: border-color 0.3s, box-shadow 0.3s, transform 0.3s;
}
.ipsDataItem:hover .ipsUserPhoto img,
a:hover .ipsUserPhoto img {
  border-color: rgba(238, 96, 156, 0.5);
  box-shadow: 0 0 28px -6px rgba(238, 96, 156, 0.55);
  transform: scale(1.02);
}

.ipsHovercard {
  background: var(--bl-bg-glass-hi) !important;
  border: 1px solid var(--bl-border-subtle) !important;
  border-radius: var(--bl-radius-md) !important;
  color: var(--bl-text-1);
  box-shadow: var(--bl-shadow-mid);
  backdrop-filter: blur(22px) saturate(140%);
}

/* =========================================================================
   COMMENTS / POSTS
   ========================================================================= */
.ipsComment,
.cPost,
.cTopic {
  background: var(--bl-surface) !important;
  border: 1px solid var(--bl-border-subtle) !important;
  border-radius: var(--bl-radius-md) !important;
  color: var(--bl-text-1);
  box-shadow: var(--bl-shadow-soft);
}
.ipsComment_content,
.cPost_content { color: var(--bl-text-1); }

.ipsQuote,
blockquote {
  background: rgba(6, 5, 7, 0.55) !important;
  border: 1px solid var(--bl-border-subtle) !important;
  border-left: 3px solid var(--bl-accent-3) !important;
  border-radius: 0 var(--bl-radius-sm) var(--bl-radius-sm) 0 !important;
  color: var(--bl-text-2) !important;
}
.ipsQuote_citation,
.ipsQuote_citation a {
  color: var(--bl-accent-4) !important;
  background: rgba(163, 14, 141, 0.12) !important;
  border-bottom: 1px solid var(--bl-border-accent) !important;
}

pre, code, .ipsCode, .ipsCode_code {
  background: rgba(4, 3, 6, 0.85) !important;
  border: 1px solid var(--bl-border-subtle) !important;
  color: #ffe0f5 !important;
  border-radius: var(--bl-radius-sm) !important;
  padding: 12px 14px !important;
  font-family: var(--bl-font-mono) !important;
  font-size: 0.86em !important;
}
code { padding: 2px 7px !important; font-size: 0.85em !important; border-radius: 5px !important; }

/* =========================================================================
   TABLES
   ========================================================================= */
table { color: var(--bl-text-1); }
.ipsTable { background: transparent !important; }
.ipsTable thead th {
  background: rgba(6, 5, 7, 0.75) !important;
  color: var(--bl-text-3) !important;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 0.7rem !important;
  font-weight: 600 !important;
  border-bottom: 1px solid var(--bl-border-subtle) !important;
}
.ipsTable tbody tr { background: rgba(22, 18, 26, 0.35) !important; }
.ipsTable tbody tr:hover { background: var(--bl-surface-hov) !important; }
.ipsTable td { border-color: var(--bl-border-hair) !important; }

/* =========================================================================
   BADGES / NOTIFICATIONS / TOOLTIP
   ========================================================================= */
.ipsBadge,
.ipsBadge_new {
  background: linear-gradient(135deg, var(--bl-accent-2), var(--bl-accent-3)) !important;
  color: #fff !important;
  border-radius: 999px !important;
  font-weight: 600 !important;
  font-size: 0.7rem !important;
  padding: 3px 10px !important;
  box-shadow: 0 4px 14px -4px rgba(163, 14, 141, 0.5);
}
.ipsBadge_positive { background: linear-gradient(135deg, #0e7a4a, #19b671) !important; }
.ipsBadge_negative { background: linear-gradient(135deg, #9b1a2e, #e94e6d) !important; }
.ipsBadge_neutral { background: rgba(255, 255, 255, 0.08) !important; color: var(--bl-text-1) !important; }

.ipsNotificationCount {
  background: var(--bl-accent-3) !important;
  color: #fff !important;
  box-shadow: 0 0 14px rgba(238, 96, 156, 0.55);
  font-weight: 700;
}

.ipsTooltip {
  background: var(--bl-bg-glass-hi) !important;
  border: 1px solid var(--bl-border-subtle) !important;
  color: var(--bl-text-0) !important;
  border-radius: var(--bl-radius-sm) !important;
  box-shadow: var(--bl-shadow-mid) !important;
  font-size: 0.82rem !important;
}

/* =========================================================================
   MESSAGES / ALERTS
   ========================================================================= */
.ipsMessage {
  border-radius: var(--bl-radius-md) !important;
  border: 1px solid var(--bl-border-subtle) !important;
  background: var(--bl-surface-hi) !important;
  color: var(--bl-text-1);
  padding: 14px 18px !important;
}
.ipsMessage_success,
.ipsMessage_positive {
  background: linear-gradient(135deg, rgba(14, 122, 74, 0.22), rgba(25, 182, 113, 0.08)) !important;
  border-color: rgba(25, 182, 113, 0.4) !important;
  color: #c6f5dc !important;
}
.ipsMessage_error,
.ipsMessage_negative,
.ipsMessage_warning {
  background: linear-gradient(135deg, rgba(155, 26, 46, 0.22), rgba(233, 78, 109, 0.12)) !important;
  border-color: rgba(233, 78, 109, 0.42) !important;
  color: #ffd2dc !important;
}
.ipsMessage_info {
  background: linear-gradient(135deg, rgba(163, 14, 141, 0.22), rgba(238, 96, 156, 0.08)) !important;
  border-color: var(--bl-border-accent) !important;
  color: var(--bl-accent-4) !important;
}

/* =========================================================================
   FOOTER
   ========================================================================= */
#ipsLayout_footer {
  background: rgba(4, 3, 6, 0.85) !important;
  border-top: 1px solid var(--bl-border-subtle) !important;
  color: var(--bl-text-3) !important;
  padding: 40px 0 !important;
  backdrop-filter: blur(14px) saturate(130%);
  margin-top: 60px !important;
}
#ipsLayout_footer a { color: var(--bl-text-2) !important; }
#ipsLayout_footer a:hover { color: var(--bl-text-0) !important; }

/* =========================================================================
   DIALOGS / MODALS
   ========================================================================= */
.ipsDialog,
.ipsModal,
.ipsDialog_content {
  background: var(--bl-bg-glass-hi) !important;
  border: 1px solid var(--bl-border-subtle) !important;
  border-radius: var(--bl-radius-lg) !important;
  color: var(--bl-text-1);
  backdrop-filter: blur(10px);
  box-shadow: var(--bl-shadow-mid);
}
.ipsDialog_title {
  background: rgba(4, 3, 6, 0.72) !important;
  color: var(--bl-text-0) !important;
  border-bottom: 1px solid var(--bl-border-subtle) !important;
  border-radius: var(--bl-radius-lg) var(--bl-radius-lg) 0 0 !important;
  font-weight: 600 !important;
}

/* =========================================================================
   STORE / NEXUS
   ========================================================================= */
.cNexusProduct,
.cNexusProduct_wrap,
.cNexusProduct_stock {
  background: var(--bl-surface) !important;
  border: 1px solid var(--bl-border-subtle) !important;
  border-radius: var(--bl-radius-md) !important;
  color: var(--bl-text-1);
  overflow: hidden;
  transition: transform 0.3s, border-color 0.3s, box-shadow 0.3s;
  box-shadow: var(--bl-shadow-soft);
}
.cNexusProduct:hover {
  transform: translateY(-3px);
  border-color: var(--bl-border-accent) !important;
  box-shadow: var(--bl-shadow-pink-soft);
}
.cNexusProduct_header,
.cNexusProduct_title {
  background: rgba(6, 5, 7, 0.5) !important;
  border-bottom: 1px solid var(--bl-border-hair) !important;
  padding: 12px 16px !important;
}
.cNexusProduct_header .ipsType_light { display: none; }
.cNexusProduct_price,
.ipsPrice,
.cPrice {
  color: var(--bl-accent-4) !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em;
}

/* Store category sidebar */
.cNexusCategoryList a,
#elCategoryList li a {
  color: var(--bl-text-2) !important;
  border-radius: var(--bl-radius-sm) !important;
  padding: 8px 12px !important;
  transition: background 0.2s, color 0.2s;
}
.cNexusCategoryList a:hover,
#elCategoryList li a:hover {
  background: rgba(163, 14, 141, 0.12) !important;
  color: var(--bl-text-0) !important;
}

/* Product image card */
.cNexusProduct_image img,
.cNexusProduct_photo img {
  border-radius: var(--bl-radius-md) var(--bl-radius-md) 0 0 !important;
  transition: transform 0.5s;
}
.cNexusProduct:hover .cNexusProduct_image img,
.cNexusProduct:hover .cNexusProduct_photo img {
  transform: scale(1.04);
}

/* =========================================================================
   PROFILE / COVER
   ========================================================================= */
.ipsCover,
.ipsCover_container {
  background: linear-gradient(135deg, rgba(63, 15, 62, 0.55), rgba(10, 9, 10, 0.9)) !important;
  border-radius: var(--bl-radius-lg) !important;
  border: 1px solid var(--bl-border-subtle) !important;
  overflow: hidden;
}
.cProfileHeader {
  background: var(--bl-surface-hi) !important;
  border: 1px solid var(--bl-border-subtle) !important;
  border-radius: var(--bl-radius-lg) !important;
  box-shadow: var(--bl-shadow-soft);
}

/* =========================================================================
   CHATBOX (baimChatbox plugin — preserved functional tweaks)
   ========================================================================= */
#elChatbox { margin-bottom: 30px !important; }
.bimChatbox {
  background: var(--bl-surface) !important;
  border: 1px solid var(--bl-border-subtle) !important;
  border-radius: var(--bl-radius-md) !important;
  color: var(--bl-text-1);
  box-shadow: var(--bl-shadow-soft);
}
.bimChatbox.skin_white { background: var(--bl-surface) !important; color: var(--bl-text-1) !important; }
.bimChatbox.skin_white #searchInputArea,
.bimChatbox.skin_white #chatInputArea.sort_asc {
  border-top: 1px solid var(--bl-border-subtle) !important;
}
#searchInputArea #searchMem, #chatInputArea .chatInput {
  background: transparent !important;
  color: var(--bl-text-0) !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(238, 96, 156, 0.28) !important;
}
#searchInputArea #searchMem:focus, #chatInputArea .chatInput:focus {
  border-bottom-color: var(--bl-accent-3) !important;
}
.bimChatbox .chatMessage { color: var(--bl-text-1) !important; }
.bimChatbox .chatMessage_user { color: var(--bl-accent-3) !important; }

/* =========================================================================
   HOMEPAGE SLIDER — flatum theme Slick.js hero
   template: core_theme_templates id=2786 (slidercontent)
   ========================================================================= */
#slider_content {
  background: var(--bl-bg-1) !important;
  position: relative !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  overflow: visible !important;
}
#slider_content .slider_slick,
#slider_content .slider_container,
#slider_content .slider_box {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}
.slider_slick .slick-list,
#slider_content .slick-list { overflow: hidden !important; }
#slider_content { padding: 30px 0 !important; margin: 0 0 20px 0 !important; }
#slider_content .slider_container { padding: 40px 20px !important; text-align: center !important; }
#slider_content .slider_box { text-align: center !important; }
#slider_content h1.slider_title {
  color: #ffffff !important;
  font-weight: 800 !important;
  font-size: 3em !important;
  letter-spacing: -0.02em !important;
  margin: 0 0 12px 0 !important;
}
/* Description line — white body */
#slider_content p.slider_description {
  color: #ffffff !important;
  font-weight: 500 !important;
  font-size: 1.15em !important;
  margin: 0 0 24px 0 !important;
}
/* Anchor inside description — bright magenta/pink gradient (legacy look) */
#slider_content p.slider_description a,
#slider_content .slider_box p.slider_description a,
#slider_content .slider_container .slider_box p.slider_description a {
  background: linear-gradient(90deg, #d946ef 0%, #ee609c 50%, #f472b6 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  filter: drop-shadow(0 0 10px rgba(217, 70, 239, 0.45));
  transition: filter 0.2s !important;
}
#slider_content p.slider_description a:hover,
#slider_content .slider_container .slider_box p.slider_description a:hover {
  filter: drop-shadow(0 0 16px rgba(217, 70, 239, 0.75));
}
/* Buttons inside slide (primary/light) */
#slider_content .slider_box .ipsButton,
#slider_content .slider_box a.ipsButton,
#slider_content .slider_box a.ipsButton_primary {
  background: linear-gradient(90deg, var(--bl-accent-2), var(--bl-accent-3)) !important;
  color: #fff !important;
  border: 0 !important;
  box-shadow: 0 10px 30px -10px rgba(238, 96, 156, 0.55) !important;
}
/* Slick.js nav arrows — bright cyan */
#slider_content .slick-prev,
#slider_content .slick-next,
.slider_slick .slick-prev,
.slider_slick .slick-next {
  width: 40px !important;
  height: 40px !important;
  z-index: 10 !important;
}
#slider_content .slick-prev:before,
#slider_content .slick-next:before,
.slider_slick .slick-prev:before,
.slider_slick .slick-next:before {
  color: #22d3ee !important;
  opacity: 0.9 !important;
  font-size: 30px !important;
  text-shadow: 0 0 14px rgba(34, 211, 238, 0.55) !important;
  transition: color 0.2s, opacity 0.2s !important;
}
#slider_content .slick-prev:hover:before,
#slider_content .slick-next:hover:before,
.slider_slick .slick-prev:hover:before,
.slider_slick .slick-next:hover:before {
  color: #67e8f9 !important;
  opacity: 1 !important;
}
/* Slick pagination dots */
#slider_content .slick-dots li button:before,
.slider_slick .slick-dots li button:before {
  color: rgba(255, 255, 255, 0.22) !important;
  opacity: 1 !important;
  font-size: 10px !important;
}
#slider_content .slick-dots li.slick-active button:before,
.slider_slick .slick-dots li.slick-active button:before {
  color: #ee609c !important;
  opacity: 1 !important;
  text-shadow: 0 0 10px rgba(238, 96, 156, 0.7);
}

/* =========================================================================
   FORUM CATEGORY ICONS — round pink, like legacy (read + unread both pink)
   ========================================================================= */
.ipsDataItem_icon.ipsDataItem_category,
.cForumRow .ipsDataItem_icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: visible !important;
}
.ipsItemStatus.ipsItemStatus_large,
.ipsItemStatus.ipsItemStatus_large.ipsItemStatus_read {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #a30e8d 0%, #ee609c 100%) !important;
  box-shadow:
    0 6px 22px -4px rgba(163, 14, 141, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.15) !important;
  color: #fff !important;
  font-size: 16px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.ipsItemStatus.ipsItemStatus_large.ipsItemStatus_read {
  opacity: 0.85 !important;
}
.ipsItemStatus.ipsItemStatus_large i,
.ipsItemStatus.ipsItemStatus_large.ipsItemStatus_read i {
  color: #fff !important;
  font-size: 16px !important;
}

/* =========================================================================
   DEFAULT LETTER AVATARS — force pink gradient (only on newest-member widget
   to avoid GPU cost on forum pages with many avatars)
   ========================================================================= */
.cNewestMember .ipsUserPhoto {
  background: linear-gradient(135deg, var(--bl-accent-2), var(--bl-accent-3)) !important;
  border-radius: 50% !important;
  overflow: hidden !important;
}
.cNewestMember .ipsUserPhoto img[src^="data:image/svg"] {
  mix-blend-mode: luminosity !important;
  background: transparent !important;
}

/* =========================================================================
   SPOILERS, POLLS, MISC
   ========================================================================= */
.ipsSpoiler,
.ipsStyle_spoiler {
  background: rgba(6, 5, 7, 0.55) !important;
  border: 1px solid var(--bl-border-subtle) !important;
  border-radius: var(--bl-radius-md) !important;
}
.ipsSpoiler_header {
  background: rgba(255, 255, 255, 0.04) !important;
  color: var(--bl-text-2) !important;
  border-radius: var(--bl-radius-md) var(--bl-radius-md) 0 0 !important;
  padding: 10px 14px !important;
}

.ipsPoll {
  background: var(--bl-surface) !important;
  border: 1px solid var(--bl-border-subtle) !important;
  border-radius: var(--bl-radius-md) !important;
}
.ipsPoll_choice .ipsPoll_progress { background: rgba(255, 255, 255, 0.05) !important; }
.ipsPoll_choice .ipsPoll_progressBar {
  background: linear-gradient(90deg, var(--bl-accent-2), var(--bl-accent-3)) !important;
}

hr { border-color: var(--bl-border-subtle) !important; }

.fa, [class^="icon-"] { color: inherit; }

/* Hide the extra `8>` render bug artifact that appeared in forum table
   "last activity" cells (legacy IPS font issue) */
.ipsDataItem_lastPoster .fa,
.ipsDataItem_lastPoster i { font-style: normal; }

/* Focus outlines accessible */
a:focus-visible, button:focus-visible, [tabindex]:focus-visible {
  outline: 2px solid var(--bl-accent-3) !important;
  outline-offset: 2px !important;
  border-radius: 4px;
}
button:focus, a:focus { outline: 0; }

/* Section title caret color */
.ipsType_sectionTitle a { color: var(--bl-text-1) !important; }
.ipsType_sectionTitle a:hover { color: var(--bl-text-0) !important; }

/* Remove deprecated primary button glow stack if any leaks */
.ipsApp .ipsButton_primary:focus { outline: 0 !important; }

/* Home Activity stream / discover */
.cStream,
.cStreamItem {
  background: var(--bl-surface) !important;
  border: 1px solid var(--bl-border-subtle) !important;
  border-radius: var(--bl-radius-md) !important;
  margin-bottom: 12px !important;
}

/* Dense list container width fix */
.ipsLayout_container { max-width: 1280px !important; }

/* Remove leftover purple body bg remnants from old skin */
#ipsLayout_body, body { background-image: none !important; }

/* Sign-in dropdown polish */
#elUserSignIn_menu {
  min-width: 320px;
}


/* ===== flatum_body (id=443) ===== */
body {
   background:
     url(none) left top no-repeat,
     url(none) right top no-repeat,
     #0e131a;
   font-family: 'Maven Pro', sans-serif;
}

a {
  transition: all 0.3s ease 0s;
}

a:hover {
  transition: all 0.3s ease 0s;
}

#ipsLayout_header header {
   background-color:transparent;
   padding:0;
   padding-bottom: 0;
   height:120px;
}

#ipsLayout_header header > .ipsLayout_container {
   min-height:120px;
}

#ipsLayout_header {
   border-bottom:0;
}

.ipsLayout_container {
   max-width:1524px;
}

/* Top Config */
#elLogo_top,
menu,
#elUserNav,
#elSearch_top {
    display: table-cell;
    height:120px;
    vertical-align: middle;
    position:relative;
}

 
/* Szerokość loga */
#elLogo_top {
    min-width:187px;
    max-width:187px;
    line-height:120px;
}




/* Logo hover effects */

#elLogo_top img {
    opacity:1;
    transition: all 0.4s ease 0s;
}

#elLogo_top img:hover {
    transition: all 0.4s ease 0s;
    opacity:0.5;
}




/* Pulse */
@-webkit-keyframes hvr-pulse {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
@keyframes hvr-pulse {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

#elLogo_top img {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

#elLogo_top img:hover, 
#elLogo_top img:focus, 
#elLogo_top img:active {
  -webkit-animation-name: hvr-pulse;
  animation-name: hvr-pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}




/* Rotate */
#elLogo_top img {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}

#elLogo_top img:hover, 
#elLogo_top img:focus, 
#elLogo_top img:active {
  -webkit-transform: rotate(4deg);
  transform: rotate(4deg);
}




/* Bob */
@-webkit-keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
@keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
@-webkit-keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
@keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
#elLogo_top img {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

#elLogo_top img:hover, 
#elLogo_top img:focus, 
#elLogo_top img:active {
  -webkit-animation-name: hvr-bob-float, hvr-bob;
  animation-name: hvr-bob-float, hvr-bob;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}




/* Buzz Out */
@-webkit-keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
@keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}

#elLogo_top img {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

#elLogo_top img:hover, 
#elLogo_top img:focus, 
#elLogo_top img:active {
  -webkit-animation-name: hvr-buzz-out;
  animation-name: hvr-buzz-out;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}



/* Szerokość szukajki */
#elSearch_top {
    min-width: 200px;
    max-width: 200px;
}


/* Szerokość menu */
menu {
    width:100%;
}

/* Szerokość panelu usera */
#elUserNav {
    min-width: 500px;
    max-width: 500px;
    text-align: right;
    top: 0;
}


/* Szerokość loga */
#elLogo_top {
    width:100%;
    text-align:center;
    line-height:120px;
}

/* Szerokość menu */
menu {
    min-width: 500px;
    max-width: 450px;
    padding:0;
    text-align:left;
}

/* Szerokość panelu usera */
#elUserNav {
    min-width: 500px;
    max-width: 500px;
    text-align: right;
    top: 0;
}


html[dir="ltr"] #elUserNav {
    right: 0;
}

html[dir="rtl"] #elUserNav {
    left: 0;
}

#elUserNav > li > a .fa, #elUserNav_mobile > li > a .fa, #elFooterSocialLinks > li > a .fa {
    font-size: 15px;
} 

#elUserNav > li > a .fa-caret-down, #elUserNav > li > a .fa-plus {
    font-size: 11px;
}

.elUserNav_sep {
    border-right: 1px solid rgba(45, 59, 78, 0.25);
    height: 25px;
}

.ipsResponsive_showwMobile {
    display:none;
}

.ipsResponsive_showwDesktop {
    display:block;
}


header#headersticky {
    transition: all 0.4s ease 0s;
}

body:not(.cWidgetsManaging) header#headersticky.sticky {
    background: #121720;
    -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.08);
    -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.08);
    box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.08);
    position:fixed;
    top:0;
    width:100%;
    z-index:9;
    transition: all 0.4s ease 0s;
}


@media screen and (max-width: 1100px) {
  #elSearch_top {
     display:none;
  }
}

@media screen and (max-width: 979px) {
    .ipsResponsive_showwMobile {
       display:block;
    }

    .ipsResponsive_showwDesktop {
       display:none;
    }
  
    #elUserNav,
    header menu{
      display:none;
    }
  
    #elLogo_top {
      min-width: 100%;
      max-width: 100%;
      width:100%;
      text-align:center;
      display: block;
    }
  
    .cWidgetContainer[data-widgetArea="header"] li.ipsBox, 
    .cForumList .ipsBox, #ipsLayout_sidebar .ipsBox, 
    .cForumList.ipsBox {
      padding: 15px !important;
    }
  
    .ipsTabs {
      border-top:0;
    }
  
    .ipsTabs [data-action='expandTabs'] {
      color:#fff;
    }
  
    .ipsTabs.ipsTabs_small [data-action='expandTabs'] {
      top: 5px; 
    }
  
    .ipsTabs:target [role="tablist"], .ipsTabs.ipsTabs_showMenu [role="tablist"] {
      background: #202831;
      border-radius:20px;
    }
   
    .ipsTabs_item:not( .ipsTabs_activeItem ) {
      color: #fff !important;
    }
}

/* ===== flatum_button (id=444) ===== */
.ipsApp .ipsButton {
   border-radius:20px;
}

.ipsApp .ipsButton_medium {
    font-size:13px;
}

.ipsApp .ipsButton:not( .ipsButton_noHover ):hover {
	background-image: -moz-linear-gradient(top, rgba(0,0,0,0.08) 0%, rgba(0,0,0,0.08) 100%);
	background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.08) 0%,rgba(0,0,0,0.08) 100%);
	background-image: -o-linear-gradient(top, rgba(0,0,0,0.08) 0%,rgba(0,0,0,0.08) 100%);
	background-image: -ms-linear-gradient(top, rgba(0,0,0,0.08) 0%,rgba(0,0,0,0.08) 100%);
	background-image: linear-gradient(to bottom, rgba(0,0,0,0.08) 0%,rgba(0,0,0,0.08) 100%);
}

.ipsApp .ipsButton_primary {
   -webkit-box-shadow: 0px 0px 10px 0px rgba(39,183,200,0.3);
   -moz-box-shadow: 0px 0px 10px 0px rgba(39,183,200,0.3);
   box-shadow: 0px 0px 10px 0px rgba(39,183,200,0.3);
}

.elGalleryImage .ipsButton.ipsButton_link {
    color: #ffffff;
    border: 1px solid #1b232c !important;
}

.ipsApp .ipsButton_veryLight {
    border-color: #333f54;
}

.ipsApp .ipsButton_link.ipsFollow, 
.ipsApp .ipsButton_link.ipsPromote {
    background: #161b25;
}

.ipsApp .ipsButton_link {
    color: #516377;
    border: 1px solid #121720;
}

.ipsFollow .ipsCommentCount {
    background: #2f3648;
    border-radius:20px;
    color: #fff;
}

html[dir="ltr"] .ipsFollow .ipsCommentCount:after {
    border-color: transparent #2f3647 transparent transparent;
    margin-right: -3px;
}

html[dir="rtl"] .ipsFollow .ipsCommentCount:after {
    border-color: transparent transparent transparent #2f3647;
    margin-left: -3px;
}

.ipsButtonBar {
    border-bottom: 10;
    box-shadow: none;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.ipsButtonBar .ipsButtonRow li > a, 
.ipsButtonBar .ipsButtonRow li > button, 
.ipsButtonBar .ipsButtonRow li > span {
    background: #171e26;
    color: #fff;
}

.ipsPagination.ipsPagination_mini a {
    background: rgb(13, 17, 23);
    padding: 5px 6px;
    color: #fff;
}

.ipsPagination .ipsPagination_page a {
    text-shadow: none;
}

.ipsButtonRow li > a, 
.ipsButtonRow li > button, 
.ipsButtonRow li > span {
    background: #25b3c6;
    color: #ffffff;
}

html[dir] .ipsButton_split > .ipsButton.ipsButton_link, html[dir] .ipsButton_split > li > .ipsButton.ipsButton_link {
    border: 1px solid #34a1b2;
}

.ipsPagination .ipsPagination_pageJump a,
.ipsButtonBar .ipsPagination .ipsPagination_pageJump a{
    color: #ffffff;
}

.ipsPagination:not( .ipsPagination_mini ) .ipsPagination_page a, .ipsPagination:not( .ipsPagination_mini ) .ipsPagination_next a, .ipsPagination:not( .ipsPagination_mini ) .ipsPagination_prev a, .ipsPagination:not( .ipsPagination_mini ) .ipsPagination_first a, .ipsPagination:not( .ipsPagination_mini ) .ipsPagination_last a,
.ipsApp .ipsButtonBar .ipsPagination .ipsPagination_page a, .ipsApp .ipsButtonBar .ipsPagination .ipsPagination_next a, .ipsApp .ipsButtonBar .ipsPagination .ipsPagination_prev a, .ipsApp .ipsButtonBar .ipsPagination .ipsPagination_first a, .ipsApp .ipsButtonBar .ipsPagination .ipsPagination_last a{
    background: #121720;
    color: #ffffff;
}

.ipsPagination .ipsPagination_page.ipsPagination_active a,
.ipsButtonBar .ipsPagination .ipsPagination_page.ipsPagination_active a{
    background: #26b5c7;
    border-color: #26b5c7;
}

.ipsAreaBackground_light .ipsButtonRow li > a:not( .ipsButtonRow_active ), .ipsAreaBackground_light .ipsButtonRow li > button:not( .ipsButtonRow_active ), .ipsAreaBackground_light .ipsButtonRow li > span:not( .ipsButtonRow_active ) {
    background: #0e131a;
}


/* ===== flatum_calendary (id=445) ===== */
.cCalendar td.cCalendar_nonDate {
    background: #171e26;
}

.cCalendar td {
    border: 1px solid rgb(33, 40, 50);
}

.cCalendar td.cCalendar_today, .cCalendarWeek div.cCalendar_today {
    background: #3bb5c7;
}

/* ===== flatum_cellpic (id=446) ===== */
.ipsType_pageTitle, 
.ipsType_sectionTitle, 
.ipsType_secondaryTitle, 
.ipsType_sectionHead, 
.ipsType_minorHeading,
.ipsWidget.ipsWidget_vertical .ipsWidget_title, 
.ipsWidget.ipsWidget_horizontal .ipsWidget_title {
  font-family: 'Maven Pro', sans-serif;
}

.ipsType_sectionTitle {
  font-size:14px;
  font-weight:500;
  color:#fff;
  text-transform: none;
}


.cWidgetContainer[data-widgetArea="footer"] li.ipsBox .ipsWidget_title {
    margin: -5px 0 30px 0;
    padding:0;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
}


.cForumList.ipsBox .ipsType_sectionTitle,
.cForumList .ipsBox .ipsType_sectionTitle,
.cWidgetContainer[data-widgetArea="header"] li.ipsBox .ipsType_sectionTitle {
  margin: -5px 0 30px 0;
  padding:0;
}

/* Zwinięty dział */
.cForumRow_hidden .cForumTitle {
   opacity: 0.8;
   margin: 0 !important;
}


/* Ikona zwijania */
.cForumToggle {
  opacity:1;
  text-align:center;
}

.cForumToggle:after {
  content: "\f107";
  font-size: 18px;
  color:#2c313b;
  transition: all 0.2s ease 0s;
}

.cForumToggle:hover:after {
  color:#34cdd2;
  transition: all 0.2s ease 0s;
}

.cForumRow_hidden .cForumToggle:after {
  content: "\f104";
}


/* Color title cat */
.cForumList .ipsDataItem_title {
  font-size:14px;
  font-weight:500;
}

.cForumList .ipsDataItem_title a {
  color:#26b5c7;
}

.cForumList .ipsDataItem_title a:hover {
  color:#2EDCF2;
}

/* Sidebar avatar */

html[dir="ltr"] #ipsLayout_sidebar .ipsDataItem_icon .ipsUserPhoto {
    margin-left: -28px;
    border: 5px solid #171e26;
}

html[dir="rtl"] #ipsLayout_sidebar .ipsDataItem_icon .ipsUserPhoto {
    margin-right: -28px;
    border: 5px solid #171e26;
}


/* Last poster */

.ipsDataItem_lastPoster {
    text-align:right;
}

html[dir="ltr"] .ipsDataItem_lastPoster.ipsDataItem_withPhoto li {
    margin-right: 80px;
    margin-left:0;
}

html[dir="rtl"] .ipsDataItem_lastPoster.ipsDataItem_withPhoto li {
    margin-left: 80px;
    margin-right:0;
}

.ipsDataItem_lastPoster .ipsUserPhoto {
    float: right;
    margin: 0 -60px 0 0;
}

.ipsDataItem_lastPoster .ipsUserPhoto img {
    height:36px;
    width:36px;
    border-radius:50%;
}

/* Sidebar */
#ipsLayout_sidebar .ipsBox .ipsWidget_title {
    font-size:14px;
    font-weight:500;
    color:#fff;
    text-transform: none;
    margin: -5px 0 30px 0;
    padding:0;
}

/* Sidebar tabs */
#ipsLayout_sidebar .ipsTabs {
    margin: 0 0 20px 0;
}

#ipsLayout_sidebar .ipsTabs_panel {
    background: transparent;
}

#ipsLayout_sidebar .ipsTabs_item {
    background:transparent;
    border-radius: 20px;
    color:#fff;
}

#ipsLayout_sidebar .ipsTabs_activeItem {
    background: rgb(37, 179, 198);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgb(37, 179, 198)), color-stop(100%, rgb(53, 207, 211)));
    background: -webkit-gradient(linear, left top, right top, from(rgb(37, 179, 198)), to(rgb(53, 207, 211)));
    background: -webkit-linear-gradient(left, rgb(37, 179, 198) 0%, rgb(53, 207, 211) 100%);
    background: -o-linear-gradient(left, rgb(37, 179, 198) 0%, rgb(53, 207, 211) 100%);
    background: linear-gradient(to right, rgb(37, 179, 198) 0%, rgb(53, 207, 211) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgb(37, 179, 198)', endColorstr='rgb(53, 207, 211)', GradientType=1 );
    -webkit-box-shadow: 0px 10px 50px 0px rgba(39,183,200,0.3);
    -moz-box-shadow: 0px 10px 50px 0px rgba(39,183,200,0.3);
    box-shadow: 0px 10px 50px 0px rgba(39,183,200,0.3);
    font-weight:400;
}

@media screen and (max-width: 979px) {
    #ipsLayout_sidebar .ipsBox .ipsWidget_title,
    .cForumList.ipsBox .ipsType_sectionTitle, 
    .cForumList .ipsBox .ipsType_sectionTitle, 
    .cWidgetContainer[data-widgetArea="header"] li.ipsBox .ipsType_sectionTitle {
       margin: 10px 0 30px 0;
    }
}

/* ===== flatum_datalist (id=447) ===== */
.ipsDataList.ipsDataList_zebra .ipsDataItem:not( .ipsDataItem_selected ):not( .ipsModerated ):not( .ipsDataItem_new ):not( .ipsDataItem_success ):not( .ipsDataItem_warning ):not( .ipsDataItem_error ):not( .ipsDataItem_info ):not( .ipsDataItem_status ):nth-child(even) {
    background:#171e26;
}

.ipsDataItem {
   background:#171e26;
   border-radius:6px;
   border:0;
   margin-bottom:9px;
}

.ipsMenu .ipsDataItem {
    background: #1f2731;
}

.ipsDataList_readStatus .ipsDataItem:not( .ipsDataItem_unread ):not( .ipsDataItem_selected ):not( .ipsModerated ) {
    background: #1f2731;
}

#ipsLayout_sidebar .ipsDataItem,
#elProfileInfoColumn .ipsDataItem {
   padding:5px 8px;
}

.ipsDataItem:last-child {
   margin-bottom:0;
}


.ipsItemStatus.ipsItemStatus_large {
   background:url(none) no-repeat;
   border-radius:0;
   width:39px;
   height:58px;
   font-size:0;
}

.ipsItemStatus.ipsItemStatus_large.ipsItemStatus_read {
   background:url(none) no-repeat;
}

.ipsItemStatus.ipsItemStatus_read {
    opacity: 1;
}

.cForumRow .ipsDataItem_icon {
    padding: 20px 10px 20px 0;
    min-width: 50px;
}

html[dir="ltr"] .cForumRow .ipsDataItem_icon {
    padding-right: 0;
}

html[dir="rtl"] .cForumRow .ipsDataItem_icon {
    padding-left: 0;
}

.ipsItemStatus.ipsItemStatus_large {
    -webkit-box-shadow: 0px 2px 20px rgb(37, 179, 198);
    box-shadow: 0px 2px 20px rgb(37, 179, 198);
    background: rgb(37, 179, 198);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgb(37, 179, 198)), color-stop(100%, rgb(53, 207, 211)));
    background: -webkit-gradient(linear, left top, right top, from(rgb(37, 179, 198)), to(rgb(53, 207, 211)));
    background: -webkit-linear-gradient(left, rgb(37, 179, 198) 0%, rgb(53, 207, 211) 100%);
    background: -o-linear-gradient(left, rgb(37, 179, 198) 0%, rgb(53, 207, 211) 100%);
    background: linear-gradient(to right, rgb(37, 179, 198) 0%, rgb(53, 207, 211) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgb(37, 179, 198)', endColorstr='rgb(53, 207, 211)', GradientType=1 );
}

.ipsItemStatus.ipsItemStatus_large.ipsItemStatus_read {
    background: #27313e;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #3ebdca;
}

.ipsItemStatus.ipsItemStatus_read {
    opacity: 1;
}


.ipsDataList_large .ipsDataItem_main, .ipsDataList_large .ipsDataItem_stats, .ipsDataList_large .ipsDataItem_lastPoster, .ipsDataList_large .ipsDataItem_generic {
    padding: 20px 10px;
}

.ipsHovercard .ipsDataItem {
    margin-bottom:0;
}


.ipsDataItem_subList {
  margin-top: 2px;
}



/* subcategory 2 colum */
.ipsDataItem_subList {
    background-image:none !important;
    
	margin: 10px 0 5px 0 !important;
    
    margin: 0 0 5px 0 !important;
    
    display:table;
    width:100%;
}
html[dir="ltr"] .ipsDataItem_subList {
    padding-left:0 !important;
}
html[dir="rtl"] .ipsDataItem_subList {
    padding-right:0 !important;
}
	
.ipsDataItem_subList li {
   width:50%;
   margin-right:0 !important;
   text-overflow: ellipsis;
   -o-text-overflow: ellipsis;
   -webkit-text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
   float:left;
}
    
.ipsDataItem_subList li a {
   color: #3e4d5f;
   font-size:13px;
   max-width:100%;
}

.ipsDataItem_subList li a:before {
   content: "";
   background: #313c4a;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
   display: inline-block;
   height: 6px;
   width: 6px;
   margin: 0 8px 0 0;
   position: relative;
   top: -1px;
}

.ipsDataItem_subList li.ipsDataItem_unread {
   font-weight: bold;
}

.ipsDataItem_subList li.ipsDataItem_unread:before,
.ipsDataItem_subList li a:hover:before {
    background: rgb(37, 179, 198);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgb(37, 179, 198)), color-stop(100%, rgb(53, 207, 211)));
    background: -webkit-gradient(linear, left top, right top, from(rgb(37, 179, 198)), to(rgb(53, 207, 211)));
    background: -webkit-linear-gradient(left, rgb(37, 179, 198) 0%, rgb(53, 207, 211) 100%);
    background: -o-linear-gradient(left, rgb(37, 179, 198) 0%, rgb(53, 207, 211) 100%);
    background: linear-gradient(to right, rgb(37, 179, 198) 0%, rgb(53, 207, 211) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgb(37, 179, 198)', endColorstr='rgb(53, 207, 211)', GradientType=1 );
}

.ipsDataItem_subList li a:after {
	content: '';
}

.ipsDataItem_subList li:last-child a:after {
	content: '';
}



/* subcategory 3 colum */
.ipsDataItem_subList {
    background-image:none !important;
    
	margin: 10px 0 5px 0 !important;
    
    margin: 0 0 5px 0 !important;
    
    display:table;
    width:100%;
}
html[dir="ltr"] .ipsDataItem_subList {
    padding-left:0 !important;
}
html[dir="rtl"] .ipsDataItem_subList {
    padding-right:0 !important;
}
	
.ipsDataItem_subList li {
   width:33.3%;
   margin-right:0 !important;
   text-overflow: ellipsis;
   -o-text-overflow: ellipsis;
   -webkit-text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
   float:left;
}
    
.ipsDataItem_subList li a {
   color: #3e4d5f;
   font-size:13px;
   max-width:100%;
}

.ipsDataItem_subList li a:before {
   content: "";
   background: #313c4a;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
   display: inline-block;
   height: 6px;
   width: 6px;
   margin: 0 8px 0 0;
   position: relative;
   top: -1px;
}

.ipsDataItem_subList li.ipsDataItem_unread {
   font-weight: bold;
}

.ipsDataItem_subList li.ipsDataItem_unread:before,
.ipsDataItem_subList li a:hover:before {
    background: rgb(37, 179, 198);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgb(37, 179, 198)), color-stop(100%, rgb(53, 207, 211)));
    background: -webkit-gradient(linear, left top, right top, from(rgb(37, 179, 198)), to(rgb(53, 207, 211)));
    background: -webkit-linear-gradient(left, rgb(37, 179, 198) 0%, rgb(53, 207, 211) 100%);
    background: -o-linear-gradient(left, rgb(37, 179, 198) 0%, rgb(53, 207, 211) 100%);
    background: linear-gradient(to right, rgb(37, 179, 198) 0%, rgb(53, 207, 211) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgb(37, 179, 198)', endColorstr='rgb(53, 207, 211)', GradientType=1 );
}

.ipsDataItem_subList li a:after {
	content: '';
}

.ipsDataItem_subList li:last-child a:after {
	content: '';
}





@media screen and (max-width: 979px) {
    .ipsDataList_large .ipsDataItem_main, 
    .ipsDataList_large .ipsDataItem_stats, 
    .ipsDataList_large .ipsDataItem_lastPoster, 
    .ipsDataList_large .ipsDataItem_generic {
        padding: 0;
    }
  
    
    html[dir="ltr"] .cForumRow .ipsDataItem_icon {
        margin-left:-10px;
        padding:0;
    }
    
    html[dir="rtl"] .cForumRow .ipsDataItem_icon {
        margin-right:-10px;
         padding:0;
    }
  
    .ipsDataItem_icon .ipsItemStatus.ipsItemStatus_large {
        width: 39px;
        height: 58px;
        line-height: 39px;
        font-size: 0;
        border-radius: 0;
        margin:0;
    }
    
  
    .ipsDataItem_lastPoster .ipsUserPhoto {
        float: none;
        margin:0;
    }
  
    .ipsDataItem_lastPoster .ipsUserPhoto img {
        height: 34px;
        width: 34px;
        border-radius: 50%;
    }

    .ipsDataItem_subList li  {
        width:100%;
    }
}


/* ===== flatum_editor (id=448) ===== */
.cke_reset_all, 
.cke_reset_all *, 
.cke_reset_all a, 
.cke_reset_all textarea {
    font-family: 'Maven Pro', sans-serif !important;
}

.ipsComposeArea_editorPaste {
	background: #1d232c !important;
}

.cke_top {
    background: #1d232c !important;
}

textarea.cke_source,
.cke_wysiwyg_frame,
.cke_wysiwyg_div,
.cke_inner {
	border-radius: 0!important;
	background: #121720  !important;
	color: #ffffff  !important;
}

.cke_toolgroup span.cke_button_icon[style*="icons.png"]{
  	background-image: url(none)  !important;
	color: #ffffff !important;
}

.cke_combo_text,
.cke_button_label {
  color: #ffffff !important;
  text-shadow: none !important;
}

a.cke_combo_button {
  color: #ffffff !important;
  text-shadow: none !important;
  background: #c847ff !important;
  border: 2px solid #000000 !important;
  box-shadow: none !important;
}

a.cke_button_off:hover,
a.cke_button_disabled:hover {
   background: #262c36 !important;
}

a.cke_button_off:focus,
a.cke_button_off:active,
a.cke_button_disabled:focus,
a.cke_button_disabled:active,
a.cke_button_on {
    background: #262c36 !important;
}

.cke_toolbar_separator {
    background: #262c36 !important;
}

.cke_combo_arrow {
    border-top: 3px solid #ffefef !important;
}

/* ===== flatum_footer (id=449) ===== */
#ipsLayout_footer {
    margin:0;
    padding:32px 0;
}

.ipsFooter_container {
    display:table;
    width:100%;
}

#ipsLayout_footer #elCopyright,
.elAuthorTheme {
    z-index:1;
    position:relative;
}

ul#elFooterLinks {
    position: absolute;
    z-index: 1;
    right: 15px;
    top: 50%;
    margin-top: -10px;
}

#ipsLayout_footer a, 
#ipsLayout_footer p {
    font-size: 13px;
}

#ipsLayout_footer #elCopyright {
    font-size:13px;
    opacity:1;
    float:left;
    margin-top: 0;
    text-align: left;
}

#elCopyright a {
    font-size:13px;
}

#elFooterSocialLinks {
    width: calc(100% - 30px);
    position: absolute;
    left: 15px;
    top: 50%;
    margin-top: -18px;
}

#elFooterSocialLinks .cShareLink,
.cUserNav_icon .cShareLink {
    width:20px;
    height:20px;
    border-radius:10px;
    line-height: 0 !important;
    transition: all 0.4s ease 0s;
}

#elFooterSocialLinks .cShareLink:hover,
.cUserNav_icon .cShareLink:hover {
    opacity:0.5;
    transition: all 0.4s ease 0s;
}

#elFooterSocialLinks > li > a .fa,
.cUserNav_icon .cShareLink .fa {
    font-size:11px !important;
}

.elAuthorTheme {
    display: block;
    font-size: 13px;
    text-align: left;
    width:100%;
}

.elAuthorTheme a {
    transition: all 0.4s ease 0s;
}

.elAuthorTheme a:hover {
    color:#26b5c7 !important;
    transition: all 0.2s ease 0s;
}

.go_top {
    background:url(none) no-repeat;
    display:block;
    position:absolute;
    width: 50px;
    height: 26px;
    line-height: 25px;
    left: 50%;
    top: -57px;
    text-align:center;
    margin: 0 0 0 -25px;
}

.go_top:after {
    content: "\f106";
    font-family: "FontAwesome";
    font-size: 18px;
    color: #fff;
    transition: all 0.4s ease 0s;
}

.go_top:hover:after {
    color:#26b5c7;
    transition: all 0.4s ease 0s;
}

@media screen and (max-width: 979px) {
    .elAuthorTheme,
    #ipsLayout_footer #elCopyright {
       text-align:center;
    }
    
    #ipsLayout_footer #elCopyright {
       display:block;
       width:100%;
    }
  
    ul#elFooterLinks {
       position: relative;
       right: 0;
       top: 0;
       margin-top: 0;
       display:block;
       width:100%;
       text-align:center;
    }
  
    #elFooterSocialLinks {
       left: 0;
       top: -30px;
    } 
  
    #ipsLayout_footer {
       padding: 62px 0 32px 0;
    }
  
    .go_top {
       top:-88px;
    }
}

/* ===== flatum_forms (id=450) ===== */
.ipsFieldRow_section {
    background: #171e26;
    color: #fff;
}

.ipsSelectTree {
    background: #7896b8;
    border: 1px solid #7896b8;
}

.ipsSelectTree_placeholder {
    color: #ffffff;
}

.ipsSelectTree_expand {
    color: #fff;
}

.ipsSelectTree_active {
	border-color: rgba(37, 179, 198);
}	

.ipsSelectTree_nodes {
    border: 1px solid rgb(37, 179, 198);
    background: rgb(33, 40, 50);
    border-top:0;
}

.ipsSelectTree_nodes [data-role="nodeList"] {
    background: #2b323e;
    border: 1px solid rgb(44, 50, 62);
}

.ipsSelectTree_itemDisabled > [data-role="nodeTitle"] {
    color: #ffffff;
}

.ipsSelectTree_nodes [data-role="nodeList"] li .ipsSelectTree_item:not( .ipsSelectTree_itemDisabled ):hover {
    background: rgb(37, 179, 198);
    color: #fff;
}

.ipsSelectTree_nodes [data-role="nodeList"] li .ipsSelectTree_item:not( .ipsSelectTree_itemDisabled ).ipsSelectTree_selected:hover,
.ipsSelectTree_selected {
    background: #404858;
}

.ipsApp select {
	border: 1px solid #7896b8;
	background: #7896b8;
    color:#fff;
}

.ipsApp select:not( [multiple] ) {
	background-image: url( "none" ), -moz-linear-gradient(top, #7896b8 0%, #7896b8 100%);
	background-image: url( "none" ), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7896b8), color-stop(100%,#7896b8));
	background-image: url( "none" ), -webkit-linear-gradient(top, #7896b8 0%,#7896b8 100%);
	background-image: url( "none" ), -o-linear-gradient(top, #7896b8 0%,#7896b8 100%);
	background-image: url( "none" ), -ms-linear-gradient(top, #7896b8 0%,#7896b8 100%);
	background-image: url( "none" ), linear-gradient(to bottom, #7896b8 0%,#7896b8 100%);
}

html[dir="rtl"] .ipsApp select:not( [multiple] ) {
	background-image: url( "none" ), -moz-linear-gradient(top, #7896b8 0%, #7896b8 100%);
	background-image: url( "none" ), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7896b8), color-stop(100%,#7896b8));
	background-image: url( "none" ), -webkit-linear-gradient(top, #7896b8 0%,#7896b8 100%);
	background-image: url( "none" ), -o-linear-gradient(top, #7896b8 0%,#7896b8 100%);
	background-image: url( "none" ), -ms-linear-gradient(top, #7896b8 0%,#7896b8 100%);
	background-image: url( "none" ), linear-gradient(to bottom, #7896b8 0%,#7896b8 100%);
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    font-family: 'Maven Pro', sans-serif;
    color: #a4bac9;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    font-family: 'Maven Pro', sans-serif;
    color: #a4bac9;
}

::-ms-input-placeholder { /* Microsoft Edge */
    font-family: 'Maven Pro', sans-serif;
    color: #a4bac9;
}

.ipsApp label:not( .ipsField_unlimited ), .ipsApp input, .ipsApp button, .ipsApp select, .ipsApp textarea {
    font-family: 'Maven Pro', sans-serif;
}

#cbInput_container input {
    color: #a4bac9 !important; 
}

.ipsApp .ipsField_autocomplete, 
.ipsApp textarea, 
.ipsApp input[type="text"], 
.ipsApp input[type="password"], 
.ipsApp input[type="datetime"], 
.ipsApp input[type="datetime-local"], 
.ipsApp input[type="date"], 
.ipsApp input[type="month"], 
.ipsApp input[type="time"], 
.ipsApp input[type="week"], 
.ipsApp input[type="number"], 
.ipsApp input[type="email"], 
.ipsApp input[type="url"], 
.ipsApp input[type="search"], 
.ipsApp input[type="tel"], 
.ipsApp .ipsField_dummy {
    background-color: #353c41;
    border-color: #353c41;
    border-radius: 6px;
    color: #a4bac9;
    font-size: 13px;
    padding: 9px 9px;
}

.ipsApp textarea:focus, 
.ipsApp input[type="text"]:focus, 
.ipsApp input[type="password"]:focus,
.ipsApp input[type="datetime"]:focus, 
.ipsApp input[type="datetime-local"]:focus,
.ipsApp input[type="date"]:focus, 
.ipsApp input[type="month"]:focus, 
.ipsApp input[type="time"]:focus,
.ipsApp input[type="week"]:focus, 
.ipsApp input[type="number"]:focus, 
.ipsApp input[type="email"]:focus,
.ipsApp input[type="url"]:focus, 
.ipsApp input[type="search"]:focus, 
.ipsApp input[type="tel"]:focus,
.ipsApp input[type="color"]:focus {
	box-shadow: 0px 0px 5px #5e257a;
	border-color: #5e257a;
}

.ipsApp textarea[disabled], 
.ipsApp input[type="text"][disabled], 
.ipsApp input[type="password"][disabled],
.ipsApp input[type="datetime"][disabled], 
.ipsApp input[type="datetime-local"][disabled],
.ipsApp input[type="date"][disabled], 
.ipsApp input[type="month"][disabled], 
.ipsApp input[type="time"][disabled],
.ipsApp input[type="week"][disabled], 
.ipsApp input[type="number"][disabled], 
.ipsApp input[type="email"][disabled],
.ipsApp input[type="url"][disabled], 
.ipsApp input[type="search"][disabled], 
.ipsApp input[type="tel"][disabled],
.ipsApp input[type="color"][disabled] {
	background: #0d0f17;
	opacity: 0.7;
}

/* VALIDATION */
.ipsApp input.ipsField_error, .ipsFieldRow_error textarea:not( .ipsFieldRow_errorExclude ), .ipsFieldRow_error input[type="text"]:not( .ipsFieldRow_errorExclude ),
.ipsFieldRow_error input[type="password"]:not( .ipsFieldRow_errorExclude ), .ipsFieldRow_error input[type="datetime"]:not( .ipsFieldRow_errorExclude ),
.ipsFieldRow_error input[type="datetime-local"]:not( .ipsFieldRow_errorExclude ), .ipsFieldRow_error input[type="date"]:not( .ipsFieldRow_errorExclude ),
.ipsFieldRow_error input[type="month"]:not( .ipsFieldRow_errorExclude ), .ipsFieldRow_error input[type="time"]:not( .ipsFieldRow_errorExclude ),
.ipsFieldRow_error input[type="week"]:not( .ipsFieldRow_errorExclude ), .ipsFieldRow_error input[type="number"]:not( .ipsFieldRow_errorExclude ),
.ipsFieldRow_error input[type="email"]:not( .ipsFieldRow_errorExclude ), .ipsFieldRow_error input[type="url"]:not( .ipsFieldRow_errorExclude ),
.ipsFieldRow_error input[type="search"]:not( .ipsFieldRow_errorExclude ), .ipsFieldRow_error input[type="tel"]:not( .ipsFieldRow_errorExclude ),
.ipsFieldRow_error input[type="color"]:not( .ipsFieldRow_errorExclude ),
.ipsFieldRow_error .ipsField_dummy, .ipsFieldRow_error.ipsField_dummy {
	background-color: #353c41;
	border-color: #f569ff;
}

.ipsApp input.ipsField_success, .ipsApp textarea.ipsField_success, .ipsFieldRow_success textarea, .ipsFieldRow_success input[type="text"], .ipsFieldRow_success input[type="password"],
.ipsFieldRow_success input[type="datetime"], .ipsFieldRow_success input[type="datetime-local"],
.ipsFieldRow_success input[type="date"], .ipsFieldRow_success input[type="month"], .ipsFieldRow_success input[type="time"],
.ipsFieldRow_success input[type="week"], .ipsFieldRow_success input[type="number"], .ipsFieldRow_success input[type="email"],
.ipsFieldRow_success input[type="url"], .ipsFieldRow_success input[type="search"], .ipsFieldRow_success input[type="tel"],
.ipsFieldRow_success input[type="color"] {
	background-color: #353c41;
	border-color: #f569ff;
}

.ipsApp .ipsToggle:focus,
.ipsApp .ipsCustomInput input:focus + span {
	border-color: 245,105,255,0.8;
	box-shadow: 0 1px 1px rgba(0,0,0,0.075), 0px 1px 5px  245,105,255,0.6;
}

.ipsCustomInput > span {
    border: 1px solid #2d3948;
    background: #0e131a;
}

.ipsCustomInput input:hover:not( :disabled ) + span {
	border-color: #f569ff;
}

.ipsCustomInput input:not( :checked ):disabled + span {
	background: #0e131a;
}

.ipsCustomInput input:checked:disabled + span {
	background: #0e131a;
	border-color: #757575;
}

.ipsCustomInput input[type="checkbox"]:checked:disabled + span:after {
    color: #757575;
}

.ipsCustomInput input[type="radio"]:checked:disabled + span:after {
	background-color: #0e131a;
}

.ipsCustomInput input:active:not( :checked ):not( :disabled ) + span {
	background: #0e131a;
}

.ipsCustomInput input:active:checked:not( :disabled ) + span {
	background: #0e131a;
}

.ipsCustomInput input:checked + span {
	border-color: #f569ff;
}

.ipsCustomInput input[type="checkbox"]:checked + span:after {
	color: #f569ff;
}

.ipsCustomInput input[type="radio"]:checked + span:after {
	background: #0e131a;
}

.ipsToggle.ipsToggle_off {
    background: #252f40;
}

.ipsToggle.ipsToggle_on {
    background: #3fc0cd;
}

/* ===== flatum_iconki_w_cellpikach (id=451) ===== */
/* Połączony kod */
.ipsType_sectionTitle:before,
.ipsType_sectionTitle#elChatbox div:before,
.ipsType_sectionTitle.cForumTitle:before,
#ipsLayout_sidebar .cWidgetContainer li h3.ipsWidget_title:before,
.cWidgetContainer li h3.ipsWidget_title:before {
  font-family: "FontAwesome";
  font-size:16px;
  color:#2bbdca;
  text-shadow: 0px 0px 19px rgba(44, 191, 203, 0.2);
  display:inline-block;
  margin: 0 10px 0 0;
}

/* Ikonki Działów */
/* Ikonki Działów */
/* Ikonki Działów */
/* Ikonki Działów */
.ipsType_sectionTitle.cForumTitle:before {
  content:"\f086";
}

.ipsType_sectionTitle#elChatbox div:before {
  content:"\f086";
}


/* Ikonki sidebaru */
/* Ikonki sidebaru */
/* Ikonki sidebaru */
/* Ikonki sidebaru */
#ipsLayout_sidebar .cWidgetContainer li h3.ipsWidget_title:before {
    content:"\f086";
}

#ipsLayout_sidebar .cWidgetContainer li[data-blockid^="app_forums_topicFeed"] h3.ipsWidget_title:before {
    content:"\f075";
}

#ipsLayout_sidebar .cWidgetContainer li[data-blockid^="app_core_topContributors"] h3.ipsWidget_title:before {
    content:"\f164";
}


/* Iconki statystyki na dole */
/* Iconki statystyki na dole */
/* Iconki statystyki na dole */
/* Iconki statystyki na dole */
.cWidgetContainer li h3.ipsWidget_title:before {
    content:"\f128";
}

.cWidgetContainer li[data-blockid^="app_core_whosOnline"] h3.ipsWidget_title:before {
    content:"\f080";
}

.cWidgetContainer li[data-blockid^="plugin_7_whowasonline_wnnio33r5"] h3.ipsWidget_title:before {
    content:"\f0c0";
}

/* ===== flatum_menu (id=452) ===== */

#ipsLayout_header nav {
    background: transparent;
    height: auto;
}

.ipsNavBar_primary:not( .ipsNavBar_noSubBars ) > ul:before {
    display:none;
}

.ipsNavBar_primary {
    position: relative;
    padding-bottom: 0;
    top: 0;
}

.ipsNavBar_primary > ul > li > a {
    background:transparent;
    height:120px;
    line-height:120px;
    display:block;
    padding:0 12px;
    font-family: 'Maven Pro', sans-serif;
    font-weight:400;
    font-size:14px;
    color:#fff;
    position:relative;
 }

.ipsNavBar_primary > ul > li > a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    right: 50%;
    height: 4px;
    border-radius: 0 0 5px 5px;
    -webkit-box-shadow: 0px 2px 20px #d934d3;
    box-shadow: 0px 2px 20px #d934d3;
    -webkit-transition: ease-out .5s;
    -o-transition: ease-out .5s;
    transition: ease-out .5s;
    background: #d934d3;
    background: -webkit-gradient(left top, right top, color-stop(0%, #d934d3), color-stop(100%, #333333));
    background: -webkit-gradient(linear, left top, right top, from(#d934d3), to(#333333));
    background: -webkit-linear-gradient(left, #d934d3 0%,  #333333 100%);
    background: -o-linear-gradient(left, #d934d3 0%,  #333333 100%);
    background: linear-gradient(to right, #d934d3 0%,  #333333 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d934d3', endColorstr=' #333333', GradientType=1 );
}

 html[dir="ltr"] .ipsNavBar_primary > ul > li > a {
     margin-right:25px;
 }
 
 html[dir="rtl"] .ipsNavBar_primary > ul > li > a {
     margin-left:25px;
 }

 .ipsNavBar_primary > ul > li.ipsNavBar_active > a,
 .ipsNavBar_primary > ul > li > a:hover {
     color:#fff;
     background:transparent;
 }

 .ipsNavBar_primary > ul > li.ipsNavBar_active > a:before,
 .ipsNavBar_primary > ul > li > a:hover:before {
     left:0;
     right:0;
 }

 ipsNavBar_primary > ul > li.ipsNavBar_active > a:hover {
    transition: all 0.3s ease 0s;
  }

.ipsNavBar_primary > ul > li {
     position:relative;
 }
 
 .ipsNavBar_primary > ul > li > .ipsNavBar_secondary { 
     background: #171e26;
     border-radius: 6px;
     display: block;
     visibility: hidden;
     opacity: 0;
     -webkit-transition: opacity 0.3s, margin-top 0.3s, visibility 0s linear 0.3s;
     -moz-transition: opacity 0.3s, margin-top 0.3s, visibility 0s linear 0.3s;
     -o-transition: opacity 0.3s, margin-top 0.3s, visibility 0s linear 0.3s;
     transition: opacity 0.3s, margin-top 0.3s, visibility 0s linear 0.3s;
     height: auto;
     z-index: auto;
     left: 50%;
     width: 190px;
     bottom: auto;
     position: absolute;
     margin-top:200px;
     margin-left:-110px;
     padding:10px 0;
     pointer-events: none;
 }
 
 .ipsNavBar_primary > ul > li > .ipsNavBar_secondary:after {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(23, 30, 38, 0);
	border-bottom-color: #171e26;
	border-width: 9px;
	margin-left: -9px;
}

 .ipsNavBar_primary > ul > li > .ipsNavBar_secondary > li {
     padding:8px 22px;
 }
 
 .ipsNavBar_primary > ul > li > .ipsNavBar_secondary > li,
 .ipsNavBar_primary > ul > li > .ipsNavBar_secondary > li > a {
     display:block;
     width:100%;
     text-align:left;
     color:#fff;
     position:relative;
 }
 
 .ipsNavBar_primary > ul > li > .ipsNavBar_secondary > li > a {
     font-size:13px;
     font-weight:400;
     color: #516377;
     padding: 0px;
     transition: all 0.4s ease 0s;
     text-overflow: ellipsis;
     -o-text-overflow: ellipsis;
     -webkit-text-overflow: ellipsis;
     white-space: nowrap;
     overflow: hidden;
 }
 
 .ipsNavBar_primary > ul > li > .ipsNavBar_secondary > li:hover > a {
     color:#25b3c6;
     transition: all 0.4s ease 0s;
 }
 
 .ipsNavBar_primary > ul > li:hover .ipsNavBar_secondary:not(.ipsNavBar_more) {
   visibility:visible;
   opacity:1;
   margin-top: 0px;
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   transition-delay: 0s;
   pointer-events:auto;
 }

#ipsLayout_header nav.ipsNavBar_noSubBars, .ipsLayout_minimal #ipsLayout_header nav {
    margin-top:0;
}

#elSearchWrapper.cSearchExpanded {
   padding:0;
   margin:0;
   background:transparent;
}

html[dir="ltr"] #elSearch {
    margin-right: 0;
}

html[dir="rtl"] #elSearch {
    margin-left: 0;
}

#elSearch {
    border-radius: 45px;
    padding: 4px 10px 4px 10px;
    background: #171e26;
    height: 45px;
}

#elSearch input[type="search"] {
    line-height: 45px;
    height: 45px;
}

#elSearchWrapper .cSearchSubmit {
    color: #3ebdca;
    height: 35px;
}

#elSearchWrapper .cSearchSubmit:hover {
    color: #67effd;
}

#elSearchExpanded {
    top: 45px;
    box-shadow: none;
    border: 1px solid #171e26;
    border-radius:6px;
    background: #171e26;
}

#elSearchExpanded .ipsMenu_title {
    border: 1px solid #202933;
    background: #202933;
}

#elSearchExpanded .ipsSideMenu_list {
    background: #202933;
    border: 1px solid #202933;
}


/* ===== flatum_messenger (id=453) ===== */
.cMessage_active {
    background: #202831 !important;
}

html[dir="ltr"] .cMessage_members > ol > li {
    border-right: 2px solid #4256714f;
}

html[dir="rtl"] .cMessage_members > ol > li {
    border-left: 2px solid #4256714f;
}

.ipsMenu_itemCount, .ipsSideMenu_itemCount {
    background: #25b3c6;
    color: #ffffff;
}

.ipsComment {
    background: #171e26;
}

.ipsComment:not( .ipsModerated ) .ipsComment_header {
    background: #212832;
    border-top: 1px solid #353d4a;
}

.ipsComment_highlighted:not(.ipsBox_transparent):not(.ipsModerated):not(.ipsComment_selected):not(.ipsComment_popular ) {
    background-color: #212832;
}

.ipsComment_highlighted.ipsComment:not( .ipsModerated ) .ipsComment_header {
    background-color: rgb(18, 23, 32);
}

.ipsComment_highlighted.ipsBox:not(.ipsBox_transparent):not(.ipsModerated):not(.ipsComment_selected):not(.ipsComment_popular ), .ipsComment_highlighted:not(.ipsBox_transparent):not(.ipsModerated):not(.ipsComment_selected):not(.ipsComment_popular ) .ipsAreaBackground_reset {
    background-color: #171e26;
}

/* ===== flatum_misc (id=454) ===== */
.ipsBox {
    border: 1px solid #12181f;
    border-radius:6px;
    box-shadow: none;
}

.cWidgetContainer[data-widgetArea="header"] li.ipsBox,
.cForumList .ipsBox,
#ipsLayout_sidebar .ipsBox,
.cForumList.ipsBox {
    padding:30px !important;
}

.ipsBox:not( .ipsBox_transparent ):not( .ipsModerated ) {
   background-color:#12181f;
}



.cWidgetContainer[data-widgetArea="footer"] .ipsBox {
   background-color:transparent;
   border:0;
}


.cWidgetContainer[data-widgetArea="footer"] {
   margin-bottom:50px;
}

.cWidgetContainer[data-widgetArea="footer"] li.ipsBox {
    padding:30px !important;
}

.cWidgetContainer[data-widgetArea="footer"] li.ipsBox .ipsWidget_inner {
    background: #171e26;
    border-radius: 6px;
    margin-bottom: 9px;
}

.cWidgetContainer[data-widgetArea="footer"] li.ipsBox .ipsWidget_inner:last-child {
    margin-bottom:0;
}



#ipsLayout_sidebar .ipsWidget_inner.ipsPad_half {
   padding:0;
}

/* Color */
.ipsAreaBackground {
    background: #171e26;
}

.ipsAreaBackground_dark {
    background: #202831;
}

.ipsHovercard .ipsAreaBackground {
    background: #1d262f;
    border-radius: 6px;
}

.ipsAreaBackground_light {
    background: #171e26;
}

.ipsComposeArea_editor {
    background: #1e2533;
}

html[dir="ltr"] .ipsComposeArea_withPhoto .ipsComposeArea_editor:before {
    border-color: transparent #1e2533 transparent transparent;
}

html[dir="rtl"] .ipsComposeArea_withPhoto .ipsComposeArea_editor:before {
    border-color: transparent transparent transparent #1e2533;
}

.ipsComposeArea_dummy {
    background: #1d2533;
    color: #ffffff;
}

/* Avatar */
.ipsUserPhoto {
    background: #121720;
}

.ipsUserPhoto_tiny img, 
img.ipsUserPhoto_tiny,
.ipsUserPhoto_tiny:after {
    width: 24px;
    height: 24px;
    border-radius: 50%;
}

@media screen and (max-width: 979px) {
  .cWidgetContainer[data-widgetArea="header"] li.ipsBox, 
  .cForumList .ipsBox, 
  #ipsLayout_sidebar .ipsBox, 
  .cForumList.ipsBox {
    padding: 15px !important;
  }
}

/* ===== flatum_navi (id=455) ===== */
.ipsBreadcrumb.ipsBreadcrumb_top {
    margin: 0px 0 15px 0;
    padding: 12px 0;
    opacity: 1;
}

.ipsBreadcrumb > ul > li {
  font-size:14px;
  font-weight:400;
  color:#fff;
}

.ipsBreadcrumb [data-action="defaultStream"], 
.ipsBreadcrumb [data-action="markSiteRead"] {
  font-size:14px;
  font-weight:400;
  color:#fff;
}

.ipsBreadcrumb > ul:last-child > li:last-child {
    opacity:1;
}

.icon-newspaper {
    margin: 0 3px;
}
 
.ipsBreadcrumb a:hover {
    color:#25b3c6;
}

/* ===== flatum_popup (id=456) ===== */
/* Modal */
.ipsModal {
    background: rgba(0, 0, 0, 0.6);
}

/* Dialog */
.ipsDialog > div {
    background: #0e131a;
}

.ipsDialog .ipsDialog_loading {
	background-color: #0e131a;
}

.ipsDialog_title {
    color: #fff;
}

.ipsDialog_close { 
    color:#fff;
}

/* Alert */
.ipsAlert {
    background: #171e26;
}

/* Menu */
.ipsMenu {
    background: #171e26;
    box-shadow: none;
    border: 1px solid #171e26;
    border-radius: 6px;
}

.ipsMenu.ipsMenu_bottomLeft, 
.ipsMenu.ipsMenu_bottomRight, 
.ipsMenu.ipsMenu_bottomCenter {
    margin-top: 30px;
}

.ipsMenu_innerContent {
    padding:5px;
}

.ipsMenu .ipsMenu_item:first-child a,
.ipsMenu .ipsMenu_item:first-child > span {
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;	
}

.ipsMenu .ipsMenu_item:last-child a,
.ipsMenu .ipsMenu_item:last-child > span {
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}

.ipsMenu_item > a:not( .ipsMenu_itemInline ), 
.ipsMenu_item > span:not( .ipsMenu_itemInline ) {
    font-size: 13px;
    font-weight: 400;
    color: #516377;
}

.ipsMenu_title {
    background: #121720;
    color: #fff;
}

.ipsMenu_sep {
    border-top: 1px solid #1f2831;
}

ul:not( .ipsMenu_keyNav ) .ipsMenu_item:not( .ipsMenu_itemClicked ):not( .ipsMenu_itemDisabled ) a:not( .ipsMenu_itemInline ):hover, .ipsMenu_item[data-selected] a, .ipsMenu_item[data-selected] span, .ipsMenu_item.ipsMenu_hover {
	background: #1f2831;
}

.ipsMenu.ipsMenu_topLeft:after {
	border-color: #171e26 transparent transparent transparent;
}

.ipsMenu.ipsMenu_topLeft:before {
	border-color: #171e26 transparent transparent transparent;
}

.ipsMenu.ipsMenu_topRight:after {
	border-color: #171e26 transparent transparent transparent;
}
	
.ipsMenu.ipsMenu_topRight:before {
	border-color: #171e26 transparent transparent transparent;
}

.ipsMenu.ipsMenu_topCenter:after {
	border-color: #171e26 transparent transparent transparent;
}

.ipsMenu.ipsMenu_topCenter:before {
	border-color: #171e26 transparent transparent transparent;
}

.ipsMenu.ipsMenu_bottomRight:after {
	border-color: transparent transparent #171e26 transparent;
}

.ipsMenu.ipsMenu_bottomRight:before {
	border-color: transparent transparent #171e26 transparent;
}

.ipsMenu.ipsMenu_bottomLeft:after {
	border-color: transparent transparent #171e26 transparent;
}

.ipsMenu.ipsMenu_bottomLeft:before {
	border-color: transparent transparent #171e26 transparent;
}

.ipsMenu.ipsMenu_bottomCenter:after {
	border-color: transparent transparent #171e26 transparent;
}

.ipsMenu.ipsMenu_bottomCenter:before {
	border-color: transparent transparent #171e26 transparent;
}

.ipsMenu_headerBar, 
.ipsMenu_footerBar {
    background: #171e26;
}

.ipsMenu_footerBar {
    border-top: 1px solid #171e26;
    border-radius: 0px 0px 6px 6px;
}

.ipsMenu_headerBar {
    border-bottom: 1px solid #171e26;
    border-radius: 6px 6px 0px 0px;
}

/* Hover Card */
.ipsHovercard {
    background: #171e26;
    border: 1px solid #171e26;
    border-radius: 6px;
}

.ipsHovercard_stemTop .ipsHovercard_stem {
	border-color: #171e26 transparent transparent transparent;
}

.ipsHovercard_stemTop .ipsHovercard_stem:before {
	border-color: #171e26 transparent transparent transparent;
}

.ipsHovercard_stemBottom .ipsHovercard_stem {
	border-color: transparent transparent #171e26 transparent;
}

.ipsHovercard_stemBottom .ipsHovercard_stem:before {
	border-color: transparent transparent #171e26 transparent;
}

/* Hovercard elements */
.ipsHovercard_loading {
	background-color: #171e26;
}

.ipsHovercard_loading:after {
	border-color: #171e26 transparent transparent transparent;
}

/* TOOLTIPS */
.ipsTooltip {
	background: #26b5c7;
}

.ipsTooltip.ipsTooltip_top:after {
	border-color: #26b5c7 transparent transparent transparent;
}

.ipsTooltip.ipsTooltip_bottom:after {
	border-color: transparent transparent #26b5c7 transparent;
}

.ipsTooltip a {
	border-bottom: 1px dotted #26b5c7;
}

/* Load */
.ipsLoading:before {
    color:#fff;
}

/* ===== flatum_posts (id=457) ===== */
.cPollVoteBar {
    background: #202831;
}

.cPollVoteBar > span:after {
    color: #fff;
}

.ipsCode {
    background: #202831;
    border-left: 4px solid rgb(37, 179, 198) !important;
}

.ipsQuote_citation {
    background: #121720;
    color: #fff;
}

.ipsQuote {
    border-color: #222832 #222832 #222832 #222832;
    background: #222832;
}

.ipsQuote .ipsQuote_citation a {
    color: #fff;
}

.ipsQuote_citation.ipsQuote_open [data-action='toggleQuote']:before {
    color: #ffffff;
}

.ipsQuote_contents {
    color:#fff;
}

.cPost_contentWrap .ipsType_richText {
    color:#fff;
}

iframe[data-embedContent].ipsEmbed_finishedLoading {
    background-color: #232d38;
}

body[data-role="internalEmbed"] {
    background: #0e131a;
}

body.unloaded #ipsEmbedLoading {
    background: #0e131a;
}

@-webkit-keyframes dummy_anim {
    0% { background-color: #0e131a; }
    50% { background-color: #202831; }
    99% { background-color: #0e131a; }
}
@-moz-keyframes dummy_anim {
    0% { background-color: #0e131a; }
    50% { background-color: #202831; }
    99% { background-color: #0e131a; }
}
@-ms-keyframes dummy_anim {
    0% { background-color: #0e131a; }
    50% { background-color: #202831; }
    99% { background-color: #0e131a; }
}
@-o-keyframes dummy_anim {
    0% { background-color: #0e131a; }
    50% { background-color: #202831; }
    99% { background-color: #0e131a; }
}
@keyframes dummy_anim {
    0% { background-color: #0e131a; }
    50% { background-color: #202831; }
    99% { background-color: #0e131a; }
}

.ipsApp .ipsRichEmbed_stats.ipsSpacer_top {
    border-top: 1px solid rgb(23, 30, 38);
}


/* ===== flatum_slider (id=458) ===== */
#slider_content {
   height:400px;
   width:100%;
   display:block;
   overflow:hidden;
}

#slider_content .slider_container {
   height:380px;
   width:100%;
   line-height:360px;
   display:block;
   padding: 0 35px;
}

#slider_content .slider_container .slider_box {
   text-align:center;
   line-height:1;
   display: inline-block;
   width:100%;
}

#slider_content .slider_container .slider_box h1.slider_title {
   font-size:50px;
   font-weight:600;
   color:#fff;
   margin:0;
   padding:0;
   line-height: 1.5;
}

#slider_content .slider_container .slider_box p.slider_description {
   font-size:20px;
   font-weight:400;
   color:#fff;
   margin:0;
   padding:0;
}

#slider_content .slider_container .slider_box p.slider_description a {
   color:#ee609c !important;
   font-weight:700 !important;
   text-shadow:0 0 14px rgba(238,96,156,0.5) !important;
}

#slider_content .slider_container .slider_box .ipsButton {
   position:relative;
   margin:0 25px;
   margin-bottom: -100px;
}

#slider_content .slider_container .slider_box .ipsButton.buttonSliderCustom3 {
   padding: 10px 20px 10px 45px;
}

#slider_content .slider_container .slider_box .ipsButton.buttonSliderCustom3 span {
    background: #00000085;
    border-radius: 50%;
    display: block;
    position: absolute;
    height: 30px;
    width: 30px;
    left: 2px;
    top: 2px;
    font-size:16px;
    text-align:center;
    line-height:28px;
}


@media screen and (max-width: 979px) {
  #slider_content {
    display:none;
  }
}

@media screen and (max-width: 979px) {
#slider_content .slider_container .slider_box .ipsButton {
    margin-bottom: 0;
    margin-top: 20px;
}

#slider_content .slider_container .slider_box h1.slider_title {
    line-height: 1.1;
}
}


/* ===== flatum_slider_style (id=459) ===== */
/* Slider */
.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;
    margin-left: auto;
    margin-right: auto;
}
.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;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}


@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('none') center center no-repeat;
}


/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 24px;
    height: 70px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
    z-index:3;
}
.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
{
    color:#2dc0cc;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: "FontAwesome";
    font-size: 70px;
    line-height: 1;
    opacity: 1;
    color: #1f2834;
}

.slick-prev
{
    left: 0;
}
[dir='rtl'] .slick-prev
{
    right: 0;
    left: auto;
}
.slick-prev:before
{
    content: '\f104';
}
[dir='rtl'] .slick-prev:before
{
    content: '\f105';
}

.slick-next
{
    right: 0;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: 0;
}
.slick-next:before
{
    content: '\f105';
}
[dir='rtl'] .slick-next:before
{
    content: '\f104';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots {
    position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 23px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}

.slick-dots li.slick-active {
    width:50px;
}

.slick-dots li button
{
    font-size: 0;
    line-height: 0;
    display: block;
    width: 23px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

.slick-dots li.slick-active button {
    width:50px;
}

.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}

.slick-dots li button:before {
    content:"";
    background:#1f2834;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 23px;
    height: 4px;
    text-align: center;
    opacity: 1; 
    transition: all 0.2s ease 0s;
}

.slick-dots li.slick-active button:before {
    background: #d934d3;
    background: -webkit-gradient(left top, right top, color-stop(0%, #d934d3), color-stop(100%, #333333));
    background: -webkit-gradient(linear, left top, right top, from(#d934d3), to(#333333));
    background: -webkit-linear-gradient(left, #d934d3 0%,  #333333 100%);
    background: -o-linear-gradient(left, #d934d3 0%,  #333333 100%);
    background: linear-gradient(to right, #d934d3 0%,  #333333 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d934d3', endColorstr=' #333333', GradientType=1 );
    -webkit-box-shadow: 0px 10px 50px 0px 217,52,211,0.5;
    -moz-box-shadow: 0px 10px 50px 0px 217,52,211,0.5;
    box-shadow: 0px 10px 50px 0px 217,52,211,0.5;
    width:50px;
    transition: all 0.2s ease 0s;
}


/* ===== flatum_small_elements (id=460) ===== */
.ipsColor_topictitle {
  color:#fff;
}

.cGalleryLightbox_info {
    background: #1b232b;
}

.ipsType_pageTitle {
    color: #fff;
}

.ipsSideMenu_title {
    color: #fff;
}

.ipsStreamItem_snippet .ipsType_richText {
    color: #fff;
}

.ipsDataItem_statsLarge .ipsDataItem_stats_number {
  font-size:16px;
  font-weight:400;
  color:#516377;
}

.ipsDataItem_stats dd {
  font-size:13px;
  color:#516377;
}

.cForumRow.ipsSpacer_bottom {
  margin-bottom:50px;
}

.ipsWidget.ipsWidget_vertical {
    margin-top: 50px;
}

.ipsWidget a.ipsDataItem_title,
a.ipsTruncate.ipsTruncate_line {
    font-size:14px;
    color:#fff;
    transition: all 0.2s ease 0s;
}

.ipsWidget a.ipsDataItem_title:hover,
a.ipsTruncate.ipsTruncate_line:hover {
    color:#26b5c7;
    transition: all 0.2s ease 0s;
}

.ipsCommentCount.ipsFaded {
    background: #0e131a;
    color: #fff;
}

html[dir="ltr"] .ipsCommentCount.ipsFaded:after {
    border-color: transparent #0e131a transparent transparent;
}

html[dir="rtl"] .ipsCommentCount.ipsFaded:after {
    border-color: transparent transparent transparent #0e131a;
}

hr.ipsHr {
    border-color: rgba(92, 118, 154, 0.03);
}

.ipsType_sectionHead {
    color: #fff;
}

.ipsMenu_selectable .ipsMenu_item:not( .ipsMenu_itemNonSelect ) a:before, .ipsMenu_selectable .ipsMenu_item:not( .ipsMenu_itemNonSelect ) > span:before, .ipsMenu_selectable .ipsMenu_item:not( .ipsMenu_itemNonSelect ) button:before {
    content: '\f10c';
    font-size: 14px;
    position: absolute;
    font-family: 'FontAwesome';
    padding-left: 10px;
    color: rgba(255, 255, 255, 0.05);
}

.cForumTopicTable {
    padding:5px;
}

.ipsItemControls {
    border-top: 1px solid rgba(255, 255, 255, 0.075);
}

.ipsComment.ipsComment_selected {
    border-color: #25b3c6;
    box-shadow: 0 1px 1px rgba(0,0,0,0.075), 0px 1px 5px rgb(37, 179, 198);
}

.ipsTabs_panel {
    background: #121720;
}

.cStreamFilter {
    background: #43ced2;
}

.cStreamFilter h3 {
    color: #fff;
}

.cStreamFilter a {
    color: #ffffff;
}

.cStreamFilter > li > a {
    border-right: 1px solid rgba(90, 232, 236, 0.6);
}

.cStreamFilter > li > a.cStreamFilter_active {
    background: #24898c;
    color: #fff;
}

.cStreamForm_list li a.ipsSideMenu_item.ipsSideMenu_itemActive + .cStreamForm_menu, 
.cStreamForm_list li a.ipsSideMenu_item:not( .ipsSideMenu_itemActive ):hover + .cStreamForm_menu {
    background: #23858a;
    color: #fff;
}

.ipsSideMenu_itemActive a, a.ipsSideMenu_itemActive, span.ipsSideMenu_itemActive, 
.ipsSideMenu_withChecks .ipsSideMenu_item > input[type="checkbox"]:checked ~ a, 
.ipsSideMenu_withChecks .ipsSideMenu_item > input[type="checkbox"]:checked ~ span, 
.ipsSideMenu_withRadios .ipsSideMenu_item > input[type="radio"]:checked ~ a, 
.ipsSideMenu_withRadios .ipsSideMenu_item > input[type="radio"]:checked ~ span {
    background: #42cad0;
    color: #fff;
}

.ipsTable.ipsMatrix thead th {
    background: #3fc0cc;
}

.ipsTable.ipsMatrix .ipsMatrix_subHeader {
    background: #227179;
    color: #fff;
}

.ipsApp .ipsDataItem_selected {
    background-color: #0d1117;
}

.ipsTabs_activeItem {
    background: #121721;
    color: #fff;
}

.ipsTabs_activeItem:hover {
    color: #fff;
}

#elProfileActivityOverview .ipsStreamItem, 
#elUserContent .ipsStreamItem, 
#elSingleStatusUpdate .ipsStreamItem {
    border-bottom: 1px solid rgba(67, 84, 115, 0.2);
}

#elProfileStats {
    background: #202831;
}

html[dir="ltr"] #elProfileStats > ul:last-child > li {
    border-right: 1px solid rgba(255, 255, 255, 0.1);
}

html[dir="rtl"] #elProfileStats > ul:last-child > li {
    border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.cProfileSidebarBlock.ipsLeaderboard_trophy_1,
.cProfileRepScore {
    border-radius:6px;
}

.ipsTags .ipsTag:after, 
.ipsTag_prefix:after {
    background: #0e131a;
}

.ipsStreamItem.ipsStreamItem_contentBlock {
    border: 1px solid #121720;
    border-radius: 6px;
}

html[dir="ltr"] .ipsStream_withTimeline .ipsStreamItem.ipsStreamItem_contentBlock:before,
html[dir="ltr"] .ipsStream_withTimeline .ipsStreamItem:after,
html[dir="ltr"] .ipsStream_withTimeline .ipsStreamItem.ipsStreamItem_contentBlock.ipsModerated:before {
    border-color: transparent #121720 transparent transparent;
}

html[dir="rtl"] .ipsStream_withTimeline .ipsStreamItem.ipsStreamItem_contentBlock:before,
html[dir="rtl"] .ipsStream_withTimeline .ipsStreamItem:after,
html[dir="rtl"] .ipsStream_withTimeline .ipsStreamItem.ipsStreamItem_contentBlock.ipsModerated:before {
    border-color: transparent transparent transparent #121720;
}

.ipsStream .ipsStreamItem_contentType {
    background: #0e131a;
}

.ipsStreamItem.ipsModerated .ipsStreamItem_contentType {
    background: #1d2432;
}

.ipsReactOverview ul img {
    border: 2px solid #3bb3c6;
}

.ipsCalendarDate {
    background: #202831;
}

.ipsStream_snippetInfo {
    border-color: rgba(65, 84, 119, 0.2);
}

html[dir="ltr"] .ipsStreamItem.ipsStreamItem_condensed .ipsStreamItem_stats {
    border-left: 1px solid rgba(79, 98, 134, 0.1);
}

html[dir="rtl"] .ipsStreamItem.ipsStreamItem_condensed .ipsStreamItem_stats {
    border-right: 1px solid rgba(79, 98, 134, 0.1);
}

.ipsProgressBar {
    background: #313b4e;
}

.ipsImage_thumbnailed {
    border: 0;
}

.ipsReact_reactCount {
    border: 1px solid #202831;
    background: #202831;
}

.ipsReact_reactCount > span > span:last-child, 
.ipsReact_reactCount > a > span:last-child {
    background: rgba(0, 0, 0, 0.23);
    color: #fff;
}

html[dir="ltr"] .ipsReact_blurb:not( .ipsHide ) + .ipsReact_types {
    border-left: 1px solid #5d709238;
}

html[dir="rtl"] .ipsReact_blurb:not( .ipsHide ) + .ipsReact_types {
    border-right: 1px solid #5d709238;
}

.ipsReact_unreact {
    background: #c62e25;
}

.ipsReact_types ul {
    background: #25b3c6;
}

body.ipsApp_noTouch .ipsReact_types:hover .ipsReact_button,
body:not( .ipsApp_noTouch ) .ipsReact_types.ipsReact_types_active .ipsReact_button {
	background: #25b3c6;
}

.ipsBadge_neutral, 
.ipsBadge_style6 {
    background: #495c71;
}

.ipsPager_type {
    color: #25b3c6;
}

.ipsPager .ipsPager_next a:after, 
.ipsPager .ipsPager_prev a:after {
    color: #25b3c6;
}

.ipsApp .ipsDataItem_new, 
.ipsApp .ipsDataItem_success {
    background-color: #202831;
}


/* ChatBox */
.cbAnn {
    padding: 9px 15px 9px 15px;
    background: #212832;
    border-radius:6px;
}

#elChatbox {
  margin-bottom:30px !important;
}

#chatBoxForm {
  margin-top: 30px;
  border-radius: 6px;
}


.ipsSideMenu_item:not( .ipsSideMenu_itemActive ) a:hover, 
a.ipsSideMenu_item:not( .ipsSideMenu_itemActive ):hover,
span.ipsSideMenu_item:not( .ipsSideMenu_itemActive ):hover {
	background: #202831;
    color: #fff;
}

.ipsEmoticons_item:hover {
    background: #202831;
}

.ipsTabs.ipsTabs_contained {
    border-color: #171e26 #171e26 transparent #171e26;
}

.ipsTabs_panels.ipsTabs_contained {
    border-color: #171e26;
}

.cPopularItem_stats {
    color: #ffffff;
}

html[dir="ltr"] .cPopularItem > div:last-child {
    border-right: 1px solid rgba(255, 255, 255, 0.04);
}

html[dir="rtl"] .cPopularItem > div:last-child {
    border-left: 1px solid rgba(255, 255, 255, 0.04);
}

.cPastLeaders_cell {
    background: #202831;
}

.cPastLeaders_title span {
    background: #121721;
}

.cPastLeaders_title:before {
    border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.cPastLeaders_cell:after {
    color: #fff;
}

#elClubControls {
    background: #202831;
}

.cClubIcon {
    border: 2px solid #212832;
}

.ipsAttachment_dropZone {
    background: rgba(13, 15, 23, 0.6);
}

.ipsTable th {
    background: #171e26;
}

.ipsMessage_general {
    background: #252f3e;
}

.cProfileRepScore_neutral {
    background: #333f54;
    color: #ffffff;
}

.cProfileRepScore_positive {
	background: #6b21ff;
	color: #ffffff;
}

.cProfileRepScore_negative {
	background: #b75858;
	color: #ffffff;
}

.cWidgetContainer.cWidgetContainer_managing {
    background-color: #0e131a;
}

.cWidgetContainer.cWidgetContainer_managing:before {
    border: 1px dashed #3bb5c7;
}

.cSidebarBlock_managing {
    background: rgba(14, 19, 26, 0.24);
}

.cSidebarBlock_managing h4 {
    background: #3bb5c7;
}

.cSidebarBlock_managing [data-action="removeBlock"] {
    background: #F44336;
}

.ipsAttachment_progress {
    background:#333f54;
    border:1px solid #333f54;
}

.ipsAttachment_progress span {
    background: #d934d3;
    background: -webkit-gradient(left top, right top, color-stop(0%, #d934d3), color-stop(100%, #333333));
    background: -webkit-gradient(linear, left top, right top, from(#d934d3), to(#333333));
    background: -webkit-linear-gradient(left, #d934d3 0%,  #333333 100%);
    background: -o-linear-gradient(left, #d934d3 0%,  #333333 100%);
    background: linear-gradient(to right, #d934d3 0%,  #333333 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d934d3', endColorstr=' #333333', GradientType=1 );
}

#elBlogHeaderStats {
    background: #121720;
}

#elDownloadsSubmit .ipsAttachment_dropZone {
    background: #28313c;
    border: 3px dashed rgb(59, 179, 198);
}

#elDownloadsSubmit_progress.ipsSticky {
    background: #212832;
}

.ipsProgressBar_progress {
    background: #3bb5c7;
}

.ipsImageAttach_thumb {
    background-color: #28313c;
}

.ipsThumb {
    border: 1px solid #121720;
}

.cGalleryTrimmedImage {
    background-color: #171e26;
    border: .5px solid #171e26;
}

.cGallerySubmit_uploadImages .ipsAttachment_dropZone:not( .ipsDragging ) {
    border-color: #00BCD4;
}

#elGallerySubmit_imageUploader .ipsAttachment_fileList .ipsImageAttach {
    background-color: #171e26;
    border: 1px solid #171e26;
}

@media screen and (max-width: 979px) {
  #elMobileBreadcrumb {
    background-color: #1b525a;
  }
   
  #elMobileBreadcrumb a {
    color:#fff !important;
  }
  
  html[dir="ltr"] #elMobileBreadcrumb:before {
    border-color: transparent transparent #1b525a #1b525a;
  }
  
  html[dir="rtl"] #elMobileBreadcrumb:before {
    border-color: #1b525a #1b525a transparent transparent;
  }
}

/* ===== flatum_statistic (id=461) ===== */
#statistic_content {
    background:#0b0f14;
    margin: 100px 0 0 0;
}


.cWidgetContainer[data-widgetArea="footer"] li.ipsBox.ipsWidget.ipsWidget_horizontal:not( .ipsWidgetHide ) + .ipsWidget {
  margin-top: 50px;
}

.ipsWidget_ministats {
    padding: 50px 0 50px 0;
}



.cWidgetContainer[data-widgetArea="footer"] {
    margin:0;
    padding: 50px 0;
} 

.cWidgetContainer[data-widgetArea="footer"] .ipsPad {
    padding:5px 0;
}

.cWidgetContainer[data-widgetArea="footer"] .ipsWidget_title {
    background:transparent;
    font-size:14px;
    text-transform: none;
    padding: 10px 0;
}

.cWidgetContainer[data-widgetArea="footer"] .ipsWidget_title .ipsType_light {
    font-size:11px;
    font-weight:400;
}

.ipsWidget_ministats {
    padding:20px 0 50px 0;
}



.ipsWidget_ministats .ipsMini25 {
    display:block;
    width:25%;
    float:left;
}

.ipsWidget_ministats .ipsMini25 .icon_mini,
.ipsWidget_ministats .ipsMini25 .avatar_mini {
    background: rgb(37, 179, 198);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgb(37, 179, 198)), color-stop(100%, rgb(53, 207, 211)));
    background: -webkit-gradient(linear, left top, right top, from(rgb(37, 179, 198)), to(rgb(53, 207, 211)));
    background: -webkit-linear-gradient(left, rgb(37, 179, 198) 0%, rgb(53, 207, 211) 100%);
    background: -o-linear-gradient(left, rgb(37, 179, 198) 0%, rgb(53, 207, 211) 100%);
    background: linear-gradient(to right, rgb(37, 179, 198) 0%, rgb(53, 207, 211) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgb(37, 179, 198)', endColorstr='rgb(53, 207, 211)', GradientType=1 );
    -webkit-box-shadow: 0px 10px 50px 0px rgba(39,183,200,0.3);
    -moz-box-shadow: 0px 10px 50px 0px rgba(39,183,200,0.3);
    box-shadow: 0px 10px 50px 0px rgba(39,183,200,0.3);
    display:inline-block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    height:80px;
    width:80px;
    position: relative;
    line-height:80px;
}

.ipsWidget_ministats .ipsMini25 .icon_mini:before {
    font-family: "FontAwesome";
    font-size:20px;
    color:#fff;
    position:absolute;
    width:30px;
    left:50%;
    margin:0 0 0 -15px;
}

.ipsWidget_ministats .ipsMini25 .icon_mini.mini_ic_topic:before {
    content: "\f0e5";
}

.ipsWidget_ministats .ipsMini25 .icon_mini.mini_ic_posts:before {
    content: "\f27b";
}

.ipsWidget_ministats .ipsMini25 .icon_mini.mini_ic_member:before {
    content: "\f0c0";
}


.ipsWidget_ministats .ipsMini25 .avatar_mini .ipsUserPhoto,
.ipsWidget_ministats .ipsMini25 .avatar_mini .ipsUserPhoto img {
    margin: -1px 0 0 0;
    height:80px;
    width:80px;
    border-radius:50%;
}

.ipsWidget_ministats .ipsMini25 .icon_mini:after,
.ipsWidget_ministats .ipsMini25 .icon_mini .pulse:before,
.ipsWidget_ministats .ipsMini25 .icon_mini .pulse:after,
.ipsWidget_ministats .ipsMini25 .avatar_mini:after,
.ipsWidget_ministats .ipsMini25 .avatar_mini .pulse:before,
.ipsWidget_ministats .ipsMini25 .avatar_mini .pulse:after {
    content: "";
    display:  block;
    border-radius:  50%;
    position:  absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    -webkit-animation-duration: 3000ms;
     animation-duration: 3000ms;
    -webkit-animation: pulse 3s linear;
    animation: pulse 3s linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.ipsWidget_ministats .ipsMini25 .icon_mini:after,
.ipsWidget_ministats .ipsMini25 .avatar_mini:after {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

.ipsWidget_ministats .ipsMini25 .icon_mini .pulse:before,
.ipsWidget_ministats .ipsMini25 .avatar_mini .pulse:before{
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

.ipsWidget_ministats .ipsMini25 .icon_mini .pulse:after,
.ipsWidget_ministats .ipsMini25 .avatar_mini .pulse:after{
    -webkit-animation-delay: 2s;
     animation-delay: 2s;
}

@-webkit-keyframes pulse {
    0%   {-webkit-transform: scale(1);transform: scale(1); border: 1px solid #184e57}
    50%  {-webkit-transform: scale(1.5);transform: scale(1.5); border: 1px solid #184e5750}
    100% {-webkit-transform: scale(2);transform: scale(2); border: 1px solid #184e5700}
}

@keyframes pulse {
    0%   {-webkit-transform: scale(1);transform: scale(1); border: 1px solid #184e57}
    50%  {-webkit-transform: scale(1.5);transform: scale(1.5); border: 1px solid #184e5750}
    100% {-webkit-transform: scale(2);transform: scale(2); border: 1px solid #184e5700}
}

.ipsWidget_ministats .ipsMini25 h2.mini_total_num,
.ipsWidget_ministats .ipsMini25 p.mini_total_desc {
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.ipsWidget_ministats .ipsMini25 h2.mini_total_num {
    font-size:20px;
    font-weight:500;
    color:#fff;
    margin:40px 0 0 0;
    padding:0;
}

.ipsWidget_ministats .ipsMini25 p.mini_total_desc {
    font-size:15px;
    font-weight:300;
    color:#fff;
    margin:6px 0 0 0;
    padding:0;
}

@media screen and (max-width: 979px) {
  .ipsWidget_ministats .ipsMini25 {
    width: 50%;
  }
  
  .ipsWidget_ministats .ipsMini25:nth-child(1),
  .ipsWidget_ministats .ipsMini25:nth-child(2) {
        margin: 0 0 50px 0;
  }
  
}