* { background: transparent; margin: 0px; padding: 0px; outline: none; border: 0px; box-sizing: border-box; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
table { border-collapse: collapse; border-spacing: 0px; }
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; }
.anim {opacity: 0.8;}
body { font: 300 14px Play, Tahoma, sans-serif; padding: 0px; margin: 0px; color: rgb(204, 204, 204); background: url("../images/bg.png") rgb(12, 16, 22); min-height: 100%; width: 100%; }
a { color: rgb(204, 204, 204); text-decoration: none; }
a:hover, a:focus { color: rgb(252, 74, 73); text-decoration: none; }
h1, h2, h3, h4, h5 {font-weight: 300;font-size: 17px;}
button, textarea, select, input[type="text"], input[type="password"], input[type="button"], input[type="submit"] { appearance: none; font-size: 15px; }
.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: 0px 20px; height: 40px; line-height: 40px; cursor: pointer; font-weight: 500; background: linear-gradient(90deg, rgb(245, 130, 32), rgb(238, 61, 60)); color: rgb(255, 255, 255); font-size: 15px; }
.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: linear-gradient(90deg, rgb(238, 61, 60), rgb(245, 130, 32));color: rgb(255, 255, 255);border-radius: 0px;}
button:active, input[type="button"]:active, input[type="submit"]:active { box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 4px 0px inset; }
::-webkit-scrollbar-button { background-image: url(""); background-repeat: no-repeat; width: 100%; height: 0px; }
::-webkit-scrollbar-track { background-color: rgb(38, 38, 39); }
::-webkit-scrollbar-thumb {background: linear-gradient(95deg, rgb(245, 130, 32), rgb(238, 61, 60));border-radius: 2px;}
::-webkit-resizer { background-image: url(""); background-repeat: no-repeat; width: 4px; height: 0px; }
::-webkit-scrollbar { width: 4px; }
input[type="text"], input[type="password"] {height: 40px;line-height: 40px;border: 0px;border-radius: 0px;padding: 0px 15px;}
select { height: 40px; border: 0px; padding: 0px 15px; }
textarea { padding: 15px; overflow: auto; vertical-align: top; resize: vertical; }
input[type="text"], input[type="password"], select, textarea {width: 100%;background-color: rgba(29, 28, 28, 0.2);color: rgb(204, 204, 204);box-shadow: rgb(0 0 0 / 30%) 0px 0px 0px 1px inset;}
select { width: auto; }
input[type="text"]:focus, input[type="password"]:focus, textarea:focus { box-shadow: rgb(255, 187, 0) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.1) 1px 2px 5px inset; }
input::placeholder, textarea::placeholder { color: rgb(170, 194, 224); opacity: 1; font-size: 14px; }
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: 70%; }
.img-resp-vert { padding-top: 140%; }
.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: 0px; top: 0px; }
.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-basis: 0px; -webkit-box-flex: 1; flex-grow: 1; max-width: 100%; min-width: 50px; }
.fx-between {justify-content: space-between;z-index: 111;}
b, strong, .fw700 { font-weight: 600; }
.icon-left [class*="fa-"], .icon-left .icon {margin-right: 5px;}
.icon-right [class*="fa-"], .icon-right .icon { margin-left: 10px; }
.hidden, #dofullsearch { display: none; }
.anim, .btn, button, .popular-item-img::before, .short-item a, .sidebar a, .header-btn, .short-img, .footer a, .side-nav a { transition: all 0.3s ease 0s; }
.mtitle, .sub-title h1, .form-wrap h1 { margin-bottom: 30px; font-weight: 600; font-size: 24px !important; }
#dle-content>*:not(.th-item){width:100%}
.wrap { min-width: 320px; position: relative; padding: 30px; }
.wrap-center { max-width: 1200px; margin: 0px auto; position: relative; z-index: 20; }
.wrap-main {background-color: rgb(39, 39, 40);box-shadow: rgba(0, 0, 0, 0.8) 0px 0px 20px;}
.header {padding: 20px 35px;background-color: rgb(42, 42, 43);border-bottom: 1px solid rgba(0, 0, 0, 0.3);}
.cols {padding: 30px;box-shadow: inset 0 25px 20px -20px rgb(0 0 0 / 7%), inset 0 -25px 20px -20px rgb(0 0 0 / 7%);}
.main { min-height: 100vh; }
.sidebar {width: 300px;margin-left: 20px;order: 1;}
.footer {background: url("../images/logo.svg") 40px 12px / 40px no-repeat rgb(42, 42, 43);padding: 20px 40px 20px 90px;border-top: 1px solid rgba(0, 0, 0, 0.3);font-size: 14px;}
.footer a { color: rgb(252, 74, 73); text-decoration: underline; }
#gotop { position: fixed; width: 50px; height: 50px; line-height: 50px; right: 10px; bottom: 10px; z-index: 990; display: none; background-color: rgb(42, 42, 43); border: 1px solid rgba(0, 0, 0, 0.3); box-shadow: rgba(0, 0, 0, 0.05) 0px 1.1875rem 2.125rem -0.9375rem; cursor: pointer; font-size: 24px; text-align: center; }
.logo {display: block;height: 60px;line-height: 60px;color: rgb(204, 204, 204);font-weight: 300;font-size: 34px;background: url("../images/logo.svg") 0 center / 40px no-repeat;padding-left: 45px;}
.logo span {font-weight: 600;background: -webkit-gradient(linear,left top,right top,from(#f58220),to(#ee3d3c));background: linear-gradient(90deg,#f58220,#ee3d3c);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.logo span.logo-domain { color: rgb(204, 204, 204); font-size: 18px; font-weight: 300; }
.header-btn {padding: 0px 40px;border-radius: 0px;}
.search-wrap { position: relative; margin: 0px 20px 0px 40px; }
.search-box input, .search-box input:focus {padding: 0px 50px 0px 16px;box-shadow: rgb(0 0 0 / 30%) 0px 0px 0px 1px inset;}
.search-box input:not(:focus)::placeholder { color: rgb(204, 204, 204); opacity: 1; font-size: 12px; }
.search-box button { position: absolute; right: 0px; top: 0px; z-index: 10; width: 50px; cursor: pointer; background: none; line-height: 40px; color: rgb(255, 255, 255); text-align: center; border-radius: 0px 20px 20px 0px; }
.carou-content { height: 200px; }
.carou-sect {padding: 20px 40px;background: url(../images/bg.png) rgb(42, 42, 43);border-bottom: 1px solid rgb(27, 27, 26);position: relative;}
.carou-sect:before {content:"";width:100%;height:100%;position:absolute;left:0;top:0;background-color: rgb(42, 42, 43);background: linear-gradient(to right, rgb(42, 42, 43) 0%,rgb(42, 42, 43) 40%,rgb(42, 42, 43) 100%);opacity: 0.6;}
.carou-title { font-size: 18px; font-weight: 500; margin-bottom: 20px; }
.popular-item-img {display: block;height: 200px;box-shadow: rgb(0 0 0 / 10%) 0px 1.1875rem 2.125rem -0.9375rem;}
.popular-item-title {position: absolute;z-index: 10;left: 0px;bottom: 0px;right: 0px;padding: 8px;text-align: center;color: rgb(255, 255, 255);font-weight: 500;overflow-wrap: break-word;}
.popular-item-img::before {content: "";position: absolute;z-index: 5;left: 0px;right: 0px;bottom: 0px;height: 15%;background: linear-gradient(90deg, rgb(245, 130, 32), rgb(238, 61, 60));opacity: 0.8;}
.popular-item:hover .popular-item-img::before, .popular-item:hover .popular-item-title {opacity: 1;}
.side-box {padding: 15px;margin-bottom: 20px;background-color: rgb(42, 42, 43);border: 1px solid rgba(0, 0, 0, 0.3);box-shadow: rgb(0 0 0 / 10%) 0px 1.1875rem 2.125rem -0.9375rem;}
.side-bt {font-weight: 500;margin-bottom: 20px;padding: 10px 15px;background-color: rgb(36, 36, 37);border: 1px solid rgba(0, 0, 0, 0.3);text-transform: uppercase;}
.mb-remove {margin-bottom: -10px;}
.nav-col { width: 50%; }
.nav-col + .nav-col { width: 46%; }
.nav-title {font-weight: 500;margin-bottom: 15px;}
.nav-menu + .nav-title { margin-top: 12px; }
.nav-menu a {font-size: 13px;color: rgb(204, 204, 204);display: block;margin-bottom: 7px;padding: 5px 5px 5px 10px;background-color: rgb(36, 36, 37);border: 1px solid rgba(0, 0, 0, 0.3);}
.nav-menu a:hover, a.short-title:hover, .side-popular-item:hover .side-popular-item-title { text-decoration: underline; color: rgb(252, 74, 73); }
.side-popular-item:nth-child(2n+1) {background: url(../images/bg.png) rgb(42, 42, 43);padding: 10px;position: relative;}
.side-popular-item:nth-child(2n+1):before {content:"";width:100%;height:100%;position:absolute;left:0;top:0;background: linear-gradient(to right, rgb(36, 36, 37) 0%,rgb(36, 36, 37) 40%,rgb(36, 36, 37) 100%);border: 1px solid rgba(0, 0, 0, 0.3);opacity: 0.9;}
.side-popular-item {margin-bottom: 20px;padding: 10px;}
.side-popular-item-img { width: 70px; height: 90px; margin-right: 20px; }
.side-popular-item-title { font-weight: 500; }
.side-popular-item-info {font-size: 13px;color: #fff;text-align: center;background: linear-gradient(90deg,#f58220,#ee3d3c);padding: 5px;}
.side-popular-item-date {color: rgb(204, 204, 204);margin-top: 5px;font-size: 11px;font-weight: 300;}
.side-recommend-item {display: block;margin: 4px;margin-top: 0px;margin-bottom: 15px;width: 45%;}
.side-recommend-item-img {border: 1px solid rgba(0, 0, 0, 0.3);}
.side-recommend-item:hover { opacity: 0.8; }
.lcomm {margin-bottom: 20px;position: relative;z-index: 111;}
.ltitle {display: block;line-height: 1;font-weight: 300;font-size: 13px;margin-top: 10px;padding-left: 2px;position: relative;}
.ltext {line-height: 1.3;background: linear-gradient(to right, rgb(36, 36, 37) 0%,rgb(36, 36, 37) 40%,rgb(36, 36, 37) 100%);border: 1px solid rgba(0, 0, 0, 0.3);padding: 10px;}
.ltext:after {
    content: "";
    border: 10px solid transparent;
    border-top: 10px solid #242425;
    border-right: 10px solid #242425;
    position: absolute;
    top: 100%;
    right: 10px;
}
.lmeta {font-size: 13px;margin: 15px 0px;color: rgb(204, 204, 204);font-weight: 300;}
.ldate, .lav, .lname { display: inline-block; vertical-align: middle; margin-right: 7px; }
.lav { width: 20px; height: 20px; border-radius: 50%; }
.lcomm .comm-letter { line-height: 20px; font-size: 12px; }
.lname { font-weight: 400; }
.sect { margin-bottom: 20px; }
.sect-header { margin-bottom: 15px; }
.sect:last-child { margin-bottom: 0px; }
.sect-title {font-weight: 300;font-size: 18px;text-transform: uppercase;}
.sect-title [class*="fa-"], .side-bt [class*="fa-"], .speedbar [class*="fa-"], .carou-title [class*="fa-"] { color: rgb(252, 74, 73); margin-right: 15px; }
.sorter, .sect-link {position: relative;cursor: pointer;height: 30px;line-height: 27px;margin-left: 15px;padding: 0px 10px;background-color: rgb(42, 42, 43);border: 1px solid rgba(0, 0, 0, 0.3);box-shadow: rgba(0, 0, 0, 0.05) 0px 1.1875rem 2.125rem -0.9375rem;font-size: 13px;display: block;}
.sorter::before { content: attr(data-label); display: inline-block; vertical-align: top; }
.sorter > span { display: inline-block; vertical-align: top; margin-left: 2px; }
.sorter form {display: none;background-color: rgb(36, 36, 37);border: 1px solid rgba(0, 0, 0, 0.3);border-radius: 3px;padding: 10px;line-height: 26px;position: absolute;right: -1px;top: 100%;width: 160px;z-index: 999;}
.sorter a:hover { text-decoration: underline; }
.sorter:hover, .sect-link:hover { background: linear-gradient(90deg, rgb(245, 130, 32), rgb(238, 61, 60)); color: rgb(255, 255, 255); }
.short-item {margin-bottom: 20px;padding: 20px;background-color: rgb(42, 42, 43);border: 1px solid rgba(0, 0, 0, 0.3);border-radius: 3px;}
.short-img { width: 170px; height: 250px; margin-right: 20px; display: block; }
.short-header {margin-bottom: 5px;}
.short-title {display: block;font-size: 14px;font-weight: 300;line-height: 1.5;text-transform: uppercase;}
.short-text { font-size: 14px; line-height: 1.7; }
.short-list li {position: relative;padding: 0px 0px 4px 120px;margin: 3px 0px;font-size: 14px;line-height: 1.5;border-bottom: 1px dashed rgb(66, 67, 68);}
.short-list li > span:first-child { position: absolute; left: 0px; top: 0px; }
.short-list a { color: rgb(252, 74, 73); border-bottom: 1px dotted rgb(252, 74, 73); }
.short-meta {font-size: 13px;}
.short-metafuls {margin-top: 15px;padding: 6px;padding-left: 10px;padding-right: 10px;font-size: 13px;font-weight: 300;border: 1px solid rgba(0, 0, 0, 0.3);background-color: rgb(36, 36, 37);}
.mask:hover {opacity: 1;transition: all 0.3s ease 0s;}
.mask span.fal {width: 35px;height: 35px;border-radius: 50%;text-align: center;line-height: 35px;background: linear-gradient(90deg, rgb(245, 130, 32), rgb(238, 61, 60));margin: 0 auto 0px auto;padding-left: 3px;font-size: 19px;z-index: 111;}
.mask {position: absolute;left: 0;top: 0;width: 100%;height: 100%;text-align: center;padding: 10px;background-color: rgba(0,0,0,0.5);color: #fff;font-size: 20px;opacity: 0.8;align-items: center;}
.ps-link {cursor: pointer;}
.flex-col { display: -webkit-box; display: -webkit-flex; -webkit-flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; display: flex; flex-direction: column; justify-content: center; }
.short-meta-item { margin-right: 20px; }
.short-rating { line-height: 28px; background-color: rgb(24, 32, 42); padding: 0px 10px; font-size: 13px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.8); margin-right: 20px; }
.short-rating .fa-thumbs-up { color: rgb(131, 191, 69); margin-right: 10px; }
.short-rating .fa-thumbs-down { color: rgb(238, 52, 66); margin: 0px 10px; }
.short-label {background: linear-gradient(90deg, rgb(245, 130, 32), rgb(238, 61, 60));color: rgb(255, 255, 255);padding: 3px 6px;position: absolute;left: 10px;top: 10px;z-index: 10;font-size: 12px;font-weight: 500;}
.short-btn {height: 30px;line-height: 30px;font-size: 12px;padding: 0px 10px;border-radius: 3px;}
.short-rate-in { line-height: 30px; border-radius: 6px; text-align: center; font-size: 13px; opacity: 0.7; padding: 0px 6px; margin-left: 10px; font-weight: 500; box-shadow: rgba(0, 0, 0, 0.6) 0px 2px 6px; }
.short-rate-in::before { content: attr(data-text); display: inline; margin-right: 3px; text-transform: uppercase; }
.short-rate-kp { background-color: rgb(255, 102, 0); color: rgb(255, 255, 255); }
.short-rate-imdb { background-color: rgb(255, 204, 0); color: rgb(0, 0, 0); }
.mrating {margin-right: 10px;overflow: hidden;}
.mrating a { transition: none 0s ease 0s; }
.site-desc {line-height: 1.7;font-size: 14px;padding: 20px;background-color: rgb(42, 42, 43);border: 1px solid rgba(0, 0, 0, 0.3);box-shadow: rgb(0 0 0 / 10%) 0px 1.1875rem 2.125rem -0.9375rem;}
.site-desc::before { content: ""; position: absolute; left: 0px; top: 0px; right: 0px; height: 5px; }
.site-desc h1, .site-desc h2, .site-desc h3 {font-size: 17px;font-weight: 300;margin-bottom: 10px;text-align: center;text-transform: uppercase;}
.site-desc li { list-style-type: disc; margin-left: 40px; }
.site-desc p { margin-bottom: 10px; }
.site-desc > :last-child { margin-bottom: 0px; }
.site-desc a { color: rgb(252, 74, 73); text-decoration: underline; }
.site-desc img { float: left; max-width: 200px; margin: 0px 10px 10px 0px; }
.bottom-nav { margin-bottom: -10px; text-align: center; }
.navigation a, .navigation span, .pnext a, .pprev a, .pprev > span, .pnext > span {display: inline-block;padding: 0px 10px;margin: 0px 5px 10px;line-height: 36px;min-width: 36px;background-color: rgb(42, 42, 43);border: 1px solid rgba(0, 0, 0, 0.3);box-shadow: rgb(0 0 0 / 10%) 0px 1.1875rem 2.125rem -0.9375rem;}
.navigation span:not(.nav_ext), .pagi-nav a:hover { background-color: rgb(239, 70, 56); color: rgb(255, 255, 255); border: 0px; }
.speedbar {font-size: 13px;margin-bottom: 15px;padding: 10px;background-color: rgb(42, 42, 43);border: 1px solid rgba(0, 0, 0, 0.3);box-shadow: rgb(0 0 0 / 10%) 0px 1.1875rem 2.125rem -0.9375rem;}
.speedbar .fal { margin-right: 8px; }
.fleft { width: 200px; margin-right: 20px; }
.fimg {box-shadow: rgb(0 0 0 / 10%) 0px 1.1875rem 2.125rem -0.9375rem;border: 1px solid rgba(0, 0, 0, 0.3);}
.ftext { margin: 20px 0px; }
.fcols .short-list li { font-size: 13px; }
.fcols .short-meta-item:last-child { margin-right: 0px; }
h1 a { margin-left: 10px; font-size: 15px; }
.fcols {padding: 20px;background-color: rgb(42, 42, 43);border: 1px solid rgba(0, 0, 0, 0.3);box-shadow: rgb(0 0 0 / 10%) 0px 1.1875rem 2.125rem -0.9375rem;}
.frels .popular-item-img::before {background: linear-gradient(90deg, rgb(245, 130, 32), rgb(238, 61, 60));opacity: 0.9;}
.fsubtitle { text-align: center; font-size: 18px; font-weight: 500; margin-bottom: 15px; }
.fplayer {position: relative;background-color: rgb(42, 42, 43);border: 1px solid rgba(0, 0, 0, 0.3);box-shadow: rgb(0 0 0 / 10%) 0px 1.1875rem 2.125rem -0.9375rem;}
.fctrl { padding-right: 20px; }
.fplayer .tabs-sel span {display: inline-block;padding: 0px 20px;height: 40px;line-height: 40px;cursor: pointer;background: linear-gradient(to right, rgb(36, 36, 37) 0%,rgb(36, 36, 37) 40%,rgb(36, 36, 37) 100%);border-right: 1px solid rgba(0, 0, 0, 0.3);font-weight: 500;}
.fplayer .tabs-sel span.current { background: linear-gradient(90deg, rgb(245, 130, 32), rgb(238, 61, 60)); color: rgb(255, 255, 255); }
.fplayer .tabs-sel span:hover { text-decoration: underline; }
.js .tabs-b { background-color: rgb(0, 0, 0); display: none; }
.js .tabs-b.visible { display: block; }
.fcompl a:hover, .ffav a:hover, .ffav span:hover { color: rgb(252, 74, 73); cursor: pointer; }
.fcompl, .ffav { margin-left: 20px; }
.fshare { padding: 10px; text-align: center; white-space: nowrap; }
.fshare .fab, .fshare .fas { width: 50px; height: 30px; border-radius: 6px; text-align: center; line-height: 30px; background-color: rgb(199, 0, 3); color: rgb(255, 255, 255); font-size: 14px; margin: 0px 2px; cursor: pointer; }
.fshare .fa:hover { opacity: 0.8; }
.fab.fa-vk { background-color: rgb(80, 117, 165); }
.fab.fa-facebook-f { background-color: rgb(75, 107, 175); }
.fab.fa-twitter { background-color: rgb(45, 170, 225); }
.fab.fa-odnoklassniki, .fa.fa-rss { background-color: rgb(252, 109, 0); }
.fas.fa-paper-plane { background-color: rgb(86, 130, 163); }
.video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame { display: block; width: 100%; height: 400px; max-width: 100% !important; }
.mejs-container { max-width: 100% !important; }
.full-text {line-height: 1.7;margin-bottom: 15px;padding: 20px;background-color: rgb(42, 42, 43);border: 1px solid rgba(0, 0, 0, 0.3);box-shadow: rgb(0 0 0 / 10%) 0px 1.1875rem 2.125rem -0.9375rem;}
.full-text img:not(.emoji) { max-width: 100%; margin-top: 10px; margin-bottom: 10px; }
.full-text > img[style*="left"], .full-text > .highslide img[style*="left"] { margin: 0px 10px 10px 0px; }
.full-text > img[style*="right"], .full-text > .highslide img[style*="right"] { margin: 0px 0px 10px 10px; }
.full-text a { text-decoration: underline; color: rgb(0, 102, 204); }
.full-text a:hover { text-decoration: none; }
.full-text h2, .full-text h3, .full-text h4, .full-text h5 { margin: 10px 0px; font-size: 24px; font-weight: 700; }
.full-text p { margin-bottom: 10px; }
.full-text > ul, .full-text > ol { margin: 0px; }
.full-text > ul li { list-style: disc; margin-left: 40px; }
.full-text > ol li { list-style: decimal; margin-left: 40px; }
.f-menu {height: 40px;line-height: 39px;background-color: rgba(29, 28, 28, 0.2);border-bottom: 1px solid rgba(0, 0, 0, 0.3);}
.f-menu li { float: left; font-weight: 500; border-right: 1px solid rgba(0, 0, 0, 0.3); }
.f-menu li a { display: block; padding: 0px 20px; text-decoration: none; }
.f-menu a.active, .f-menu a:hover { color: rgb(255, 255, 255); background: linear-gradient(90deg, rgb(245, 130, 32), rgb(238, 61, 60)); }
.f-menu a[data-label] { position: relative; }
.f-menu a[data-label]::before { content: attr(data-label); position: absolute; top: -10px; right: -15px; background-color: rgb(221, 77, 27); color: rgb(255, 255, 255); height: 20px; line-height: 20px; padding: 0px 10px; font-weight: 500; border-radius: 10px; }
.add-comms {margin-bottom: 26px;padding: 20px;background-color: rgb(42, 42, 43);border: 1px solid rgba(0, 0, 0, 0.3);box-shadow: rgb(0 0 0 / 10%) 0px 1.1875rem 2.125rem -0.9375rem;}
.ac-inputs input { width: 48.5%; margin-bottom: 15px; }
.ac-textarea textarea { height: 100px; margin-bottom: 15px; }
.add-comms input, .add-comms textarea, .ac-submit button { }
.ac-protect, .ac-textarea .bb-editor + br { display: none; }
.comments_subscribe input { margin-right: 10px; }
.comments_subscribe { display: block; }
.mass_comments_action { display: none; }
.last-comm-link { display: inline-block; padding-bottom: 20px; color: rgb(0, 102, 204); font-size: 18px; }
.comm-avatar { position: absolute; left: 0px; top: 0px; width: 40px; height: 40px; border-radius: 50%; }
.comm-letter { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; line-height: 40px; text-align: center; background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); font-size: 18px; font-weight: 600; text-transform: uppercase; }
.comm-item { font-size: 13px; padding-left: 55px; position: relative; min-height: 40px; margin-bottom: 20px; }
.comm-two { margin: 5px 0px 10px; }
.comm-one > span { margin-right: 15px; opacity: 0.6; }
.comm-one > span.comm-author, .comm-one > span.comm-author a { font-weight: 500; opacity: 1; }
.comm-three-left > a, .comm-three-right li a { opacity: 0.6; }
.comm-three-right li { display: inline-block; margin-left: 15px; }
.comm-rate3 { white-space: nowrap; margin-right: 15px; height: 20px; line-height: 20px; display: inline-block; vertical-align: top; position: relative; top: -3px; }
.comm-rate3 a { display: inline-block; vertical-align: middle; position: relative; opacity: 0.8; }
.comm-rate3 a:first-child { top: -5px; }
.comm-rate3 > span { margin: 0px 5px; }
.comm-rate3 > span > span.ratingtypeplus { color: rgb(6, 182, 1); }
.comm-rate3 > span > span.ratingplus { color: rgb(149, 198, 19); }
.comm-rate3 > span > span.ratingminus { color: rgb(255, 14, 14); }
.comm-three a:hover { border-bottom-color: transparent; }
.comm-three-left > a { opacity: 1; color: rgb(252, 74, 73); border-bottom: 1px dotted rgb(252, 74, 73); }
.overlay-box { position: fixed; z-index: 998; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0.8; background-color: rgb(0, 0, 0); cursor: pointer; }
.login-box { position: fixed; z-index: 999; left: 50%; top: 50%; transform: translate(-50%, -50%); background-color: rgb(51, 51, 51); padding: 30px 60px 40px; border-top: 5px solid rgb(252, 74, 73); width: 400px; box-shadow: rgba(0, 0, 0, 0.5) 0px 20px 60px; }
.login-close { width: 26px; height: 26px; line-height: 26px; text-align: center; font-size: 24px; cursor: pointer; position: absolute; top: -30px; right: -30px; color: rgb(255, 255, 255); }
.login-title { font-size: 24px; font-weight: 600; margin-bottom: 15px; text-align: center; }
.login-avatar { width: 60px; height: 60px; border-radius: 50%; margin: 0px auto 15px; text-align: center; line-height: 60px; font-size: 24px; background-color: rgb(9, 12, 16); color: rgb(143, 167, 198); }
.login-input { margin-bottom: 15px; }
.login-btn button { width: 100%; margin: 15px 0px; }
.login-btm a { border-bottom: 1px dotted rgb(252, 74, 73); color: rgb(252, 74, 73); font-size: 13px; }
.login-check { position: relative; font-size: 14px; }
.login-check input { opacity: 0; position: absolute; cursor: pointer; }
.login-check span { display: block; padding-left: 36px; height: 30px; line-height: 30px; color: rgb(147, 147, 147); }
.login-check span::before, .login-check span::after { content: ""; position: absolute; top: 50%; transition: all 0.3s ease 0s; }
.login-check span::before { left: 0px; height: 10px; margin-top: -5px; width: 26px; border-radius: 5px; background: rgb(9, 12, 16); box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px inset; }
.login-check span::after { left: 1px; height: 12px; width: 12px; margin-top: -6px; background: rgb(46, 204, 113); border-radius: 6px; box-shadow: rgba(0, 0, 0, 0) 0px 1px 4px; }
.login-check input:checked + span::before { background-color: rgb(255, 255, 255); }
.login-check input:checked + span::after { left: 13px; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px; }
.login-menu { border-top: 1px solid rgba(0, 0, 0, 0.3); border-left: 1px solid rgba(0, 0, 0, 0.3); margin-top: -1px; }
.login-menu li { text-align: center; border-right: 1px solid rgba(0, 0, 0, 0.3); border-bottom: 1px solid rgba(0, 0, 0, 0.3); width: 50%; }
.login-menu a { display: block; padding: 10px 5px; font-size: 13px; }
.login-menu li .fa { display: none; height: 28px; font-size: 22px; color: rgb(44, 105, 183); }
.login-admin { text-align: center; margin: -10px 0px 25px; }
.login-soc-title { display: flex; align-items: center; margin: 30px 0px 15px; }
.login-soc-title::before, .login-soc-title::after { content: ""; height: 1px; background-color: rgb(9, 12, 16); flex: 1 1 0%; }
.login-soc-title::before { margin-right: 15px; }
.login-soc-title::after { margin-left: 15px; }
.login-soc-btns { text-align: center; }
.login-soc-btns a { display: inline-block; margin: 0px 3px; vertical-align: top; }
.login-soc-btns img { display: block; width: 30px; height: 30px; border-radius: 50%; }
.owl-carousel { display: none; opacity: 0; transition: opacity 0.3s linear 0s; 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: 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 0s; }
.owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease 0s; }
.owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d; }
.owl-nav {position: absolute;right: 0px;top: -8px;z-index: 1;}
.owl-prev, .owl-next {display: block;cursor: pointer;color: rgb(252, 74, 73);height: 20px;line-height: 20px;position: absolute;top: -46px;box-shadow: none;font-size: 28px;background: linear-gradient(90deg,#f58220,#ee3d3c);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.owl-prev { right: 45px; color: rgb(252, 74, 73); }
.owl-next { right: 0px; }
.owl-prev:hover, .owl-next:hover {color: rgb(204, 204, 204);background: linear-gradient(90deg, rgb(238, 61, 60), rgb(245, 130, 32));-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.btn-menu { display: none; }
.side-panel { width: 280px; height: 100%; overflow: hidden auto; background-color: rgb(39, 39, 40); padding: 20px; z-index: 9999; position: fixed; left: -320px; top: 0px; transition: left 0.4s ease 0s; }
.side-panel.active { left: 0px; }
.close-overlay { width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); position: fixed; left: 0px; top: 0px; z-index: 9998; display: none; }
.btn-close { cursor: pointer; display: block; left: 280px; top: -40px; position: fixed; z-index: 9999; width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 18px; background-color: rgb(232, 78, 54); color: rgb(255, 255, 255); transition: top 0.4s ease 0s; }
.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: 20px; }
.section { text-align: center; padding-bottom: 20px; }
.sectbtn:hover { background: linear-gradient(90deg, rgb(238, 61, 60), rgb(245, 130, 32)); color: rgb(255, 255, 255); border-radius: 2px; }
.sectbtn { display: inline-block; text-align: center; padding: 0px 15px; height: 35px; line-height: 35px; cursor: pointer; margin-left: 5px; background: linear-gradient(90deg, rgb(245, 130, 32), rgb(238, 61, 60)); color: rgb(255, 255, 255); border-radius: 2px; }
.group_series-content {margin-bottom: 15px;position: relative;}
.group_series-title {position: absolute;left: 0px;top: 0px;background: rgb(36, 36, 37);border: 1px solid rgba(0, 0, 0, 0.3);padding: 3px 5px;color: rgb(155, 157, 171);width: 75px;text-align: center;font-size: 12px;}
.group_series-title strong {color: rgb(252, 74, 73);display: block;font-size: 24px;background: linear-gradient(90deg, rgb(238, 61, 60), rgb(245, 130, 32));-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.group_series-list { padding-left: 91px; display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 15px; grid-auto-flow: dense; }
.group_series-item {background: url(../images/bg.png) rgb(42, 42, 43);position: relative;display: flex;align-items: center;}
.group_series-item:before {content: "";width: 100%;height: 100%;position: absolute;left: 0px;top: 0px;background: linear-gradient(to right, rgb(36, 36, 37) 0%, rgb(36, 36, 37) 40%, rgb(36, 36, 37) 100%);border: 1px solid rgba(0, 0, 0, 0.3);opacity: 0.8;}
.group_series-item img {display: block;max-width: 44px;min-width: 44px;height: 44px;object-fit: cover;margin: 8px 10px 8px 8px;position: relative;}
.group_series-item:hover {background: url(../images/bg.png) rgb(42, 42, 43);}
.group_series-item-title {line-height: 22px;font-weight: 400;margin: 0px 5px 0 0px;font-size: 14px;min-width: 0px;position: relative;}
.group_series-item span:last-child {text-transform: uppercase;}
.group_series-item-num {margin: 0px;color: rgb(155, 157, 171);line-height: 22px;display: block;width: 100%;font-size: 11px;position: relative;}
.th-item {float: left;width: 24%;padding: 0px 5px;margin-bottom: 20px;position: relative;box-shadow: rgb(0 0 0 / 10%) 0px 1.1875rem 2.125rem -0.9375rem;}
.th-img {border: 1px solid rgba(0, 0, 0, 0.3);}
.th-desc {padding: 10px;height: 60px;margin-top: -4px;background-color: rgb(42, 42, 43);border: 1px solid rgba(0, 0, 0, 0.3);}
.th-title {font-size: 14px;text-transform: uppercase;}
.th-cat { margin-top: 5px; font-size: 12px; color: rgb(147, 147, 147); }
.th-meta {position: absolute;z-index: 10;font-size: 13px;}
.th-trl { right: 8px; bottom: 60px; display: inline-block; padding: 5px 10px; font-size: 8px; background: linear-gradient(90deg, rgb(238, 61, 60), rgb(245, 130, 32)); color: rgb(255, 255, 255); cursor: pointer; }
.th-qual {left: 10px;top: 10px;display: inline-block;padding: 3px 6px;background: linear-gradient(90deg,#f58220,#ee3d3c);color: rgb(255, 255, 255);border-radius: 2px;opacity: 0.9;}
.seotexts {order: 2;padding-top: 20px;}
@media screen and (max-width: 1220px) {
  .wrap { padding: 0px; overflow: hidden; }
  .header, .footer, .cols, .carou-sect { padding-left: 20px; padding-right: 20px; border-radius: 0px; background-image: none; }
  .wrap-center { max-width: 1000px; border-radius: 0px; }
  .sidebar { display: none; }
  .btn-menu { display: block; font-size: 28px; margin-left: 20px; cursor: pointer; color: rgb(252, 74, 73); }
  .cols { padding-top: 20px; }
  .video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame { height: 400px; }
}
@media screen and (max-width: 950px) {
  .wrap-center { max-width: 768px; }
  .short-meta-item:not(.mrating-count) { display: none; }
  .footer { display: block; text-align: center; }
  .footer-copyright { margin: 0px 0px 20px; }
}
@media screen and (max-width: 760px) {
  .wrap-center { max-width: 640px; }
  .not-logged .login-avatar { display: none; }
  .login-close { top: -5px; }
  .login-title { font-size: 18px; }
  .login-box { max-width: calc(100% - 60px); padding: 15px; }
  .search-wrap { order: 10; min-width: 100%; margin: 20px 0px 0px; }
  .header-btn { padding: 0px 10px; }
  .logo { flex-basis: 0px; -webkit-box-flex: 1; flex-grow: 1; max-width: 100%; min-width: 50px; position: relative; margin-right: 20px; }
  .owl-nav { display: none; }
  .group_series-list {grid-template-columns: repeat(1,minmax(0,1fr));}
  .fcols { display: block; padding: 15px; background-color: transparent; }
  .fleft { margin: 0px auto 10px; }
  .fcols::after { content: ""; display: table; clear: both; }
  .short-rates { width: 100%; margin: 10px 0px 0px -10px; justify-content: flex-start; }
  .fcols .short-list li { padding-left: 100px; }
  .mrating-count { text-align: right; margin-right: 0px; margin-left: -20px; }
  .ffav, .fcompl { display: none; }
  .fplayer .tabs-sel > span { width: 50%; text-align: center; }
  .fctrl { padding: 0px; }
  .fplayer { margin-left: 0px; margin-right: 0px; }
  .f-menu { display: none; }
  .popular-item-img { height: 230px; }
  .carou-content { height: 230px; }
  .dcont button { font-size: 12px; padding: 0px 15px !important; }
  .comments-tree-list .comments-tree-list { padding-left: 0px !important; }
  .comments-tree-list .comments-tree-list::before { display: none; }
  .mass_comments_action { display: none; }
  .site-desc {margin-right: 0;}
}
@media screen and (max-width: 590px) {
  .wrap-center { max-width: 480px; }
  .short-item {margin-bottom: 10px;padding: 0px;background-color: rgb(42, 42, 43);border: 1px solid rgba(0, 0, 0, 0.3);box-shadow: rgb(0 0 0 / 20%) 0px 1.1875rem 2.125rem -0.9375rem;width: 47% !important;}
  .short-item .short-img { width: 100%; margin: 0px 0px 5px; padding-top: 140%; 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: 15px; }
  .short-item .short-img img { position: absolute; left: 0px; top: 0px; }
  .navigation { justify-content: center; }
  .sect-title, .logo { font-size: 18px; }
  .ac-inputs input { width: 100%; }
  .th-item {width: 50%;}
  .site-desc {margin-right: 0;}
  .short-header {margin-bottom: 5px; text-align: center; }
  .video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame { height: 300px; }
  .f-menu { display: none; }
  .nav-col {width: 100%;}
  .nav-col + .nav-col {width: 100%;}
  .popular-item-img { height: 230px; }
  .carou-content { height: 230px; }
  .bottom-nav { margin-top: 10px; }
  .ui-dialog { width: 100% !important; }
  .upop-left, .upop-right { margin: 0px; padding: 0px 20px; float: none !important; width: 100% !important; }
  .upop-left { margin-bottom: 10px; text-align: center; }
  .ui-dialog-buttonset button { display: block; margin: 0px 0px 5px; width: 100%; }
  #dofullsearch, #searchsuggestions span.seperator { display: none !important; }
  .attach .download-link { margin: 0px -15px 0px 0px; float: none; display: block; padding: 0px 10px; }
  .attach-info { float: none; }
  .sect-header {margin-bottom: 20px;}
}
@media screen and (max-width: 470px) {
  .wrap-center22 { max-width: 360px; }
  .f-menu { display: none;}
  .short-header { margin-bottom: 5px; text-align: center; }
  .sect-header {margin-bottom: 20px; }
  .fleft { width: 100%; }
  .nav-col {width: 100%;}
  .nav-col + .nav-col {width: 100%;}
  .popular-item-img { height: 230px; }
  .carou-content { height: 230px; }
  .fimg { height: 140px; }
  .fimg img { height: 100%; object-fit: cover; }
  .fimg::before { content: ""; position: absolute; z-index: 5; left: 0px; right: 0px; bottom: 0px; height: 70%; background: linear-gradient(transparent 0%, rgb(9, 12, 16) 100%); opacity: 1; }
  .video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame { height: 250px; }
}