/* SET BASE ----------------------------------------------- */ * {background: transparent; margin: 0; padding: 0; outline: none; border: 0; box-sizing: border-box; word-wrap: break-word;} 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: 14px 'DIN Pro', sans-serif; line-height: normal; padding: 0; margin: 0; color: #5d616d; background-color: #141414; min-height: 100%; width: 100%; font-weight: 400;} a {color: #5d616d; text-decoration: none;} a:hover, a:focus {color: #297fd7; text-decoration: none;} h1, h2, h3, h4, h5 {font-size: 28px; font-weight: 700; text-transform: uppercase; color: #f7f7f7;} button, textarea, select, input[type="text"], input[type="password"], input[type="button"], input[type="submit"] {appearance: none; -webkit-appearance: none; font-size: 16px; font-family: 'DIN Pro' !important;} .button, .btn, .pagi-load a, .up-second li a, .usp-edit a, .qq-upload-button, button:not(.color-btn):not([class*=fr]), html input[type="button"], input[type="reset"], input[type="submit"], .meta-fav a, .usp-btn a { display: inline-block; text-align: center; padding: 0 20px; height: 40px; line-height: 40px; border-radius: 4px; cursor: pointer; color: #fff; background-color: #297fd7; font-size: 14px; text-transform: uppercase;} .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):hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .meta-fav a:hover {background: #2980b9; color: #fff; box-shadow: 0 10px 20px 0 rgba(0,0,0,0);} button:active, input[type="button"]:active, input[type="submit"]:active {box-shadow: inset 0 1px 4px 0 rgba(0,0,0,0.1);} input[type="text"], input[type="password"] {height: 40px; line-height: 40px; border-radius: 4px; border: 0; padding: 0 15px;} select {height: 40px; border: 0; padding: 0 15px;} textarea {padding: 15px; overflow: auto; vertical-align: top; resize: vertical;} input[type="text"], input[type="password"], select, textarea {width: 100%; background-color: #fff; color: #000; box-shadow: inset 0 0 0 1px #e3e3e3, inset 1px 2px 5px rgba(0,0,0,0.1);} select {width: auto;} input[type="text"]:focus, input[type="password"]:focus, textarea:focus {box-shadow: inset 0 0 0 1px #3498db, inset 1px 2px 5px rgba(0,0,0,0.1);} input::placeholder, textarea::placeholder {color: #000; opacity: 0.5; 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: 60%;} .img-resp-vert {padding-top: 75%;} .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:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap; -ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;} .fx-row, .vip-news-list {display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap; -ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;} .fx-col {display:-ms-flexbox;display:-webkit-flex;display:flex; -ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column} .fx-center {-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center} .fx-middle {-ms-flex-align:center;-webkit-align-items:center;align-items:center} .fx-start, #dle-content {-webkit-justify-content:flex-start;justify-content:flex-start;} .fx-first {-ms-flex-order: -1;-webkit-order: -1;order: -1;} .fx-last {-ms-flex-order: 10;-webkit-order: 10;order: 10;} .fx-1 {-ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; min-width: 50px;} .fx-between {-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;} @font-face { font-family: 'DIN Pro'; src: local('DIN Pro Light'), local('DINPro-Light'), url('../webfonts/DINPro-Light.woff') format('woff'); font-weight: 300; font-style: normal; } @font-face { font-family: 'DIN Pro'; src: local('DIN Pro Regular'), local('DINPro-Regular'), url('../webfonts/DINPro-Regular.woff') format('woff'); font-weight: 400; font-style: normal; } @font-face { font-family: 'DIN Pro'; src: local('DIN Pro Medium'), local('DINPro-Medium'), url('../webfonts/DINPro-Medium.woff') format('woff'); font-weight: 500; font-style: normal; } @font-face { font-family: 'DIN Pro'; src: local('DIN Pro Bold'), local('DINPro-Bold'), url('../webfonts/DINPro-Bold.woff') format('woff'); font-weight: 700; font-style: normal; } @font-face { font-family: 'DIN Pro'; src: local('DIN Pro Black'), local('DINPro-Black'), url('../webfonts/DINPro-Black.woff') format('woff'); font-weight: 900; font-style: normal; } b, strong, .fw700 {font-weight: 700;} .icon-left [class*="fa-"], .icon-left .icon {margin-right: 10px;} .icon-right [class*="fa-"], .icon-right .icon {margin-left: 10px;} .hidden, #dofullsearch {display: none;} .anim, .btn, button, .owl-dot, .header-menu > li > a:before, .header-menu a, .sect-link, .owl-next, .owl-prev, .footer a, .logo, .login-box a, .btn-login:before, .fdevices [class*=fa], .ffav, .ffav a, .ftrailer-btn .far, .frate-up, .frate-down {transition: all .3s;} .mtitle, .sub-title h1, .form-wrap h1 {margin-bottom: 20px; font-size: 28px; font-weight: 700; text-transform: uppercase; color: #f7f7f7;} #dle-content > *:not(.th-item):not(.collection-item):not(.sect-upd-main):not(.right-sidebar-main) {width: 100%;} /* BASIC GRID ----------------------------------------------- */ .wrap {min-width:320px; position: relative;} .wrap-center {max-width:1110px; width: calc(100% - 60px); margin:0 auto; position:relative; z-index:20;} .header {position: relative; left: 0; top: 0; z-index: 990; width: 100%; box-shadow: 0 5px 5px 0 rgba(0,0,0,0.1);} .header-in {position: static; padding-left: 160px; height: 66px;} .header.sticky {position: fixed; background-color: rgba(12,16,27,0.8);} .header.sticky-hide {top: -80px;} .header.sticky-vis {top: 0;} .content {} .header.sticky-hide:not(.sticky-vis) .login-box {display: none;} .header.sticky .fimg1 {opacity: 0;} #gotop{position:fixed; width:40px; height:40px; line-height:40px; right:30px; bottom:30px; z-index:990; display:none; background-color:#12171b; color:#2a8ffd; cursor:pointer; font-size:18px; border-radius:20px; text-align:center; box-shadow: inset 0 0 0 2px #2a8ffd;} /* AUTH ----------------------------------------------- */ .acc-text {display: block; color: #fff; font-size: 14px; margin-bottom: 20px;} /* AGE CHECK ----------------------------------------------- */ .age-verification-modal { display: none; /* Изначально скрыто, JavaScript покажет */ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 1000; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); } .age-verification-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #00000096; padding: 10px 10px 20px 10px; border-radius: 10px; text-align: center; } .age-verification-button {background: rgba(0, 0, 0, .16); padding: 8px 14px; font-size: 1.03em; font-weight: 500; -webkit-font-smoothing: antialiased; border-radius: 8px; color: #f7f7f7; transition: .3s; border: solid 1px #f7f7f7; cursor: pointer;} .age-verification-button:hover {color: #007bff; border: solid 1px #007bff;} .age-verification-button-yes {background: rgba(0, 0, 0, .16); padding: 8px 14px; font-size: 1.03em; font-weight: 500; -webkit-font-smoothing: antialiased; border-radius: 8px; color: #f7f7f7; transition: .3s; border: solid 1px #f7f7f7; cursor: pointer;} .age-verification-button-yes:hover {color: #ff33ff; border: solid 1px #ff33ff;} .age-title-check {margin: 10px; font-size: 18px; text-transform: uppercase; color: #f7f7f7;} .age-select {display: flex; flex-wrap: wrap; gap: 15px; justify-content: center; text-transform: uppercase;} .blur-reconstr {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); /* Затемнение фона (необязательно) */ backdrop-filter: blur(5px); /* Степень размытия */ -webkit-backdrop-filter: blur(5px); z-index: 9999; /* Убедитесь, что слой поверх всего */ display: flex; align-items: center; justify-content: center; } .center-reconstr {} .reconstr {font-size: 25px; color: #ffd700;} /* HEADER ----------------------------------------------- */ .logo {display: block; width: 240px; height: 66px; line-height: 60px; position: absolute; left: 0; top: 0; padding-left: 86px; color: #f7f7f7; font-size: 30px; font-weight: 900; overflow: hidden; z-index: 101;} .logo:before {content: ''; width: 66px; height: 66px; position: absolute; left: 0; top: 0; background: #fafeff url(../images/logo.png) center center no-repeat; border-radius: 0 0 15px 0;} .header-menu {position: relative;} .header-menu > li {margin-right: 45px;} .header-menu > li > a {display: block; height: 66px; line-height: 66px; color: #f7f7f7; text-transform: uppercase; position: relative; z-index: 101;} .header-menu > li > a:before, .btn-login:before {content: ""; display: block; width: 20px; height: 20px; background-image: url("https://h-rpgm.games/uploads/logo.png"); background-size: cover; background-repeat: no-repeat; position: absolute; bottom: 100%; left: 50%; margin-left: -10px; opacity: 0; border-radius: 0;} .header-menu > li:hover > a, .btn-search:hover, .btn-login:hover .far, .btn-login.is-active .far {color: #2a8ffd;} .header-menu > li:hover > a:before, .btn-login.is-active:before {bottom: -8px; opacity: 1;} .hidden-menu {background-color: #171b26; box-shadow: 0 5px 20px rgba(0,0,0,0.75); z-index: 100; position: absolute; left: -60px; top: 99%; width: 920px; border: 1px solid #1e222d; font-size: 16px; pointer-events: none; opacity: 0; transform: translateY(30px); transition: all .3s; border-radius: 2px;} .header-menu > li:hover .hidden-menu {pointer-events: auto; opacity: 1; transform: translateY(0px);} .hm-left {width: 254px; padding: 27px 30px; border-radius: 2px 0 0 2px; font-weight: 500; background: #131722; box-shadow: inset -1px 0 #0e1119; border-right: 1px solid #1e222d;} .hm-right {padding: 20px 30px; column-width: 180px;} .hm-right a {display: inline-block; line-height: 36px;} .hm-left a:not(:hover) {color: #cccccc;} .hm-left li {margin-bottom: 5px;} .col-4 li {width: 50%;} .col-3 li {width: 50%;} .hm-title {margin-bottom: 5px;} ul + .hm-title {margin-top: 20px;} .btn-login, .btn-search, .btn-menu {cursor: pointer; width: 66px; height: 66px; line-height: 66px; text-align: center; font-size: 18px; position: absolute; top: 0; right: 0; z-index: 101;} .btn-login {background-color: rgba(255,255,255,0.15); width: 70px;} .btn-search {color: #898b91; right: 76px;} .btn-login .far {color: #f7f7f7; box-shadow: inset 0 0 0 2px #95979d; width: 36px; height: 36px; line-height: 36px; border-radius: 50%; font-size: 16px;} .btn-login.is-active .far:before {content: "\f00d";} .search-wrap {width: 100%; max-width: 800px; padding: 30px; color: #fff; position: fixed; z-index: 999; top: 0; left: 50%; transform: translateX(-50%);} .search-title, .search-close {font-size: 24px; cursor: pointer;} .search-box {position:relative; margin-top: 30px;} .search-box input, .search-box input:focus {padding: 0 50px 0 15px; border-radius: 0; box-shadow: none;} .search-box input:not(:focus)::placeholder {} .search-box button {position:absolute; right:5px; top:0px; z-index:10; width: 30px; background:transparent !important; color:#000 !important; font-size: 16px !important; padding: 0 !important;} /* REGISTER ----------------------------------------------- */ /* Стили для сообщения */ #registerMessage { margin-top: 8px; padding: 10px; background-color: #1e222d; /* Светлый фон для выделения */ border-left: 5px solid #297fd7; /* Красная полоска слева */ border-radius: 7px; color: #f7f7f7; /* Тёмно-красный текст */ font-size: 14px; line-height: 1.4; overflow: hidden; /* Чтобы не "прыгало" при анимации */ transition: all 0.3s ease-in-out; /* Плавная анимация: opacity + max-height */ max-height: 0; /* Начальное состояние: скрыто */ opacity: 0; position: absolute; top: 100%; /* Разместить прямо под "Регистрация" */ left: 0; width: 100%; /* Или задай фиксированную ширину, если нужно */ z-index: 10; } /* Класс для показа */ #registerMessage.visible { max-height: 60px; /* Достаточно для текста; подгони под свой контент */ opacity: 1; padding: 10px; /* Восстанавливаем padding при показе */ } /* Опционально: стили для ссылки при взаимодействии */ #registerLink:hover { text-decoration: underline; /* Подчёркивание при наведении */ cursor: pointer; } .login-btm { position: relative; /* Чтобы #registerMessage позиционировался относительно этого блока */ } /* DMCA ----------------------------------------------- */ .dmca-text {line-height: 1.5; font-size: 18px; color: #ccc; margin-bottom: 20px;} .dmca-mail-link {color: red !important; margin-left: 5px;} .dmca-mail-link:hover {color: #297fd7 !important; margin-left: 5px;} /* POPULAR ----------------------------------------------- */ .popular {background-color: #131722; overflow: hidden; margin-top: -86px; height: 1000px; width: 100%; position: absolute;} .popular-in {padding: 50px 0px 25px 0;} .blurred-bg {position: absolute; left: 0; top: 0; width: 100%; height: 1000px;} .popular:before {content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; opacity: 0.8; background: #141414; z-index: 3;} .popular:after {content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 5; background: linear-gradient(to top, #141414, #c9d1ff00);} .popular-desc {position: absolute; z-index: 9; right: 0; top: 0; bottom: 0; width: 376px;} .popular-title {font-size: 36px; line-height: 40px; text-transform: uppercase; color: #f7f7f7; margin-bottom: 20px; text-align: center;} .popular-text {font-size: 16px; margin-top: 10px;} .popular-caption {padding: 26px 30px 0 30px; display: none; position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%);} .popular-cat {background-color: #131722; overflow: hidden; height: 100%; width: 100%;} .popular-in-cat {padding-left: 20px; padding-right: 20px; padding-top: 5px; padding-bottom: 15px; border-radius: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.8); background-color: #1e222d;} .blurred-bg-cat {position: absolute; left: 0; top: 0; width: 100%; height: 800px;} .popular-cat:before {content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; opacity: 0.8; background: #141414; z-index: 3;} .popular-cat:after {content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 5; background: linear-gradient(to top, #141414, #c9d1ff00);} /* SECTION ----------------------------------------------- */ .sect {/*margin-bottom: 30px;*/ justify-content: center;} .sect-full {margin-bottom: 30px; justify-content: center;} .sect-comm {margin-bottom: 30px; justify-content: center;} .sect-header {margin-bottom: 15px; align-items: flex-end;} .sect-title {font-size: 28px; text-transform: uppercase; color: #f7f7f7;} .sect-title-cat {font-size: 28px; text-transform: uppercase; color: #f7f7f7; margin: 10px 0 10px 0;} .sect-carou .sect-title {padding-right: 20px; margin-right: 20px; position: relative;} .sect-carou .sect-title:after {content: ''; background-color: #313540; width: 1px; position: absolute; right: 0; top: 8px; bottom: 5px;} .sect-link {font-weight: 300; position: relative; bottom: 7px;} .sect-link .far {margin-left: 8px; font-size: 16px; position: relative; top: 2px;} .sect-carou:not(.sect-carou-three) .sect-content {margin-left: -3px;} .sect-carou .sect-header {padding-right: 50px; margin-bottom: 5px; margin-left: 25px;} .sect-bg {width: 100%; max-width: 100%; padding-left: 20px; padding-right: 20px; padding-top: 15px; padding-bottom: 20px; border-radius: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.8); background-color: #1e222d;} .sect-upd {padding-top: 15px; padding-bottom: 15px;} .sect-upd-main {flex: 8; padding-top: 15px; padding-bottom: 15px; width: 70%;} .sect-items {margin: 0 -15px;} .mb-remove-15 {margin-bottom: -15px;} .mb-remove-30 {margin-bottom: -30px;} .sect-compensate-padding-top {margin-top: -30px;} /* SECTION CAT ----------------------------------------------- */ .sect-bg-cat {width: 100%; max-width: 100%;} /* SHORT ITEM ----------------------------------------------- */ .th-item {width: 32%; padding: 0 3px 30px 3px; margin: auto; position: relative;} .th-in {display: block; position: relative; color: #f7f7f7 !important;} .th-img {border-radius: 5px; margin-bottom: 5px; position: relative; overflow: hidden;} .th-title {font-weight: 500; font-size: 13px;} .th-subtitle {font-weight: 300; font-size: 11px; margin-top: 1px;} .th-rating {width: 36px; height: 18px; line-height: 18px; text-align: center; border-radius: 2px; font-weight: 500; background-color: #01c03a; color: #fff; position: absolute; top: 10px; left: -3px;} .th-rating.low {background-color: #e13535;} .th-rating.middle {background-color: #ff6702;} .th-info {background-color: #f7f7f7; color: #000; width: 18px; height: 18px; line-height: 18px; text-align: center; border-radius: 2px; position: absolute; right: 10px; top: 10px; cursor: pointer; font-size: 10px; opacity: 0;} .th-in:hover .th-img img, .collection-in:hover img, .upd-item:hover .upd-img img {filter: saturate(1.5);} .th-in:hover .th-info {opacity: 1;} .sect-carou .th-item {width: 100%; padding: 0 0 0 3px;} .popular-in .th-item {padding: 0;} .ui-tooltip {position: absolute; z-index: 97;} .tooltip-text {color: #fff; padding: 5px 10px; background: rgba(35, 25, 15, 0.8); border-radius: 2px;} .ui-tooltip .th-tip {display: block;} .th-tip {background-color: #f7f7f7; color: #1f1f1f; padding: 0 15px; border-radius: 3px;} .th-tip-header {background-color: #eee; margin: 0 -15px 15px -15px; padding: 15px; border-radius: 3px 3px 0 0;} .th-tip-header div {font-weight: 700; font-size: 18px; text-transform: uppercase;} .th-tip-header span {font-weight: 300; color: #888; margin-left: 15px;} .th-tip-text, .th-tip-list, .th-tip-meta {line-height: 1.6; margin-bottom: 15px;} .th-tip-meta > span {margin-right: 15px; color: #888; display: inline-block; border-radius: 3px;} .th-tip-meta > span:first-child {background-color: #297fd7; color: #fff; padding: 2px 5px;} .th-tip-list li {position: relative; padding-left: 100px; min-height: 14px;} .th-tip-list li > span:first-child {color: #888; display: inline-block; position: absolute; left: 0; top: 0;} .th-tip-btm {border-top: 1px solid #e3e3e3; margin: 0 -15px; padding: 15px;} .th-tip-category {border-radius: 3px; background-color: #eee; color: #888; padding: 5px 15px;} .th-tip-rating {font-size: 18px;} .th-tip-rating .fa-thumbs-up {color: #83bf45; margin-right: 10px;} .th-tip-rating .fa-thumbs-down {color: #ee3442; margin: 0 10px;} .th-rel {width: 18%;} .th-rel .th-subtitle {font-size: 14px;} .th-rel .th-title {font-size: 16px; text-transform: uppercase;} /* COLLECTION ITEM, UPDATE ITEM ----------------------------------------------- */ .collection-item {width: 33.33%; padding: 0 15px 30px 15px;} .collection-in {display: block; border-radius: 2px;} .sect-carou .collection-item {width: 100%; padding: 0;} .upd-item {margin-bottom: 15px; position: relative;} .upd-img {width: 97px; aspect-ratio: auto 97 / 73; height: 73px; border-radius: 2px; margin-right: 15px;} .upd-title {color: #297fd7; margin-bottom: 2px; max-width: 175px;} .upd-meta {font-size: 12px; font-weight: 300; display: inline-block;} .upd-desc {position: relative;} .upd-date {padding-left: 30px; text-transform: capitalize; position: absolute; left: 0; top: 10px; font-size: 11px; font-weight: 300;} .upd-date > div:first-child {font-size: 24px; font-weight: 400; position: absolute; left: 0; top: -1px;} .upd-fav {position: absolute; right: 0; top: 0px; font-size: 15px; cursor: pointer;} .upd-fav:hover {color: #297fd7;} /* SEO DESCRIPTION ----------------------------------------------- */ .site-desc {line-height: 1.5; padding-bottom: 0px; padding-top: 10px;} .site-desc h1, .site-desc h2 {font-size: 18px; font-weight: 500; text-transform: uppercase; margin-bottom: 15px;} .site-desc li {position: relative;} .site-desc li:before {content: ''; background-color: #297fd7; width: 5px; height: 5px; border-radius: 50%; position: absolute; left: -15px; top: 11px;} .site-desc p, .site-desc ul {margin-bottom: 20px; color: #ccc; -webkit-line-clamp: 5; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; hyphens: auto;} .site-desc > *:last-child {margin-bottom: 0;} .site-desc a {color: #297fd7; text-decoration: underline;} .site-desc img {float: left; max-width: 200px; margin: 0 10px 10px 0;} /* FOOTER ----------------------------------------------- */ .footer {} .footer-two {padding-top: 15px; padding-bottom: 15px; margin-top: 15px;} .footer-left {width: 300px; padding-right: 30px;} .footer-menu li {margin-right: 20px;} .footer-sitename {font-size: 27px; font-weight: 900; padding-bottom: 10px; padding-left: 35px; display: inline-block; background: url(../images/footer-logo.png) left 6px no-repeat; color: #1e222d; margin-top: -10px;} .footer-counter1 {opacity: 0.4;} .footer-menu-col a {display: inline-block; padding: 1px 10px 4px 10px; border-radius: 2px;} .footer-menu-col a:hover {background-color: #1e222d; color: #5d616d;} .footer-menu-col li + li {margin-top: 12px;} .footer-cols {margin-left: -10px;} /* BOTTOM NAVIGATION ----------------------------------------------- */ .bottom-nav {padding-top: 0px; margin: auto;} .navigation {text-align:center; font-weight: 700; display: none;} .navigation a, .navigation span, .pnext a, .pprev a, .pprev > span, .pnext > span {display:inline-block; padding:0 10px; margin:0 3px 10px 3px; line-height: 40px; min-width: 40px; border-radius: 20px; background-color: #1e222d; color: #f7f7f7; font-weight: 500;} .navigation a:hover {display:inline-block; padding:0 10px; margin:0 3px 10px 3px; line-height: 40px; min-width: 40px; border-radius: 20px; background-color: #1e222d; color: #007bff; font-weight: 600; box-shadow: inset 0 0 0 2px #007bff;} .navigation span:not(.nav_ext), .pagi-nav11 a:hover {color: #f7f7f7; box-shadow: inset 0 0 0 2px #f7f7f7;} /* FULL ----------------------------------------------- */ .full {padding-top: 200px;} .fleft {width: 225px; margin-right: 45px;} .fimg, .fimg-in, .fimg1-in {width: 100%; height: 500px; position: absolute; left: 0; top: 0;} .fimg-in {} .fimg-in:before, .fimg1-in:before {content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; opacity: 0.6; background: #141414; z-index: 3;} .fimg:before {content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; opacity: 0.8; z-index: 3;} .fimg:after {content: ''; position: absolute; left: 0; bottom: 0; right: 0; height: 50%; z-index: 5; background: linear-gradient(to top, #141414, #c9d1ff00);} .fimg1 {width: 100%; height: 100%; position: absolute; left: 0; top: 0; overflow: hidden;} .fimg1-in {filter: blur(10px) grayscale(0.5);} .fposter {border-radius: 3px; margin-bottom: 10px;} .ffav {font-size: 16px; padding: 10px; border-radius: 10px; background-color: #222222; text-align: center; font-size: 16px; color: #f7f7f7; cursor: pointer;} .ffav a {color: #f7f7f7;} .ffav:hover, .ffav a:hover {color: #297fd7;} @media (max-width: 450px) { .icon-left [class*="fa-"], .icon-left .icon {margin-right: 0px;} .ffav .ffav-text { display: none;}} .fleft-sect-title {color: #cccccc; font-weight: 500; margin: 30px 0 10px 0;} .fscreens br, .fscreens > img {display: none;} .fscreens a, .fscreens a img {display: block; width: 29%; height: 64px; overflow: hidden; border-radius: 3px;} .fscreens a img {width: 100%; object-fit: cover;} .ftrailer-btn {position: absolute; z-index: 5; left: 0; top: 0; right: 0; bottom: 0; background-color: #000; cursor: pointer;} .ftrailer-btn .far {margin: auto; width: 60px; height: 60px; line-height: 60px; text-align: center; border-radius: 50%; font-size: 20px; color: #656767; box-shadow: 0 0 0 2px #656767; padding-left: 3px;} .ftrailer-btn:hover .far {color: #297fd7; box-shadow: 0 0 0 2px #297fd7;} .fdevices li {cursor: pointer; text-align: center;} .fdevices [class*=fa] {display: block; height: 40px; font-size: 38px;} .fdevices li:last-child [class*=fa] {font-size: 30px; padding-top: 6px;} .fdevices li:hover [class*=fa] {color: #1ee459;} .fwidget {margin-top: 30px;} .ftitle-and-buttons { display: flex; align-items: center; justify-content: space-between;} .fandroid {background-color: #297fd7; color: #f7f7f7; padding: 3px 5px; border-radius: 3px; display: inline-block; font-weight: 500; font-size: 13px; vertical-align: middle;} .fandroid-pc {background: linear-gradient(135deg, #e33333 0%, #f35959 100%); color: #f7f7f7; padding: 3px 3px; border-radius: 3px; display: inline-block; font-weight: 500; font-size: 13px; vertical-align: middle; margin-right: 2px;} .fheader {margin-bottom: 8px;} .flanguage {} .flanguage-popular {display: inline-block;} .fage {background-color: #e73c3c; color: #f7f7f7; padding: 1px 6px; border-radius: 3px; margin-right: 10px; font-size: small;} .fnew {background-color: #e73c3c; color: #f7f7f7; padding: 1px 6px; border-radius: 3px; margin-right: 10px; display: inline-block;} .fnewupd {background-color: #e73c3c; color: #f7f7f7; padding: 1px 6px; border-radius: 3px; margin-right: 10px; display: inline-block; transform: translate3d(-54px, 5px, 0px);} .fnewsmall {background-color: #e73c3c; color: #f7f7f7; padding: 3px 10px; border-radius: 3px; display: inline-block; font-weight: 700; font-size: small;} .fnewnormal {background-color: #e73c3c; color: #f7f7f7; padding: 3px 10px; border-radius: 3px; display: inline-block; font-weight: 700;} .fdate {text-align: right; color: white; padding-right: 5px;} .fdateupd {display: inline-block; vertical-align: middle; font-size: 12px;} .fheader > a {margin-left: 5px;} .full h1 {color: #f7f7f7; margin-bottom: 15px; font-weight: 700; font-size: 34px; text-transform: none;} .foriginal {color: #ccc; font-size: 16px; margin: -15px 0 10px 0;} .fmeta {color: #ccc; margin-bottom: 20px;} .fmeta > span {display: inline-block; position: relative; margin-right: 24px;} .fmeta > span:not(:last-child):after {width: 4px; height: 4px; border-radius: 50%; content: ''; pointer-events:none; background-color: #2a8fdd; position: absolute; right: -14px; top: 8px;} .flist {color: #ccc; line-height: 1.5; margin-bottom: 15px; font-size: 16px;} .flist li {padding-left: 120px; position: relative; min-height: 14px; margin-bottom: 5px;} .flist li > span:first-child {position: absolute; left: 0; top: 0; font-weight: 500;} .flist a, .fmeta a {color: #5d616d; text-transform: uppercase;} .flist a:hover, .fmeta a:hover {border-bottom-color: transparent;} .fright-title {text-transform: uppercase; color: #f7f7f7; margin-bottom: 15px; font-size: 18px;} .fright-save {color: #f7f7f7; margin-bottom: 15px; font-size: 18px;} .fright-save-desc {display: inline; padding-left: 5px; font-size: 16px; color: #ccc;} .fdesc {margin-bottom: 20px;} .frate {width: 200px; height: 46px; position: relative; margin-bottom: 30px;} .frate-title {color: #ccc; position: absolute; left: 0; top: 0;} .frate-count {color: #f7f7f7; position: absolute; right: 0; top: 0;} .frate-votes {font-size: 12px; position: absolute; right: 0; bottom: 0;} .frate-bar {background-color: #ccc; position: absolute; left: 0; top: 22px; width: 100%; height: 5px;} .frate-bar:after {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 5; background: linear-gradient(to right, rgba(19,23,34,0) 0px, rgba(19,23,34,0) 3px, #131722 4px); background-size: 5px 5px; background-repeat: repeat-x;} .frate-fill {position: absolute; left: 0; top: 0; height: 100%; width: 0; background: linear-gradient(to right, #ff7902 0%, #ff6702 100%);} .frate-imdb .frate-fill {background: linear-gradient(to right, #ffa302 0%, #ffca02 100%);} .frate-site .frate-bar {background: #e13535;} .frate-site .frate-fill {background: #1ee459;} .frate-site .frate-count {display: none;} .frate-site {margin-right: 80px;} .likes, .dislikes {font-size: 12px; color: #f7f7f7; position: absolute; bottom: 0; left: 0;} .dislikes {left: auto; right: 0;} .frate-up, .frate-down, .comm-rate3 a {width: 26px; height: 26px; line-height: 26px; text-align: center; border-radius: 3px; font-size: 12px; cursor: pointer; color: #e13535; background-color: #1e222d; position: absolute; top: 10px; right: -80px;} .frate-up, .comm-rate3 a:first-child {right: -45px; color: #1ee459;} .frate-up:hover, .comm-rate3 a:first-child:hover {background-color: #1ee459; color: #fff;} .frate-down:hover, .comm-rate3 a:last-child:hover {background-color: #e13535; color: #fff;} .fmessage {margin-bottom: 20px; font-weight: 400; line-height: 1.3; color: #f7f7f7; background-color: #222222;position: relative; padding: 10px 15px 10px 75px;} .fmessage-icon {position: absolute; left: 0; top: 0; bottom: 0; width: 60px; background-color: #292d38; text-align: center; font-size: 18px;} .fplayer-header {margin-bottom: 20px;} .fsubtitle {font-size: 18px; color: #f7f7f7; text-transform: uppercase;} .fviews {font-size: 12px;} .fplayer {position: relative; padding-top: 20px;} .fctrldouble {background-color: #1e222d; border-radius: 6px; overflow: hidden; height: 40px; width: 40px; justify-content: center; align-items: center; margin: 0 auto;} .fctrl {background-color: #141414; border-radius: 10px; overflow: hidden; margin-top: 10px; height: 40px; width: 40px; margin-right: 0px; margin-left: auto;} .fctrl > *, .fplayer .tabs-sel span {height: 40px; line-height: 40px; margin: auto;} .fplayer .tabs-sel {white-space:nowrap; overflow-y:hidden; overflow-x:auto; font-size: 0;} .fplayer .tabs-sel span {display:inline-block; padding:0 15px; cursor:pointer; font-size: 14px; font-weight: 500; text-transform: uppercase; color: #ccc;} .fplayer .tabs-sel span.current {background-color: #242833; color: #f7f7f7;} .fplayer .tabs-sel span:hover {color: #297fd7;} .js .tabs-b {background-color: #000; display: none;} .js .tabs-b.visible {display: block;} .fcompl {font-size: 18px; padding: 0 15px; border-left: 1px solid rgba(255,255,255,0.1);} .yx-share {margin-right: 15px; height: auto !important;} .flight {padding: 0 65px 0 15px; border-left: 1px solid rgba(255,255,255,0.1); position: relative; cursor: pointer;} .flight:before, .flight:after{content: '';position: absolute;top: 50%;transition: .3s;} .flight:before{height: 22px; width: 42px; border-radius: 11px; background-color: #3d455c; right: 15px; top: 9px;} .flight:after{right: 38px;top: 12px; height: 16px; width: 16px; border-radius: 8px; background-color: #ffb402;} .light-overlay {position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 99998; background-color: rgba(0,0,0,0.8); display: none;} .light-off .flight:after{right: 18px; background: #ccc;} .light-off .light-overlay {display: block;} .light-off .fplayer {z-index: 99999;} .light-off #gotop, .light-off .header {display: none !important;} .full-cat {display: flex; flex-flow: wrap;} .author-thanks {} .author-post {} /* VIP ----------------------------------------------- */ /* Заголовки */ .vip-title-sub {font-size: 2.5rem; font-weight: bold; color: #ffffff; text-align: -webkit-center;} .vip-title-sup {font-size: 1.2rem; color: #a1a1a1; margin-top: 10px; margin-bottom: 10px; text-align: -webkit-center;} .vip-title-prem {font-size: 1.5rem; font-weight: bold; text-align: center; color: #ffffff; margin-bottom: 15px;} .vip-card-text-title {font-size: 1.2rem; font-weight: bold; color: #ffffff;} /* Контейнер преимуществ */ .vip-prem {display: flex; gap: 20px;} /* Карточки преимуществ */ .vip-card {border: 1px solid #e9ecef; border-radius: 8px; padding: 15px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); transition: transform 0.2s ease; height: 100%;} .vip-card:hover {transform: translateY(-5px);} .vip-card-flex {display: flex; align-items: center;} .vip-card-icon-prem1, .vip-card-icon-prem2, .vip-card-icon-prem3, .vip-card-icon-prem4, .vip-card-icon-prem5 { font-size: 2rem; margin-right: 15px; min-width: 40px; text-align: center; } .vip-prem1, .vip-prem2 { margin-bottom: 1rem !important; /* Увеличивает до 32px */ } .vip-card-icon-prem1 {background-image: url('/uploads/don-white.png'); background-size: cover; width: 40px; height: 40px;} .vip-card-icon-prem2 {background-image: url('/uploads/noad-white.png'); background-size: cover; width: 40px; height: 40px;} .vip-card-icon-prem3 {background-image: url('/uploads/down-white.png'); background-size: cover; width: 40px; height: 40px;} .vip-card-icon-prem4 {background-image: url('/uploads/crown-white.png'); background-size: cover; width: 40px; height: 40px;} .vip-card-icon-prem5 {background-image: url('/uploads/content-white.png'); background-size: cover; width: 40px; height: 40px;} .vip-card-text {font-size: 1rem; color: #f7f7f7;} /* Карточки планов (если добавляешь) */ .vip-plan-card { background: #f8f9fa; border: 1px solid #ddd; border-radius: 8px; padding: 20px; text-align: center; width: 200px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); transition: box-shadow 0.2s ease; } .vip-plan-card:hover { box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); } .vip-plan-card h4 { margin-bottom: 10px; } .vip-plan-card .text-muted { display: block; font-size: 0.9rem; } .vip-box-status {background-color: rgb(15, 41, 48); border-radius: 32px; padding: 56px 0px 36px 30px; position: relative; overflow: hidden;} .subscription-box { display: flex; border: 1px solid #ddd; border-radius: 8px; overflow: hidden; max-width: 800px; margin: 50px auto; background: #00000026; } .subscription-box__content { padding: 20px; flex: 1; /* Занимает доступное пространство */ } .subscription-dostup { line-height: 1.4; color: #f7f7f7; display: inline; font-weight: 800; } .subscription-dostup1 { line-height: 1.4; color: #f7f7f7; display: inline; margin-left: 5px; } .subscription-box__title { font-size: 24px; margin-bottom: 10px; } .subscription-box__description { margin-bottom: 20px; line-height: 1.4; color: #f7f7f7; } .disclaimer-vip { font-size: 18px; padding-bottom: 10px; color: deeppink; } .subscription-box__buttons { display: flex; gap: 10px; margin-bottom: 10px; } .subscription-box__button { padding: 10px 20px; border: none; border-radius: 5px; cursor: pointer; font-size: 16px; } .subscription-box__button--vip { background-color: #4CAF50; /* Зеленый цвет */ color: white; } .subscription-box__button--donate { background-color: #f44336; /* Красный цвет */ color: white; } .subscription-box__agreement { margin-bottom: 20px; } .agreement-checkbox { display: flex; align-items: center; color: #f7f7f7; } .agreement-checkbox-terms { margin-left: 5px; } .agreement-checkbox input[type="checkbox"] { display: none; /* Скрываем стандартный чекбокс */ } .agreement-checkbox__checkmark { width: 20px; height: 20px; border: 1px solid #ccc; border-radius: 3px; display: inline-block; margin-right: 5px; position: relative; /* Для позиционирования галочки */ } .agreement-checkbox input[type="checkbox"]:checked + .agreement-checkbox__checkmark::after { content: "\2713"; /* Юникод галочки */ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 16px; color: #4CAF50; } .subscription-box__vip-benefits { color: #f7f7f7; } .subscription-box__image { flex: 0 0 300px; height: auto; margin: 60px auto; display: block; filter: blur(5px); } .subscription-box__image img { width: 100%; height: 100%; object-fit: cover; } /* Адаптивность (пример) */ @media (max-width: 600px) { .subscription-box { flex-direction: column; } .subscription-box__image { flex: none; width: 100%; height: 200px; /* Уменьшите высоту */ } .subscription-box__buttons { flex-direction: column; } .subscription-box__button { text-align: center;} } .vip-title {width: auto; height: auto; position: relative;} .vip-hide {position: absolute; top: 0; left: 0; width: 90%; height: 100%; max-width: 400px; overflow: hidden;} .vip-dot {position: absolute; border-radius: 50%; background: white; opacity: 1; transition: opacity 0.5s ease;} .vip-blur {filter: blur(3px); -webkit-filter: blur(3px);} .vip-blur:hover {filter: blur(3px); -webkit-filter: blur(3px);} .vip-text {} .vip-buttom {background: rgba(0, 0, 0, .66); padding: 5px 15px; font-size: 26px; -webkit-font-smoothing: antialiased; border-radius: 40px; transition: opacity 0.3s ease; border: solid 1px #f7f7f7; position: absolute; z-index: 2; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; pointer-events: none; white-space: nowrap;} .vip-buttom:hover {border-color: #ffd700; color: #ffd700;} .th-in-vip {display: block; position: relative; color: #f7f7f7 !important;} .th-item:hover .vip-buttom {opacity: 1; pointer-events: auto;} .vip-lock {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 30%; height: 50%; transition: opacity 0.3s ease; background-image: url('https://h-rpgm.games/uploads/lock.png'); background-size: contain; background-repeat: no-repeat; z-index: 1;} .th-item:hover .vip-lock {opacity: 0;} .vip-news-item {display: none;} .vip-sect-title {font-size: 28px; text-transform: uppercase; color: #f7f7f7;} .vip-news-list {} .vip-th-item {width: 32%; padding: 0 3px 30px 3px; margin: auto; position: relative;} .vip-news-title {font-size: 28px; text-transform: uppercase; color: #f7f7f7; text-align: center; margin-top: 20px;} .vip-active {color: #297fd7; text-decoration: none;} .vip-color {color: #f7f7f7 !important;} .vip-color:hover {color: #ffd700 !important;} .vip-color-menu {} .vip-color-menu a {} .vip-color-menu a:hover {color: #ffd700 !important;} /* VIP ФОНЫ ----------------------------------------------- */ .vip-page {background-color: #131722; overflow: hidden; margin-top: -86px; height: 100%; width: 100%; position: absolute; z-index: -1;} .vip-page:before {content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; opacity: 0.8; background: #141414; z-index: 3;} .vip-page:after {content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 6; background: linear-gradient(to top, #141414, #c9d1ff00);} .vip-background {position: absolute; left: 0; top: 0; width: 100%; background: url(https://h-rpgm.games/uploads/22.png) center center / cover no-repeat rgb(17, 17, 17); z-index: 1; height: 100%; bottom: 0;} .vip-content {padding: 50px 0px 25px 0;} /* FAQs -----------------------------------------------*/ .faq-section {margin-bottom: 20px; text-align: -webkit-center;} .faq-section-name {font-size: 28px; text-transform: uppercase; color: #f7f7f7; margin-bottom: 10px;} .faq-item {border: 1px solid #ccc; margin-bottom: 10px; border-radius: 5px; overflow: hidden; max-width: 850px;} .faq-question {background-color: #f0f0f0; padding: 10px; cursor: pointer; font-weight: bold; border-bottom: 1px solid #ccc; color: black; font-size: 16px;} .faq-answer {padding: 10px; display: none; color: white; font-size: 14px;} .faq-answer.active {display: block;} .faq-question.active .faq-icon { transform: rotate(45deg); content: "-";} .faq-answer {transition: auto;} .faq-icon { display: inline-block; width: 24px; height: 24px; text-align: center; line-height: 19px; border: 1px solid #000000; border-radius: 50%; margin-left: 5px; transition: transform 0.3s ease; /* Для анимации */ } /* RIGHT SIDEBAR ----------------------------------------------- */ .right-sidebar {flex: 3; top: 80px; align-self: flex-start; max-height: calc(167vh - 40px); margin-top: 7px;} .right-sidebar-main {flex: 3; top: 80px; align-self: flex-start; max-height: calc(100vh - 40px); margin-top: 20px; width: 30%;} /* LAST POSTs ----------------------------------------------- */ .main-content-wrapper {display: flex; flex-direction: row; width: 100%;} .last-post-title {} .last-post-name {margin-bottom: 20px; font-size: 20px; color: #f7f7f7; padding: 0px 10px; border-width: 0px 0px 0px 8px; border-style: solid; border-color: #297fd7; border-radius: 5px 0px 0px 5px; text-transform: uppercase;} .last-post {} .last-post-main {margin-bottom: 20px;} .fright {flex: 9; padding-right: 10px;} /* TAGs ----------------------------------------------- */ .tags-main {position: relative; display: flex; flex-wrap: wrap; gap: 8px;} .tags-main a {background: rgba(0, 0, 0, .16); padding: 8px 14px; font-size: 1.03em; font-weight: 500; -webkit-font-smoothing: antialiased; border-radius: 8px; color: #f7f7f7; transition: .3s; border: solid 1px #f7f7f7;} .tags-main a:hover {border-color: #007bff; color: #007bff;} .tag-name {font-size: 99%;} .categorys-links {} .categorys-links a {font-weight: 500; padding-right: 5px; color: #297fd7; text-transform: uppercase; font-size: 17px;} .categorys-links a:hover {font-weight: 500; padding-right: 5px; color: deeppink; text-transform: uppercase; font-size: 17px;} .category-hash {color: red; font-weight: 500; font-size: 20px;} .category-hash-cat {color: red; font-weight: 500; font-size: 30px;} .tags-main1 {position: relative; display: flex; flex-wrap: wrap; gap: 8px; padding-top: 20px;} .tags-main1 a {background: rgba(0, 0, 0, .16); padding: 8px 14px; font-size: 1.03em; font-weight: 500; -webkit-font-smoothing: antialiased; border-radius: 8px; color: #f7f7f7; transition: .3s; border: solid 1px #f7f7f7;} .tags-main1 a:hover {border-color: #007bff; color: #007bff;} .tags-menu {} .tags-menu a {font-weight: 500; padding-right: 5px; color: #297fd7; text-transform: uppercase;} .tags-menu a:hover {font-weight: 500; padding-right: 5px; color: deeppink; text-transform: uppercase;} .engine-tag {} .engine-tag a {font-size: 17px; font-weight: 500; padding-right: 5px; color: #297fd7; text-transform: none; !important} .engine-tag a:hover { font-size: 17px; font-weight: 500; padding-right: 5px; color: deeppink; text-transform: none; !important} .language-autor {} .language-autor a {font-size: 17px; font-weight: 500; color: #297fd7; text-transform: none; !important} .language-autor a:hover { font-size: 17px; font-weight: 500; color: deeppink; text-transform: none; !important} .store-tag {} .store-tag a {font-size: 17px; font-weight: 500; padding-right: 5px; color: #297fd7;} .store-tag a:hover { font-size: 17px; font-weight: 500; padding-right: 5px; color: deeppink;} .cat-title {display: inline; color: #297fd7;} .popular-title-cat {font-size: 25px; line-height: 40px; text-transform: uppercase; color: #f7f7f7; text-align: center;} /* 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:450px;} .mejs-container {max-width:100% !important;} .full-text {line-height: 1.5; font-size: 16px; color: #ccc;} .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:0 10px 10px 0;} .full-text > img[style*="right"], .full-text > .highslide img[style*="right"] {margin:0 0 10px 10px;} .full-text a {text-decoration:underline; color:#297fd7;} .full-text a:hover {text-decoration:none;} .full-text h2, .full-text h3, .full-text h4, .full-text h5 {margin:10px 0; font-size:20px; font-weight:400;} .full-text p {margin-bottom:10px;} .full-text > ul, .full-text > ol {margin:0;} .full-text > ul li {list-style:disc; margin-left:40px;} .full-text > ol li {list-style:decimal; margin-left:40px;} .full-taglist a {color:#297fd7;} .full-taglist {margin-top:20px;} .full-taglist span:not(.fa):not(:last-child):after {content:","; display:inline;} /* DOWNLOAD ----------------------------------------------- */ .fdownload-window {margin-bottom: 30px; padding: 30px; padding-bottom: 20px; background-color: #222222; color: #ccc; border-radius: 30px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);} .fdownload-full {text-align: center;} .fdownload-text {font-size: 20px; line-height: 2; color: #f7f7f7; text-align: center;} .fdownload-problems {} .fdownload-problems-red {color: red; display: inline;} .fdownload-faq {} .fdownload-faq-link {color: green;} .fdownload-password {font-size: 20px; vertical-align: middle; color: #f7f7f7;} .fdownload-pass1 {text-align: center; padding: 15px;} .fdownload-pass1 .fdownload-pass2 {padding-left: 5px; vertical-align: middle; font-size: 40px; font-weight: bold; line-height: 50px; color: #FFF; font-family: 'Roboto', sans-serif; text-transform: uppercase; animation: 2s neon-2 alternate-reverse infinite;} @keyframes neon-2 { from { text-shadow: 0 0 5px #FFF, 0 0 10px #FFF, 0 0 15px #FFF, 0 0 20px #BFE2FF; } to { text-shadow: 0 0 20px #BFE2FF, 0 0 35px #BFE2FF, 0 0 40px #BFE2FF, 0 0 50px #BFE2FF, 0 0 800px #BFE2FF; } } .fdownload-title-links {font-size: 23px;} .fdownload-links {} .fdownload-link-mega {font-size: 25px; display: inline-block; vertical-align: middle; padding: 0px 5px 0px 5px; color: #ccc;} .fdownload-link-mega:hover {color: deeppink;} .fdownload-link-pixeldrain {font-size: 25px; display: inline-block; vertical-align: middle; padding: 0px 5px 0px 5px; color: #ccc;} .fdownload-link-pixeldrain:hover {color: deeppink;} .fdownload-link-mediafire {font-size: 25px; display: inline-block; vertical-align: middle; padding: 0px 5px 0px 5px; color: #ccc;} .fdownload-link-mediafire:hover {color: deeppink;} .fdownload-link-terabox {font-size: 25px; display: inline-block; vertical-align: middle; padding: 0px 5px 0px 5px; color: #ccc;} .fdownload-link-terabox:hover {color: deeppink;} .fdownload-link-akirabox {font-size: 25px; display: inline-block; vertical-align: middle; padding: 0px 5px 0px 5px; color: #ccc;} .fdownload-link-akirabox:hover {color: deeppink;} .fdownload-link-save {font-size: 25px; display: inline-block; vertical-align: middle; padding: 0px 5px 0px 5px; color: #ccc;} .fdownload-link-save:hover {color: deeppink;} .fdownload-buttomlink-mega a:hover, .fdownload-buttomlink-mega a:focus {color: deeppink;} .fdownload-buttomlink-pixeldrain a:hover, .fdownload-buttomlink-pixeldrain a:focus {color: deeppink;} .fdownload-buttomlink-mediafire a:hover, .fdownload-buttomlink-mediafire a:focus {color: deeppink;} .fdownload-buttomlink-terabox a:hover, .fdownload-buttomlink-terabox a:focus {color: deeppink;} .fdownload-buttomlink-akirabox a:hover, .fdownload-buttomlink-akirabox a:focus {color: deeppink;} .fdownload-buttomlink-save a:hover, .fdownload-buttomlink-save a:focus {color: deeppink;} .fdownload-buttomlink-mega {position: relative; display: flex; align-items: center; justify-content: center; border-radius: 6px; background: #1e222d; color: #fff; -webkit-font-smoothing: antialiased; height: 44px; transition: transform .1sease -out, color .15slinear, box-shadow 0.15slinear; -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); touch-action: manipulation; padding: 0 20px; text-decoration: none; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); margin: 10px 10px 10px 10px;} .fdownload-buttomlink-mega:hover {transform: translateY(-2px); color: #fff; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);} .fdownload-buttomlink-mega:active {transform: translateY(0); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);} .fdownload-buttomlink-pixeldrain {position: relative; display: flex; align-items: center; justify-content: center; border-radius: 6px; background: #1e222d; color: #fff; -webkit-font-smoothing: antialiased; height: 44px; transition: transform .1sease -out, color .15slinear, box-shadow 0.15slinear; -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); touch-action: manipulation; padding: 0 5px; text-decoration: none; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); margin: 10px 10px 10px 10px;} .fdownload-buttomlink-pixeldrain:hover {transform: translateY(-2px); color: #fff; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);} .fdownload-buttomlink-pixeldrain:active {transform: translateY(0); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);} .fdownload-buttomlink-mediafire {position: relative; display: flex; align-items: center; justify-content: center; border-radius: 6px; background: #1e222d; color: #fff; -webkit-font-smoothing: antialiased; height: 44px; transition: transform .1sease -out, color .15slinear, box-shadow 0.15slinear; -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); touch-action: manipulation; padding: 0 5px; text-decoration: none; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); margin: 10px 10px 10px 10px;} .fdownload-buttomlink-mediafire:hover {transform: translateY(-2px); color: #fff; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);} .fdownload-buttomlink-mediafire:active {transform: translateY(0); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);} .fdownload-buttomlink-terabox {position: relative; display: flex; align-items: center; justify-content: center; border-radius: 6px; background: #1e222d; color: #fff; -webkit-font-smoothing: antialiased; height: 44px; transition: transform .1sease -out, color .15slinear, box-shadow 0.15slinear; -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); touch-action: manipulation; padding: 0 20px; text-decoration: none; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); margin: 10px 10px 10px 10px;} .fdownload-buttomlink-terabox:hover {transform: translateY(-2px); color: #fff; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);} .fdownload-buttomlink-terabox:active {transform: translateY(0); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);} .fdownload-buttomlink-akirabox {position: relative; display: flex; align-items: center; justify-content: center; border-radius: 6px; background: #1e222d; color: #fff; -webkit-font-smoothing: antialiased; height: 44px; transition: transform .1sease -out, color .15slinear, box-shadow 0.15slinear; -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); touch-action: manipulation; padding: 0 20px; text-decoration: none; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); margin: 10px 10px 10px 10px;} .fdownload-buttomlink-akirabox:hover {transform: translateY(-2px); color: #fff; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);} .fdownload-buttomlink-akirabox:active {transform: translateY(0); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);} .fdownload-buttomlink-save {position: relative; display: flex; align-items: center; justify-content: center; border-radius: 6px; background: #1e222d; color: #fff; -webkit-font-smoothing: antialiased; height: 44px; transition: transform .1sease -out, color .15slinear, box-shadow 0.15slinear; -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); touch-action: manipulation; padding: 0 10px; text-decoration: none; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); margin: 10px 0px 10px 0px;} .fdownload-buttomlink-save:hover {transform: translateY(-2px); color: #fff; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);} .fdownload-buttomlink-save:active {transform: translateY(0); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);} .fdownload-buttoms {display: grid; align-items: center; justify-self: center; grid-template-columns: 1fr 1fr 1fr;} .fdownload-buttom-save {display: grid; align-items: center; justify-self: center;} /* COMMENTS ----------------------------------------------- */ .add-comms {margin-bottom: 30px; padding-left: 76px; position: relative;} .ac-av {width: 46px; height: 46px; border-radius: 50%; box-shadow: 0 0 0 2px #131722, 0 0 0 4px #297fd7; position: absolute; left: 0; top: 0;} .ac-inputs input {width: 48.7%; margin-bottom: 15px;} .ac-textarea textarea {height: 100px; margin-bottom: 15px;} .add-comms input, .add-comms textarea, .ac-submit button {box-shadow: 0 1px 2px rgba(0,0,0,0.2);} .add-comms input, .add-comms textarea {background-color: #1e222d; color: #ccc;} .add-comms input::placeholder, .add-comms textarea::placeholder {color: #ccc; opacity: 0.5;} .ac-submit button {background: linear-gradient(135deg, #e33333 0%,#f35959 100%); padding: 0 10px !important; text-transform: none !important; height: 26px !important; line-height: 26px !important;} .ac-rules {border-bottom: 1px dotted #5d616d; position: absolute; right: 0; bottom: 5px;} .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: #06c; font-size: 18px;} .last-news-title {} .comm-avatar {position: absolute; left: 0; top: 0; width: 48px; height: 48px; border-radius: 50%; box-shadow: 0 0 0 2px #131722, 0 0 0 4px #297fd7; margin-left: 10px;} .comm-avatar-mobile {top: 20px;} .comm-letter {position: absolute; left: 0; top: 0; width: 100%; height: 100%; line-height: 48px; text-align: center; background-color: #000; color: #fff; font-size: 18px; font-weight: 500; text-transform: uppercase;} .comm-item {margin-bottom: 40px; padding-left: 75px; position: relative; min-height: 85px;} .comm-status {background-color: #00c039; color: #f7f7f7; font-size: 11px; width: 50px; text-align: center; border-radius: 3px; padding: 1px 0; position: absolute; left: 10px; top: 60px;} .comm-status:before {content: ''; position: absolute; bottom: 100%; left: 50%; margin-left: -4px; border: 4px solid transparent; border-bottom-color: #00c039;} .comm-offline {background-color: #e13535;} .comm-offline:before {border-bottom-color: #e13535;} .comm-two {margin: 6px 0 10px 0; padding: 10px 15px; border-radius: 0 10px 10px 10px; background-color: #1e222d; color: #ccc; position: relative;} .comm-two:before {content: ''; position: absolute; right: 100%; top: 0; border: 4px solid transparent; border-top-color: #1e222d; border-right-color: #1e222d;} .comm-one {position: relative; padding-right: 30px;} .comm-complaint {position: absolute; right: 0; top: 0; font-size: 16px;} .comm-one > span {margin-right: 5px; color: #ccc; font-weight: 300;} .comm-one > span.comm-author, .comm-one > span.comm-author a {color: #ccc; font-weight: 500; font-size: 16px;} .comm-one > span.comm-group, .comm-one > span.comm-group * {color: #297fd7 !important; font-weight: 400;} .comm-rate3 {margin-right: 15px; height: 26px; line-height: 26px;} .comm-rate3 a {display: inline-block; vertical-align: middle; position: static;} .comm-rate3 > span {margin: 0 10px; color: deeppink;} .comm-rate3 > span > span.ratingtypeplus {color: #5d616d;} .comm-rate3 > span > span.ratingplus {color: #1ee459;} .comm-rate3 > span > span.ratingminus {color: #e13535;} .comm-three2 {line-height: 30px; padding: 0 10px; border-radius: 10px; background-color: #1e222d; display: flex; gap: 20px; justify-self: left;} .comm-three2 li > a {color: #ccc !important;} .comm-three-left > a {display: inline-block; height: 26px; line-height: 26px; padding: 0 10px; border-radius: 3px; background-color: #1e222d;} .red .login-avatar {box-shadow: 0 0 0 2px #131722, 0 0 0 4px #e13535;} .red .comm-avatar {box-shadow: 0 0 0 2px #131722, 0 0 0 4px #e13535;} .red .comm-one > span.comm-group, .red .comm-one > span.comm-group * {color: #e13535 !important;} .green .login-avatar {box-shadow: 0 0 0 2px #131722, 0 0 0 4px #ffd700;} .green .comm-avatar {box-shadow: 0 0 0 2px #131722, 0 0 0 4px #ffd700;} .green .comm-one > span.comm-group, .green .comm-one > span.comm-group * {color: #ffd700 !important;} .yellow .login-avatar {box-shadow: 0 0 0 2px #131722, 0 0 0 4px #1ee459;} .yellow .comm-avatar {box-shadow: 0 0 0 2px #131722, 0 0 0 4px #1ee459;} .yellow .comm-one > span.comm-group, .yellow .comm-one > span.comm-group * {color: #1ee459 !important;} .show-comms {text-align: center;} .show-comms > a {display: inline-block; padding: 10px 30px; font-size: 16px; font-weight: 500; border-radius: 3px; background-color: #1e222d;} .fcomms-legend {margin-bottom: 20px;} .fcomms-legend > div {margin: 0 30px 20px 0; color: #ccc;} .red-group span {color: #e13535;} .green-group span {color: #ffd700;} .blue-group span {color: #297fd7;} .yellow-group span {color: #1ee459;} .sect-title > span {background-color: #1e222d; padding: 3px 10px; border-radius: 3px; display: inline-block; vertical-align: middle; margin-left: 5px; color: #5d616d; font-size: 12px;} .comm-one > span:not(:first-child):before {content: ''; width: 4px; height: 4px; border-radius: 2px; display: inline-block; vertical-align: middle; margin-right: 8px; background-color: #ccc;} .comm-left {position: absolute; left: 0; top: 0; width: 75px; height: 75px; border-radius: 50%; box-shadow: 0 0 0 2px #131722, 0 0 0 4px #f7f7f7; margin-left: 0px;} /* LAST COMMENTs ----------------------------------------------- */ .last-comm {} .lastcommtwo {margin: 5px 0 5px 0; padding: 10px 10px; border-radius: 0 10px 10px 10px; background-color: #1e222d; color: #ccc; position: relative;} .lastcommtwo-text {position: relative; line-height: 15px; -webkit-line-clamp: 4; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;} .comm-size-right {max-width: 300px;} .news-title-limit { line-height: 15px; -webkit-line-clamp: 2; display: -webkit-box; display: -moz-box; display: -ms-flexbox; -webkit-box-orient: vertical; -moz-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; width: 225px; } /* LOGIN ----------------------------------------------- */ .overlay-box {position: fixed; z-index: 998; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.8; background-color: #000;} .login-box {background-color: #171b26; box-shadow: 0 5px 20px rgba(0,0,0,0.75); z-index: 100; position: absolute; right: 0px; top: 99%; width: 600px; border: 1px solid #1e222d; font-size: 16px; pointer-events: none; opacity: 0; transform: translateY(30px); transition: all .3s; border-radius: 2px;} .login-box.is-active {pointer-events: auto; opacity: 1; transform: translateY(0px);} .login-left {width: 120px; padding: 30px; position: relative; box-shadow: inset -2px 0 #0e1119; border-right: 2px solid #1e222d;} .login-right {padding: 30px; padding-bottom: 20px;} .login-menu li {background-color: #131722; border-radius: 2px; width: 48.6%; margin-bottom: 10px; padding: 10px 0 10px 30px;} .login-menu li .fa {display: none;} .login-title {font-size: 28px; font-weight: 700; color: #f7f7f7; margin-bottom: 2px;} .login-title-size {text-overflow: ellipsis; width: 370px; white-space: nowrap;overflow: hidden;} .login-header {margin-bottom: 30px;} .login-header > a {border-bottom: 1px dotted #5d616d;} .login-avatar {width: 60px; height: 60px; border-radius: 50%; line-height: 60px; text-align: center; font-size: 24px; box-shadow: 0 0 0 3px #131722, 0 0 0 6px #297fd7; margin-top: 6px; color: #f7f7f7;} .login-logout, .login-profile {color: #f7f7f7; box-shadow: inset 0 0 0 2px #95979d; text-align: center; width: 60px; height: 60px; line-height: 60px; border-radius: 50%; font-size: 24px; display: block; position: absolute; left: 30px; bottom: 30px;} .login-profile {bottom: 105px;} .login-input {margin-bottom: 15px;} .login-btn button {width: 100%; margin: 15px 0;} .login-btm a {border-bottom: 1px dotted #297fd7; color: #297fd7;} .login-check {position: relative;} .login-check input {opacity: 0; position: absolute; cursor: pointer;} .login-check span {display: block; padding-left: 36px; height: 30px; line-height: 30px; color: #ccc;} .login-check span:before, .login-check span:after{content: '';position: absolute;top: 50%;transition: .3s;} .login-check span:before{left: 0; height: 10px; margin-top: -5px; width: 26px; border-radius: 5px; background: #0e1119; box-shadow: inset 0 1px 4px rgba(0,0,0,0.3);} .login-check span:after{left: 1px; height: 12px; width: 12px; margin-top: -6px; background: #2ecc71; border-radius: 6px; box-shadow: 0 1px 4px rgba(0,0,0,0);} .login-check input:checked + span:before {background-color: #fff;} .login-check input:checked + span:after {left: 13px; background-color: #fff; box-shadow: 0 1px 4px rgba(0,0,0,0.3);} .login-admin {text-align: center; margin: -10px 0 25px 0;} .login-soc-title {display: flex; align-items: center; margin: 30px 0 15px 0;} .login-soc-title:before, .login-soc-title:after {content: ''; height: 2px; background-color: #0e1119; flex: 1;} .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: 0 3px; vertical-align:top;} .login-soc-btns img {display:block; width:30px; height: 30px; border-radius: 50%;} /* LOGIN GROUP COLOR */ .login-group.red {color: #e13535;} .login-group.green {color: #ffd700;} .login-group.yellow {color: #1ee459;} .login-group.blue {color: #297fd7;} /* PM */ .pm_list {color: #ccc; font-weight: 500; font-size: 16px;} /* Owl Carousel v2.1.0 */ .owl-carousel {display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 10; } .owl-carousel .owl-stage {position: relative; -ms-touch-action: pan-Y; } .owl-carousel .owl-stage:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer {position: relative; overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-item {position: relative; min-height: 1px; float: left; /* -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; */} .owl-carousel .owl-item > img {display: block; width: 100%; /* -webkit-transform-style: preserve-3d; */} .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled {display: none; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-loaded {display: block; } .owl-carousel.owl-loading {opacity: 0; display: block; } .owl-carousel.owl-hidden {opacity: 0; } .owl-carousel.owl-refresh .owl-item {display: none; } .owl-carousel.owl-drag .owl-item {-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab {cursor: move; cursor: grab; } .owl-carousel.owl-rtl {direction: rtl; } .owl-carousel.owl-rtl .owl-item {float: right; } .no-js .owl-carousel {display: block; } .owl-carousel .animated {-webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .owl-carousel .owl-animated-in {z-index: 0; } .owl-carousel .owl-animated-out {z-index: 1; } .owl-carousel .fadeOut {-webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOut {0% {opacity: 1; } 100% {opacity: 0; } } @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 {-webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .owl-carousel .owl-video-wrapper {position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon {position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; cursor: pointer; z-index: 1; background-color:#FFF; -webkit-backface-visibility: hidden; transition: -webkit-transform 100ms ease; transition: transform 100ms ease; } .owl-carousel .owl-video-play-icon:hover {-webkit-transform: scale(1.3, 1.3); -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon {display: none; } .owl-carousel .owl-video-tn {opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame {position: relative; z-index: 1; height: 100%; width: 100%; } .owl-nav {width: 100%; z-index: 1;} .owl-prev, .owl-next {color: white; font-size: 14px; position: absolute; top: 0;} .owl-prev {top: -30px;} .owl-next {right:0px; top: -30px;} .owl-prev:hover, .owl-next:hover {color:#297fd7;} .owl-dots {position: absolute; right: 0; top: 0; bottom: 0; width: 10px; display: flex; flex-direction: column; justify-content: center; align-items: center;} .owl-dot {display:block; width:10px; height:10px; margin: 5px 0; border-radius:5px; box-shadow: inset 0 0 0 1px #5d616d;} .owl-dot.active { box-shadow: inset 0 0 0 1px #297fd7; background-color: #297fd7;} .popular .owl-dots {right: -376px;} .popular .owl-nav {right: 48%; top: 112%;} /* ADAPTIVE ----------------------------------------------- */ .side-panel {width:280px; height:100%; overflow-x:hidden; overflow-y:auto; background-color:#131722; padding:10px; z-index:9999; position:fixed; left:-320px; top:0; transition:left .4s;} .side-panel.active {left:0;} .close-overlay {width:100%; height:100%; background-color:rgba(0,0,0,0.5); position:fixed; left:0; top:0; 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: #e84e36; color: #fff; transition:top .4s; -webkit-transition:top .4s;} .btn-close.active {top:0px;} body.opened-menu {overflow: hidden; width: 100%; height: 100%;} .side-panel .header-menu {margin: 0; padding: 0;} .side-panel .header-menu > li {width: 100%; margin: 0; padding: 0;} .side-panel .header-menu > li > a {height: 40px; line-height: 40px; padding: 0 30px;} .side-panel .hidden-menu {width: 100%; display: block; position: static; width: calc(100% + 20px); margin-left: -10px; opacity: 1; pointer-events: auto; transform: none; box-shadow: none; border-bottom: 2px solid #297fd7; border-top: 2px solid #297fd7; display: none;} .side-panel .header-menu > li > a:before {display: none !important;} .side-panel .hidden-menu.is-active {display: block !important;} @media screen and (max-width: 1220px) { .wrap-center {max-width:1000px;} .header .header-menu, #gotop, .col-right, .th-info {display: none !important;} .btn-menu {display: block; background-color: rgba(255,255,255,0.15); color: #f7f7f7;} .btn-search, .btn-login {width: auto; background: transparent !important; color: #ccc !important; right: 81px;} .btn-search {right: 135px;} .header-in {padding-left: 0;} .sect-items {margin-left: -7px; margin-right: -7px;} .th-item, .collection-item {padding-left: 7px; padding-right: 7px;} .search-close, .overlay-box {cursor: pointer;} .video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame {height:400px;} .vip-page {height: 89vh;} .vip-background {height: 88vh;} .tag-name {font-size: 86%;} } @media screen and (max-width: 1072px) { .tag-name {font-size: 80%;} } @media screen and (max-width: 950px) { .wrap-center {max-width:768px;} .upd-item {width: 46%;} .popular-in {padding: 50px 0 25px 0;} .popular-desc {position: relative; height: 100px; width: 100%; text-align: center; margin-top: 30px;} .popular-caption {padding: 0;} .popular .owl-nav {display: none !important;} .popular .owl-dots {position: static; width: 100%; display: block; margin-top: 15px; text-align: center;} .popular .owl-dot {display:inline-block; margin: 0 5px;} .footer-left {width: 100%; padding: 0 0 15px 0; text-align: center;} .footer-two {display: block; text-align: center;} .footer-menu {justify-content: center;} .footer-menu li {margin: 0 10px 20px 10px;} .th-item {width: 25%;} .fleft {margin: auto;} .fright {min-width: 100%; margin-top: 15px;} .th-rel:nth-child(5n) {display: none;} .vip-page {height: 67vh;} .vip-background {height: 66vh;} .vip-prem {flex-direction: column; gap: 0;} .vip-plan-card {width: 100%;} } @media screen and (max-width: 760px) { .wrap-center {max-width:640px;} .th-item {width: 33.33%;} .collection-item {width: 50%;} .flight, .fcompl {display: none;} .fctrl {justify-content: center;} .tabs-sel {min-width: 100%; display: flex; flex-wrap: wrap;} .tabs-sel > span {-ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; min-width: 50%; text-align: center;} .yx-share {text-align: center; padding: 15px;} .comm-item {padding-left: 0;} .comm-left {display: none;} .th-rel:nth-child(5n) {display: block;} .dcont button {font-size:12px; padding:0 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;} } @media screen and (max-width: 670px) { .vip-title-sub {font-size: 1.8rem; font-weight: bold; color: #ffffff; text-align: -webkit-center;} .vip-title-sup {font-size: 1.2rem; color: #a1a1a1; margin-top: 10px; margin-bottom: 10px; text-align: -webkit-center;} } @media screen and (max-width: 590px) { .wrap-center {max-width:480px;} .footer-menu-col {width: 48%; margin-bottom: 10px; text-align: center;} .footer-menu-col:nth-child(5) {display: none;} .footer-cols {margin-left: 0;} .login-box {width: 100%;} /* .login-left {display: none;} */ .login-title {font-size: 18px;} .login-right {padding: 15px;} .login-header {margin-bottom: 15px;} .login-menu li {padding: 10px 3px; font-size: 13px; text-align: center;} .add-comms {padding-left: 0;} .ac-av {display: none;} .ac-inputs input {width: 100%;} .video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame {height:300px;} .vip-th-item {width: 50%;} .ui-dialog {width:100% !important;} .upop-left, .upop-right {float:none !important; width:100% !important; margin:0; padding:0 20px;} .upop-left {margin-bottom:10px; text-align:center;} .ui-dialog-buttonset button {display:block; margin:0 0 5px 0; width:100%;} #dofullsearch, #searchsuggestions span.seperator {display:none !important;} .attach .download-link {margin:0 -15px 0 0; float:none; display:block; padding:0 10px;} .attach-info {float:none;} } @media screen and (max-width: 503px) { .vip-title-sub {font-size: 1.3rem; font-weight: bold; color: #ffffff; text-align: -webkit-center;} .vip-title-sup {font-size: 1.2rem; color: #a1a1a1; margin-top: 10px; margin-bottom: 10px; text-align: -webkit-center;} } @media screen and (max-width: 470px) { .wrap-center {max-width:360px;} .logo {padding-left: 30px; width: calc(100% - 180px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .popular-desc {height: 80px;} .popular-title {font-size: 20px; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .upd-item {width: 100%;} -carou .sect-title {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: calc(100% - 120px); padding-right: 0; margin-right: 10px; height: 35px; font-size: 18px; position: relative; top: 5px;} .sect-carou .sect-title:after {display: none;} .sect-carou .sect-link {bottom: 8px;} .th-item {width: 50%;} .collection-item {width: 100%;} .full {padding-top: 0;} .full h1 {font-size: 24px;} .full .sect-title {font-size: 18px;} .fviews, .fmessage-icon {display: none;} .th-rel:nth-child(5n) {display: none;} .frates {justify-content: center;} .frate {margin-bottom: 10px;} .frate-site {margin-right: 0; margin-bottom: 30px;} .frate-down {right: -36px;} .frate-up {right: auto; left: -36px;} .fmessage {padding: 15px;} .popular {margin-top: -90px;} .vip-page {height: 50vh;} .vip-background {height: 45vh;} } @media screen and (max-width: 356px) { .wrap-center22 {max-width:320px;} .video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame {height:250px;} .vip-page {height: 26vh;} .vip-background {height: 25vh;} } /* SLIDER ----------------------------------------------- */ .full-head { display: flex; flex-wrap: wrap; } .full-head-image-left { display: flex; justify-content: center; align-items: center; margin-right: 10px; } .full-head-image-left a { display: block; max-width: 100%; } .full-head-image-left img { height: 100%; width: 590px; max-height: max-content; border-radius: 5px; } .full-head .full-news-image-right { display: flex; align-items: center; margin: auto; } .full-head .xfieldimagegallery.foto { list-style: none; padding-right: 5px; margin: 0; display: flex; flex-direction: column; overflow-y: auto; max-height: 450px; align-items: center; scrollbar-width: auto; } .full-head .xfieldimagegallery.foto::-webkit-scrollbar { width: 8px; } .full-head .xfieldimagegallery.foto::-webkit-scrollbar-track { } .full-head .xfieldimagegallery.foto::-webkit-scrollbar-thumb { background-color: #297fd7; border-radius: 10px; } .full-head .xfieldimagegallery.foto li { cursor: pointer; position: relative; } .full-head .xfieldimagegallery.foto li a { display: block; max-width: 100%; } .full-head .xfieldimagegallery.foto li a img { width: 167px; height: 135px; object-fit: cover; max-height: max-content; border-radius: 5px; } .xfieldimagegallery li img { float: right; margin: 4px; } .full-head .xfieldimagegallery.foto li.active::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 2px solid #007bff; box-sizing: border-box; pointer-events: none; border-radius: 4px; } /* MODAL ----------------------------------------------- */ .image-modal { display: none; position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0,0,0,0.9); } .modal-content { position: relative; margin: 10% auto; padding: 20px; width: fit-content; max-width: 70%; text-align: center; } .close-modal { color: #aaa; float: right; font-size: 30px; font-weight: bold; cursor: pointer; } .close-modal:hover, .close-modal:focus { color: #297fd7; text-decoration: none; cursor: pointer; } #modal-image { display: block; margin: 0 auto; max-width: 100%; height: auto; border-radius: 5px; } @media (max-width: 1221px) { .full-head { display: flex; flex-wrap: wrap; } .full-head-image-left { display: flex; justify-content: center; align-items: center; margin-right: 10px; } .full-head-image-left a { display: block; max-width: 100%; } .full-head-image-left img { height: 100%; width: 480px; max-height: max-content; border-radius: 5px; } .full-head .full-news-image-right { display: flex; align-items: center; margin: auto; } .full-head .xfieldimagegallery.foto { list-style: none; padding-right: 5px; margin: 0; display: flex; flex-direction: column; overflow-y: auto; max-height: 366px; align-items: center; scrollbar-width: auto; } .full-head .xfieldimagegallery.foto::-webkit-scrollbar { width: 8px; } .full-head .xfieldimagegallery.foto::-webkit-scrollbar-track { } .full-head .xfieldimagegallery.foto::-webkit-scrollbar-thumb { background-color: #297fd7; border-radius: 10px; } .full-head .xfieldimagegallery.foto li { cursor: pointer; position: relative; } .full-head .xfieldimagegallery.foto li a { display: block; max-width: 100%; } .full-head .xfieldimagegallery.foto li a img { width: 133px; height: 100px; object-fit: cover; max-height: max-content; border-radius: 5px; } .xfieldimagegallery li img { float: right; margin: 4px; } .full-head .xfieldimagegallery.foto li.active::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 2px solid #007bff; box-sizing: border-box; pointer-events: none; border-radius: 4px; }} @media (max-width: 1024px) { .full-head { display: none; } .full-head-image-left { display: flex; justify-content: center; align-items: center; } .full-head-image-left a { display: block; max-width: 100%; } .full-head-image-left img { height: 500px; max-height: max-content; border-radius: 5px; } .full-head .full-news-image-right { display: flex; align-items: center; margin-top: 10px; } .full-head .xfieldimagegallery.foto { list-style: none; margin: 0; display: flex; flex-direction: row; overflow-y: auto; align-items: center; scrollbar-width: auto; } .full-head .xfieldimagegallery.foto::-webkit-scrollbar { width: 8px; } .full-head .xfieldimagegallery.foto::-webkit-scrollbar-track { } .full-head .xfieldimagegallery.foto::-webkit-scrollbar-thumb { background-color: #297fd7; border-radius: 10px; } .full-head .xfieldimagegallery.foto li { cursor: pointer; position: relative; } .full-head .xfieldimagegallery.foto li a { display: block; max-width: 100%; } .full-head .xfieldimagegallery.foto li a img { width: 120px; height: 100px; object-fit: cover; max-height: max-content; border-radius: 5px; } .xfieldimagegallery li img { float: right; margin: 3px; } .full-head .xfieldimagegallery.foto li.active::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 2px solid #007bff; box-sizing: border-box; pointer-events: none; border-radius: 4px; } /* MODAL ----------------------------------------------- */ .image-modal { display: none; position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0,0,0,0.9); } .modal-content { position: relative; margin: 65% auto; padding: 20px; width: fit-content; max-width: 100%; text-align: center; } .close-modal { color: #aaa; float: right; font-size: 30px; font-weight: bold; cursor: pointer; } .close-modal:hover, .close-modal:focus { color: #297fd7; text-decoration: none; cursor: pointer; } #modal-image { display: block; margin: 0 auto; max-width: 100%; height: auto; border-radius: 5px; } } @media screen and (max-width: 1024px) { .right-sidebar {display: none;} .right-sidebar-main {display: none;} } @media screen and (max-width: 810px) { .fdownload-buttoms {display: table; align-items: center; justify-self: center; width: 100%;} .fdownload-buttom-save {display: table; align-items: center; justify-self: center; width: 100%;} .fdownload-buttomlink-mega {position: relative; display: flex; align-items: center; justify-content: center; border-radius: 6px; background: #1e222d; color: #fff; -webkit-font-smoothing: antialiased; height: 44px; transition: transform .1sease -out, color .15slinear, box-shadow 0.15slinear; -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); touch-action: manipulation; padding: 0 20px; text-decoration: none; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); margin: 10px 0 10px 0px;} .fdownload-buttomlink-pixeldrain {position: relative; display: flex; align-items: center; justify-content: center; border-radius: 6px; background: #1e222d; color: #fff; -webkit-font-smoothing: antialiased; height: 44px; transition: transform .1sease -out, color .15slinear, box-shadow 0.15slinear; -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); touch-action: manipulation; padding: 0 20px; text-decoration: none; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); margin: 10px 0 10px 0px;} .fdownload-buttomlink-mediafire {position: relative; display: flex; align-items: center; justify-content: center; border-radius: 6px; background: #1e222d; color: #fff; -webkit-font-smoothing: antialiased; height: 44px; transition: transform .1sease -out, color .15slinear, box-shadow 0.15slinear; -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); touch-action: manipulation; padding: 0 20px; text-decoration: none; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); margin: 10px 0 10px 0px;} .fdownload-buttomlink-terabox {position: relative; display: flex; align-items: center; justify-content: center; border-radius: 6px; background: #1e222d; color: #fff; -webkit-font-smoothing: antialiased; height: 44px; transition: transform .1sease -out, color .15slinear, box-shadow 0.15slinear; -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); touch-action: manipulation; padding: 0 20px; text-decoration: none; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); margin: 10px 0 10px 0px;} .fdownload-buttomlink-akirabox {position: relative; display: flex; align-items: center; justify-content: center; border-radius: 6px; background: #1e222d; color: #fff; -webkit-font-smoothing: antialiased; height: 44px; transition: transform .1sease -out, color .15slinear, box-shadow 0.15slinear; -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); touch-action: manipulation; padding: 0 20px; text-decoration: none; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); margin: 10px 0 10px 0px;} .fdownload-buttomlink-save {position: relative; display: flex; align-items: center; justify-content: center; border-radius: 6px; background: #1e222d; color: #fff; -webkit-font-smoothing: antialiased; height: 44px; transition: transform .1sease -out, color .15slinear, box-shadow 0.15slinear; -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); touch-action: manipulation; padding: 0 20px; text-decoration: none; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); margin: 10px 0 10px 0px;}} @media screen and (max-width: 591px) { .comm-avatar-mobile {display: none;}} /* MOBILE SLAIDER */ .mobile-slider-container { width: 100%; overflow: hidden; position: relative; } #mobile-main-image { width: 100%; display: block; object-fit: contain; transition: transform 0.5s ease-in-out; /* Добавлена transition */ transform: translateX(0); /* Исходное положение */ cursor: grab; /* Добавляем курсор "рука" */ } #mobile-main-image:active { cursor: grabbing; /* Меняем курсор, когда мышь зажата */ } /* Классы для перемещения слайда */ #mobile-main-image.slide-left { transform: translateX(-100%); } #mobile-main-image.slide-right { transform: translateX(100%); } /* Возвращаем в центр после анимации */ #mobile-main-image.reset-position { transition: none; /* Отключаем анимацию для мгновенного возврата */ transform: translateX(0); } .mobile-slider-controls { position: absolute; top: 50%; left: 0; right: 0; display: flex; justify-content: space-between; transform: translateY(-50%); padding: 0 10px; } .mobile-slider-prev, .mobile-slider-next { color: deeppink; cursor: pointer; font-size: 35px; padding: 8px; background-color: #ffffffa6; border-radius: 8px; } .mobile-slider-prev:hover, .mobile-slider-next:hover { color: white; background-color: #ffffff00; } @media (min-width: 1025px) { .mobile-slider-container { display: none; } } @media screen and (max-width: 470px) { .pm-menu a {padding: 0 5px !important;} }