* { box-sizing: border-box; }
html, body {
  margin: 0; padding: 0;
  background: #2b2b2b;
  background-image: linear-gradient(#1f1f1f, #2b2b2b 200px, #2b2b2b);
  color: #dcdcdc;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
}
a { color: #ff8400; text-decoration: none; }
a:hover { text-decoration: underline; }
img { border: 0; }
ul { list-style: none; margin: 0; padding: 0; }
h1, h2, h3, h4, h5 { margin: 0; padding: 0; font-weight: normal; }
.clear { clear: both; }
.inline { display: inline; }
var { font-style: normal; }
.fa-solid, .fa-regular, .fa-brands { vertical-align: -1px; }

.wrapper { width: 1000px; margin: 0 auto; position: relative; }
.container { width: 1000px; margin: 0 auto; padding: 10px 0 30px; }

/* ===== HEADER ===== */
.header-wrapper { position: relative; margin-top: 10px; }
.header02-nf {
  position: relative;
  background: linear-gradient(#0b0b0b, #1a1a1a);
  border: 1px solid #000;
  border-radius: 5px;
  padding: 10px 10px 0;
  box-shadow: inset 0 1px 0 #2e2e2e, 0 2px 6px rgba(0,0,0,0.5);
}
.logo-nf {
  float: left; width: 300px; height: 70px; overflow: hidden; position: relative;
}
.logo-nf a {
  display: inline-flex; align-items: center; height: 70px;
  color: #fff; text-decoration: none; line-height: 1;
}
.logo-nf a::before {
  content: "Open";
  color: #fff;
  font: bold 28px/1 Georgia, serif;
  padding-left: 6px;
}
.logo-nf a::after {
  content: "Tube";
  display: inline-block;
  background: #ff8400; color: #000;
  padding: 3px 8px 4px;
  border-radius: 3px;
  font: bold 28px/1 Georgia, serif;
  margin-left: 5px;
  box-shadow: 0 1px 0 #aa5a00 inset;
}
.logo-nf img { display: none; }

.top-right-menu-nf {
  float: right; color: #9a9a9a; padding: 8px 4px 0;
  font-size: 11px; line-height: 18px;
}
.top-right-menu-nf a, .top-right-menu-nf .linkbtn {
  color: #dcdcdc; padding: 0 4px;
  display: inline-flex; align-items: center; gap: 4px;
  vertical-align: middle;
}
.top-right-menu-nf a:hover { color: #ff8400; text-decoration: none; }
.top-right-menu-nf .sep { color: #444; vertical-align: middle; }
.top-right-menu-nf .linkbtn {
  background: transparent; border: 0; cursor: pointer; font: inherit;
}
.top-right-menu-nf .linkbtn:hover { color: #ff8400; }
.top-right-menu-nf form.inline { display: inline-flex; align-items: center; }

.flag-wrapper { clear: right; float: right; padding: 6px 4px; }
.flag-wrapper ul li {
  display: inline-block; margin-left: 4px; color: #888; font-size: 10px;
  vertical-align: middle;
}
.flag-wrapper li.flag a {
  display: inline-block; width: 22px; height: 14px;
  color: transparent; overflow: hidden;
  border: 1px solid #333; vertical-align: middle;
  background: #555;
}
.flag-wrapper li.flag.russian  a { background: linear-gradient(#fff 33%, #0039a6 33% 66%, #d52b1e 66%); }
.flag-wrapper li.flag.english  a { background: linear-gradient(#c8102e 33%, #fff 33% 66%, #00247d 66%); }
.flag-wrapper li.flag.german   a { background: linear-gradient(#000 33%, #dd0000 33% 66%, #ffce00 66%); }
.flag-wrapper li.flag.french   a { background: linear-gradient(to right, #002395 33%, #fff 33% 66%, #ed2939 66%); }
.flag-wrapper li.flag.mx       a { background: linear-gradient(to right, #006847 33%, #fff 33% 66%, #ce1126 66%); }
.flag-wrapper li.flag.italian  a { background: linear-gradient(to right, #009246 33%, #fff 33% 66%, #ce2b37 66%); }
.flag-wrapper li.flag a.active { box-shadow: 0 0 0 1px #ff8400 inset; border-color: #ff8400; }

.wrapper-main-menu-nf {
  clear: both;
  background: linear-gradient(#ff9418, #d66a00);
  margin: 8px -10px 0;
  padding: 0 6px;
  height: 36px;
  border-top: 1px solid #ffb04a;
  border-bottom: 1px solid #000;
  border-radius: 0 0 5px 5px;
  overflow: hidden;
}
.wrapper-main-menu-nf ul {
  display: flex; align-items: stretch; height: 36px; flex-wrap: nowrap;
}
.wrapper-main-menu-nf li.wide-btn-title {
  display: flex; align-items: stretch; flex: 0 0 auto;
}
.wrapper-main-menu-nf li.wide-btn-title a {
  display: inline-flex; align-items: center; gap: 6px;
  height: 36px; padding: 0 11px; line-height: 1;
  color: #fff; font-weight: bold; font-size: 11px;
  text-transform: uppercase;
  text-shadow: 0 1px 0 rgba(0,0,0,0.35);
  white-space: nowrap;
}
.wrapper-main-menu-nf li.wide-btn-title a i { font-size: 13px; }
.wrapper-main-menu-nf li.wide-btn-title a:hover,
.wrapper-main-menu-nf li.wide-btn-title a.active {
  background: #000; color: #ff8400;
  text-decoration: none; text-shadow: none;
}
.nf-search-main-menu { margin-left: auto !important; padding: 0 6px; display: flex; align-items: center; }
.nf-search-main-menu .fs-nf {
  border: 0; padding: 0; margin: 0; display: flex; align-items: center;
}
.search-input-nf {
  width: 180px; height: 22px; padding: 0 8px;
  background: #fff; color: #222; border: 1px solid #333; border-radius: 2px;
  font-size: 11px;
}
.btn-search-top-menu-nf {
  background: #000; color: #ff8400; border: 1px solid #000;
  padding: 0 10px; margin-left: 2px; cursor: pointer; font-weight: bold;
  height: 24px; display: inline-flex; align-items: center; justify-content: center;
}
.btn-search-top-menu-nf:hover { background: #ff8400; color: #000; }
.suggest-box {
  position: absolute; top: 30px; right: 6px; width: 240px;
  background: #1a1a1a; color: #ddd;
  border: 1px solid #ff8400; border-top: 0;
  display: none; z-index: 200; max-height: 300px; overflow: auto;
  box-shadow: 0 6px 14px rgba(0,0,0,0.7);
}
.suggest-box:empty { display: none !important; }
.suggest-box li {
  padding: 7px 10px; border-bottom: 1px solid #2a2a2a;
  cursor: pointer; font-size: 11px;
}
.suggest-box li:last-child { border-bottom: 0; }
.suggest-box li:hover { background: #ff8400; color: #000; }

/* WELCOME */
#welcome {
  background: linear-gradient(#0d0d0d, #1a1a1a);
  border: 1px solid #333; border-radius: 3px;
  padding: 8px 12px; color: #ccc; font-size: 12px;
  margin: 12px 0;
}

/* ===== SECTION BAR ===== */
.section_wrapper { margin-bottom: 18px; }
.section_bar {
  position: relative;
  background: linear-gradient(#2a2a2a, #0f0f0f);
  border: 1px solid #000; border-radius: 4px 4px 0 0;
  border-bottom: 0;
  height: 32px; line-height: 32px; padding: 0 10px;
  box-shadow: inset 0 1px 0 #3a3a3a;
}
.section_title {
  color: #fff; font-weight: bold; font-size: 13px;
  text-shadow: 0 1px 0 rgba(0,0,0,0.8);
}
.section_title_lc, .section_title_rc { display: none; }
.section_link {
  float: right; color: #ff8400; font-size: 11px;
  margin-left: 10px;
}
.section_plus { color: #ff8400; font-weight: bold; margin-right: 4px; }
.section_tabs {
  float: right; margin-right: 10px; display: inline-block;
}
.section_tabs li { display: inline-block; }
.section_tabs li a {
  display: inline-block; padding: 0 10px; height: 32px;
  color: #bbb; font-size: 11px;
}
.section_tabs li.active a {
  background: linear-gradient(#ff8400, #c56000);
  color: #000; font-weight: bold; text-shadow: 0 1px 0 rgba(255,255,255,0.2);
}
.section_tabs li a:hover {
  background: #000; color: #ff8400; text-decoration: none;
}

.videos_wrapper {
  background: #1a1a1a; border: 1px solid #000;
  border-top: 1px solid #333;
  padding: 12px; position: relative; overflow: hidden;
  border-radius: 0 0 4px 4px;
}
.ad_box, .nf-adbox {
  float: right; margin: 0 0 10px 10px; width: 315px;
  background: #0f0f0f; border: 1px solid #333; padding: 6px;
}
.ad_title { display: block; color: #666; font-size: 10px; margin-bottom: 4px; }
.ad_placeholder {
  width: 100%; height: 300px;
  background: repeating-linear-gradient(45deg, #222, #222 10px, #333 10px, #333 20px);
  color: #777; text-align: center; line-height: 300px; font-size: 14px;
}

/* ===== VIDEO GRID ===== */
.videos {
  display: flex; flex-wrap: wrap; gap: 8px;
}
.videoblock {
  width: 186px; background: #0f0f0f; border: 1px solid #2a2a2a;
  padding: 5px; border-radius: 3px;
  transition: border-color 0.15s, box-shadow 0.15s;
}
.videoblock:hover {
  border-color: #ff8400;
  box-shadow: 0 0 0 1px rgba(255,132,0,0.4);
}
.videoblock .wrap { position: relative; }
.videoblock a.img {
  display: block; position: relative;
  width: 174px; height: 130px; overflow: hidden;
  background: #000;
}
.videoblock a.img img {
  width: 100%; height: 100%; display: block; object-fit: cover;
  transition: transform 0.2s;
}
.videoblock:hover a.img img { transform: scale(1.03); }
.videoblock .duration {
  position: absolute; right: 4px; bottom: 4px;
  background: rgba(0,0,0,0.8); color: #fff;
  font-size: 10px; padding: 2px 5px;
  font-weight: bold;
}
.videoblock .play-overlay {
  position: absolute; top: 50%; left: 50%;
  width: 44px; height: 44px; margin: -22px 0 0 -22px;
  background: rgba(0,0,0,0.6);
  border: 2px solid #ff8400; border-radius: 50%;
  color: #ff8400; font-size: 18px;
  display: flex; align-items: center; justify-content: center;
  opacity: 0; transition: opacity 0.15s;
  pointer-events: none;
}
.videoblock:hover .play-overlay { opacity: 1; }
.videoblock h5.title {
  margin-top: 6px; line-height: 1.25;
  height: 28px; overflow: hidden;
}
.videoblock h5.title a {
  color: #e8e8e8; font-size: 11px; font-weight: bold;
}
.videoblock h5.title a:hover { color: #ff8400; text-decoration: none; }
.card-footer {
  display: flex; justify-content: space-between; align-items: center;
  margin-top: 4px;
}
.rating-container {
  display: inline-flex; align-items: center; gap: 4px;
  font-size: 10px; font-weight: bold;
  padding: 2px 5px; color: #fff;
  border-radius: 2px;
}
.rating-container.up { background: #2d8f2d; }
.rating-container.down { background: #a03030; }
.videoblock .views {
  color: #888; font-size: 10px;
  display: inline-flex; align-items: center; gap: 3px;
}
.videoblock .added {
  display: block; color: #666; font-size: 10px;
  margin-top: 3px; clear: both;
}

.empty {
  flex: 1 1 100% !important;
  width: 100% !important;
  padding: 70px 20px; text-align: center; color: #888;
  font-size: 13px;
  background: #0f0f0f; border: 1px dashed #333;
  box-sizing: border-box;
}
.videos_wrapper .videos { min-height: 160px; }
.list-cont .video-grid { clear: both; }

/* ===== TWO-COL LAYOUT ===== */
.two-col { display: flex; gap: 10px; align-items: flex-start; }
.sidebar {
  width: 180px; flex-shrink: 0;
}
.sidebar .box-flex-top,
.nf-videos .box-flex-top,
.related-col .box-flex-top {
  background: linear-gradient(#2a2a2a, #0f0f0f);
  border: 1px solid #000; border-bottom: 0;
  height: 30px; line-height: 30px; padding: 0 10px;
  border-radius: 3px 3px 0 0;
  box-shadow: inset 0 1px 0 #3a3a3a;
}
.nf-categories .box-flex-top h1,
.nf-videos .box-flex-top h1,
.related-col .box-flex-top h1 {
  color: #fff; font-size: 13px; font-weight: bold;
  text-shadow: 0 1px 0 rgba(0,0,0,0.8);
}
.nf-videos .box-flex-top h1 .tabs-right { float: right; }
.nf-videos .box-flex-top h1 .tabs-right .section_tabs { margin-right: 0; }
.nf-videos .box-flex-top h1 .tabs-right .section_tabs li a { height: 30px; }
.top16 { margin-top: 12px; }
.box-flex-cont {
  background: #1a1a1a; border: 1px solid #000; border-top: 1px solid #333;
  padding: 8px;
  border-radius: 0 0 3px 3px;
}
.sidebar .nf-cat-list { list-style: none; margin: 0; padding: 0; }
.sidebar .nf-cat-list li {
  padding: 4px 8px; border-bottom: 1px dotted #2e2e2e;
  font-size: 11px;
}
.sidebar .nf-cat-list li:last-child { border-bottom: 0; }
.sidebar .nf-cat-list li a { color: #dcdcdc; display: block; }
.sidebar .nf-cat-list li.active { background: #000; }
.sidebar .nf-cat-list li.active > a { color: #ff8400; font-weight: bold; }

.nf-videos { flex: 1; min-width: 0; }
.list-cont { min-height: 500px; position: relative; overflow: hidden; }

.jc-submenu-bar {
  margin-bottom: 8px; padding: 4px 6px; font-size: 11px; color: #bbb;
  background: #0f0f0f; border: 1px solid #2a2a2a;
}
.jc-submenu-bar li {
  display: inline-block; padding: 0 8px; border-right: 1px solid #333;
}
.jc-submenu-bar li:last-child { border-right: 0; }
.jc-submenu-bar li.active a { color: #ff8400; font-weight: bold; }
.jc-submenu-bar li strong { color: #fff; }

/* PAGINATION */
.pagination {
  margin: 14px 0 4px; text-align: center;
}
.pagination li { display: inline-block; margin: 0 2px; }
.pagination li a {
  display: inline-block; padding: 5px 10px;
  background: #0f0f0f; border: 1px solid #333; color: #dcdcdc;
  border-radius: 2px;
}
.pagination li a:hover { background: #000; color: #ff8400; text-decoration: none; }
.pagination li.active a {
  background: linear-gradient(#ff8400, #c56000);
  color: #000; border-color: #a85000; font-weight: bold;
}
.pagination li.dots { color: #555; padding: 5px; }

/* CATEGORIES GRID */
.categories-list {
  display: flex; flex-wrap: wrap; gap: 8px;
}
.categories-list li.cat_pic {
  width: 190px; background: #0f0f0f; border: 1px solid #2a2a2a;
  padding: 4px; position: relative;
  transition: border-color 0.15s;
}
.categories-list li.cat_pic:hover { border-color: #ff8400; }
.categories-list li.cat_pic a {
  display: block; position: relative; width: 180px; height: 130px; overflow: hidden;
}
.categories-list li.cat_pic img {
  width: 100%; height: 100%; object-fit: cover; display: block;
  background: #222;
}
.categories-list li.cat_pic h5 { margin-top: 4px; padding: 0 2px; }
.categories-list li.cat_pic h5 a {
  display: inline; position: static; width: auto; height: auto;
}
.categories-list li.cat_pic h5 a strong { color: #fff; font-size: 12px; font-weight: bold; }
.categories-list li.cat_pic h5 a span { color: #888; font-size: 10px; margin-left: 3px; }
.cat_overlay {
  position: absolute; left: 0; right: 0; bottom: 0;
  height: 36px; background: linear-gradient(transparent, rgba(0,0,0,0.9));
  pointer-events: none;
}
.cat_title-on-img {
  position: absolute; left: 8px; right: 8px; bottom: 6px;
  color: #fff; font-weight: bold; font-size: 13px;
  text-shadow: 0 1px 2px rgba(0,0,0,0.8);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.categories-list li.cat_pic:hover img { filter: brightness(1.1); }

/* WATCH PAGE */
.watch-wrapper { display: flex; gap: 10px; align-items: flex-start; }
.player-col { flex: 1; min-width: 0; }
.related-col { width: 290px; flex-shrink: 0; }

.watch-title {
  background: linear-gradient(#2a2a2a, #0f0f0f);
  border: 1px solid #000; padding: 10px 14px;
  color: #fff; font-size: 16px; font-weight: bold; margin-bottom: 6px;
  border-radius: 3px 3px 0 0;
  text-shadow: 0 1px 0 rgba(0,0,0,0.8);
}
.player-shell {
  background: #000; border: 1px solid #000; padding: 3px;
}
.player-shell video { width: 100%; max-height: 430px; background: #000; display: block; }

.video-meta {
  background: #1a1a1a; border: 1px solid #000; border-top: 0;
  padding: 10px; display: flex; justify-content: space-between;
  align-items: center; flex-wrap: wrap; gap: 8px;
  border-radius: 0 0 3px 3px;
}
.video-meta .views-big, .video-meta .added-big, .video-meta .cat-big {
  margin-right: 14px; color: #bbb; font-size: 12px;
}
.video-meta var { color: #fff; font-weight: bold; }

.rating-box {
  display: inline-flex; align-items: center;
  background: #0d0d0d; border: 1px solid #2a2a2a; padding: 4px 6px; gap: 4px;
}
.rating-box .rate-up, .rating-box .rate-down {
  background: #222; color: #ccc; border: 1px solid #333;
  padding: 4px 8px; cursor: pointer; font-size: 12px;
}
.rating-box .rate-up:hover { background: #2d8f2d; color: #fff; }
.rating-box .rate-down:hover { background: #a03030; color: #fff; }
.rating-box .rate-up.chosen { background: #2d8f2d; color: #fff; border-color: #2d8f2d; }
.rating-box .rate-down.chosen { background: #a03030; color: #fff; border-color: #a03030; }
.rating-box .rating-container { margin: 0; padding: 3px 8px; font-size: 12px; }
.rating-box .updown { color: #aaa; font-size: 11px; margin-left: 4px; }

.fav-btn {
  margin-left: 12px; background: #222; border: 1px solid #333; color: #ddd;
  padding: 6px 12px; cursor: pointer; font-weight: bold; font-size: 12px;
}
.fav-btn:hover { background: #000; color: #ff8400; border-color: #ff8400; }
.fav-btn.added { background: #ff8400; color: #000; border-color: #a85000; }

.description {
  background: #151515; border: 1px solid #333; padding: 12px;
  color: #ccc; margin-top: 10px; white-space: pre-wrap; line-height: 1.5;
}

.tags { margin: 10px 0; color: #aaa; font-size: 12px; }
.tags strong { color: #fff; margin-right: 4px; }
.tags .tag {
  display: inline-block; background: #333; color: #ddd;
  padding: 3px 8px; margin: 3px 2px; border-radius: 2px; font-size: 11px;
  border: 1px solid #444;
}
.tags .tag:hover { background: #ff8400; color: #000; text-decoration: none; border-color: #a85000; }

.comments-section {
  margin-top: 20px; background: #1a1a1a; border: 1px solid #333; padding: 12px;
}
.comments-section h3 { color: #fff; margin-bottom: 10px; font-size: 14px; font-weight: bold; }
.comments-section textarea {
  width: 100%; min-height: 70px; background: #0a0a0a; color: #ddd;
  border: 1px solid #333; padding: 8px; resize: vertical;
  font-family: inherit; font-size: 12px;
}
.comments-section .btn-primary { margin-top: 6px; }
.comments-section .must-login { color: #aaa; font-size: 12px; }
.comments li {
  border-bottom: 1px dotted #333; padding: 10px 0; position: relative;
  padding-left: 32px; min-height: 28px;
}
.comments li .user-ava {
  position: absolute; left: 0; top: 10px;
  color: #555; font-size: 22px;
}
.comments li strong { color: #ff8400; }
.comments li .when { color: #666; font-size: 10px; margin-left: 6px; }
.comments li p { margin: 4px 0 0; color: #ddd; white-space: pre-wrap; }

/* RELATED */
.related-col { background: #0f0f0f; border: 1px solid #000; padding: 0; }
.related-list { padding: 6px; }
.related-list li { padding: 6px 0; border-bottom: 1px dotted #333; }
.related-list li a { position: relative; display: block; }
.related-list li img { width: 100%; height: 160px; object-fit: cover; background: #000; }
.related-list li .duration {
  position: absolute; right: 4px; bottom: 4px;
  background: rgba(0,0,0,0.8); color: #fff;
  font-size: 10px; padding: 1px 5px;
}
.related-list li h5 a { color: #ddd; font-size: 11px; font-weight: bold; display: block; margin-top: 4px; line-height: 1.2; }
.related-list li h5 a:hover { color: #ff8400; text-decoration: none; }
.related-list li .views { color: #777; font-size: 10px; display: inline-flex; align-items: center; gap: 3px; }

/* UPLOAD */
.upload-form { width: 100%; }
.upload-form th {
  text-align: right; padding: 8px 10px 8px 0; color: #aaa;
  font-weight: normal; width: 140px; vertical-align: top;
}
.upload-form td { padding: 6px 0; }
.upload-form input[type=text], .upload-form input[type=file],
.upload-form select, .upload-form textarea {
  width: 100%; background: #000; color: #ddd;
  border: 1px solid #333; padding: 6px;
  font-family: inherit; font-size: 12px;
}
.upload-form textarea { resize: vertical; }
.upload-form label { color: #ddd; margin-right: 14px; }
.form-actions { margin: 14px 0 0 140px; }
.btn-primary {
  background: linear-gradient(#ff8400, #c56000);
  color: #000; border: 1px solid #a85000; padding: 8px 18px;
  font-weight: bold; cursor: pointer; text-transform: uppercase;
  border-radius: 3px;
}
.btn-primary:hover { background: linear-gradient(#ffa028, #ff8400); }
.btn-primary.big { padding: 12px 24px; font-size: 14px; }
.progress-wrap { margin: 12px 0 0 140px; width: 60%; }
.progress-bar {
  height: 18px; background: #000; border: 1px solid #333;
  overflow: hidden; border-radius: 2px;
}
.progress-fill {
  height: 100%; width: 0;
  background: linear-gradient(#ff8400, #c56000);
  transition: width 0.3s;
}
.progress-text { color: #aaa; font-size: 11px; margin-top: 4px; }
.upload-result { margin: 10px 0 0 140px; color: #ccc; }
.upload-result.ok { color: #4caf50; }
.upload-result.err { color: #e57373; }

/* JOIN */
.join-wrapper {
  background: #1a1a1a; border: 1px solid #000; padding: 20px;
  border-radius: 4px;
}
.join-header h1 { color: #ff8400; font-size: 26px; font-weight: bold; }
.join-header .sub { color: #aaa; margin-top: 4px; }
.join-body { display: flex; gap: 30px; margin-top: 20px; }
.join-col { flex: 1; }
.join-col h3 { color: #fff; font-size: 15px; font-weight: bold; margin-bottom: 12px; }
.benefits li {
  padding: 5px 0 5px 22px; color: #ddd;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14'><polyline points='2,8 6,12 12,3' fill='none' stroke='%23ff8400' stroke-width='2'/></svg>") no-repeat left center;
}
.join-form label { display: block; margin-top: 10px; color: #bbb; }
.join-form .inp-wrap { position: relative; }
.join-form .inp-wrap .inp-ico {
  position: absolute; left: 8px; top: 50%; transform: translateY(-50%); color: #666;
}
.join-form .inp-wrap input {
  width: 100%; background: #000; color: #ddd;
  border: 1px solid #333; padding: 7px 8px 7px 28px; margin-top: 3px;
}
.join-form .btn-primary { margin-top: 18px; }
.small { color: #888; font-size: 11px; margin-top: 10px; }
.form-error {
  background: #3a0000; border: 1px solid #8f2d2d; padding: 8px 10px;
  color: #fff; margin-bottom: 10px;
}

/* SIGN IN MODAL */
#signin_container {
  position: fixed; top: 0; left: 0; width: 100%; height: 100%;
  background: rgba(0, 0, 0, 0.75); z-index: 300;
}
#signin_background {
  position: relative; width: 420px; margin: 80px auto;
  background: linear-gradient(#1a1a1a, #0d0d0d);
  border: 2px solid #ff8400; padding: 22px 26px;
  border-radius: 5px;
  box-shadow: 0 6px 30px rgba(0,0,0,0.6);
}
#signin_close {
  position: absolute; top: 8px; right: 10px;
  background: transparent; border: 0; color: #fff;
  font-size: 18px; cursor: pointer;
}
#signin_close:hover { color: #ff8400; }
.signin_title {
  color: #ff8400; font-size: 18px; font-weight: bold;
  text-align: center; margin-bottom: 16px;
}
.signin_label { display: block; color: #bbb; font-size: 11px; margin-top: 10px; }
.inp-wrap { position: relative; }
.inp-wrap .inp-ico {
  position: absolute; left: 8px; top: 50%; transform: translateY(-50%); color: #666;
}
.inp-wrap .signup_field,
.inp-wrap input {
  width: 100%; padding: 7px 8px 7px 28px; background: #000; color: #ddd;
  border: 1px solid #333; margin-top: 4px;
}
.signup_field { width: 100%; padding: 7px 8px; background: #000; color: #ddd; border: 1px solid #333; margin-top: 4px; }
.signin_check { display: block; color: #aaa; margin-top: 12px; font-size: 11px; }
#signin_loggingin { color: #ff8400; text-align: center; margin-top: 10px; }
.signup_button {
  display: inline-block;
  background: linear-gradient(#ff8400, #c56000);
  color: #000; border: 1px solid #a85000;
  padding: 8px 18px; font-weight: bold; cursor: pointer;
  margin-top: 14px; text-transform: uppercase; border-radius: 3px;
}
.signup_button:hover { background: linear-gradient(#ffa028, #ff8400); }
.signup_button.small { padding: 5px 10px; font-size: 11px; }
#signin_forgotpassword { display: block; color: #aaa; font-size: 11px; text-align: center; margin-top: 10px; }
.signin_signup_row {
  border-top: 1px solid #333; margin-top: 16px; padding-top: 12px;
  display: flex; justify-content: space-between; align-items: center;
}
.signin_signup_row span { color: #aaa; font-size: 11px; }
.signin_error_box {
  background: #3a0000; border: 1px solid #8f2d2d; padding: 6px 8px;
  color: #fff; margin-bottom: 10px; font-size: 11px;
}

/* FOOTER */
.footer {
  margin-top: 25px;
  background: linear-gradient(#0b0b0b, #1a1a1a);
  border-top: 2px solid #ff8400;
  padding: 18px 0; text-align: center;
}
.footer-inner { width: 1000px; margin: 0 auto; color: #888; }
.footer-links { margin-bottom: 10px; }
.footer-links li { display: inline-block; margin: 0 10px; }
.footer-links li a { color: #ccc; }
.footer-links li a:hover { color: #ff8400; }
.copy { font-size: 10px; color: #666; }

/* Noty theme tweaks so it fits the dark ui */
.noty_theme__mint.noty_bar {
  border-radius: 3px !important;
  font-family: Verdana, Arial, sans-serif !important;
}
.noty_theme__mint.noty_type__success { background: #2d8f2d !important; color: #fff !important; border-bottom: 2px solid #1e6b1e !important; }
.noty_theme__mint.noty_type__error   { background: #a03030 !important; color: #fff !important; border-bottom: 2px solid #6b1e1e !important; }
.noty_theme__mint.noty_type__warning { background: #ff8400 !important; color: #000 !important; border-bottom: 2px solid #a85000 !important; }
.noty_theme__mint.noty_type__info    { background: #2a2a2a !important; color: #fff !important; border-bottom: 2px solid #ff8400 !important; }

.big-note { font-size: 14px; color: #ccc; padding: 20px 0; }