/* Datalife Engine template 
name: AnderewGray Lord (Violet-Night),
creation date: 04 11 2025, 
*/
/* SET BASE
----------------------------------------------- */
* {background: transparent; margin: 0; padding: 0; outline: none; border: 0; box-sizing: border-box;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
table {border-collapse: collapse; border-spacing: 0;}
input, select {vertical-align: middle;}
article, aside, figure, figure img, hgroup, footer, header, nav, section, main {display: block;}
img {max-width: 100%;}
.clr {clear: both;}
.clearfix:after {content: ""; display: table; clear: both;}
body {
  font: 19px 'Montserrat', sans-serif; line-height: 1.8; padding: 0; margin: 0;        
  color: #e6e1ff; background: #100e1d; min-height: 100%; width: 100%; font-weight: 400;
}
a {color: #e6e1ff; text-decoration: none;}
a:hover, a:focus {
  color: #a259ff;
  text-shadow: 0 0 10px rgba(162, 89, 255, 0.5);
}
h1, h2, h3, h4, h5 {
  font-weight: 700; font-size: 32px; color: #8a2be2;
}
button, textarea, select, input[type="text"], input[type="password"], input[type="button"], input[type="submit"] {
  appearance: none; -webkit-appearance: none; font-size: 19px; font-family: 'Montserrat' !important;
}
.button, .btn, .pagi-load a, .up-second li a, .usp-edit a, .qq-upload-button, 
button:not(.color-btn):not([class*=fr]):not(.search-btn):not([class*=owl-]), 
html input[type="button"], input[type="reset"], input[type="submit"], .meta-fav a, .usp-btn a {
  display: inline-block; text-align: center; padding: 0 32px; height: 56px; line-height: 56px;
  border-radius: 22px; cursor: pointer; font-weight: 600;
  background-color: #8a2be2; color: #fff; font-size: 19px;
  box-shadow: 0 8px 22px rgba(138, 43, 226, 0.4);
}
.button:hover, .btn:hover, .up-second li a:hover, .usp-edit a:hover, .qq-upload-button:hover, 
.pagi-load a:hover, .usp-btn a:hover,
button:not(.color-btn):not([class*=fr]):not(.search-btn):not([class*=owl-]):hover, 
html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .meta-fav a:hover {
  background-color: #7a1ed2; color: #fff; box-shadow: 0 12px 28px rgba(122, 30, 210, 0.6);
}
button:active, input[type="button"]:active, input[type="submit"]:active {
  box-shadow: inset 0 2px 6px 0 rgba(0,0,0,0.3);
}
input[type="text"], input[type="password"] {
  height: 56px; line-height: 56px; border-radius: 12px; border: 0; padding: 0 26px;
}
select {height: 56px; border: 0; padding: 0 26px;}
textarea {padding: 26px; overflow: auto; vertical-align: top; resize: vertical;}
input[type="text"], input[type="password"], select, textarea {
  width: 100%; background-color: #1a172d; color: #e6e1ff; 
  box-shadow: inset 0 0 0 1px #3c366b, inset 2px 3px 8px rgba(0,0,0,0.5);
}
select {width: auto;}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
  box-shadow: inset 0 0 0 2px #8a2be2, inset 2px 3px 8px rgba(0,0,0,0.5);
}
input::placeholder, textarea::placeholder {color: #8a85b3; opacity: 1; font-size: 17px;} 
input:focus::placeholder, textarea:focus::placeholder {color: transparent;}
.img-box, .img-wide, .img-resp, .img-resp-vert, .img-fit {overflow: hidden; position: relative;}
.img-resp {padding-top: 62%;}
.img-resp-vert {padding-top: 125%;}
.img-box img, .img-resp img, .img-resp-vert img {width: 100%; min-height: 100%; display: block;}
.img-resp img, .img-resp-vert img {position: absolute; left: 0; top: 0;}
.img-wide img {width: 100%; display: block;}
.img-fit img {width: 100%; height: 100%; object-fit: cover;}
.nowrap {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.fx-row, #dle-content {
  display: flex; flex-wrap: wrap; justify-content: space-between;
}
.fx-col {display: flex; flex-direction: column;}
.fx-center {justify-content: center;}
.fx-middle {align-items: center;}
.fx-start {justify-content: flex-start;}
.fx-first {order: -1;}
.fx-last {order: 10;}
.fx-1 {flex: 1; max-width: 100%; min-width: 70px;}
.fx-between {justify-content: space-between;}
b, strong, .fw700 {font-weight: 700;}
.icon-left [class*="fa-"], .icon-left .icon {margin-right: 18px;}
.icon-right [class*="fa-"], .icon-right .icon {margin-left: 18px;}
.hidden, #dofullsearch {display: none;}
.btn, button, .popular-item-img:before, .short-item a, .sidebar a, .header-btn, 
.short-img, .footer a, .side-nav a {transition: all .35s;}
.mtitle, .sub-title h1, .form-wrap h1 {margin-bottom: 44px; font-size: 32px !important; font-weight: 700;}
#dle-content > * {width: 100%;}

/* BASIC GRID
----------------------------------------------- */
.wrap {min-width:320px; position: relative; padding: 44px;}
.wrap-center {max-width:1440px; margin:0 auto; position:relative; z-index:20;}
.wrap-main {background-color: #151228; border-radius: 30px; box-shadow: 0 22px 44px rgba(0, 0, 0, 0.7);}
.header {padding: 30px 56px; background-color: #100e1d; border-radius: 30px 30px 0 0; border-bottom: 1px solid #3c366b;}
.cols {padding: 56px 56px; background-color: #100e1d;}
.main {min-height: 100vh;}
.sidebar {width: 380px; margin-right: 56px;}
.footer a {color: #8a2be2; text-decoration: underline;}
#gotop {
  position: fixed; width: 76px; height: 76px; line-height: 76px; right: 24px; bottom: 24px;
  z-index: 990; display: none; background-color: #1a172d; color: #8a2be2; cursor: pointer; font-size: 34px; 
  border-radius: 50%; text-align: center; box-shadow: 0 12px 36px rgba(138, 43, 226, 0.4);
}
#gotop:hover {background-color: #201d35; box-shadow: 0 18px 48px rgba(138, 43, 226, 0.6);}

/* HEADER
----------------------------------------------- */
.logo {
  display: block; height: 64px; line-height: 68px; color: #e6e1ff; font-weight: 300; margin-top: -18px;
  font-size: 44px; background: url(../images/logo.png) 0 center / 52px no-repeat; padding-left: 64px;
}
.logo span {font-weight: 700; color: #8a2be2;}
.logo span.logo-domain {color: #a5a0d1; font-size: 23px; font-weight: 300;}
.header-btn {padding: 0 56px;}
.search-wrap {position: relative; margin: 0 30px 0 56px;}
.search-box input, .search-box input:focus {
  padding: 0 68px 0 26px; border-radius: 22px; 
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.55);
}
.search-box input:not(:focus)::placeholder {color: #c5c0e6; font-size: 17px;} 
.search-box button {
  position: absolute; right: 0; top: 0; z-index: 10; width: 68px; cursor: pointer; 
  background: none; color: #c5c0e6; line-height: 56px; text-align: center; border-radius: 0 28px 28px 0;
}
.carou-content {height: 260px;}
.carou-sect {padding: 30px 56px; background-color: #100e1d;}
.carou-title {font-size: 23px; font-weight: 600; margin-bottom: 30px; color: #e6e1ff;}
.popular-item-img {
  display: block; border-radius: 22px; height: 260px; box-shadow: 0 10px 22px rgba(0, 0, 0, 0.45);
}
.popular-item-title {
  position: absolute; z-index: 10; left: 0; bottom: 0; right: 0; 
  padding: 30px; color: #ffffff; font-weight: 600; word-wrap: break-word;
}
.popular-item-img:before {
  content: ''; position: absolute; z-index: 5; left: 0; right: 0; bottom: 0; height: 75%; 
  background: linear-gradient(to bottom, transparent 0%, #151228 100%); opacity: 1;
}
.popular-item:hover .popular-item-img:before, .popular-item:hover .popular-item-title {opacity: 0;}

/* SIDEBAR
----------------------------------------------- */
.side-box {margin-bottom: 56px; background-color: #1a172d; border-radius: 22px; padding: 26px; border: 1px solid #3c366b;}
.side-bt {font-size: 23px; font-weight: 600; margin-bottom: 30px; color: #e6e1ff;}
.mb-remove {margin-bottom: -30px;}
.nav-col {width: 58%;}
.nav-col + .nav-col {width: 41%;}
.nav-title {font-weight: 600; margin-bottom: 18px; color: #a5a0d1;}
.nav-menu + .nav-title {margin-top: 22px;}
.nav-menu a {display: block; padding: 9px 0; font-size: 17px; color: #a5a0d1;}
.nav-menu a:hover, a.short-title:hover, .side-popular-item:hover .side-popular-item-title {
  text-decoration: underline; color: #8a2be2;
}
.side-popular-item {margin-bottom: 30px;}
.side-popular-item-img {width: 88px; height: 108px; border-radius: 14px; margin-right: 30px;}
.side-popular-item-title {font-weight: 600; color: #e6e1ff;}
.side-popular-item-info {color: #b8b3e0; margin-top: 18px; font-size: 17px;}
.side-popular-item-date {color: #9a95c6; margin-top: 18px; font-size: 15px; font-weight: 300;}
.side-recommend-item {display: block; margin-bottom: 30px; width: 48%;}
.side-recommend-item-img {border-radius: 22px;}
.side-recommend-item:hover {opacity: 0.92;}
.lcomm {margin-bottom: 30px;}
.ltitle {display: block; line-height: 1; font-weight: 300; font-size: 17px; margin-top: 18px; padding-left: 10px; color: #a5a0d1;}
.ltext {line-height: 1.6; background-color: #1a172d; padding: 18px; border-radius: 22px; color: #cfcadf; border: 1px solid #3c366b;}
.lmeta {font-size: 17px; margin: 18px 0; color: #a5a0d1; font-weight: 300;}
.ldate, .lav, .lname {display: inline-block; vertical-align: middle; margin-right: 14px;}
.lav {width: 30px; height: 30px; border-radius: 50%; background-color: #201d35; border: 1px solid #3c366b;}
.lcomm .comm-letter {line-height: 30px; font-size: 16px;}
.lname {color: #a5a0d1; font-weight: 500;}

/* SECTION
----------------------------------------------- */
.sect {margin-bottom: 56px;}
.sect-header {margin-bottom: 30px;}
.sect:last-child {margin-bottom: 0;}
.sect-title {font-weight: 700; font-size: 32px; color: #8a2be2;}
.sect-title [class*=fa-], .side-bt [class*=fa-], .speedbar [class*=fa-], .carou-title [class*=fa-] {color: #8a2be2; margin-right: 22px;}
.sorter, .sect-link {
  position: relative; cursor: pointer; height: 42px; line-height: 42px; margin-left: 22px;
  padding: 0 18px; background-color: #1a172d; border: 1px solid #3c366b; border-radius: 14px; font-size: 17px; display: block; color: #a5a0d1;
}
.sorter:before {content: attr(data-label); display: inline-block; vertical-align: top;}
.sorter > span {display: inline-block; vertical-align: top; margin-left: 8px;}
.sorter form {
  display: none; background-color: #100e1d; padding: 18px; line-height: 34px; box-shadow: 0 0 22px 0 rgba(0, 0, 0, 0.7); 
  position: absolute; right: 0; top: 100%; width: 190px; z-index: 999; border-radius: 12px; border: 1px solid #3c366b;
}
.sorter a:hover {text-decoration: underline; color: #8a2be2;}
.sort li.asc a:after, .sort li.desc a:after {
  content: "\f063"; font-family: "Font Awesome 5 Pro"; 
  display: inline-block; margin-left: 16px; font-weight: 300;
}
.sort li.desc a:after {content: "\f062";}
.sorter:hover, .sect-link:hover {
  background-color: #201d35; color: #e6e1ff; border-color: #8a2be2;
}

/* SHORT ITEM
----------------------------------------------- */
.short-item {
  margin-bottom: 30px; padding: 30px; border-radius: 22px; background-color: #1a172d; 
  border: 1px solid #3c366b; box-shadow: 0 10px 24px rgba(0, 0, 0, 0.45);
}
.short-img {
  width: 210px; height: 290px; margin-right: 30px; 
  display: block; border-radius: 22px; box-shadow: 0 10px 18px rgba(0, 0, 0, 0.55);
}
.short-header {margin-bottom: 18px;}
.short-title {display: block; font-size: 25px; font-weight: 600; line-height: 1.5; color: #e6e1ff;}
.short-title:hover {
  color: #8a2be2; text-shadow: 0 0 10px rgba(138, 43, 226, 0.5);
}
.short-text {font-size: 18px; line-height: 1.8; color: #cfcadf;}
.short-list li {
  position: relative; padding-left: 144px; margin: 9px 0; 
  font-size: 18px; line-height: 1.6; color: #cfcadf;
}
.short-list li > span:first-child {
  position: absolute; left: 0; top: 0; color: #b8b3e0;
}
.short-list a {color: #8a2be2; border-bottom: 1px dotted #8a2be2;}
.short-meta {margin-top: 18px; color: #b8b3e0; font-size: 17px; font-weight: 300;}
.short-meta-item {margin-right: 30px;}
.short-rating {
  line-height: 40px; background-color: #1a172d; padding: 0 18px; font-size: 17px;
  border-radius: 14px; border: 1px solid #3c366b; margin-right: 30px; color: #cfcadf;
}
.short-rating .fa-thumbs-up {color: #64b5f6; margin-right: 18px;}
.short-rating .fa-thumbs-down {color: #e57373; margin: 0 18px;}
.short-label {
  background-color: #8a2be2; color: #fff; padding: 7px 14px; border-radius: 14px;
  position: absolute; left: 18px; top: 18px; z-index: 10; font-size: 16px; font-weight: 600;
}
.short-btn {
  height: 42px; line-height: 42px; font-size: 16px; padding: 0 18px; 
  border-radius: 14px; box-shadow: 0 6px 18px rgba(0, 0, 0, 0.5); background-color: #201d35; color: #e6e1ff; border: 1px solid #3c366b;
}
.short-rate-in {
  line-height: 42px; border-radius: 14px; text-align: center; font-size: 17px; opacity: 0.92;
  padding: 0 14px; margin-left: 18px; font-weight: 600; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5); background-color: #201d35; border: 1px solid #3c366b;
}
.short-rate-in:before {
  content: attr(data-text); display: inline; margin-right: 8px; text-transform: uppercase; color: #e6e1ff;
}
.short-rate-kp {background-color: #64b5f6; color: #000;}
.short-rate-imdb {background-color: #a5a0d1; color: #000; font-weight: bold; font-size: 17px; padding: 0 14px;}
.mrating {margin-right: 30px; overflow: hidden;}
.mrating a {transition: none;}
.short-img:hover {
  opacity: 0.92; box-shadow: 0 12px 28px rgba(138, 43, 226, 0.4);
}

/* SEO DESCRIPTION */
.site-desc {line-height: 1.8; color: #a5a0d1; font-size: 18px; padding-top: 56px;}
.site-desc h1, .site-desc h2 {font-size: 23px; font-weight: 600; margin-bottom: 18px; color: #e6e1ff;}
.site-desc li {list-style-type: disc; margin-left: 56px; color: #cfcadf;}
.site-desc p {margin-bottom: 18px;}
.site-desc > *:last-child {margin-bottom: 0;}
.site-desc a {color: #8a2be2; text-decoration: underline;}
.site-desc img {float: left; max-width: 250px; margin: 0 18px 18px 0;}

/* BOTTOM NAVIGATION */
.bottom-nav {margin-bottom: -18px; text-align: center;}
.navigation a, .navigation span, .pnext a, .pprev a, .pprev > span, .pnext > span {
  display: inline-block; padding: 0 18px; margin: 0 18px 18px 0; line-height: 62px; min-width: 62px; 
  background-color: #1a172d; border: 1px solid #3c366b; border-radius: 22px; font-weight: 600; font-size: 23px; color: #a5a0d1;
}
.navigation span:not(.nav_ext), .pagi-nav a:hover {
  background-color: #201d35; color: #e6e1ff; border-color: #8a2be2;
}

/* FULL STORY */
.speedbar {font-size: 17px; color: #a5a0d1; margin-bottom: 30px;}
.speedbar .fal {margin-right: 14px; color: #8a2be2;}
.fleft {width: 250px; margin-right: 30px;}
.fimg {border-radius: 22px; box-shadow: 0 10px 18px rgba(0, 0, 0, 0.45);}
.ftext {margin: 30px 0; color: #cfcadf;}
.fcols .short-list li {font-size: 17px;}
.fcols .short-meta-item:last-child {margin-right: 0;}
h1 a {margin-left: 18px; font-size: 19px; color: #8a2be2;}
.fcols {padding: 30px; border-radius: 22px; background-color: #1a172d; border: 1px solid #3c366b;}
.frels .popular-item-img:before {background: linear-gradient(to bottom, transparent 0%,#151228 100%); opacity: 1;}
.fsubtitle {text-align: center; font-size: 23px; font-weight: 600; margin-bottom: 30px; color: #8a2be2;}
.fplayer {position: relative; background-color: #100e1d;}
.fctrl {padding-right: 30px;}
.fplayer .tabs-sel span {
  display: inline-block; padding: 0 30px; height: 56px; line-height: 56px; cursor: pointer; 
  background-color: rgba(16, 14, 29, 0.7); font-weight: 600; color: #a5a0d1;
}
.fplayer .tabs-sel span.current {background-color: #201d35; color: #e6e1ff;}
.fplayer .tabs-sel span:hover {text-decoration: underline; color: #8a2be2;}
.js .tabs-b {background-color: #000; display: none;}
.js .tabs-b.visible {display: block;}
.fcompl a:hover, .ffav a:hover, .ffav span:hover {color: #8a2be2; cursor: pointer;}
.fcompl, .ffav {margin-left: 30px;}
.fshare {padding: 18px; text-align: center; white-space: nowrap;}
.fshare .fab, .fshare .fas {
  width: 62px; height: 42px; border-radius: 14px; text-align: center; line-height: 42px; 
  background-color: #8a2be2; color: #fff; font-size: 19px; margin: 0 8px; cursor: pointer; box-shadow: 0 0 16px rgba(138, 43, 226, 0.5);
}
.fshare .fa:hover {opacity: 0.92; box-shadow: 0 0 20px rgba(138, 43, 226, 0.7);}
.fab.fa-vk {background-color: #4c75a3;}
.fab.fa-facebook-f {background-color: #3b5998;}
.fab.fa-twitter {background-color: #1da1f2;}
.fab.fa-odnoklassniki, .fa.fa-rss {background-color: #ee8208;}
.fas.fa-paper-plane {background-color: #8a2be2;}
.fshare .fa-facebook-f::before {content: "\f39e" !important;}

/* FULL STORY STATIC */
.video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame {
  max-width: 100% !important; display: block; width: 100%; height: 480px;
}
.mejs-container {max-width: 100% !important;}
.full-text {line-height: 1.8; font-size: 19px; color: #e6e1ff;}
.full-text img:not(.emoji) {max-width: 100%; margin: 18px 0;}
.full-text > img[style*="left"], .full-text > .highslide img[style*="left"] {margin: 0 18px 18px 0;}
.full-text > img[style*="right"], .full-text > .highslide img[style*="right"] {margin: 0 0 18px 18px;}
.full-text a {text-decoration: underline; color: #8a2be2;}
.full-text a:hover {text-decoration: none;}
.full-text h2, .full-text h3, .full-text h4, .full-text h5 {
  margin: 18px 0; font-size: 32px; font-weight: 700; color: #8a2be2;
}
.full-text p {margin-bottom: 18px;}
.full-text > ul, .full-text > ol {margin: 0;}
.full-text > ul li {list-style: disc; margin-left: 56px; color: #cfcadf;}
.full-text > ol li {list-style: decimal; margin-left: 56px; color: #cfcadf;}

/* COMMENTS */
.add-comms {margin-bottom: 36px; padding: 30px; background-color: #1a172d; border-radius: 22px; border: 1px solid #3c366b;}
.ac-inputs input {width: 49%; margin-bottom: 22px;}
.ac-textarea textarea {height: 130px; margin-bottom: 22px;}
.ac-protect, .ac-textarea .bb-editor + br {display: none;}
.comments_subscribe input {margin-right: 18px;}
.comments_subscribe {display: block;}
.mass_comments_action {display: none;}
.last-comm-link {display: inline-block; padding-bottom: 30px; color: #8a2be2; font-size: 23px;}
.comm-avatar {position: absolute; left: 0; top: 0; width: 52px; height: 52px; border-radius: 50%; border: 1px solid #3c366b;}
.comm-letter {
  position: absolute; left: 0; top: 0; width: 100%; height: 100%; line-height: 52px; text-align: center; 
  background-color: #201d35; color: #8a2be2; font-size: 23px; font-weight: 700; text-transform: uppercase;
}
.comm-item {font-size: 17px; padding-left: 70px; position: relative; min-height: 52px; margin-bottom: 30px;}
.comm-two {margin: 9px 0 18px 0;}
.comm-one > span {margin-right: 22px; opacity: 0.75;}
.comm-one > span.comm-author, .comm-one > span.comm-author a {font-weight: 600; opacity: 1; color: #e6e1ff;}
.comm-three-left > a, .comm-three-right li a {opacity: 0.75;}
.comm-three-right li {display: inline-block; margin-left: 22px;}
.comm-rate3 {white-space: nowrap; margin-right: 22px; height: 28px; line-height: 28px; 
    display: inline-block; vertical-align: top; position: relative; top: -6px;
}
.comm-rate3 a {display: inline-block; vertical-align: middle; position: relative; opacity: 0.92;}
.comm-rate3 a:first-child {top: -8px;}
.comm-rate3 > span {margin: 0 10px;}
.comm-rate3 > span > span.ratingtypeplus {color: #8a2be2;}
.comm-rate3 > span > span.ratingplus {color: #64b5f6;}
.comm-rate3 > span > span.ratingminus {color: #e57373;}
.comm-three a:hover {border-bottom-color: transparent;}
.comm-three-left > a {opacity: 1; color: #8a2be2; border-bottom: 1px dotted #8a2be2;}

/* LOGIN */
.overlay-box {position: fixed; z-index: 998; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.92; background-color: #000; cursor: pointer;}
.login-box {
  position: fixed; z-index: 999; left: 50%; top: 50%; transform: translate(-50%,-50%); 
  background-color: #1a172d; padding: 44px 76px 56px 76px; border-top: 8px solid #8a2be2; width: 480px; 
  box-shadow: 0 28px 76px rgba(0, 0, 0, 0.62); border: 1px solid #3c366b;
}
.login-close {
  width: 36px; height: 36px; line-height: 36px; text-align: center; font-size: 32px; 
  cursor: pointer; position: absolute; top: -42px; right: -42px; color: #8a2be2;
}
.login-title {font-size: 32px; font-weight: 700; margin-bottom: 22px; text-align: center; color: #e6e1ff;}
.login-avatar {
  width: 76px; height: 76px; border-radius: 50%; margin: 0 auto 22px auto; 
  text-align: center; line-height: 76px; font-size: 32px; background-color: #201d35; color: #8a2be2; border: 1px solid #3c366b;
}
.login-input {margin-bottom: 22px;}
.login-btn button {width: 100%; margin: 22px 0; background-color: #8a2be2; color: #fff;}
.login-btm a {border-bottom: 1px dotted #8a2be2; color: #8a2be2; font-size: 17px;}
.login-check {position: relative; font-size: 18px;}
.login-check input {opacity: 0; position: absolute; cursor: pointer;}
.login-check span {
  display: block; padding-left: 50px; height: 42px; line-height: 42px; color: #a5a0d1;
}
.login-check span:before, .login-check span:after {content: ''; position: absolute; top: 50%; transition: .35s;}
.login-check span:before {
  left: 0; height: 18px; margin-top: -9px; width: 40px; border-radius: 9px; 
  background: #201d35; box-shadow: inset 0 2px 5px rgba(0,0,0,0.45);
}
.login-check span:after {
  left: 3px; height: 20px; width: 20px; margin-top: -10px; background: #8a2be2;
  border-radius: 10px; box-shadow: 0 2px 5px rgba(0,0,0,0.45);
}
.login-check input:checked + span:after {left: 23px;}
.login-menu {border-top: 1px solid #201d35; border-left: 1px solid #201d35;}
.login-menu li {text-align: center; border-right: 1px solid #201d35; border-bottom: 1px solid #201d35; width: 50%;}
.login-menu a {display: block; padding: 18px 10px; font-size: 17px; color: #e6e1ff;}
.login-menu li .fa {display: none; height: 38px; font-size: 30px; color: #8a2be2;}
.login-admin {text-align: center; margin: -18px 0 36px 0;}
.login-soc-title {display: flex; align-items: center; margin: 44px 0 22px 0; color: #e6e1ff;}
.login-soc-title:before, .login-soc-title:after {content: ''; height: 1px; background-color: #201d35; flex: 1;}
.login-soc-title:before {margin-right: 22px;}
.login-soc-title:after {margin-left: 22px;}
.login-soc-btns {text-align: center;}
.login-soc-btns a {display: inline-block; margin: 0 8px; vertical-align: top;}
.login-soc-btns img {display: block; width: 42px; height: 42px; border-radius: 50%; border: 1px solid #3c366b;}

/* Owl Carousel – unchanged except color */
.owl-carousel {display: none; opacity: 0; transition: opacity .35s linear; width: 100%; position: relative; z-index: 10;}
.owl-carousel .owl-stage {position: relative; display: flex; justify-content: flex-start;}
.owl-carousel .owl-stage-outer {position: relative; overflow: hidden; transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-item {position: relative; min-height: 1px;}
.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled, .owl-carousel.owl-refresh .owl-item {display: none;}
.owl-carousel.owl-loaded, .owl-carousel.owl-loading, .no-js .owl-carousel {display: block; opacity: 1;}
.owl-carousel.owl-loading, .owl-carousel.owl-hidden {opacity: 0;}
.owl-carousel.owl-drag .owl-item {user-select: none;}
.owl-carousel.owl-grab {cursor: move; cursor: grab;}
.owl-carousel .animated {animation-duration: 1000ms; animation-fill-mode: both;}
.owl-carousel .owl-animated-in {z-index: 0;}
.owl-carousel .owl-animated-out {z-index: 1;}
.owl-carousel .fadeOut {animation-name: fadeOut;}
@keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} }
.owl-height {transition: height 500ms ease-in-out;}
.owl-carousel .owl-item .owl-lazy {opacity: 0; transition: opacity 400ms ease;}
.owl-carousel .owl-item img.owl-lazy {transform-style: preserve-3d;}
.owl-nav {position: absolute; right: 0; top: 0; z-index: 1;}
.owl-prev, .owl-next {
  display: block; cursor: pointer; background: none; color: #8a2be2; height: 30px; line-height: 30px; 
  position: absolute; top: -60px; font-size: 38px;
}
.owl-prev {right: 60px; color: #8a2be2;}
.owl-next {right: 0px;}
.owl-prev:hover, .owl-next:hover {color: #7a1ed2;}

/* ADAPTIVE */
.btn-menu {display: none;}
.side-panel {
  width: 340px; height: 100%; overflow-x: hidden; overflow-y: auto; background-color: #1a172d;
  padding: 30px; z-index: 9999; position: fixed; left: -380px; top: 0; transition: left .45s; border: 1px solid #3c366b;
}
.side-panel.active {left: 0;}
.close-overlay {
  width: 100%; height: 100%; background-color: rgba(0,0,0,0.72); 
  position: fixed; left: 0; top: 0; z-index: 9998; display: none;
}
.btn-close {
  cursor: pointer; display: block; left: 340px; top: -52px; position: fixed; z-index: 9999;
  width: 52px; height: 52px; line-height: 52px; text-align: center; font-size: 26px; 
  background-color: #8a2be2; color: #fff; transition: top .45s;
}
.btn-close.active {top: 0px;}
body.opened-menu {overflow: hidden; width: 100%; height: 100%;}
.side-panel .side-nav a {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.side-panel .side-box {margin-bottom: 30px;}

@media screen and (max-width: 1220px) {
  .wrap {padding: 0; overflow: hidden;}
  .header, .footer, .cols, .carou-sect {padding-left: 30px; padding-right: 30px; border-radius: 0;}
  .wrap-center {max-width:1260px; border-radius: 0;}
  .sidebar {display: none;}
  .btn-menu {display: block; font-size: 36px; margin-left: 30px; cursor: pointer; color: #8a2be2;}
  .cols {padding-top: 30px;}
  .video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame {height: 480px;}
}
@media screen and (max-width: 950px) {
  .wrap-center {max-width: 810px;}
  .short-meta-item:not(.mrating-count) {display: none;}
  .footer {display: block; text-align: center;}
  .footer-copyright {margin: 0 0 30px 0;}
}
@media screen and (max-width: 760px) {
  .wrap-center {max-width: 685px;}
  .not-logged .login-avatar {display: none;}
  .login-close {top: -14px;}
  .login-title {font-size: 24px;}
  .login-box {max-width: calc(100% - 76px); padding: 22px;}
  .search-wrap {order: 10; min-width: 100%; margin: 0; margin-top: 30px;}
  .header-btn {padding: 0 18px;}
  .logo {flex: 1; max-width: 100%; min-width: 64px; position: relative; margin-right: 30px;}
  .fcols {display: block; padding: 0; background-color: transparent;}
  .fleft {margin: 0 auto 18px auto;}
  .fcols:after {content: ""; display: table; clear: both;}
  .short-rates {width: 100%; margin: 18px 0 0 -18px; justify-content: flex-start;} 
  .fcols .short-list li {padding-left: 120px;}
  .mrating-count {text-align: right; margin-right: 0; margin-left: -30px;}
  .ffav, .fcompl {display: none;}
  .fplayer .tabs-sel > span {width: 50%; text-align: center;}
  .fctrl {padding: 0;}
  .fplayer {margin-left: -30px; margin-right: -30px;}
  .dcont button {font-size: 16px; padding: 0 22px !important;}
  .comments-tree-list .comments-tree-list {padding-left: 0 !important;}
  .comments-tree-list .comments-tree-list:before {display: none;}
  .mass_comments_action {display: none;}
}
@media screen and (max-width: 590px) {
  .wrap-center {max-width: 525px;}
  .short-item {width: 48% !important; margin-bottom: 18px; padding: 0; background-color: transparent; border: 0;}
  .short-item .short-img {width: 100%; margin: 0; margin-bottom: 18px; padding-top: 125%; height: auto;}
  .short-item .short-meta, .short-item .short-list, .short-item .short-rates, .sect-title .fal {display: none;}
  .short-item .short-title {white-space: normal; font-size: 19px;}
  .short-item .short-img img {position: absolute; left: 0; top: 0;}
  .navigation {justify-content: center;}
  .sect-title, .logo {font-size: 24px;}
  .ac-inputs input {width: 100%;}
  .video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame {height: 360px;}
  .ui-dialog {width:100% !important;}
  .upop-left, .upop-right {float: none !important; width: 100% !important; margin: 0; padding: 0 30px;}
  .upop-left {margin-bottom: 18px; text-align: center;}
  .ui-dialog-buttonset button {display: block; margin: 0 0 12px 0; width: 100%;}
  #dofullsearch, #searchsuggestions span.seperator {display: none !important;}
  .attach .download-link {margin: 0 -22px 0 0; float: none; display: block; padding: 0 18px;}
  .attach-info {float: none;}
}
@media screen and (max-width: 470px) {
  .wrap-center {max-width: 405px;}
  .fleft {width: 78%;}
  .fimg img {height: 100%; object-fit: cover;}
  .fimg:before {
    content: ''; position: absolute; z-index: 5; left: 0; right: 0; bottom: 0; height: 75%; 
    background: linear-gradient(to bottom, transparent 0%,#151228 100%); opacity: 1;
  }
  .video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame {height: 310px;}
}

.not-indexed-link {
  margin-top: 34px;
  text-align: center;
}
.not-indexed-link a {
  display: inline-block;
  padding: 14px 22px;
  font-size: 18px;
  color: #8a2be2;
  text-decoration: underline;
  border: 1px solid #3c366b;
  border-radius: 14px;
  background-color: #1a172d;
  transition: all 0.35s ease;
  font-weight: 600;
}
.not-indexed-link a:hover {
  color: #e6e1ff;
  background-color: #201d35;
  border-color: #8a2be2;
  box-shadow: 0 0 16px rgba(138, 43, 226, 0.45);
}