/* Datalife Engine template by: redissx (ICQ: 275116000, E-mail: redissx@gmail.com, Website: webrambo.ru )  */

/* SET BASE
----------------------------------------------- */
* {background: transparent;margin:0;padding:0;outline:none;border: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
table {border-collapse:collapse;border-spacing:0;}
input, select {vertical-align:middle;}
article, aside, figure, figure img, hgroup, footer, header, nav, section, main {display: block;}
body {font: 12px Arial, Helvetica, sans-serif; line-height:normal; padding:0; margin:0;        
color: #000; background:#111 url(../images/bg2.png); height:100%; width:100%; font-weight:normal; 
background: linear-gradient(to right, rgba(150,161,174,100) 0%, rgba(240,243,248,100) 30%, rgba(240,243,248,100) 70%, rgba(150,161,174,100));}
img {max-width:100%;}
.clr {clear: both;}
.clearfix:after {content: ""; display: table; clear: both;}
a {color: #000; text-decoration: none;}
a:hover, a:focus {color:#000; text-decoration: none;}
h1, h2, h3, h4, h5 {font-weight:400; font-size:18px;}

.form-wrap {}
.sub-title h1 {margin-bottom:15px; font-size:26px; font-weight:700;}
.pm-page, .search-page, .static-page, .tags-page, .form-wrap {}
.author_title {padding: 15px;}


/*--- SET ---*/
.button, .pagi-load a, .up-second li a, .usp-edit a, .qq-upload-button, button:not(.color-btn,.plyr__control,.vjs-button):not([class*=fr]),
html input[type="button"], input[type="reset"], input[type="submit"], .meta-fav a, .usp-btn a {
padding:10px 20px; display:inline-block; /* height:40px; line-height:40px; */ border-radius:11px; cursor:pointer;
background-color:#00a0b0; color:#fff; text-align:center; font-weight:bold;}


button::-moz-focus-inner, input::-moz-focus-inner {border:0; padding:0;}
button[disabled], input[disabled] {cursor:default;}
.button: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-color:#0ac0d2; color:#fff;}
button:active, html input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active 
{box-shadow: inset 0 1px 4px 0 rgba(0,0,0,0.1);}
input[type="submit"].bbcodes, input[type="button"].bbcodes, input.bbcodes, .ui-button 
{font-size: 12px !important; height: 30px !important; line-height:30px !important; padding: 0px 10px; border-radius:3px;}

input[type="text"], input[type="password"] {display:block; width:100%; height:40px; line-height:40px; padding:0 15px;
color:#000000; background-color:#f8f8f8; border-radius:4px; -webkit-appearance: none; 
box-shadow:0 0 0 1px #EDEDED,inset 1px 1px 3px 0 rgba(0,0,0,0.1);}
input[type="text"]:focus {}

input:focus::-webkit-input-placeholder {color: transparent}
input:focus::-moz-placeholder {color: transparent}
input:focus:-moz-placeholder {color: transparent}
input:focus:-ms-input-placeholder {color: transparent} 

select {height:40px; border:1px solid #e3e3e3; background-color:#FFF;}
textarea {display:block; width:100%; padding:10px; border:1px solid #e3e3e3; background-color:#F8F8F8; 
border-radius:0; overflow:auto; vertical-align:top; resize:vertical; 
box-shadow:0 0 0 1px #EDEDED,inset 1px 1px 3px 0 rgba(0,0,0,0.1);}

.img-box, .img-wide, .img-resp-h, .img-resp-v, .img-resp-sq {overflow:hidden; position:relative; background-color:#000;}
.img-resp-h {padding-top:60%;}
.img-resp-v {padding-top:133%;}
.img-resp-sq {padding-top:100%;}
.img-box img, .img-resp-h img, .img-resp-v img, .img-resp-sq img {width:100%; min-height:100%; display:block;}
.img-resp-h img, .img-resp-v img, .img-resp-sq img {position:absolute; left:0; top:0;}
.img-wide img {width:100%; display:block;}
.img-square img {width:150%; max-width:150%; margin-left:-25%;}
.nowrap {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
button, input, .select, .btn-filt, .l-show, .btn-more, .ser, .to-view, .to-comments, .rate-plus, .rate-minus {transition: all .3s;}
.button, .th-mask, a {transition: color .3s, background-color .3s, opacity .3s;}
.ps-link {cursor:pointer;}
.icon-l .fa {margin-right:10px;}
.icon-r .fa {margin-left:10px;}

.fx-row {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-center{-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}
.fx-between{-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}
.fx-stretch{-ms-flex-align:stretch;-webkit-align-items:stretch;align-items:stretch}
.fx-top{-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start}
.fx-middle{-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.fx-bottom{-ms-flex-align:end;-webkit-align-items:flex-end;align-items:flex-end}
.fx-col{display:-ms-flexbox;display:-webkit-flex;display:flex; 
-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}
.fx-wrap{-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}


.th-title, .footer a, h1, h2, h3, .sect-title, .side-bt, .side-nav, .random-link, .side-folders, .tl-menu, 
.h-login, .l-box2, .group-name {font-weight:bold;}
.footer a, .site-desc a {color:#00a0b0;}


/* BASIC GRID
----------------------------------------------- */
.wrap {min-width:320px; overflow:hidden; padding-top:70px;}
.center {max-width:1100px; margin:0 auto; position:relative; z-index:20;}
.block {background-color:#FFF; box-shadow:0px 20px 30px 0px rgba(0,0,0,0.4);}
.header {height:100px; position:relative; z-index:20;}
.cols {}
.side {width:200px; background-color:#2c2f40; color:#ccc;}
.cont {width:calc(100% - 200px); width:-webkit-calc(100% - 200px);}
.main {padding:30px; min-height:600px;}
.topline {background-color:#eff4f7; gap: 10px; border-top:3px solid #e4e9ec; padding:10px 30px 15px 30px; white-space:nowrap;}
.footer {background-color:#252837; color:#CCC; padding:15px; border-top:3px solid #1d1d27;}

#gotop{position:fixed; width:40px; height:40px; line-height:36px; right:10px; bottom:10px; cursor:pointer; font-size:20px;
z-index:9998; display:none; opacity:0.7; background-color:#000; color:#FFF; border-radius:50%; text-align:center;}


/* HEADER, TOPLINE
----------------------------------------------- */
.logotype {display:block; float:left; height:100px; width:200px; text-indent:-8888px; overflow:hidden; 
background:#00a0b0 url(../images/logo.png) left center no-repeat; background-size:contain; margin-right:27px;}
.yx-share {float:left; height:24px; margin-top:34px;}
.h-login {float:right; padding:32px 30px 0 0; white-space:nowrap;}
.h-login li {line-height:36px; display:inline-block; vertical-align:middle; margin-left:20px;}
.h-login a:hover {color:#00a0b0;}

.l-over {width:100%; height:100%; background-color:rgba(0,0,0,0.5); 
position:fixed; left:0; top:0; z-index:887; display:none;}
.l-box {background-color:#fff; width:350px; height:230px; display:none; 
position:fixed; z-index:888; left:50%; top:50%; margin:-110px 0 0 -180px; padding:20px;}
.l-box input {background-color:#f2f2f2; margin-bottom:20px;}
.l-btm button {float:right;}
.l-soc {line-height:26px; height:26px; float:left; margin-top:7px;}
.l-soc a {display:inline-block; vertical-align:middle; width:26px; height:26px; overflow:hidden; border-radius:50%; margin-left:5px;}
.l-logged {float:right; white-space:nowrap; height:100px; line-height:40px; padding-top:30px; position:relative; z-index:888;}
.l-menu {position:absolute; right:0; top:100%; width:200px; background-color:#2c2f40; padding:10px 0; display:none;}
.l-menu a {display:block; padding:0 15px; color:#FFF; line-height:30px;}
.l-box2 {padding:0 55px 0 50px; position:relative; cursor:pointer; max-width:290px;} 
.l-ava {height:40px; width:40px; border-radius:50%; position:absolute; left:0; top:0;}
.l-box2:after {content:"\f107"; font-family:'FontAwesome'; height:40px; width:15px; position:absolute; right:30px; top:0;}
.l-box2:hover {color:#00a0b0;}
.l-menu a:hover {opacity:0.7;}

.tl-menu li {margin-right:30px; display:inline-block; vertical-align:middle;}
.tl-menu li:last-child {margin-right:0;}
.tl-menu a {opacity:0.5;}
.tl-menu a:hover {opacity:1;}

.search-box {width:260px;}
.search-field {width:100%; position:relative;}
.search-field input, .search-field input:focus {width:100%; padding:0 30px 0 15px; border-radius:18px;
background-color:#fff; color:#2a2a2a; height:36px; line-height:36px !important; box-shadow:inset 0 0 0 1px #e4e9ec;}
.search-box button {position:absolute; right:10px; top:0px; padding:0 !important; width:30px;height: 35px;
background:transparent !important; color:#2a2a2a !important;}
.search-box .fa {font-size:18px;}


/* FILTER
----------------------------------------------- */
.filter-wrap {display:none;}
.filter-box {margin:0 -30px 30px -30px; background-color:#eff4f7; padding:15px 30px 0 30px;}
.select {height:36px; line-height:36px; overflow:hidden; position:relative; display:inline-block; float:left;
color:#000; background-color:#fff; border-radius:3px; margin:0 15px 15px 0; box-shadow:inset 0 0 0 1px #e4e9ec;}
.select select {width:100%; padding:0 36px 0 52px; height:36px; line-height:36px; cursor:pointer; border:0; outline:none; 
appearance:none; -moz-appearance:none; -webkit-appearance:none; background-color:transparent;}
.select[data-capt]:before {content:attr(data-capt); position:absolute; left:10px; top:0; pointer-events:none; font-weight:bold; line-height:39px; height:39px;}
.select:after {content:"\f107"; font-family:'FontAwesome'; position:absolute; right:0; top:0; 
width:36px; height:36px; pointer-events:none; text-align:center; border-left:1px solid #e4e9ec;}
.select-year select {padding-left:40px;}
.select-country select {padding-left:60px;}
.select-sort select {padding-left:10px;}
.select option {padding:5px 10px;}
.filter-box input {float:right; padding:0 15px !important; border-radius:3px !important; 
height:36px !important; line-height:36px !important; margin-bottom:15px;}
.select:hover {box-shadow:inset 0 0 0 1px #888;}


/* SECT
----------------------------------------------- */
.sect-header {margin-bottom:30px;}
.sect-title {font-size:18px;}
.floats {/*margin:0 -15px; */border-bottom: 1px solid #e3e3e3;}
.btn-filt, .l-show, .btn-more {display:inline-block; padding:0 15px; border:1px solid #e4e9ec; border-radius:3px; 
cursor:pointer; height:36px; line-height:36px;}
.btn-filt .fa, .btn-more .fa, .l-show .fa {font-size:18px;}
.btn-filt:hover, .l-show:hover, .btn-more:hover {border:1px solid #888;}


/* THUMB
----------------------------------------------- */
.thumb {width:16.66%; float:left; padding:0 15px; position:relative;}
.th-img {display:block;}
.th-desc {height:70px; padding-top:10px; line-height:18px;}
.th-title {display:block; max-height:36px; overflow:hidden;}
.th-cat {opacity:0.5;}
.th-mask {position:absolute; left:0; top:0; width:100%; height:100%; text-align:center; padding:10px; 
background-color:rgba(0,0,0,0.5); opacity:0; z-index:5;}
.with-mask:hover .th-mask {opacity:1;}
.th-mask span.fa {width:50px; height:50px; border-radius:50%; text-align:center; line-height:50px; 
color:#FFFFFF; margin:0 auto; font-size:50px;}
.th-rate, .th-inf {display:inline-block; padding:3px 5px; background-color:#2c2f40;
position:absolute; top:0; left:0; color:#FFF; font-size:12px;}
.th-qual {display:inline-block; padding:3px 5px; background-color:#db4437; font-weight: bold;
position:absolute; top:0; left:0; color:#FFF; font-size:15px;}
.th-rate.high {background-color:#00a0b0;}
.th-rate.low {background-color:#db4437;}
.th-rate:before {content:"\f005"; margin-right:7px; font-family:'FontAwesome';}
.th-qual {bottom:5px; right:5px; left:auto; top:auto; text-transform:uppercase;}
.th-inf {left:auto; right:15px; z-index:10; width:20px; text-align:center; cursor:help;}

@media screen and (min-width: 1150px) {
.bigger {width:33.32%; float:right;} 
.bigger .img-resp-v {padding-top:376px;}
}

.th-active {z-index:100;}
.th-text {display:none; background-color:#fff; color:#000; cursor:auto; padding:15px; text-align:left; font-size:12px;
position:absolute; left:100%; top:0; width:360px; box-shadow:0 0 20px 0 rgba(0,0,0,0.2); border-radius:3px;}
.th-text:after {content:""; border:10px solid #fff; border-left-color:transparent; border-bottom-color:transparent; 
position:absolute; top:30px; right:100%;}
.pop-left .th-text:after {border:10px solid #fff; border-right-color:transparent; border-bottom-color:transparent; 
left:100%; right:auto;}
.pop-left .th-text {left:auto; right:100%;}
.th-text > .fa {font-size:50px; color:#CCC; display:block; text-align:center;}
.th-text .finfo {background-color:#f2f2f2; padding:15px; margin:15px -15px -15px -15px;}
.th-text li:not(.vis), .th-text img, .th-text .fsubtitle, #trailer-box {display:none;}
.th-text li {padding-bottom:0 !important;}
.th-text .fdesc {max-height:100px; overflow:hidden;}
.th-text h1 {font-size:14px; padding-top:1px;}
.th-trl .fa {font-size:18px; height:30px; line-height:30px; width:30px; text-align:center; background-color:rgba(0,0,0,0.2); 
position:absolute; left:0; top:0; display:none;}
.th-trl {cursor:pointer; height:26px; line-height:26px; font-weight:bold; position:relative;
background-color:#db4437; color:#fff; font-size:12px; text-align:center; border-radius:0 3px 0 3px; overflow:hidden; 
display:inline-block; padding:0 10px; position:absolute; right:0; top:0;}


/* SERIAL
----------------------------------------------- */
.group {margin-bottom:15px;}
.group-name {font-size:14px; border-bottom:3px solid #00a0b0; color:#fff;}
.group-name div {display:inline-block; background-color:#00a0b0; position:relative; height:36px; line-height:38px; padding-left:15px;}
.group-name div:after {content:""; border:18px solid #00a0b0; border-top-color:transparent; border-right-color:transparent; 
position:absolute; top:0; left:100%;}

.ser {position:relative; padding:10px 0; display:block; line-height:16px; border:1px solid #e4e9ec; border-top:0;}
.s-right {display:inline-block; background-color:#FFF; padding:0 15px; position:relative; 
z-index:10; float:right; color:#5c5c5c;}
.s-left {display:inline-block; padding:0 15px; max-width:calc(100% - 120px);  max-width:-webkit-calc(100% - 120px);
position:relative; z-index:10; float:left; background-color:#FFF;}
.ser2:before {content:""; width:100%; height:3px; position:absolute; left:0; top:23px; border-top:1px dashed #ccc;}
.s-left span:first-child {font-weight:bold;}
.s-left span + span {opacity:0.5; margin-left:10px;}
.ser:hover:before {border-color:#000;}
.ser:nth-child(2n+1), .ser:nth-child(2n+1) .s-left, .ser:nth-child(2n+1) .s-right {background-color:#eff4f7;}
.ser:hover {box-shadow:0 0 0 1px #888; z-index:10;}


/* SIDE
----------------------------------------------- */
.side-bc {padding:13px;}
.side-bt {padding:0 15px; font-size:14px; color:#FFF; background-color:#252837; text-transform:uppercase; height:70px; line-height:70px;}

.side-folders a {display:block; line-height:20px; margin-bottom:10px; color:#ccc;}
.side-folders .fa {width:23px;}
.side-nav a {display:block; line-height:20px; margin-bottom:10px; position:relative; padding-left:23px; color:#ccc;}
.side-nav a:hover, .side-nav a.active, .side-folders a:hover, .side-folders a.active {color:#fff;}
.side-nav a:before {content:""; width:6px; height:6px; border-radius:50%; position:absolute; top:7px; left:0; background-color:#00a0b0;}
.side-nav li.violet a:before {background-color:#b35adc;}
.side-nav li.blue a:before {background-color:#2163ef;}
.side-nav li.blue1 a:before {background-color:#1dcbe3;}
.side-nav li.green a:before {background-color:#98f17d;}
.side-nav li.red a:before {background-color:#db4437;}

.random-link {background-color:#1d1d27; color:#ccc; display:block; line-height:40px; text-align:center; 
border-radius:3px; margin:5px 15px;}
.random-link:hover {background-color:#00a0b0; color:#FFF;}


/* SEO DESCRIPTION
----------------------------------------------- */
.site-desc {line-height:18px; text-align:justify; background-color:#1d1d27; color:#CCC; padding:30px;}
.site-desc h1, .site-desc h2, .site-desc h3 {font-size:18px; margin-bottom:15px; color:#FFF;}
.site-desc h1 span, .site-desc h2 span, .site-desc h3 span {}
.site-desc p + p {margin-top:5px;}


/* 	FOOTER
----------------------------------------------- */
.ft-counter {float:right;}
.ft-text {float:right; line-height:20px;}
.ft-menu {margin-bottom:5px;}


/* BOTTOM NAVIGATION
----------------------------------------------- */
.bottom-nav {line-height:30px; text-align:center; padding:15px 0 30px 0;}
.pagi-nav {max-width:100%; display:inline-block;}
.pagi-nav > span {display:inline-block;}
.pprev, .pnext {}
.pprev {}
.pnext a, .pprev a, .pprev > span, .pnext > span {display:block; width:30px; text-align:center;}
.navigation {text-align:center;}
.navigation a, .navigation span, .pnext a, .pprev a, .pprev > span, .pnext > span {display:inline-block; padding:0 10px; 
background-color:#eff4f7; margin:5px 5px 0 0; border-radius:3px; min-width:30px;}
.navigation span, .pagi-nav a:hover {background-color:#00a0b0; color:#fff;}
.navigation span.nav_ext {background-color:#eff4f7; color:#888;}
.pagi-nav a:hover {background-color:#00a0b0; color:#fff;}
.dle-comments-navigation .pagi-nav {margin-bottom:0;}


/* FULL
----------------------------------------------- */
.fcols {margin:0 -30px -20px -30px; padding:0 30px 15px 30px;}
.fleft {width:200px; float:left;}
.fright {width:calc(100% - 230px); width:-webkit-calc(100% - 230px); float:right;}

.ffav {position:absolute; top:0; right:0; cursor:pointer;}
.k-fav {width:30px; text-align:center; height:30px; line-height:30px; font-size:14px; cursor:pointer; 
background-color:#2c2f40; color:#fff;}
.k-fav-added {background-color:#2c2f40; color:#fff;}

.fbtns {text-align:center;}
.fbtns .fa {font-size:24px; height:40px; line-height:40px; width:40px; text-align:center; background-color:rgba(0,0,0,0.2); 
position:absolute; left:0; top:0;}
.to-view, .to-comments {width:100%; cursor:pointer; height:40px; line-height:40px; font-weight:bold; 
margin-top:0px; position:relative; padding-left:40px;}
.to-view {background-color:#00a0b0; color:#fff;}
.to-comments {background-color:#db4437; color:#fff;}
.to-view:hover, .to-comments:hover {box-shadow:0 0 20px 0 rgba(0,0,0,0.2);}

.fheader {margin-bottom:15px;}
.fheader h1 {font-size:18px;}
.foriginal {font-size:14px; opacity:0.5; margin-top:5px;}
.fheader h1 .fa {margin-left:10px; font-size:16px;}

.finfo {margin:0 0 -15px 0;}
.finfo li {padding:0 0 10px 110px; line-height:20px;}
.finfo li:after {content: ""; display: table; clear: both;}
.finfo2 li:nth-child(2n+1) {background-color: #eff4f7;}
.finfo li > span:first-child {display:inline-block; width:90px; float:left; margin-left:-110px; font-weight:bold;}
.finfo a {text-decoration:underline; color:#000000;}
.finfo a:hover {text-decoration:none; color:#2E2E2E;}

.fdesc {margin-top: 7px; margin-bottom:15px;}

.fsubtitle {font-size:14px; font-weight:bold; margin-bottom:15px;}
.to-center {text-align:center;}
.fplayer {background-color:#eff4f7;}
.textt {background-color:#eff4f7;}
.sub-text {background-color:#eff4f7; padding:10px; color:#888;}
.sub-text > .fa {font-size:70px; float:left; margin:0 15px 0 0;}
.sub-text + .sect-header {margin-top:30px;}
.sub2 {margin:-15px -30px 15px -30px; padding:15px 30px;}
.share {height:24px;}
.to-compl {width:100px; height:30px; cursor:pointer; 
font-weight:bold; line-height:30px; text-align:center; 
background-color:#db4437; color:#fff; overflow:hidden; border-radius:4px;}
.to-compl a {display:block; width:100px; height:30px; color:#fff; line-height:30px;}
.save-btn {height:30px; line-height:30px; padding:0 10px; border-radius:4px;}

.frate {white-space:nowrap;display: flex;justify-content: center;}
.rate-data {display:none;}
.rate-plus, .rate-minus {display:inline-block; vertical-align:top; height:30px; line-height:30px; cursor:pointer; 
background-color:#fff; border-radius:3px; overflow:hidden;}
.rate-minus {margin-left:10px;}
.rate-plus div, .rate-minus div {display:inline-block; vertical-align:top; padding:0 10px; color:#FFF; 
border-bottom:3px 0 0 3px; background-color:#00a0b0; text-align:center; font-weight:bold;}
.rate-minus div {background-color:#db4435;}
.frate .fa {font-size:14px;}
.rate-plus:hover, .rate-minus:hover {box-shadow:0 0 20px 0 rgba(0,0,0,0.2);}

.js .ftabs .tabs-b {display:none;}
.js .ftabs .tabs-b.visible {display:block;}
.ftabs .tabs-sel {background-color:#e4e9ec;}
.ftabs .tabs-sel span {display:inline-block; padding:10px 15px; vertical-align:top; cursor:pointer; font-weight:bold;}
.ftabs .tabs-sel span.current {background-color:#00a0b0; color:#FFF;}

.dlevideoplayer {max-width:100% !important;}


/* FULL STATIC
----------------------------------------------- */
.book-box embed, .book-box object, .book-box video, .book-box iframe, .book-box frame {width: 100%; 
max-width:100% !important; height:400px; display:block;}
.mejs-container {max-width:100% !important;}
.full-text {color:#444; line-height:20px; font-size:16px;}
.full-text img:not(.emoji) {max-width:100%;}
.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:#000000;}
.full-text a:hover {text-decoration:none;}
.full-text h2, .full-text h3, .full-text h4, .full-text h5 {margin:10px 0; font-size:14px; font-weight:bold;}
.full-text p {margin-bottom:15px;}
.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-text table {width:100%; text-align:left;}
.full-text table tr td {padding:10px; border:1px solid #ccc; font-size:12px;}
.full-text table tr:nth-child(2n+1) {background-color:#f6f6f6;} 
.full-text table img {display:block; margin:0; border:0; max-width:350px}
.attach {line-height:40px; background-color:#f5f5f5; padding:0 15px 0 0; border-radius:4px; margin:10px 0; overflow:hidden;}
.attach .download-link {color:#FFF !important; text-decoration:none !important; margin-right:15px; float:left; 
display:inline-block; padding:0 15px; background:#292929;}
.attach-info {float:right;}
.attach i {margin-right:5px;}
.dcont {border:1px solid #e3e3e3; padding:0 15px 15px 15px; margin:20px 0; line-height:20px; background-color:#FFF;}
.polltitle {display:block; padding:5px 15px; margin:0 -15px 15px -15px; font-size:18px; background-color:#f5f5f5; line-height:normal;}
.full-taglist {font-size:12px; padding-bottom:20px;}
.full-taglist-t { margin-bottom:5px; font-weight:700;}
.full-taglist a {margin:0 0 3px 0; text-decoration:underline;}
.full-taglist span {margin-right:5px;}
.full-taglist span:not(.fa):not(:last-child):after {content:","; display:inline;}


/* 	COMMENTS
----------------------------------------------- */
.sect-comms {margin:0 -30px; padding:15px 30px 20px 30px;}
.full-comms, .add-comms{width:100%;}
.no-comms {-ms-flex-order:-1;-webkit-order:-1;order:-1}
.ac-textarea {margin-bottom:15px;}
.ac-inputs input {width:100%; margin-bottom:15px; display:none;}
.ac-textarea textarea {height:110px;}
.sec-answer + .sec-label {margin-top:10px;}
.ac-protect {margin-top:5px; display:none;}
.ac-protect .label {font-size:12px;}
.ac-protect .sep-input {padding:10px 10px 10px 160px;}
.ac-protect input {}
.ac-av {width:40px; height:40px; border-radius:50%; float:left; margin-right:10px;
background:#fff url(../dleimages/noavatar.png) no-repeat; background-size:contain;}
.mass_comments_action {display:none;}
.last-comm-link {margin-bottom:10px;}
.last-comm-link a {text-decoration:underline;}
.full-comms {}

.comm-item {margin-bottom:15px; padding-left:62px; padding-top: 7px; padding-right: 7px; padding-bottom: 7px; background-color: #f6f6f6;}
.comm-av {width:40px; height:40px; margin-left:-55px; float:left; border-radius:50%;}
.comm-author {margin-right:10px; font-weight:bold; float:left;}
.comm-date {opacity:0.5; float:left;}
.comm-reply {opacity:0.5; float:right;}
.comm-one {margin-bottom:5px; height:16px; overflow:hidden;}
.comm-two {line-height:20px;}
.comm-three li {display:inline-block; margin:15px 15px 0 0;}
.comm-bottom-info ul {text-align:right; margin-top:7px;}
.comm-bottom-info ul li {display:inline-block; margin-left:5px;}
.comm-bottom-info ul li:first-child, .comm-bottom-info ul li:nth-child(2) {float:left; margin-left:0; margin-right:10px;}
.comm-bottom-info ul li a {font-size:12px;}
.comm-bottom-info ul li i {margin-right:6px;}
.comments-tree-list .comments-tree-list {background-color:#f6f6f6; padding-top:15px; margin-top:-15px;}


/* ADAPTIVE
----------------------------------------------- */
.btn-menu {display:none;}
.side-panel {width:260px; height:100%; overflow-x:hidden; overflow-y:auto; background-color:#333; 
padding:0px; z-index:888; position:fixed; left:-260px; top:0; transition:left .4s; -webkit-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:887; display:none;}
.side-panel .to-mob {display:block;}
.side-panel .tl-menu li {margin:10px 10px 10px 38px; display:block;}
.side-panel .tl-menu a {opacity:1; color:#ccc;}


@media screen and (max-width: 1120px) {
.center {max-width:1000px;}
.wrap {padding-top:0;}
.logotype {margin-right:15px;}
.h-login li {margin-left:15px;}
.h-login {padding:32px 15px 0 0;}
.l-box2 {padding:0 40px 0 50px; max-width:200px;} 
.l-box2:after {right:15px;}
.topline {padding:10px 15px 15px 15px;}
.search-box {width:220px;}
.tl-menu li {margin-right:15px;}
.filter-box {margin:0 -15px 30px -15px; padding:15px 15px 0 15px;}
.site-desc {padding:15px;}
.main {padding:30px 15px;}
.floats {margin:0 -7px;}
.thumb {padding:0 7px;}
.th-inf {display:none;}
.filter-box input {float:left;}

.fright {width:calc(100% - 215px); width:-webkit-calc(100% - 215px);}
.sub2 {margin:-15px -15px 15px -15px; padding:15px;}
.fcols {margin:0 -15px -30px -15px; padding:0 15px 15px 15px;}
.sect-comms {margin:0 -15px; padding:15px 15px 20px 15px;}
.frate {width:100%; text-align:center; margin-bottom:10px;}
}

@media screen and (max-width: 950px) {
.center {max-width:768px;}
.side, .tl-menu, .yx-share {display:none;}
.cont {width:100%;}
.thumb {width:20%;}

.btn-menu {background-color:#00a0b0; color:#fff; cursor:pointer; display:block; 
width:40px; height:40px; line-height:40px; text-align:center; font-size:24px;}

.full-comms, .add-comms{width:100%;}
.full-comms {margin-bottom:15px;}
}

@media screen and (max-width: 760px) {
.center {max-width:640px;}
.h-login li:first-child, .ft-counter {display:none;}
.thumb {width:25%;}

.ac-protect {margin-top:0px;}
.comments-tree-list .comments-tree-list {padding-left:0px !important;}
.comments-tree-list .comments-tree-list:before {display:none;}
.mass_comments_action {display:none;}
.sub-title h1 {font-size:18px; line-height:24px;}
}

@media screen and (max-width: 590px) {
.center {max-width:480px;}
.logotype {width:160px;}

.fleft {width:200px; float:none; margin:0 auto 15px auto;}
.fright {width:100%; float:none;}

.book-box embed, .book-box object, .book-box video, .book-box iframe, .book-box frame {height:300px;}

.ac-soc {position:static;}
.ac-inputs input {width:100%; margin-top:10px;}
.ac-protect {width:100%; float:none; margin:0;}
.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: 470px) {
.center22 {max-width:320px;}
.logotype {width:100px;}
.thumb {width:50%;}
.sect-title {font-size:16px; max-width:calc(100% - 150px);}

.frate .fa {display:none;}						  
.share {width:100%; text-align:center; margin-bottom:10px;}

.book-box embed, .book-box object, .book-box video, .book-box iframe, .book-box frame {height:250px;}
}
/* Reader: Start */
p.reader_btn_wrapper {
	margin-top: 20px;
	text-align: center;
}
.reader_btn {
	width: 175px;
	font-size: 15px !important;
	line-height: 28px;
	background-color: #97ce68;
	border-radius: 6px;
}
#book_content {
	text-align: justify;
    text-indent: 1em;
	font: 14px Arial, Helvetica, sans-serif;
	line-height: 24px;
}
#book_content h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 24px;
	margin: 10px 0;
}
#book_content a {
	text-decoration: underline;
	color: #dc4801;
}
#book_content a:hover {
	text-decoration: none;
}
#book_content a[type="note"] {
	text-decoration: none;
	font-style: italic;
	margin-left: 3px;
}
.book_notes {
	margin-top: 10px;
	font-size: 12px;
	line-height: 17px;
	font-style: italic;
	color: #696767;
}
.book_notes span {
	color: #dc4801;
}
.book_tools {
	width: 370px;
	margin: -20px auto 0;
	font-size: 11px;
	line-height: 15px;
	overflow: hidden;
}
.goto_page, .font_size {
	float: left;
}
.font_size {
	margin-left: 10px;
}
.book_tools input[type="text"] {
	display: inline;
	margin: 0 4px;
	padding: 2px 0;
	width: 30px;
	height: 20px;
	border: 1px solid #cecece;
	line-height: 16px;
	text-align: center;
	font-size: 11px;
}
.book_tools input[type="button"] {
	display: inline;
	margin: 0;
	padding: 2px 0;
	width: 30px;
	height: 20px;
	border: 1px solid #cecece;
	background-color: #f0f0f0;
	line-height: 16px;
	text-align: center;
	border-radius: 0;
	color: #000;
	font-size: 10px;
	text-transform: uppercase;
}
.book_tools input[type="button"]:hover {
	color: #fff;
}
.font_size input[type="button"] {
	font-size: 15px;
}
/* Reader: Finish */

top100-box, .top100-box * {background: transparent;margin:0;padding:0;outline:none;border: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.clearfix:after {content: ""; display: table; clear: both;}
.top100-box {text-align:center; font-weight:700;}
.top100-title {font-size:24px; margin-bottom:20px; font-weight:700;}
.top100-items {position:relative;}
.top100-items ol {position:relative; padding-top:490px;}
.top100-items ol {position:relative; z-index:100; counter-reset:li}
.top100-item {padding:0 10px 30px 10px; float:left; width:16.66%; position:relative;}
.top100-item::before {content:counter(li); counter-increment:li; font-size:24px; color:#FFF; font-weight:700;
position:absolute; bottom:110px; left:50%; margin-left:-25px; width:50px; height:50px; line-height:50px; text-align:center; border-radius:50%; 
background-color:#596a72; background: linear-gradient(to top, #cedce7 0%,#596a72 100%); 
box-shadow:0 0 0 10px #b5c8d7;}
.top100-item a {display:block; color:#000;}
.top100-img {height:200px; overflow:hidden; background-color:#000;}
.top100-img img {width:100%; min-height:100%;}
.top100-name {height:40px; line-height:20px; overflow:hidden; margin-top:5px;}
.top100-items::before {content:""; width:100%; height:460px; position:absolute; left:0; top:0; background-color: gray;
background-image: repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255,255,255,.5) 35px, rgba(255,255,255,.5) 70px);}
.trophy {float:none; width:200px; position:absolute; padding:10px; background-color:rgba(0,0,0,0.5);}
.trophy a {color:#fff;}
.trophy .top100-img {height:280px;}
.trophy:nth-child(2) {left:80px; top:60px;}
.trophy:nth-child(1) {left:50%; margin-left:-105px; top:20px;}
.trophy:nth-child(3) {right:80px; top:80px;}
.trophy:before {background-color:#ffd803; background: linear-gradient(to top, #ffea03 0%,#ffd803 100%); 
box-shadow:0 0 0 10px #f0dc03; color:#000; bottom:90px;}
.top100-item:hover .top100-name {text-decoration:underline;}

@media screen and (max-width: 950px) {
.top100-item {width:20%;}
.trophy {width:200px;}
.trophy:nth-child(2) {left:20px;}
.trophy:nth-child(3) {right:20px;}
}
@media screen and (max-width: 760px) {
.top100-item {width:33.33%;}
.trophy {width:200px; position:relative; left:0 !important; top:0 !important; margin:0 auto 20px auto !important;}
.top100-items::before {display:none;}
.top100-items ol {padding-top:0;}
}
@media screen and (max-width:590px) {
.top100-item {width:50%;}
.trophy {width:200px;}
}
.slice {overflow:hidden; position:relative; transition:height .2s;}
    .slice-masked:before {content:'';position:absolute;bottom:0px;left:0;right:0;height:50px;pointer-events:none;
    background:-webkit-linear-gradient(top, rgba(255,255,255,0) 0%, #fff 100%);
    background:linear-gradient(to bottom, rgba(255,255,255,0) 0%, #fff 100%);}
    .slice-btn {margin:20px 0;  font-weight:700;}
    .slice-btn span {display:block; cursor:pointer; text-decoration:none; color:#fff; background-color:#75bcc4; 
text-align:center; padding:10px;}

.mylists-switch, .mylists-tabs {
	list-style: none;
	background-color: #f7f7f7;
	padding: 10px;
	margin: 20px 0px;
	border: 1px solid #e1e1e1;
	border-radius: 4px;
	font-size: 14px;
	text-align: center;
}
.mylists-switch li, .mylists-tabs li {
  display: inline-block;
  background-color: #00a0b0;
  margin: 5px;
  color: #ffffff;
  text-decoration: none;
  border-bottom: 1px dotted;
  padding: 7px 12px;
  border-radius: 5px;
}
.mylists-switch li:hover, .mylists-tabs li:hover {
  color: #ffffff;
  background: #0ac0d2;
  cursor: pointer;
}
.mylists-switch li:last-child, .mylists-tabs li:last-child {
  margin: 5px;
}
.mylists-switch li.active, .mylists-tabs li.active {
  background: #606060;
  color: #fff;
  border: 0px;
  border-radius: 4px;    
}
.mylists-tabs li.active a {
		color: #fff;
	}
.mylists-tabs a {color:#fff;}

.yak1 {padding-top:20px;}

.trial  { display:block; width: 270px; border-radius:5px; font-size:14px; text-align:center; background-color:#DCDCDC; margin: 0 auto; }

.th-qual2 {display:inline-block; padding:3px 5px; background-color:#2c2f40;
position:absolute; top:0; left:0; color:#FFF; font-size:11px;}
.th-qual2 {bottom:5px; right:5px; left:auto; top:auto; text-transform:uppercase;}

.ya-share2__container_size_m .ya-share2__icon {
    height: 30px !important; /* 24px */
    width:  30px !important; /* 24px */
    background-size: 30px 30px !important; /* Увеличиваем кнопки, по-умолчанию: 24px 24px */
}
p.ask_btn_wrapper {
	margin-top: 20px;
	text-align: center;
}
.ask_btn {
	width: 175px;
	font-size: 15px !important;
	padding: 0 20px;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    border-radius: 11px;
    cursor: pointer;
    background-color: #00a0b0;
    color: #fff;
    text-align: center;
    font-weight: bold;
}

.alphabet_dd {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    margin: 20px 0;
    padding: 10px;
    background-color: #f5f5f5;
    border-radius: 8px;
}

.alphabet_dd a {
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    color: #333;
    text-decoration: none;
    padding: 8px 12px;
    border: 1px solid #ccc;
    border-radius: 6px;
    transition: all 0.2s ease-in-out;
}

.alphabet_dd a:hover, .active_letter {
    background-color: #00a0b0;
    color: #fff !important;
    border-color: #00a0b0;
}

/* Стили для блока с автором */
.author-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 20px;
    margin: 20px 0;
    padding: 0;
    list-style: none;
}

/* Стиль для каждого элемента (автора) */
.author-item {
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 15px;
    text-align: center;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    cursor:pointer;
}

/* Стиль для имени автора */
.author-name {
    font-size: 18px;
    font-weight: bold;
    color: #333;
}

/* Эффект при наведении */
.author-item:hover {
   background-color: #00a0b0;
    color: #fff !important;
    border-color: #00a0b0;
}
.aligncenter{
	text-align: center;
	display: flex;
	justify-content: center;
	gap:10px;
}

.playlist {
	list-style: none;
	padding: 0;
}

.playlist li {
	padding: 10px;
	background: white;
	margin-bottom: 5px;
	border-radius: 4px;
	cursor: pointer;
	display: flex;
	justify-content: space-between;
}

.playlist li.current {
	background: #e0f7fa;
	font-weight: bold;
}

.playlist li:hover {
	background: #f0f0f0;
}

.sleep-menu {
	position: absolute;
	bottom: 100%;
	right: 0;
	background: white;
	border: 1px solid #ddd;
	border-radius: 4px;
	box-shadow: 0 4px 12px rgba(0,0,0,0.15);
	z-index: 1000;
	padding: 8px;
	display: none;
}
.sleep-menu button {
	display: block;
	width: 100%;
	padding: 6px 12px;
	text-align: left;
	background: none;
	border: none;
	cursor: pointer;
	border-radius: 3px;
}
.sleep-menu button:hover {
	background: #f0f0f0;
}
.sleep-menu--active {
	display: block;
}

#mp3Player .plyr__control{
	background-color: #00a0b0!important;
	color: #fff!important;
}

#mp3Player .plyr__custom{
	padding: 6px 7px 6px 7px!important;
}

#mp3Player .plyr__custom__menu button{
	margin-top: 2px;
}

#mp3Player{
	width: 100%;
	/*height: 400px;*/
	margin-top: 20px;
}

#playlist{
	max-height: 360px;
	overflow-y: auto;
}

#mp3Player .plyr--audio .plyr__controls{
	width:100%;
}
@media (max-width: 450px){

	#playlist{
		max-height: 200px;

	}
	#mp3Player .plyr__controls > button{
		width: min-content!important;
	}

	#mp3Player .plyr__controls {
		display: grid!important;
		grid-template-columns: repeat(7, 1fr)!important;
		grid-template-rows: repeat(2, 1fr)!important;
		gap: 8px;
		padding:0px!important;
	}

	#mp3Player .plyr__controls > .plyr__progress__container {
		grid-column: span 5 / span 5;
		grid-row-start: 2;
		grid-column-start: 1;
	}

	#mp3Player .plyr__control[data-plyr=restart]{
		display: none;
	}

	#mp3Player .plyr__control[data-plyr=rewind]{
		grid-column-start: 1;
		grid-row-start: 1;
	}

	#mp3Player .plyr__control[data-plyr=play]{
		grid-column-start: 2;
		grid-row-start: 1;
	}

	#mp3Player .plyr__control[data-plyr=fast-forward]{
		grid-column-start: 3;
		grid-row-start: 1;
	}

	#mp3Player .plyr__volume{
		grid-column: span 2 / span 2;
		grid-column-start: 4;
		grid-row-start: 1;
	}

	#mp3Player .plyr__menu{
		grid-column-start: 6;
		grid-row-start: 1;
	}

	#mp3Player .plyr__menu--sleep{
		grid-column-start: 7;
		grid-row-start: 1;
	}

	#mp3Player .plyr__time--current{
		grid-column-start: 6;
		grid-row-start: 2;

	}
	#mp3Player .plyr__time--duration{
		grid-column-start: 7;
		grid-row-start: 2;
		display: flex!important;
	}
	#mp3Player .plyr__menu {
		justify-content: space-around;
		width: 100%;
	}

	#mp3Player .plyr__controls .plyr__controls__item{
		margin: 0px!important;
	}

	#mp3Player .plyr__control svg{
		margin: 0 auto;
	}
	#mp3Player .plyr__menu > button{
		width: 100%!important;
	}

}

.minh2{
	font-size: 12px;
}

.ya-share2, .js .ftabs .tabs-b.visible{
	text-align: center;
}