/* Datalife Engine template 
name: PlayBox;
creation date: 10 october 2019, 
version dle: 12-13
*/
:root {
	--bg: #fff;
	--bg-2: #f3f5f7;
	--bg-3: #272729;
	--bg-4: #edeff1;
	--tt: #222;
	--tt-lighter: #888;
	--tt-lighter-2: #646464;
	--bdc: #e3e3e3;
	--bsh: 0 1px 2px rgba(0,0,0,.15);
	--gradient: linear-gradient(to top, #11996b, #1bd761);
	--accent: #ff7e00;
	--accent-2: #fcc32e;
	--accent-3: #27ae60;
	--accent-3-lighter: #2ecc71;
	--accent-4: #06c;
	--accent-5: #e67e22;
}

@font-face {font-family: 'Rubik'; src: url('../webfonts/rubik-400.woff2') format('woff2');
	font-weight: 400; font-style: normal; font-display: swap;}
@font-face {font-family: 'Rubik'; src: url('../webfonts/rubik-500.woff2') format('woff2');
	font-weight: 500; font-style: normal; font-display: swap;}

/* 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;}
img {max-width: 100%;}
.clr {clear: both;}
.clearfix:after {content: ""; display: table; clear: both;}

body {font: 14px 'Rubik', sans-serif; line-height: normal; padding: 0; margin: 0;        
color: var(--tt); background: var(--bg-2) url(../images/bg.png); min-height: 100%; width: 100%; font-weight: 400;}
a {color: var(--tt); text-decoration: none;}
a:hover, a:focus {color: var(--tt); text-decoration: none;}
h1, h2, h3, h4, h5 {font-weight: 400; font-size: 18px;}

button, textarea, input[type="text"], input[type="password"] {appearance: none; -webkit-appearance: none; 
	font-size: 16px; font-family: 'Rubik' !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: 20px; cursor: pointer; color: #fff; background-color: var(--accent); font-size: 14px; font-weight: 400; 
box-shadow: 0 1px 3px rgba(0,0,0,0.2);}
.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-color: var(--accent-5); color: #fff; box-shadow: 0 1px 3px 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-square, .img-resp, .img-resp-vert, .img-resp-sq, .img-fit {overflow: hidden; position: relative;}
.img-resp {padding-top: 60%;}
.img-resp-vert {padding-top: 124%;}
.img-resp-sq {padding-top: 100%;}
.img-box img, .img-square img, .img-resp img, .img-resp-vert img, .img-resp-sq img {width: 100%; min-height: 100%; display: block;}
.img-resp img, .img-resp-vert img, .img-resp-sq 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-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;}

b, strong, .fw700 {font-weight: 500;}
.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, .hmenu a, button, .btn, .sect-link {transition: all .2s;}
.mtitle, .sub-title h1, .form-wrap h1 {margin-bottom: 20px; font-size: 24px; font-weight: 400;}
#dle-content > *:not(.card-item) {width: 100%;}
.searchtable {background-color: var(--bg); box-shadow: var(--bsh);}
.hmenu-wrap, .to-dl, .tabs-sel span.current,.tabs-sel > span:hover, .fdl-btn 
{background: var(--gradient); color: #fff;}

::-webkit-scrollbar {width: 15px; height: 15px;}
::-webkit-scrollbar-thumb {border-radius: 8px; background-color: #C3C3C3; border: 2px solid #eee;}


.dt-is-active {
	--bg: #273d52;
	--bg-2: #172b3d;
	--bg-3: #091521;
	--bg-4: #1f3b53;
	--tt: #eee;
	--tt-lighter: #939ea9;
	--tt-lighter-2: #ccc;
	--bdc: #172b3d;
	--bsh: 0 1px 2px rgba(0,0,0,.65);
	--accent-2: #af8824;
	--accent-4: #4da2f7;
}
body.dt-is-active {background-image: url(../images/bg-dark.png);}
.dt-is-active .logo img {display: none;}
.dt-is-active .logo {background: url(../images/logo-dark.png) 0 center / contain no-repeat;}
.dt-is-active .logo-text, .dt-is-active .speedbar, .dt-is-active .finfo li > i {color: var(--tt-lighter);}
.dt-is-active .hmenu-wrap {--gradient: linear-gradient(to top, #122231, #3d5e7c);}
.dt-is-active .card-meta .myicon-thumb-up3 {color: #36da7a;}
.dt-is-active .card-meta .myicon-thumb-down3 {color: #e75544;}
.dt-is-active .footer {color: var(--tt-lighter); background-blend-mode: difference;}
.dt-is-active .fleft .rating-percent, .dt-is-active .t100-item .rating-percent {color: #eedac5;}
.dt-is-active .finfo li::before {border-color: var(--tt-lighter);}
.dt-is-active .full-text {color: var(--tt-lighter-2);}
.dt-is-active .tabs-box {box-shadow: inset 0 0 100px rgba(0,0,0,0.3); border-color: var(--bdc);}
.dt-is-active .comm-one > span.comm-author, .dt-is-active .comm-one > span.comm-author a, 
.dt-is-active .fdl-desc {color: var(--tt);} 
.dt-is-active ::-webkit-scrollbar-thumb {background-color: var(--accent-3); border-color: var(--bdc);}
.dt-is-active .fdl {background-image: url(../images/bgdl-dark.jpg);}


/* BASIC GRID
----------------------------------------------- */
.wrap {min-width:320px; position: relative; min-height: 100vh; overflow: hidden;}
.wrap-center {max-width:1200px; margin:0 auto; position:relative; z-index:20;}
.header {background-color: var(--bg);  box-shadow: 0 0 10px rgba(0,0,0,0.2); 
	position: relative; z-index: 989; left: 0; top: 0; width: 100%; padding: 10px 0;}
.header.sticky {position: fixed;}
.header.sticky-hide {top: -100px;}
.header.sticky-vis {top: 0;}
.hmenu-wrap {margin-left: -1000px; margin-right: -1000px; padding-left: 1000px; padding-right: 1000px;}
.cols {padding: 20px 0; display: grid; gap: 40px; grid-template-columns: 240px minmax(0,1fr); 
	grid-template-areas: "cside cmain";}
.col-side {grid-area: cside; order: -2;}
.col-main {grid-area: cmain; min-height: 100vh; order: -1;}
.footer {padding: 20px 1000px; margin: 0 -1000px; color: #ccc; line-height: 1.7; font-size: 12px;
background: var(--bg-3) url(../images/logo2.png) 1000px center / 240px auto no-repeat; padding-left: 1280px;}

#gotop {background-color: var(--accent); color: #fff; width: 46px; height: 46px; line-height: 46px; 
text-align: center; border-radius: 23px; font-size: 24px; cursor: pointer;}

.theme-toggle {display: inline-flex; justify-content: space-between; align-items: center; cursor: pointer;
	background-color: var(--bg-4); box-shadow: var(--bsh); height: 40px; 
	border-radius: 20px; padding: 5px 0; margin-left: 20px;}
.theme-toggle li {cursor: pointer; width: 30px; height: 30px; line-height: 30px; 
	border-radius: 15px; text-align: center; color: var(--tt-lighter); margin: 0 5px;} 
.dt-is-active .theme-toggle li:last-child, body:not(.dt-is-active) .theme-toggle li:first-child 
{background: var(--gradient); color: #fff;}

/* HEADER
----------------------------------------------- */
.btn-menu {width: 46px; height: 46px; line-height: 46px; text-align: center; margin-right: 20px; box-shadow: var(--bsh);
color: #fff; background-color: var(--accent); border-radius: 23px; font-size: 18px; cursor: pointer;}
.logo {display: block; width: 260px; height: 60px; overflow: hidden; position: relative;}
.logo-text {margin: 0 0 0 15px; padding-left: 20px; border-left: 1px solid var(--bdc); 
	line-height: 1.5; font-size: 13px;}
.search-wrap {position:relative; margin: 0 0 0 26px;}
.search-box input, .search-box input:focus {padding: 0 50px 0 20px; box-shadow: 0 0 0 6px var(--bg-2);
background-color: var(--bg); color: var(--tt); border-radius: 20px;}
.search-box input:not(:focus)::placeholder {color: var(--tt); opacity: 0.5; font-size: 14px;} 
.search-box button {position:absolute; right:10px; top:0px; z-index:10; width: 30px;
background-color:transparent !important; color:var(--tt) !important; 
font-size: 16px !important; padding: 0 !important; box-shadow: none !important;}
.hmenu li {position: relative; margin-right: 40px;}
.hmenu > li > a {display: block; line-height: 60px; font-size: 16px; color: #fff;}
.hmenu > li:hover > a {color: #fff; box-shadow: inset 0 6px var(--accent-2);}


/* MENU
----------------------------------------------- */
.header-menu {position: absolute; left: 0; top: 55px; width: 100%; background: var(--bg); 
box-shadow: 0 10px 40px 0 rgba(0,0,0,0.3); z-index: 989; display: none;}
.header-menu:before {content: ''; border: 10px solid transparent; border-bottom-color: var(--accent-3-lighter); 
position: absolute; bottom: 100%; left: 12px;}
.sticky-hide:not(.sticky-vis) .header-menu {visibility: hidden;}
.mmenu {position: relative; padding-left: 160px; min-height: 60px;}
.mmenu-caption {padding: 10px; background-color: var(--accent-3-lighter); border-right: 1px solid var(--bdc);
position: absolute; left: 0; top: 0; width: 160px; height: 100%; text-align: center; color: #fff !important;}
.yellow {background-color: #ffb142;}
.blue {background-color: #34ace0;}
.mmenu-caption .far {display: block; font-size: 20px; margin-bottom: 5px;}
.mmenu ul {padding: 15px 0px 5px 10px; border-bottom: 1px solid var(--bdc);}
.mmenu li {-ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; 
	max-width: 100%; min-width: auto; margin: 0 10px 10px 0;}
.mmenu li a {padding: 0 15px; height: 30px; line-height: 30px; border-radius: 15px; 
	display: block; white-space: nowrap; background-color: var(--bg-2); box-shadow: var(--bsh);}
.mmenu li a:hover {background-color: var(--accent-3-lighter) !important; color: #fff !important;}
a.mmenu-caption:hover {opacity: 0.8;}
.cloned {display: none;}
@media screen and (max-width: 1220px) {
.header-menu:before {left: 22px;}
.cloned {display: block;}
}
@media screen and (max-width: 760px) {
body.opened-menu {overflow: hidden; width: 100%; height: 100%;}
.header-menu:before {display: none;}
.header-menu {position: fixed; left: 0; top: 80px; height: calc(100vh - 80px); overflow-x: hidden; overflow-y: auto;}
.mmenu {padding-left: 0;}
.mmenu-caption {position: static; width: 100%; display: block;}
.mmenu-caption .far {display: inline-block; font-size: 14px; margin: 0 10px 0 0;}
}


/* SECTION
----------------------------------------------- */
.sect {margin-bottom: 20px;}
.sect-header {margin-bottom: 20px;}
.sect-title {font-size: 28px;}
.sect-link {margin-left: 20px; display: inline-block; position: relative; box-shadow: var(--bsh);
	background-color: var(--bg-4); height: 40px; line-height: 40px; border-radius: 20px; padding: 0 20px;}
.sect-link .far {margin-right: 10px; color: var(--tt-lighter);}
.sect-link:hover, .login-menu a:hover {background-color: var(--bg-3); color: #fff;}
.sect-items {margin-left: -5px; margin-right: -5px;}
.mb-remove {margin-bottom: -10px;}
.sect-bg {background-color: var(--bg); box-shadow: var(--bsh); padding: 20px;}
.sect-bg.fx-row {padding: 0;}
.sect-title-small {font-size: 18px;}


/* SHORT
----------------------------------------------- */
.card-item {width: 25%; padding: 0 5px; margin-bottom: 10px;}
.card-in {background-color: var(--bg); box-shadow: var(--bsh); overflow: hidden;
	height: 100%; padding: 20px 20px 60px 20px; text-align: center; position: relative;}
.card-link {display: block; position: relative;}
.card-bg {position: absolute; left: -20px; right: -20px; top: -20px; height: 140px; overflow: hidden; background-color: #000;}
.card-img-blurred {position: absolute; left: -50%; top: -50%; width: 200%; height: 200%; filter: blur(30px);}
.card-img {width: 100px; height: 100px; border-radius: 6px; margin: 0 auto 40px auto; z-index: 5;}
.card-title {font-size: 16px; margin-bottom: 10px;}
.card-text {font-size: 12px; color: var(--tt-lighter); line-height: 1.7;}
.card-meta {position: absolute; left: 0; right: 0; bottom: 0; line-height: 40px; height: 40px; 
border-top: 1px solid var(--bdc); padding: 0 20px; color: var(--tt-lighter-2); font-size: 12px; text-align: left;}
.card-meta .myicon-thumb-up3 {color: var(--accent-3); margin-right: 5px; font-size: 18px;}
.card-meta .myicon-thumb-down3 {color: #c0392b; margin-right: 5px; font-size: 18px; margin-left: 10px;}
.card-meta .fa-star {color: var(--accent-2); margin-right: 5px; font-size: 16px; margin-left: 10px;}
.card-link:hover .card-img {border-radius: 50%;}
.card-link:hover .card-img-blurred {opacity: 0.6;}
.card-label {height: 20px; line-height: 20px; width: 100px; background-color: var(--accent-3); color: #fff; 
transform: rotate(-45deg); text-transform: uppercase; font-size: 12px; 
position: absolute; left: -35px; top: 5px; z-index: 10;}
.card-upd {background-color: #28a6f3;}
.card-new {background-color: #95a5a6;}
.card-label + .card-label {animation: blink 10s infinite linear; animation-delay: 5s;}
.card-label + .card-label + .card-label {animation-delay: 8s;}
@keyframes blink {0% {opacity: 1;} 2% {opacity: 0;} 50% {opacity: 0;} 52% {opacity: 1;} 100% {opacity: 1;}}


/* UPDATES, TOP
----------------------------------------------- */
.upd-item {display: block; width: 12.5%; padding: 0 5px; margin-bottom: 10px; text-align: center; font-size: 12px;}
.upd-img {width: 80px; height: 80px; border-radius: 6px; margin: 0 auto 10px auto;}
.upd-version {position: absolute; left: 0; bottom: 0; padding: 3px 10px; border-radius: 0 6px 0 0;
	background-color: var(--accent-3); color: #fff; font-size: 12px;}
.upd-item:hover .upd-img, .top2-item:hover .top2-img {border-radius: 50%;}

.top2-item {background-color: var(--bg); width: 25%; height: 110px; display: block;}
.top2-bg {width: 50%; overflow: hidden; position: relative; background-color: #000; height: 110px;}
.top2-desc {padding: 10px 20px; height: 110px;}
.top2-img {width: 60px; height: 60px; background-color: transparent; position: relative; z-index: 5;}
.top2-img-blurred {position: absolute; left: -50%; top: -50%; width: 200%; height: 200%; filter: blur(30px);}
.top2-bg:before {content: ''; border: 10px solid transparent; border-right-color: var(--bg); 
position: absolute; right: 0px; top: 50%; margin-top: -10px; z-index: 6;}
.top2-item.right .top2-bg {order: 10;}
.top2-item.right .top2-bg:before {border: 10px solid transparent; border-left-color: var(--bg); left: 0px; right: auto;}
.top2-item:hover .top2-img-blurred {opacity: 0.6;}


/* SIDE
----------------------------------------------- */
.side-box {margin-bottom: 20px; background-color: var(--bg); box-shadow: var(--bsh); padding: 20px;}
.side-bt {font-size: 20px; margin: -4px -20px 20px -20px; padding: 0 0px 16px 20px; border-bottom: 1px solid var(--bdc);}
.side-bt .far, .sect-title .far, .sect-title .myicon-thumb-up3 {color: var(--accent-2); margin-right: 10px;}

.tt + .tt {margin-top: 20px;}
.tt-img {width:40px; height: 40px; border-radius: 6px; margin-right: 10px;}
.tt-subtitle {color: var(--tt-lighter); font-size: 12px; margin-top: 5px;}
.tt:hover .tt-desc {text-decoration: underline;}


/* SEO DESCRIPTION
----------------------------------------------- */
.site-desc {line-height: 1.7; color: var(--tt-lighter); border-top: 5px solid var(--bdc); 
	font-weight: 400; padding: 30px 0; margin-top: 40px;}
.site-desc h1, .site-desc h2 {font-size: 20px; font-weight: 400; margin-bottom: 20px; color: var(--tt);}
.site-desc li {list-style-type: disc; margin-left: 40px;}
.site-desc a {color: var(--accent-4); text-decoration: underline;}
.site-desc p, .site-desc ul {margin-bottom: 15px;}


/* FOOTER
----------------------------------------------- */
.ft-menu {margin-bottom: 5px;}
.ft-menu a {margin-right: 20px; color: #fff; font-size: 16px;}
.ft-menu a:before, .hmenu a:before {content:"\f111"; font-family:'Font Awesome 5 Pro'; color: var(--accent-2); 
margin-right: 12px; font-weight: 900; font-size: 10px;}
.footer a:hover {text-decoration: underline;}


/* BOTTOM NAVIGATION
----------------------------------------------- */
.bottom-nav {line-height:40px; text-align:center; padding:20px 0 0 0;}
.pnext a, .pprev a, .pprev > span, .pnext > span {display:block; width:46px; text-align:center;}
.navigation {text-align:center;}
.navigation a, .navigation span, .pnext a, .pprev a, .pprev > span, .pnext > span {display:inline-block; padding:0 15px; 
margin:5px 3px 0 3px; border-radius:3px; min-width: 40px; background-color: var(--bg); box-shadow: var(--bsh);}
.navigation span:not(.nav_ext), .pagi-nav a:hover {background-color:var(--accent); color:#fff;}


/* FULL
----------------------------------------------- */
.speedbar {font-size: 12px; color: #949494; margin-bottom: 20px;}
.speedbar .far {color: var(--accent-2);}
.fleft {width: 240px; margin-right: 10px; position: relative; overflow: hidden; text-align: center;}
.fleft .card-bg {left: 0; right: 0; top: 0; height: 180px;}
.fleft .card-img {width: 140px; height: 140px;}
.fcols {margin-bottom: 10px;}
.full > h1 {margin-bottom: 10px; text-align: center;}
.fright .sect-header > *:first-child {margin-top: 0 !important;}

.frate {margin-left: -20px; margin-right: -20px;}
.frate [class*=myicon] {font-size: 24px; line-height: 40px; vertical-align: top; margin-right: 10px;}
.frate a {color: #fff; background-color: #66d86c; height: 40px; line-height: 40px; 
border-radius: 20px; padding: 0 5px 0 15px; display: block;
background: linear-gradient(135deg, #11996b, #1bd761); box-shadow: var(--bsh);}
.frate a + a {background-color: #f8497a; background: linear-gradient(135deg, #c0392b, #e74c3c); margin-left: 10px;}
.frate-likes, .frate-dislikes {display: inline-block; background-color: rgba(0,0,0,0.2); font-size: 12px;
padding: 0 10px; height: 30px; line-height: 30px; min-width: 30px; text-align: center; border-radius: 15px; 
vertical-align: top; margin-top: 5px;}
.frate a:hover {opacity: 0.8;}
.fleft .rating-percent {background-color: var(--accent-2); color: #c06b17; width: 60px; height: 60px; border-radius: 50%; 
padding-top: 6px; position: absolute; left: 50%; margin-left: -30px; top: 135px; z-index: 20; font-weight: 500; 
 box-shadow: var(--bsh);}
.fleft .rating-percent .far {display: block; font-size: 18px; font-weight: 900; margin-bottom: 5px; color: var(--accent);}

h1 a {margin-left: 10px; color: var(--accent-4); font-size: 16px;}
.fbtns {margin-left: 20px; position: relative; z-index: 10;}
.fbtns .btn {display: block;}
.to-help {margin-top: 10px; margin-bottom: -50px; color: var(--tt);
	background-color: var(--bg-2); box-shadow: var(--bsh);}
.finfo li {position: relative; padding-left: 220px;}
.finfo li > * {position: relative; z-index: 10; background-color: var(--bg); display: inline-block;}
.finfo li:before {content: ''; border-top: 2px dotted #ccc; position: absolute; left: 0; width: 210px; top: 8px;}
.finfo li > i {font-style: normal; color: #949494; position: absolute; left: 0; top: 0; padding-right: 10px;}
.finfo li i [class*=fa-] {width: 30px; color: var(--tt-lighter);}
.finfo a {color: var(--accent-4); border-bottom: 1px dotted var(--accent-4);}
.finfo li + li {margin-top: 10px;}
.help-box [class*=fa-] {width: 30px; color: var(--accent-2);}
.help-box {line-height: 1.7; font-size: 16px;}

.tabs-box {margin: 20px -20px; padding: 20px; box-shadow: inset 0 0 100px rgba(0,0,0,0.1);
	background-color: var(--bg); border-top: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0;}
.tabs-b {display:none;}
.tabs-b.visible {display:block;}
.tabs-sel {margin-bottom:20px; white-space:nowrap; overflow-y:hidden; overflow-x:auto; font-size: 0;}
.tabs-sel > span {display:inline-block; line-height:40px; height: 40px; padding:0 20px; background-color:var(--bg);
border-radius:20px; margin-right:20px; cursor:pointer; font-size: 16px; 
box-shadow: inset 0 1px 2px rgba(0,0,0,.25); background-color: var(--bg-4);}
.scr-box {white-space:nowrap; overflow-y:hidden; overflow-x:auto;}
.scr-box a, .scr-box > img {display:inline-block; vertical-align:top; margin-right:15px; 
max-width:300px; max-height:300px; overflow:hidden;}
.scr-box a img {display:block;}
.scr-box br {display:none;}

.frels .card-item {width: 20%;}
.frels .card-in {padding-bottom: 20px;}
.frels .card-title {margin-top: -10px; margin-bottom: -10px; font-size: 14px;}

.fdl {margin: -20px; padding: 20px; color: #fff; 
	background: #000 url(../images/bgdl.jpg) center top / cover no-repeat;}
.fdl-ctrl > * {display: block; text-align: center; width: 49%; background-color: #95a5a6; color: #fff !important; 
border-radius: 4px; margin-top: 20px; padding: 10px; font-size: 16px; cursor: pointer; box-shadow: var(--bsh);}
.fdl-ctrl button {background-color: #28a6f3 !important; border-radius: 4px !important;}
.fdl-btn {color: #fff !important; padding: 15px 80px; border-radius: 4px; margin-bottom: 10px;
box-shadow: var(--bsh); position: relative; min-height: 58px;}
.fdl-btn-title {font-size: 16px; word-wrap: break-word;}
.fdl-btn-subtitle {opacity: 0.8; margin-top: 5px; font-size: 12px;}
.fdl-btn-icon, .fdl-btn-size {width: 60px; height: 100%; border-radius: 4px 0 0 4px; text-align: center;
position: absolute; left: 0; top: 0; font-size: 24px; background-color: rgba(0,0,0,0.15);}
.fdl-btn-size {left: auto; right: 0; font-size: 12px;}
.fdl-btn-gp img {width: 26px;}
.fdl-btn:hover, .fdl-ctrl > *:hover {opacity: 0.8;}
.fdl-old {padding: 10px; border-radius: 4px; background-color: var(--bg-3);}
.fdl-old-title {font-size: 16px;}
.fdl-old-toggle {text-decoration: underline; color: var(--accent-2); cursor: pointer;}
.fdl-old-hidden {margin-top: 10px; display: none;}
.fdl-old .fdl-btn {background: #516975 !important;}

.fdl-desc {background-color: var(--bg); color: #010101; 
	box-shadow: inset 0 0 100px rgba(0,0,0,0.1), var(--bsh); 
	padding: 10px; border-radius: 4px; margin-bottom: 20px; line-height: 1.7;}
.fdl-desc .fdl-old {background-color: var(--bg); box-shadow: inset var(--bsh); margin-top: 10px;}
.fdl-desc .fdl-old-toggle {color: var(--accent-4);}
.fdl .sect-content br {display: none;}

.fdl-full {margin-bottom: 20px;}
.fdl-full .fleft {width: 180px;}
.fdl-full .fright {background-image: none;}
.fdl-full .card-bg {height: 100%;}
.fdl-full .card-img {margin: auto;}
.fdl-full h1 {font-size: 20px;}
.fdl-full .finfo {font-size: 13px;}
.fdl-full .finfo li {padding-left: 160px;}
.fdl-full .finfo li:before {width: 150px;}
.back-btn {background-color: var(--bg-2); box-shadow: var(--bsh); 
	margin-left: 10px; color: var(--tt); font-size: 13px;}
.fdl-full-btn {width: 240px; margin-right: 20px;}
.fdl-full .fdl-btn {padding-right: 10px; margin: 0; cursor: pointer;}


/* 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.7; font-weight: 400; color: #5c5c5c;}
.full-text img:not(.emoji) {max-width:100%; margin:10px 0;}
.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:var(--accent-4);}
.full-text a:hover {text-decoration:none;}
.full-text h2, .full-text h3, .full-text h4, .full-text h5 {margin:10px 0; font-size:24px; font-weight:300;}
.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;}


/* COMMENTS
----------------------------------------------- */
.add-comms {margin-bottom: 20px; display: none;}
.ac-inputs input {width: 48.7%; margin-bottom: 15px; background-color: #f3f5f7;}
.ac-textarea textarea {height: 100px; margin-bottom: 15px; background-color: #f3f5f7;}
.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: var(--accent-4); font-size: 18px;}

.comm-avatar {position: absolute; left: 0; top: 0; width: 40px; height: 40px; border-radius: 50%;}
.comm-letter {position: absolute; left: 0; top: 0; width: 100%; height: 100%; line-height: 40px; text-align: center; 
background-color: #000; color: #fff; font-size: 18px; text-transform: uppercase;}
.comm-item {margin-bottom: 10px; font-size: 13px; padding-left: 50px; position: relative; min-height: 40px;}
.comm-right {padding: 10px;}
.comm-two {margin: 10px 0; font-size: 14px;}
.comm-one > span {margin-right: 15px; color: #949494;}
.comm-one > span.comm-author, .comm-one > span.comm-author a {color: #485460;}
.comm-three-left > a, .comm-three-right li a {opacity: 0.6;}
.comm-three-right li {display: inline-block; margin-left: 15px;}
.comm-rate3 {white-space:nowrap; margin-right: 15px; height: 20px; line-height: 20px; 
	display: inline-block; vertical-align: top; position: relative; top: -3px;}
.comm-rate3 a {display: inline-block; vertical-align: middle; position: relative; opacity: 0.4;}
.comm-rate3 a:last-child {}
.comm-rate3 > span {margin: 0 5px;}
.comm-rate3 > span > span.ratingtypeplus {color: #06b601;}
.comm-rate3 > span > span.ratingplus {color: #95c613;}
.comm-rate3 > span > span.ratingminus {color: #ff0e0e;}
.comm-three a:hover {border-bottom-color: transparent;}
.comm-three-left > a {opacity: 1; color: var(--accent-4); border-bottom: 1px dotted var(--accent-4);}


/* ADAPTIVE
----------------------------------------------- */

@media screen and (max-width: 1220px) {
.wrap {padding-top: 0;}
.wrap-center {max-width:1000px;}
.hmenu {display: none;}
.cols {display: block;}
.col-main {width: 100%; margin-bottom: 20px;}
.col-side {display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%;}
.col-side .side-box {width: 46%;}
.header-in, .cols, .site-desc {padding-left: 10px; padding-right: 10px;}
.hmenu-wrap {padding: 10px 1010px; text-align: center; display: block;}
.footer {background-image: none; padding: 20px 1010px;}
}

@media screen and (max-width: 950px) {
.wrap-center {max-width:768px;}
.search-wrap, .logo-text {display: none;}
.logo {-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; margin: 0 20px 0 0; text-align: center; position: relative;}
.btn-search {display: block; font-size: 18px; cursor: pointer; background-color: var(--bg-2); height: 46px; line-height: 46px; 
border-radius: 23px; box-shadow: var(--bsh); width: 46px; text-align: center;}
.is-active-search.sticky-hide:not(.sticky-vis) {top: -140px;}
.is-active-search .search-wrap {min-width: 100%; margin: 10px 0; 
-ms-flex-order: 10;-webkit-order: 10;order: 10; display: block;}
.card-meta {padding-left: 10px; padding-right: 10px;}
.footer {display: block; text-align: center;}
#gotop {margin-top: 20px; display: inline-block;}
.sect-scroll-mob {display: block; white-space: nowrap; overflow-y: hidden; overflow-x: auto;}
.upd-item {width: 100px; display: inline-block; vertical-align: top; white-space: normal;}
.this-scrolling-block {width: 920px; white-space: normal;}
.theme-toggle {order: 9; margin-left: 10px; background-color: var(--bg-2);}

.fright {background-image: none;}
.fdl-full-btn {width: 100%; margin: 0; margin-bottom: 20px;}
.video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame {height:400px;}
}

@media screen and (max-width: 760px) {
.wrap-center {max-width:640px;}
.footer {display: block; text-align: center;}
.ft-menu a:before, .hide-this-on-mob {display: none;}
#gotop {display: inline-block; margin-top: 20px;}
.login-box {max-width: calc(100% - 60px); padding: 15px;}
.card-item {width: 33.33%;}

.fleft {margin: auto; margin-bottom: 10px; width: 100%;}
.fright {min-width: 100%;}
.fbtns {width: 100%; margin: 0; display: flex; justify-content: space-between;}
.fbtns .btn {margin: 0; width: 47%; padding: 0;}
.back-btn {width: 100%; margin: 0;}
.fright h1 + * {margin-top: 20px;}
.fdl-ctrl > * {width: 100%;}
.frels .card-item {width: 33.33%;}
.fdl-full .fleft {padding: 20px; width: 100%;}
.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: 590px) {
.wrap-center {max-width:480px;}
.btn-login {font-size: 0; padding: 0; width: 46px; text-align: center;}
.btn-login .fas {font-size: 18px; margin: 0; line-height: 46px;}
.card-item {width: 50%;}
.col-side {display: block;}
.col-side .side-box {width: 100%;}
.sect-title {font-size: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
h1.sect-title {overflow: visible; white-space: normal;}

.ac-inputs input {width: 100%;}
.video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame {height:300px;}

.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) {
.wrap-center22 {max-width:360px;}
.logo img {position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%;}
.card-title, .card-text {margin-left: -10px; margin-right: -10px;}
.btn-search, .btn-menu {width: 40px; height: 40px; border-radius: 20px; line-height: 40px; font-size: 18px;}
.hmenu-wrap {min-height: 44px;}

.fright, .fmain {padding-left: 10px; padding-right: 10px;}
.tabs-box, .fdl {margin-left: -10px; margin-right: -10px; padding-left: 10px; padding-right: 10px;}
.finfo li {padding-left: 180px; font-size: 13px;}
.finfo li:before {width: 170px;}
.finfo li > i {max-width: 170px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.finfo li i [class*=fa-] {width: 25px;}
.tabs-sel > span {margin-right: 10px; font-size: 14px; padding: 0 15px;}
.frels .card-item {width: 50%;}
.full .sect-title-small {font-size: 16px;}
.video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame {height:250px;}
}

#textGPV {text-align: center; padding-top: 15px;}
.card-upd-mark {margin-top: 15px; font-size: 12px; color: #5f9b71; line-height: 30px; border-radius: 15px; 
height: 30px; display: inline-block; max-width: 100%; padding-right: 10px; background-color: #e8fdef;}
.card-upd-mark .far {background: linear-gradient(to top, #11996b,#1bd761); color:#fff; 
width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 50%; margin-right: 10px;}
.top100-items {counter-reset:a}
.t100-item::before {content:counter(a);counter-increment:a;width:30px;height:30px;line-height:30px;
    text-align:center;border-radius:15px; font-size:14px;
position:absolute;top:10px;left:50%;margin-left:-95px; 
background: linear-gradient(to top, #11996b,#1bd761); color:#fff;}
.t100-item {margin-bottom: 25px; width: 31%; display: block; text-align: center; position: relative;}
.t100-img {width: 100px;height: 100px;margin: 0 auto;margin-bottom: -50px;z-index: 10;
border-radius: 10px;box-shadow: 0 0 10px rgba(0,0,0,.3);background-color: #000;}
.t100-desc {box-shadow: var(--bsh); background-color: var(--bg); border-radius: 6px; padding: 15px; padding-top: 65px;}
.t100-title {font-size: 18px; margin-bottom: 15px;}
.t100-text {line-height: 20px; height: 60px; overflow: hidden; opacity: .6;}
.t100-item .rating-percent {background-color: var(--accent-2); color: #c06b17; width: 60px; height: 60px; border-radius: 50%; 
padding-top: 6px; position: absolute; right: 50%; margin-right: -125px; top: 20px; z-index: 20; font-weight: 500; 
 box-shadow: var(--bsh);}
.t100-item .rating-percent .far {display: block; font-size: 18px; font-weight: 900; margin-bottom: 5px; color: var(--accent);}
@media screen and (max-width: 950px) {
    .t100-item {width: 48%;}
}
@media screen and (max-width: 560px) {
    .t100-item {width: 100%;}
}
}

.rekl-yndx {
    margin: auto;
    margin-bottom: 10px;
}