/* 
Datalife Engine template, name:VideoTrex
*/

:root {
	--bg:#f5f5f5;
	--bg-2:#303d4a;
	--bg-3:#26313c;
	--bg-4:#fff;
    --bg-5:#f0f0f0;
    --bg-6:#26313c;
    --bg-d:rgba(0,0,0,0.1);
	--tt:#000;--tt-l:#212228;
	--tt-2:#d6d6d6;--tt-2d:#959595;
	--tt-3:#6e7681;--tt-4:#fff;
	--bdc:rgba(0,0,0,0.1);
	--bsh:0 10px 30px 0 rgba(0,0,0,0.2);
	--accent:#e21927;
	--accent-darker:#c41521;
	--ui-bg:#f6f6f6;
	--ui-bg-darker:#eee;
	--ui-bg-darkest:#ddd;
	--ui-bg-accent:#11222c;
	--ui-text-color-on-accent:#fff;
	--ui-bdc:#ccc;
	--indent-negative:-40px;
	--indent:40px;/* основной отступ справа и слева */
	--maximum-width:1460px;/* максимальная ширина блока контента */
}
.dt-is-active {
	--bg:#384655;
	--bg-2:#303d4a;
	--bg-3:#26313c;
	--bg-4:#303a44;
    --bg-5:#26313c;
    --bg-6:#f0f0f0;
    --bg-d:rgba(0,0,0,0.3);
	--tt:#fff;--tt-l:#eee;
	--tt-2:#b6b6b6;--tt-2d:#acacac;
	--tt-3:#b6b6b6;--tt-4:#212228;
	--bdc:rgba(0,0,0,0.3);
	--bsh:0 10px 30px 0 rgba(0,0,0,0.5);
	--accent:#e21927;
    --accentt:rgb(251 202 39);
	--accent-darker:#c41521;
	--ui-bg:#384655;
	--ui-bg-darker:#303a44;
	--ui-bg-darkest:#26313c;
	--ui-bg-accent:#26313c;
	--ui-text-color-on-accent:#fff;
	--ui-bdc:#111;
}

/* RESET, BASIC UI SETTINGS
----------------------------------------------- */
* {background:transparent;margin:0;padding:0;outline:none;border:0;box-sizing:border-box;border-radius:18px}
ol, ul {list-style:none}
table {border-collapse:collapse;border-spacing:0}
img, table, iframe, video, frame, embed, object {max-width:100%}
body {font:15px 'Manrope', sans-serif;line-height:normal;padding:0;margin:0;      
	color:var(--tt);background:var(--bg);
	min-height:100%;width:100%;font-weight:400;overflow-x:hidden;letter-spacing:0.02em}
a {color:var(--tt);text-decoration:none}
a:hover, a:focus {color:var(--tt);text-decoration:none}
h1, h2, h3, h4, h5 {font-weight:700;font-size:24px}
::selection {background:#ff0000;color:#fff}
b, strong, .bolder {font-weight:700}

button, select, textarea, input[type="text"], input[type="password"], input[type="button"], input[type="submit"] 
	{appearance:none;-webkit-appearance:none;font-size:16px;font-family:inherit}
button, .btn, input[type="button"], input[type="reset"], input[type="submit"], .form__btn, 
.qq-upload-button, .pm__links a, .usp__btn a {display:inline-flex;align-items:center;justify-content:center;
	cursor:pointer;text-align:center;padding:0 20px;height:40px;font-size:16px;font-weight:400;
	white-space:nowrap;background-color:var(--accent);color:#fff;border-radius:20px;box-shadow:none}
button:hover, .btn:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, 
.form__btn:hover, .qq-upload-button:hover, .pm__links a:hover, .usp__btn a:hover 
{background-color:var(--accent-darker);color:#fff}
button:active, input[type="button"]:active, input[type="submit"]:active {box-shadow:inset 0 1px 4px 0 rgba(0,0,0,0.1)}
.color-btn, [class*=fr], [class*=plyr], [class*=owl-], [id*=mceu] {padding:0;margin:0;
	line-height:normal;border:0;box-shadow:none;background:none;border-radius:0}

input[type="text"], input[type="password"] {height:40px;line-height:40px;border-radius:4px;padding:0 15px}
select {height:40px;padding:0 15px;display:block}
select:not([multiple]) {background-image:url(../dleimages/chevron.svg);padding-right:30px;
	background-repeat:no-repeat;background-position:right 15px top 50%;background-size:.6em auto}
select option {padding:6px 10px}
select[multiple] {padding:0 5px}
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)}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus 
	{box-shadow:inset 0 0 0 1px var(--accent), inset 1px 2px 5px rgba(0,0,0,0.1)}
input::placeholder, textarea::placeholder {color:#000;opacity:0.4;font-size:13px} 
input:focus::placeholder, textarea:focus::placeholder {color:transparent}

/* SNIPPETS
----------------------------------------------- */
.img-box, .img-wide, .img-responsive, .img-fit-cover {overflow:hidden;position:relative}
.img-responsive {padding-top:55%}
.img-responsive--portrait {padding-top:150%}
.img-box > img, .img-responsive > img {width:100%;min-height:100%;display:block}
.img-responsive > img {position:absolute;left:0;top:0}
.img-wide img, .img-wide > a {width:100%;display:block}
.img-fit-cover img {width:100%;height:100%;object-fit:contain;background:#000}
.clr {clear:both}
.clearfix::after {content:"";display:table;clear:both}
.ws-nowrap {white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.line-clamp {display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.vw100 {margin:0 calc((100% - 100vw)/2);padding:0 calc((100vw - 100%)/2)}
.img-mask::before {content:'';position:absolute;z-index:1;left:0;right:0;bottom:0;height:30%;
	background:linear-gradient(to top, #000 0%, transparent 100%);opacity:0.8}
.d-flex, .fx-row, #dle-content {display:flex;flex-wrap:wrap;flex-direction:row}
.fd-column, .fx-col {flex-direction:column;flex-wrap:nowrap} 
.jc-space-between, .fx-row {justify-content:space-between}
.jc-flex-start, .fx-start, #dle-content {justify-content:flex-start}
.jc-center, .fx-center {justify-content:center}
.jc-flex-end {justify-content:flex-end}
.ai-flex-start {align-items:flex-start}
.ai-center, .fx-middle {align-items:center}
.ai-flex-end {align-items:flex-end}
.order-first {order:-1}
.order-last {order:10}
.flex-grow-1, .fx-1, .stretch-free-width {flex:1 1 0;max-width:100%;min-width:50px}
.btn-icon, .centered-content {display:inline-flex;justify-content:center;align-items:center}
.icon-at-left [class*="fa-"], .icon-left .icon {margin-right:0.5em}
.icon-at-right [class*="fa-"], .icon-right .icon {margin-left:10px}
.hidden, #dofullsearch, .form__header .form__btn, .comment-item__main .quote + br, .d-none {display:none}
.animated-element, button, .btn, .page__rating-bar-progress, .thumb, a {transition:all .3s}

#dle-content > *:not(.grid-item), #dle-content {width:100%}
#dle-content, .d-grid {display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));
	grid-gap:10px 10px;grid-auto-flow:row dense}
#dle-content > *:not(.grid-item), .d-grid-models > *:not(.grid-item) {grid-column:1 / -1}
.d-grid-models, .d-grid-models #dle-content {display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));
	grid-gap:10px 10px;grid-auto-flow:row dense}

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

.dt-is-active .thumb:hover {border-color:#000}
/* BASIC LAYOUT
----------------------------------------------- */
.wrapper {min-width:320px;position:relative}
.wrapper-container {max-width:var(--maximum-width);margin:0 auto;position:relative;z-index:20}
.wrapper-main {padding:0 var(--indent);min-height:100vh}
.header {background-color:var(--bg);position:relative;z-index:100;padding-top:20px;padding-bottom:20px}
.header-nav {background:var(--bg-3);--tt:#fff;position:relative;z-index:100;gap:20px}
.content {grid-area:main;min-height:80vh}
.sidebar {grid-area:side;border-right:1px solid var(--bdc);padding-right:40px}
.footer {background-color:var(--bg-2);color:var(--tt-2);
	font-size:14px;--tt:#fff;--tt-l:var(--tt-2)}
.footer__two {background-color:var(--bg-3);padding-right: 80px;padding-top:20px;padding-bottom:20px}
.cols {display:grid;grid-template-columns:200px minmax(0,1fr);gap:30px;grid-template-areas:"side main"}
.cols-content {padding:40px 0}
	
#scrolltop {position:fixed;width:60px;height:60px;line-height:60px;right:10px;bottom:10px;
	z-index:990;display:none;background-color:var(--bg-2);color:var(--tt-2);
	cursor:pointer;font-size:24px;border-radius:50%;text-align:center;box-shadow:0 2px 5px rgba(0,0,0,0.2)}


/* HEADER, NAV
----------------------------------------------- */
.logo {position: relative;display:inline-flex;flex-direction:column;justify-content:center;font-weight:700;text-transform:uppercase;
	font-size:22px;height:50px;line-height:1;color:var(--tt) !important;letter-spacing:2px;
	padding-left:90px;background:url(../images/logo.webp) 0 center / 80px no-repeat;}
.logo span {color:var(--accent-darker)}
.logo__caption {font-size:11px;text-transform:uppercase;font-weight:400;
	margin-top:8px;letter-spacing:1px;color:var(--tt-l)}
.header__logo {min-width:200px;margin-right:30px}
.header__menu > li {margin-right:30px;position:relative}
.header__menu > li > a {height:60px;font-size:16px;display:flex;align-items:center}
.header__menu > li > a .fal {margin-right:8px;color:var(--tt-2)}
.header__menu > li > a:hover {color:var(--accent)}
.header-nav .header__menu > li > a.is-active {background:var(--accent);color:#fff;padding:0 15px;--tt-2:#fff}
.menu {column-width:180px;column-gap:40px}
.header-nav .menu {position:absolute;top:100%;left:0;width:900px;z-index: 888;background:var(--bg-2);
	padding:20px;--tt-3:var(--tt-2);display:none}
.menu li {margin-bottom:15px;break-inside:avoid;position:relative}
.menu li a {display:block;padding-right:30px}	
.menu li span {position:absolute;right:0;top:0;color:var(--tt-3);font-size:13px;pointer-events:none}
.menu li a:hover {text-decoration:underline}
.header-nav .header__menu > li:hover .menu {display:block}
.side__menu {margin-bottom:30px;margin-top:-10px;border-bottom:1px solid var(--bdc);padding-bottom:20px}
.side__menu > li {margin:0}
.side__menu > li > a {height:40px;border-radius:4px}
.side__menu > li > a .fal {margin-right:0;opacity:1;width:30px}
.sidebar .menu {border-bottom:1px solid var(--bdc);padding-bottom:15px}
.sidebar .header__menu > li > a .fal {--tt-2:var(--tt-3)}
.sidebar .header__menu > li > a.is-active {background-color:var(--accent);--tt:#fff;
	margin:5px -10px;border-radius:3px;padding:0 10px;height:30px}
.side__menu > li > a.is-active .fal {--tt-2:#fff}

.header__search {position:relative;margin-right:20px}
.header__search form {max-width:500px;position:relative}
.header__search-box {position:relative}
.header__search input, .header__search input:focus {padding:0 60px 0 20px;border-radius:20px;
	background:var(--bg-4);box-shadow:none;color:var(--tt)}
.header__search input:not(:focus)::placeholder {color:var(--tt);opacity:0.7;font-size:14px;font-weight:400} 
.header__search button {position:absolute;z-index:5;right:0;top:0;width:60px;padding:0;
	background:none;color:var(--accent);font-size:16px}
.header__reg {margin-right:10px;background-color:var(--bg-4);color:var(--tt)}
.theme-toggle {display:inline-flex;justify-content:space-between;align-items:center;cursor:pointer;
	background-color:var(--bg-2);height:40px;border-radius:20px;padding:5px 0}
.theme-toggle li {cursor:pointer;width:30px;height:30px;line-height:30px;
	border-radius:50%;text-align:center;color:#fff;margin:0 5px} 
.theme-toggle:hover li {color:#fff;background-color:rgba(0,0,0,0.3)}
.dt-is-active .theme-toggle li:first-child, body:not(.dt-is-active) .theme-toggle li:last-child {background-color:#fff;color:#212228}
.header__upl {border-radius:4px;gap:10px}
.header__login-btn--not-logged {height:36px;padding:0 15px}
.header__login-pm {position:relative;font-size:24px;margin-right:20px}
.header__login-pm::after {content:'';width:8px;height:8px;border-radius:50%;
	background-color:var(--accent);position:absolute;right:-1px;top:3px}
.header__login-btn--logged {padding:0;display:block;width:40px;height:40px;border-radius:50%}
.header__login-pm:not(.header__login-pm--0)::after {animation:pmNew 1s infinite linear;animation-direction:alternate}
@keyframes pmNew {
	from {background-color:#7ae026;box-shadow:0 0 0 0 rgba(81, 175, 5,1)}
	to {background-color:#51af05;box-shadow:0 0 0 10px rgba(81, 175, 5,0)}
}


/* SECTION
----------------------------------------------- */
.sect:not(:last-child) {margin-bottom:20px}
.sect__header {margin-bottom:18px}
.sect__title {font-size:18px;font-weight:700;text-transform:uppercase;
	letter-spacing:1px;color:var(--tt);gap:10px;display:flex;align-items:center;flex-wrap:wrap}
.sect__title span {color:var(--tt)}
.sect__title .fal {color:var(--accent)}
.sect__sort {position:relative}
.sect__sort * {display:inline-block;vertical-align:middle}
.sect__sort a {text-transform:uppercase;margin-left:10px;color:var(--tt-3);font-size:11px}
.sect__sort a::after, .submenu > a::after {content:"\f107";font-weight:300;font-family:'Font Awesome 5 Pro';margin-left:8px;display:inline-block}
.sect__sort .desc a::after {content:"\f106"}
.sect__sort li[class] a {color:var(--tt);font-weight:500}
.sect__link {margin-left:20px;padding:0 10px;border-radius:4px;height:30px;
	background-color:var(--bg-d);color:var(--tt);font-weight:500;font-size:13px}
.sect__subtitle {font-size:24px;margin-bottom:40px}
.descr {display:grid;grid-gap:10px 0;line-height:1.5;font-size:14px;color:var(--tt-l);margin-bottom:40px;padding-top:20px}
.descr h1, .descr h2, .descr h3 {font-size:18px;font-weight:700;text-transform:uppercase;color:var(--tt-3);line-height:1.3}
.descr:last-child, .sect:last-child {margin-bottom:0}
.descr--top {margin-bottom:16px;grid-gap:10px 0;font-size:16px;line-height:1.5;padding:0}
.descr--top h1 {font-size:15px}
.descr.xfs{margin-bottom:0 !important}
.speedbar {font-size:12px;color:var(--tt-2);margin-bottom:20px}
.speedbar a:after {color:var(--tt);display:inline;content:'/';margin:0 5px}
.speedbar a:hover {text-decoration:underline}
.sect--padding {padding-top:20px}
.sect--tags {gap:10px}
.sect--tags .sect__title {padding-right:10px;font-size:16px}
.sect.sect--tags a {font-size:14px}
.sect--tags a,.marker {border:1px solid var(--bdc);border-radius:3px;display:flex;align-items:center;height:30px;
	padding:0 10px;font-weight:500;color:var(--tt-3)}
.sect--tags span{margin-left:2px}
.marker{background:var(--bg-6);padding:0 19px;font-size:28px;color:var(--tt-4);line-height:45px;vertical-align:top;font-weight:800}


/* SHORT ITEM
----------------------------------------------- */
.thumb {position:relative;border-radius:8px}
.thumb__desc {padding:13px}
.thumb__title {font-size:16px;font-weight:500;line-height:1}
.thumb__meta {margin-top:14px;font-size:13px;color:var(--tt-2d);font-weight:500}
.thumb__label, .thumb__img .thumb__rating {position:absolute;z-index:5;background:rgba(0,0,0,.7);color:#fff;height:24px;
	font-size:12px;display:flex;align-items:center;gap:3px;white-space:nowrap;padding:0 5px;
	pointer-events:none;transition:all 0.1s linear}
.thumb__img{border-radius:8px 8px 0px 0px}
.thumb__img .thumb__rating {right:5px;top:5px}
.thumb__label--views {left:5px;bottom:5px}
.thumb__label--views::after {display:inline;content:attr(data-text)}
.thumb__label--time {right:5px;bottom:5px}
.thumb__label--milf {right:5px;top:5px;background:var(--accent);font-weight:500;letter-spacing:1px}
.thumb__label--hd {left:5px;top:5px}
.thumb__label--hd span {background:var(--accent);margin-right:-5px;display:inline-flex;height:24px;
	text-transform:uppercase;font-weight:500;padding:0 5px;align-items:center;margin-left:5px}
.thumb__rating {white-space:nowrap;gap:5px;display:flex;align-items:center}
.js-count-percent {opacity:0}
.thumb__img:hover .thumb__label, .thumb__img:hover .thumb__rating {opacity:0;transform:scale(0.3,0.3)}
.thumb__text {font-size:13px;margin-top:8px;color:var(--tt-l)}
.thumb__text::before {display:inline;content:attr(data-text);color:var(--accent)}
.thumb--model {background:none}
.thumb--model .thumb__title {text-align:center}
.thumb--model .thumb__meta {color:var(--tt);font-weight:400}
.thumb:hover {border-color:var(--tt)}


/* FOOTER, PAGINATION
----------------------------------------------- */
.footer__menu a {font-weight:500;display:block;margin:0 20px 0 0}
.footer__menu a:hover {text-decoration:underline}
.footer__text {line-height:1.6;font-size:13px;margin-right:20px}
.footer .btn {margin:0 40px}
.footer__counter {display:inline-block}

.pagination {text-align:center}
.pagination__pages a, .pagination__pages span {display:inline-block;margin:10px 5px 0 5px;line-height:44px;
	padding:0 10px;min-width:46px;border-radius:23px;font-size:14px;
	border:1px solid var(--bg-4);background-color:var(--bg-4)}
.pagination__pages--full a, .pagination__pages--full span {line-height:30px;min-width:30px;font-size:14px}
.pagination__pages a:hover, .pagination__pages span:not(.nav_ext), .sect--tags a:hover,  .sect__link:hover 
{background:var(--accent);color:#fff;border-color:var(--accent)}


/* INNER PAGE
----------------------------------------------- */
.page__player {background-color:#000}
.page__cols {display:grid;grid-template-columns:1fr 300px;grid-gap:30px 40px;margin-bottom:30px}
.page__main {background-color:var(--bg-4);border:1px solid var(--bdc);padding:0 15px 15px 15px}
.page__player {margin-left:-15px;margin-right:-15px;margin-bottom:15px}
.page__player-loader {font-size:100px;width:100%;height:100%;display:grid;place-items:center;
	position:absolute;left:0;top:0;color:var(--accent)}
.page__main > h1, .page__col-left > h1 {font-size:24px;font-weight:700;margin-bottom:10px;padding-right:0px}
.page__main > h1 a {margin-left:10px;font-size:14px;font-weight:400}
.page__text.full-text {margin-top:11px;font-size:16px;line-height:1.4}

.page__meta {gap:10px 20px;margin-bottom:15px;position:relative}
.page__meta-item {font-size:14px}
.page__meta-item .fal {margin-right:8px;color:var(--tt-3)}
.page__meta-item--author span, .page__meta-item--author a {font-weight:700;text-decoration:underline}
.page__meta-item--fav {cursor:pointer;position:absolute;right:0;top:-35px;
	height:30px;padding:0 10px;--tt:#fff;border-radius:4px;font-size:13px;font-weight:700}
.page__meta-item--fav a {display:flex;align-items:center;height:100%}
.page__meta-item--fav .fal {margin-right:8px}
.page__meta2 {margin-left:-15px;margin-right:-15px;padding:15px;background-color:var(--bg);
	border:1px solid var(--bdc);border-right:0;border-left:0;gap:10px 20px;margin-bottom:15px}
.page__share, .page__dl {cursor:pointer}
.page__share:hover, .page__dl:hover, .page__dl a:hover, .page__complaint a:hover {color:var(--accent)}

.page__rating {position:relative;width:219px;border:1px solid var(--bdc);border-radius:4px;overflow:hidden}
.page__rating a {background-color:var(--bg-4);color:var(--tt-3);font-size:16px;display:grid;
	height:36px;width:36px;border-right:1px solid var(--bdc);place-items:center}
.page__rating a + a {transform:scale(-1,1)}
.page__rating-bar {position:absolute;left:40px;bottom:8px;width:136px; 
	height:4px;border-radius:2px;background-color:#fc5729;overflow:hidden}
.page__rating-bar-progress {position:absolute;left:0;top:0;height:100%;width:0;background:#bfd128}
.page__rating-likes i {font-style:normal;margin-right:5px}
.page__rating-likes span {margin-left:2px;display:none}
.page__rating-votes i {font-style:normal;margin-left:2px}
.page__rating-votes {position:absolute;left:40px;top:4px;width:136px;font-weight:500;
	text-align:center;font-size:11px;text-transform:uppercase;white-space:nowrap;color:var(--tt-l)}
.page__rating a:hover, .page__meta-item--fav:hover, .page__meta-item--fav a:hover, .page__subinfo-item a:hover 
{background-color:var(--accent);color:#fff;border-color:var(--accent)}

.page__subinfo {font-size:0;gap:10px 10px}
.page__subinfo-item > div, .page__subinfo-item > span, .page__subinfo-item a {display:flex;
	align-items:center;height:26px;border-radius:3px;padding:0 5px;margin:5px;font-size:15px;
	background-color:var(--bg-d);text-transform:capitalize}
    .page__subinfo-item a{padding: 9px;}
.page__subinfo-item > div {font-weight:700;margin-left:0;border:0;padding:0;background:none}
.page__subinfo-item {margin:-5px 0}
.page__subinfo-item--category {justify-content:flex-end;margin-right:-5px}
.page__subinfo-item > span a {border:0;height:100%;margin:0 -10px}
[data-modelimg] {position:relative;z-index:999}
.model-preview {position:absolute;left:50%;bottom:100%;margin-left:-100px;width:200px;
	background-color:var(--bg-4);border-radius:10px;padding:10px;box-shadow:var(--bsh)}
.bottom .model-preview {top:100%;bottom:auto}
.tags-list {width:100%;gap:0}
.page__related > .btn {border-radius:4px;margin-bottom:0px;position:relative;top:-15px}
.share-box {border-radius:6px;background-color:var(--bg-4);padding:30px 15px;text-align:center;
	position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:999;
	width:380px;max-width:90vw;display:none}

.mpage__img {width:200px;margin-right:40px}
.mpage__social {width:200px;margin-left:40px}
.mpage__img img {width:100%}
.mpage__bio {display:grid;grid-gap:13px 40px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:20px}
.mpage__bio li {display:flex;justify-content:space-between;font-size:14px}
.mpage__bio li > span:first-child {color:var(--tt-3);display:inline-flex;align-items:center;
	flex:1 1 0;min-width:100px;max-width:100%;margin-right:10px;white-space:nowrap}
.mpage__bio li > span:first-child::after {content:'';border-top:1px dotted var(--tt-3);
	flex:1 1 0;min-width:10px;max-width:100%;margin-left:10px}
.mpage__bio a {color:var(--accent);border-bottom:1px dotted var(--accent)}
.mpage__social-item {display:block;margin-bottom:10px;border-radius:4px;
	padding:10px;text-align:center;background-color:#1877f2;color:#fff}
.tw {background-color:#2daae1;color:#fff}
.insta {background:linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%)}


/* TEXT BLOCK, TYPOGRAPHY, VIDEO BLOCK
----------------------------------------------- */
.full-text {line-height:1.6;font-size:15px;color:var(--tt-l);word-wrap:break-word}
.full-text a {text-decoration:underline;color:#5278b1}
.full-text img:not(.emoji), .full-text p, .full-text h1, .full-text h2, .full-text h3, .full-text h4, .full-text h5, 
.full-text > ul, .full-text > ol, .full-text table, .page__title {margin-bottom:20px}
.full-text .title_spoiler a img{margin: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 > ul li, .full-text > ol li {padding-left:60px;position:relative}
.full-text > ul li:before {content:'';width:8px;height:8px;border-radius:50%;
	border:3px solid #fac40c;position:absolute;top:4px;left:34px}
.full-text > ol {counter-reset:num}
.full-text > ol li:before {content:counter(num);counter-increment:num;background-color:#fac40c;color:#000;
	position:absolute;top:-2px;left:17px;width:24px;height:30px;font-size:14px;font-weight:500;
	display:flex;justify-content:flex-end;align-items:center;padding-right:6px;box-sizing:border-box}
.full-text > ol li:after {content:'';border:10px solid transparent;border-left-color:#fac40c;
	position:absolute;left:41px;top:-2px;transform:scale(0.66,1.5);transform-origin:0 0}
.full-text > ul li + li, .full-text > ol li + li {margin-top:10px}
.full-text table, .video-inside > * {width:100%}
.full-text table tr td {padding:10px;border:2px solid #fff}
.full-text table tr:nth-child(2n+1) {background-color:#f2f6f9} 
.full-text table tr:nth-child(1) {background-color:#cee0ed}
.full-text table img:not(.emoji) {margin:0;max-width:350px}
.full-text > *:last-child {margin-bottom:0}
/*.video-responsive {padding-top:56%;position:relative}*/
.video-responsive > iframe, .video-responsive > video {position:absolute;left:0;top:0;width:100%;height:100%}
.full-text h1, .full-text h2, .full-text h3, .full-text h4, .full-text h5 {font-size:22px}


/* COMMENTS
----------------------------------------------- */
.page__comments {margin-top:10px;background-color:var(--bg-4);border:1px solid var(--bdc);padding:15px}
.add-comments-form.form {padding:0;background:none;margin-top:10px;margin-bottom:20px;display:none}
.add-comments-form .form__input, .add-comments-form__input, .add-comments-form .form__textarea-inside textarea, 
.mass_comments_action select {box-shadow:inset 0 0 0 1px #e3e3e3;border-radius:0}
.add-comments-form__input {margin-left:20px}
.add-comments-form .d-none, .comments_subscribe + br {display:none}
.mass_comments_action {display:none;align-items:center;max-width:800px;white-space:nowrap;margin-bottom:20px}
.mass_comments_action select {flex:1 1 0;margin:0 -8px 0 20px}
.mass_comments_action .bbcodes {border-radius:0;padding:0 10px}
.page__comments-title {font-size:15px;font-weight:700;margin-right:10px;color:var(--tt-3)}
.page__comments-btn {cursor:pointer;position:relative;height:30px;line-height:29px;font-weight:500;
	padding:0 10px;font-size:11px;text-transform:uppercase;display:inline-block;
	border:1px solid var(--accent);border-radius:15px}
.page__comments-btn:hover, .page__comments-btn.is-active {color:#fff;background:var(--accent)}
.show-comms {text-align:right;font-size:11px;text-transform:uppercase}	
.show-comms a {color:var(--tt-3);display:inline-block;text-decoration:underline}

.comment-item__title {font-weight:500;font-size:18px;margin-top:20px}
.comment-item {margin-top:10px}
.comment-item__img {width:40px;height:40px;border-radius:50%;margin-right:10px}
.comment-item__letter {width:100%;height:100%;text-transform:uppercase;font-weight:500;
	position:absolute;left:0;top:0;z-index:5;color:#fff;font-size:18px}
.comment-item__author {font-size:14px}
.comment-item__date {color:var(--tt-3);margin-top:4px;font-size:12px}
.comment-item__main {margin:8px 0 0 0}
.comment-item__rating {white-space:nowrap;font-size:12px}
.comment-item__rating a {margin-left:6px}
.comment-item__rating a > span:first-child {color:#6ab04c;text-decoration:underline; margin-right:2px}
.comment-item__rating a:last-child > span:first-child {color:#eb4d4b}


/* LOGIN
----------------------------------------------- */
.login {position:fixed;z-index:999;left:50%;top:50%;transform:translate(-50%,-50%);overflow:hidden;
	background-color:var(--ui-bg);border-radius:4px;width:400px;
	box-shadow:0 0 0 10px rgba(255,255,255,0.2), 0 15px 45px rgba(0,0,0,1)}
.login__header {padding:20px 40px;background-color:var(--ui-bg-darker)}
.login__title {font-size:20px;font-weight:500;padding:1px 0;text-transform:capitalize}
.login__close {cursor:pointer;font-size:24px;opacity:0.6;margin-left:20px}
.login__title a {border-bottom:1px dotted var(--tt-3);margin-left:10px;font-weight:400;color:var(--tt-3)}
.login__content {padding:20px 40px}
.login__row {margin-bottom:20px;position:relative;display:block;font-size:14px;color:var(--tt-3)}
.login__caption {font-size:14px;color:var(--tt);margin-bottom:10px}
.login__caption a {text-decoration:underline;margin-left:6px;color:var(--accent)}
.login__input input {padding-left:40px}
.login__row .fal {opacity:0.5;position:absolute;left:0;bottom:0;line-height:40px;width:40px;text-align:center}
.login__row button {width:100%}
.login__social {background-color:var(--ui-bg-darker);padding:20px 40px;text-align:center}
.login__social-caption {font-size:11px;text-transform:uppercase;margin-bottom:10px}
.login__social-btns a {display:inline-block;margin:0 3px;vertical-align:top}
.login__social-btns img {display:block;width:30px;height:30px;border-radius:50%}
.login__avatar {width:40px;height:40px;border-radius:50%;margin-right:10px}
.login__menu {padding-left:35px;padding-right:35px;margin-bottom:-10px}
.login__menu li {flex:1 1 0;min-width:auto;max-width:100%;margin:0 5px 10px 5px}
.login__menu a {display:block;border-radius:6px;padding:10px;text-align:center;white-space:nowrap;
	background-color:var(--ui-bg-darker);box-shadow:inset 0 0 10px var(--bg-d);font-size:13px}
.login__menu .fal {display:block;height:30px;font-size:24px;opacity:0.3}


/* ADAPTIVE, MOBILE MENU
----------------------------------------------- */
.overlay {position:fixed;z-index:998;left:0;top:0;width:100%;height:100%;
	opacity:0.6;background-color:#000;cursor:pointer;display:none}
.mobile-menu {width:280px;height:100%;overflow-x:hidden;overflow-y:auto;background-color:var(--bg);
	padding:20px;z-index:999;position:fixed;left:-320px;top:0;transition:left .4s;border:0}
.mobile-menu.is-active {left:0}
.mobile-menu-close {cursor:pointer;display:block;left:280px;top:-40px;position:fixed;z-index:999;
	width:40px;height:40px;line-height:40px;text-align:center;font-size:18px;opacity:0;
	background-color:#e84e36;color:#fff;transition:top .4s, opacity .4s}
.mobile-menu-close.is-active {top:0px;opacity:1}
body.mobile-menu-is-opened {overflow:hidden;width:100%;height:100%}
.mobile-menu .sidebar {padding:0;border:0}
.mobile-menu .header__menu {display:block}
.mobile-menu .submenu .menu {padding-top:15px;margin-bottom:20px}
.submenu.thy .menu{right: 0;left: auto;}
.submenu.thy .menu i{margin-right: 13px;}


.info-premium{font-size:15px;color:var(--tt-l);margin-bottom:10px;display:block}
.info-premium a{background-color: var(--accent);color: #fff; border-color: var(--accent);height: 26px;border-radius: 3px;padding: 4px 5px;margin: 5px;font-size: 15px;}
.k2s-preview a.play-btn{width:68px;height:48px;margin:-24px 0 0 -34px;border:none;background:rgba(33,33,33,0.8);-webkit-clip-path:url(#k2s-play-button-bg);clip-path:url(#k2s-play-button-bg);opacity:1;pointer-events:none;transition:.1s ease-in}
.k2s-preview a.play-btn i{margin:14px 0 0 26px}
.k2s-preview .poster:hover ~ .play-btn{background:red}
.k2s-preview a.download-btn{top:0;right:0;border:solid transparent;border-width:10px 20px 0 9px}
#k2s-preview-svg{width:0;height:0}
.k2s-novideo{position:absolute;top:50%;width:100%;transform:translateY(-50%);padding: 0 10px;font-size:18px;font-weight:600;color:#fff;line-height: 34px;text-align:center}
.k2s-novideo a{color:#f00}
.video-player {position:relative;min-height: 450px;background:var(--bg-3);}
@keyframes k2s-preview-screenlist-show {
from{opacity:0}
to{opacity:1}
}
@keyframes k2s-preview-screenlist-move {
to{left:-100%}
}
.k2s-preview .screenlist{position:absolute;bottom:0;width:1680px;padding-top:8px;background:rgba(23,23,23,0.9);opacity:0;pointer-events:none;transition:.1s ease-in;animation:k2s-preview-screenlist-show .1s ease-in}
.k2s-preview:hover .screenlist{opacity:1}
.k2s-preview .thumbs{position:relative;left:0;text-align:left;white-space:nowrap;opacity:0;transition:opacity .4s ease-in;animation:k2s-preview-screenlist-show .4s ease-in,k2s-preview-screenlist-move 20s linear infinite paused}
.k2s-preview:hover .thumbs{opacity:1;animation-play-state:running}
.k2s-preview .thumbs div{width:160px;height:120px;margin-right:8px;background:#000 0 / cover;display:inline-block;vertical-align:bottom}
.k2s-preview.wrap{max-width:100% !important}
.main-text{font-size:72px;line-height: 66px;text-align: center;}
div.k2s-preview a.download-btn,.page__subinfo-item.d-flex span {display:none}

.images_skrinshot{margin-bottom: 10px;text-align: center;}
.images_skrinshot a{width: 200px;display: inline-block;height: 140px;}
.images_skrinshot img{height: 100%;width: 100%;object-fit: cover;object-position: top;}
.searches a{display: inline-block;padding: 5px;border-radius: 3px;margin: 5px 10px 5px 0px;font-size: 15px;background-color: var(--bg-d);text-transform: capitalize;transition: all .3s;}
.searches a:hover {background-color: var(--accent);color: #fff;border-color: var(--accent);}

.page-tags{overflow:hidden;text-align:center;display:-ms-grid;display:grid;justify-items:center;-ms-grid-columns:1fr 1fr 1fr 1fr 1fr 1fr;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;grid-column-gap:10px;grid-row-gap:21px}
.page-tags > a{color:#fff;background:#26313C;display:inline-block;padding:4px 4px;border-radius:18px;box-sizing:border-box;text-decoration:none;width:100%;white-space:pre;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}
.page-tags > a:hover{background:#555}
.page-tags > a span{margin-left:5px}
.page-tags .img{position:relative;background:#919191;line-height:0;overflow:hidden;width:100%;height:0;padding-bottom:135%;margin-bottom:5px}
.page-tags img{position:absolute;display:block;width:100%;height:100%;border:0;object-fit:cover;object-position:top}
.page-tags.studios{padding-bottom:100%}
.navigation{margin:25px 0;text-align:center}
.navigation a,.navigation span,.alphabet-switcher a,.alphabet-switcher span{display:inline-block;padding:8px 16px;border-radius:10px;margin:4px 2px;text-decoration:none;color:#fff;background:var(--bg-3)}
.navigation span{cursor:not-allowed}
.navigation a:hover,.alphabet-switcher a:hover{background:#BA2716}
.navigation div{display:inline-block}
.alphabet-switcher{text-align:center;margin-bottom:15px}
.navigation span.active,.alphabet-switcher span.active{background:#BA2716}
.navigation a:hover,.alphabet-switcher a:hover{background:#BA2716}
.message-info{color:#5c5c5c;line-height:1.5;margin-bottom:20px;background-color:#FFF3E0;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);border:1px solid #FF9800;border-left-width:1px;position:relative;padding:15px 20px;border-left-width:44px}
.message-info::before{font-family:'Font Awesome 5 Pro';font-weight:300;font-size:22px;color:#fff;margin-top:-18px;position:absolute;left:-44px;top:50%;width:44px;text-align:center}
.img-block.prev:before{content:'';position:absolute;top:calc(50% - 25px);left:calc(50% - 25px);width:50px;height:50px;background-image:url(../images/spinner.svg);z-index:1}
.attention{color:#fff;padding:3px 10px}
.attention a{color:#fc5729}
.attention span:before{content: "\f071";padding-right: 5px;font-weight: 600;}
.thumb__text, .thumb__title {border-radius:0}

.main-cat{margin-bottom:25px;text-align:center;display:-ms-grid;display:grid;justify-items:center;grid-template-columns:repeat(3,1fr);grid-column-gap:15px;grid-row-gap:15px}
.main-cat > div,.main-cat .texts{width:100%;height:100%;position:relative;border-radius:8px}
.main-cat > div a{color:#fff;font-size:16px;font-weight:600;width:50%;line-height:40px;border-radius:0 0 8px 8px}
.main-cat > div a:hover{opacity:.8}
.main-cat > div a.left{float:left;background:#e21927}
.main-cat > div a.right{float:right;background:#0d5488}
.main-cat span{display:block}
.main-cat .thumb__img > span{left:5px;bottom:5px;position:absolute;z-index:5;background:#000000b3;color:#fff;height:24px;font-size:12px;display:flex;align-items:center;gap:3px;white-space:nowrap;padding:0 5px;pointer-events:none;transition:all .1s linear}
.main-cat strong{display:block;padding:13px;font-size:16px;font-weight:600;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#26313c;border-radius:0;color:#fff}
.main-cat .texts .hehe{position:absolute;width:100%;top:50%;left:50%;transform:translate(-50%, -50%);}
.main-cat .texts .hehe p{font-size:17px;font-weight:600}
.main-cat .texts a{background:var(--bg-3);--tt:#fff;display:block;line-height:40px;position:absolute;bottom:0;width:100%;border-radius: 22px;}
.main-cat .texts .img-responsive{overflow:auto;padding-top:calc(55% + 44px);}
.main-cat img {border-radius: 18px 18px 0px 0px;}
.head-text{text-align:center}
.head-text p{font-size: 16px;margin-bottom: 10px;}
.head-text p strong{font-size: 19px;font-weight: 600;}
@media screen and (max-width:1220px) {
	body {background-image:none}
	.wrapper {padding:0;overflow:hidden}
	.wrapper-container {max-width:1000px;padding-left:20px;padding-right:20px}
	.header-nav .header__menu, .sect__sort, .cols .sidebar {display:none}
	.header__btn-menu {cursor:pointer;display:grid;place-items:center;font-size:30px;margin-right:-20px;
		background-color:var(--accent);color:#fff;border-radius:0;height:60px;width:60px}
	.footer__one {justify-content:center;text-align:center;gap:20px}
	.footer__one > * {margin:0 !important}
	.footer__text {min-width:100%}
	.cols {display:block}
	.header-nav .flex-grow-1.d-none {display:block}
	.page__cols {grid-template-columns:1fr}
	.page__main > h1 {padding:0}
	.page__meta-item--fav {position:static}
}

@media screen and (max-width:950px) {
	.wrapper-container {max-width:768px}
	.footer__two {display:block;text-align:center;padding-right: calc((100vw - 100%)/2);}
	.footer__menu {justify-content:center}
	.footer__menu a {margin:0 10px 16px 10px}
	#scrolltop {width:40px;height:40px;line-height:40px;font-size:18px}
	.mpage__desc {min-width:100%;order:-1;margin-bottom:20px}
	.mpage__social {flex:1 1 0;margin-left:0}
	.mpage__img {margin-right:20px}
    .thumb__text {font-size: 14px;}
	.header__reg {display:none}
    .video-player {min-height: 250px;}
    .page-tags{-ms-grid-columns:1fr 1fr 1fr 1fr;grid-template-columns:1fr 1fr 1fr 1fr}
    .main-cat{grid-template-columns:repeat(2,1fr);}
}

@media screen and (max-width:760px) {
	.wrapper-container {max-width:640px}
	.header {padding-top:10px;padding-bottom:10px}
	.header__search {order:10;min-width:100%;margin:0;margin-top:10px}
	.header__search form {max-width:100%}
	.header__logo {flex:1 1 0;min-width:100px;max-width:100%;margin-right:0}

	.page__subinfo-item:first-child {min-width:100%;margin:0}
	.page__subinfo-item--category {flex:0 1 auto;justify-content:flex-start}

	.page__text .quote {margin-left:-20px;margin-right:-20px;padding-right:20px}
	.full-text h1, .full-text h2, .full-text h3, .full-text h4, .full-text h5 {font-size:18px}
	
	.add-comments-form__input {min-width:100%;margin:0 0 10px 0}
	.add-comments-form__btn {width:100%;order:10}
	.add-comments-form .form__row--protect .form__caption {width:100%;margin:0 0 10px 0}
	.mass_comments_action, .comment-item__controls, .comment-item__rating-caption {display:none}
    .k2s-novideo{padding: 0 5px;}
    .page-tags{-ms-grid-columns:1fr 1fr 1fr;grid-template-columns:1fr 1fr 1fr}
    .attention{font-size: 12px;}
}

@media screen and (max-width:590px) {
	.wrapper-container22 {max-width:480px}
	.login {max-width:90%;max-height:90%;overflow-x:hidden;overflow-y:auto}
	.login__header, .login__content, .login__social, .pages-bg {padding-left:20px;padding-right:20px}
	.header__logo > * {white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
	.header .header__login {width:40px;height:40px;padding:0;font-size:0}
	.header .header__login::before {font-size:18px;display:grid;width:40px;height:40px;
		content:"\f007";font-weight:300;font-family:'Font Awesome 5 Pro';place-items:center}
	.sect__title {font-size:16px}
	.sect__title .fal, .header__upl span:last-child  {display:none}

	.page__meta2 {gap:10px 15px}
	.page__comms-count, .page__dl span:last-child {display:none}
	.page__dl .fal {margin:0}
	.page__main {border-left:0;border-right:0;border-top:0;margin-left:-20px;margin-right:-20px}
	.page__comments-header {justify-content:space-between}
	.show-comms {text-align:left;min-width:100%;margin-top:5px;padding-bottom:10px}
	.page__subinfo-item > div, .page__subinfo-item > span, .page__subinfo-item a {height:22px;font-size:15px}
}
@media screen and (max-width:549px) {
.main-cat{grid-template-columns:repeat(1,1fr);}
.main-cat .texts a{position:relative;}
}

@media screen and (max-width:500px) {
.main-text{font-size:50px;}
.page-tags{-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr}
}
@media screen and (max-width:470px) {
	.wrapper-container22 {max-width:360px}
	.d-grid-models, .d-grid-models #dle-content {grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}
	.sect.sect--tags a {font-size:13px}
	.mpage__img {width:160px}
    .video-player {min-height: 200px;}
    .k2s-novideo{font-size: 16px;line-height: 30px;}
}
@media screen and (max-width:425px) {
.k2s-novideo{font-size: 14px;line-height: 24px;}
}
@media screen and (max-width:360px) {
.video-player {min-height: 150px;}
.k2s-novideo{font-size: 13px;line-height:18px;}
}
@media screen and (max-width:340px) {
.main-text{font-size:40px;}
}