:root { --bg: #171717; --bg-lighter: #3f3f3f; --bg-lightest: #171717; --bg-darker: #1b1b1b; --bg-black: #000000; --tt: #a8a8a8; --tt-lighter-2: #e0dfdc; --tt-lighter-3: #a8a8a8; --tt-lighter-4: #ddd; --tt-darker: #686868; --tt-darker-2: #818181; --tt-base:#fff; --bdc: #00000080; --bdc-bg: #121212; --bdc-lighter: #222; --bsh: 0 8px 16px rgba(0,0,0,0.5); --bsh-2: 0 1px 3px rgba(0,0,0,0.5); --accent: #1866ba; --accent-2: #fed13d; --accent-3: #add8e6; --accent-4: #e2bce8; --accent-5: #5d81d7; --ui-bg: #222; --ui-bg-darker: #111; --ui-bg-darker-1: #333; --ui-bg-darker-2: #1d1d1d; --ui-bg-darker-3: #333; --ui-bg-darkest: #000; --ui-bg-accent: #111; --ui-bg-blue: #000; --ui-bg-lighter:#333; --ui-bdc: #111; --ui-bg-lightin:#ffffff1a; --ui-bg-list:linear-gradient(160deg, #ffe8ae 16%, #ffffff 64%); --ui-color-box:#ffe298; --indent-negative: -40px; --indent: 40px; /* основной отступ справа и слева */ --max-width: 1250px; /* максимальная ширина блока контента */ --background-rgb: 10, 10, 10; --background: #0A0A0A; } @media screen and (max-width: 1220px) { :root { --indent-negative: -15px; --indent: 15px; } } /* RESET, BASIC UI SETTINGS ----------------------------------------------- */ * {background: transparent; margin: 0; padding: 0; outline: none; border: 0; box-sizing: border-box;} ol, ul {list-style: none;} table {border-collapse: collapse; border-spacing: 0;} img, table, iframe, video, frame, embed, object {max-width: 100%;} /*content-visibility: auto*/ body {font: 14px 'Exo', sans-serif; line-height: normal; padding: 0; margin: 0; color: var(--tt); background: var(--bg-black); min-height: 100%; width: 100%; font-weight: 400; overflow-x: hidden; letter-spacing: 0.02em;} a {color: var(--tt-lighter-2); 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: 600;} .underline{text-decoration:underline} 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: 12px; font-weight: 600; white-space: nowrap; background-color: var(--accent); color:#fff; border-radius: 20px; box-shadow: none; text-transform: uppercase; letter-spacing: 1px; border-radius: 3px;} 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: #303f9f; color: #fff; border-color: #303f9f;} 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(/templates/kara/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: var(--ui-bg-darkest); color: var(--tt-lighter); box-shadow: inset 0 0 0 1px var(--bdc), inset 0 0 0 1px var(--bdc-lighter);} input[type="text"]:focus, input[type="password"]:focus, textarea:focus {box-shadow: inset 0 0 0 1px var(--accent);} input::placeholder, textarea::placeholder {color: var(--tt); opacity: 0.9; 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: 60%;} .img-responsive--portrait {padding-top: 145%;} .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: cover;} [data-src] {opacity: 0; transition: opacity 0.2s;} [data-src].lazy-loaded {opacity: 1;} .width-100{width:100%} .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;font-size: 12px;font-weight: 600;} .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: 60%; background: linear-gradient(to top, #000 0%, transparent 100%); opacity: 0.8;} .d-flex, .fx-row {display: flex; flex-wrap: wrap; flex-direction: row;} .d-inline-block {display:inline-block} .d-block{display:block} .over-carousel{overflow-y: hidden;overflow-x: auto;} .flex-carousel{display:flex;} .m-bottom{margin-bottom:20px} .fz-thirt{font-size:13px} .contact-link{color:#fff;margin-left: 10px;} .contact-link:hover{color:#ddd} .fd-column, .fx-col {flex-direction: column; flex-wrap: nowrap;} .jc-space-between, .fx-row {justify-content: space-between;} .jc-flex-start, .fx-start {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: 0.5em;} .hidden, #dofullsearch, .form__header .form__btn, .comment-item__main .quote + br, .d-none {display: none;} .anim, button, .btn, a, a img, .btn-accent, .header__btn-search {transition: all .3s;} .d-grid {display: grid; gap: 20px 20px; grid-template-columns: repeat(auto-fill,minmax(120px,1fr));} .d-grid--noob {gap: 10px 10px; grid-template-columns: repeat(auto-fill,minmax(80px,1fr));} @font-face {font-family: 'Exo'; src: url('/templates/kara/webfonts/Exo2-Regular.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap;} @font-face {font-family: 'Exo'; src: url('/templates/kara/webfonts/Exo2-Medium.woff2') format('woff2'); font-weight: 500; font-style: normal; font-display: swap;} @font-face {font-family: 'Exo'; src: url('/templates/kara/webfonts/Exo2-SemiBold.woff2') format('woff2'); font-weight: 600; font-style: normal; font-display: swap;} @font-face {font-family: 'Exo'; src: url('/templates/kara/webfonts/Exo2-Bold.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap;} .lt-is-active { --bg: #fff; --bg-lighter: #e0e0e0; --bg-lightest: #e6e6e6; --bg-darker: #f6f6f6; --bg-black: #000000; --tt:rgba(0,0,0,.87); --tt-lighter-2: #222; --tt-lighter-3: #5c5c5c; --tt-lighter-4: #040404; --tt-darker: #ccc; --tt-darker-2: #999; --tt-base:#000; --bdc: #00000015; --bdc-bg: #0000000a; --bdc-lighter: #f8f8f8; --bsh: 0 8px 16px rgba(0,0,0,0.5); --bsh-2: 0 1px 3px rgba(0,0,0,0.2); --accent: #5181b8; --accent-2: #ffc107; --accent-3: #2a5885; --accent-4: #deb650; --accent-5: #5181b8; --ui-bg: #00000012; --ui-bg-darker: #f6f6f6; --ui-bg-darker-1: #fff; --ui-bg-darker-2: #f7f7f7; --ui-bg-darker-3: #ccc; --ui-bg-darkest: #f2f2f2; --ui-bg-accent: #111; --ui-bg-blue: #deeaf3; --ui-bg-lighter: #eee; --ui-bdc: #e3e3e3; --ui-bg-lightin:#00000070; --ui-bg-list: linear-gradient(160deg, #e1c170 16%, #606060 64%); --ui-color-box:#e0a100; --background-rgb: 10, 10, 10; --background: #0A0A0A; } .lt-is-active .top__title, .lt-is-active .site-desc h1, .lt-is-active .site-desc h2, .lt-is-active .site-desc h3, .lt-is-active .footer__text, .lt-is-active .pmovie__header-list--accent > span:last-child, .lt-is-active .header__link {color: #fff;} .lt-is-active .nav-title, .lt-is-active .card__list a, .lt-is-active .site-desc a, .lt-is-active .updli-3 div, .lt-is-active .lcomm__link, .lt-is-active .theme-toggle:hover li:last-child {color: var(--accent-3);} .lt-is-active .col-side {box-shadow: inset -1px 0 var(--bdc-lighter);} .lt-is-active .pmovie__header-list--accent > span:first-child {color: var(--tt);} .lt-is-active .card__rating-ext::before, .lt-is-active .nav-menu li > span, .lt-is-active .updli-3 {color: var(--tt-darker-2);} .lt-is-active .lcomm {background-color: #fff;} .lt-is-active .filter-block__cell-content select, .lt-is-active .filter-block__cell-content input[type="text"], .lt-is-active .filter-block__cell-content--check-group {border: 1px solid var(--bdc);} .lt-is-active .stars, .lt-is-active .stars__rating-fill {background-image: url(/templates/kara/dleimages/rating2.svg);} /* BASIC LAYOUT ----------------------------------------------- */ .wrapper {min-width: 320px; position: relative; } .wrapper-container {max-width: var(--max-width); margin: 0 auto;} .header {background: var(--bg-black); margin-bottom: 40px; position: relative; box-shadow: var(--bsh);} .cols {background-color: var(--bg); min-height: 100vh;border-top: 1px solid var(--bdc);} .footer {padding: 20px 0;} .col-main {position:relative;padding: 30px var(--indent); padding-bottom: 40px; width:74%} .col-main--full{width:100%} .col-side {padding: 20px; border-left: 1px solid var(--bdc);width: 26%;} .carou__menu + .content {border-top-right-radius: 0;} .sect__content{display:flex;flex-wrap:wrap;width:100%} .page,.pm-page,.sect__content>form,.search-page, .main-top{width:100%} #scrolltop {position: fixed; width: 60px; height: 60px; line-height: 60px; right: 10px; bottom: 10px; z-index: 990; display: none; background-color: var(--bg-lighter); color: var(--tt); cursor: pointer; font-size: 24px; border-radius: 50%; text-align: center; box-shadow: var(--bsh);} /* HEADER, NAV ----------------------------------------------- */ .logo {display: inline-flex; flex-direction: column; justify-content: center; height: 60px; text-align: left; background: url(/templates/kara/images/logo.png) 0 0px / 55px no-repeat;padding-left: 47px;} .logo__title {text-transform: uppercase; color: #fff; font-size: 18px; letter-spacing: 5px; font-weight: 900; line-height: 1;} .logo__caption {font-size: 10px; font-weight: 600; color: #fff; opacity: 0.8; text-transform: uppercase; letter-spacing: 1px; margin-top: 3px;} .header__btn {position:relative;height: 40px;width: 40px;background:none;padding:0;} .header__btn--add{width:70px;background:#222} .header__btn:hover{opacity:.7;background:none} .header__btn img {border-radius:50%;width: 100%;height: 100%;object-fit: cover;} .header__link {margin-right: 20px; font-size: 12px; text-transform: uppercase; letter-spacing: 1px;} .theme-toggle {display: inline-flex; justify-content: space-between; align-items: center; cursor: pointer; background-color: var(--bg-darker); height: 40px; border-radius: 20px; padding: 5px 0; margin-right: 15px;} .theme-toggle span {cursor: pointer; width: 30px; height: 30px; line-height: 30px;font-size: 24px; border-radius: 50%; text-align: center; color: var(--accent-2); margin: 0 5px;} .header__search {position:relative;width: 340px;margin: 0 20px;} .header__search input, .header__search input:focus {padding: 0 50px 0 15px; border-radius: 3px; background-color: var(--bg-darker); color: var(--tt-lighter-2); border: 0px solid var(--bdc); box-shadow: none; height: 36px; line-height: 36px;} .header__search input:not(:focus)::placeholder {color: var(--tt); opacity: 0.8; font-size: 13px;} .header__search button {position:absolute; right: 0; top: 0; width: 50px; padding: 0; background: none; color: var(--tt); font-size: 14px; height: 36px;} /* TOP ITEM ----------------------------------------------- */ a.card__img:hover, .top__img:hover, .poster:hover .poster__img {transform: scale(1.05);} .carou__menu li {text-align: center;flex-grow: 1;} .carou__menu a {display: block; padding: 11px 20px; background-color: var(--bg); height: 40px;font-weight:600} .carou__menu a.is-active, .carou__menu a:hover {background-color: var(--accent); color: #fff;} .carou {padding: 20px; background-color: var(--bg);border-top: 1px solid var(--bdc); width: 100%; position: relative;box-shadow: inset 0 0 0 1px var(--bdc-lighter);} .carou__content:not(.owl-carousel) {display: flex; overflow: hidden;} .carou__content > .top {width: calc((100% - 140px)/8); flex-shrink: 0; margin-right: 20px;} .top__img {border-radius: 4px; border: 1px solid var(--bdc);} .top__desc {position: absolute; left: 0; right: 0; bottom: 0; z-index: 10; padding: 10px; color: var(--tt-lighter-2);} .poster__rating {position: absolute; left: -4px; top: 5px; z-index: 10; border-radius: 0 4px 4px 0;background-color:rgba(0,0,0,0.6); color: #fff; font-size: 13px; padding: 4px; text-align: center; width: 50px;line-height: 14px;} .poster__rating--franchise{left:0;font-weight: 500;width:70px;background-color: #2a5885;line-height: 14px;} .poster__rating--franshyear{top:52px;left:0;font-size:12px;} .poster__rating--status{bottom: 10px;top: auto;left:0;font-weight: 500;width:70px;background-color: #1eb21e;line-height: 12px;font-size:12px;} .poster__rating--age{padding:0;width:40px} .poster__rating.rating-1, .poster__rating.rating-2, .poster__rating.rating-3 {background-color: #e07978;} .poster__rating.rating-4, .poster__rating.rating-5, .poster__rating.rating-6 {background-color: #e4a257;} .poster__rating.rating-7, .poster__rating.rating-8, .poster__rating.rating-9, .poster__rating.rating-10 {background-color: #3bb33b;} .poster__rating--seasons{background: #288c22;font-weight:600;top:84%;font-size: 12px;width: 112px;left:-6px} .pmovie__poster .poster__rating--seasons{font-size:13px;width:130px;} .poster__img {box-shadow: var(--bsh-2); border-radius: 3px; margin-bottom: 10px;} .poster__title {line-height: 1.4; font-size: 14px; font-weight: 400;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .poster__title:hover{display:block;overflow:inherit} /* SECTION ----------------------------------------------- */ .sect:not(:last-child) {margin-bottom: 30px;} .sect__header {margin-bottom: 20px;} .sect__title {font-size: 22px; font-weight: 600; color: var(--tt-lighter-2);} .sect__title:first-letter, .carou__title:first-letter, .side-block__title:first-letter {color:red;} .sect__title--list{margin-bottom:20px} .sect__title--end{margin:20px 0} .sect__subtitle {font-size: 21px;} .sect__related{display:flex;flex-wrap:wrap} .site-desc {display: grid; grid-gap: 15px; line-height: 1.5;font-size:13px; color: var(--tt-darker); margin-top: 40px} .site-desc h1, .site-desc h2, .site-desc h3 {font-weight: 700; font-size: 18px; color: var(--tt); line-height: 1.3;} .seo-main__page{text-indent:20px} .site-desc a {text-decoration: underline; color: var(--tt);} .site-desc ul li {position: relative; padding-left: 25px; margin-left: 25px;} .site-desc ul li::before {content:"\f00c"; font-weight: 900; font-family:'Font Awesome 5 Pro'; color: var(--accent); position: absolute; left: 0; top: 0;} .site-desc img {float:left; margin:0 20px 10px 0; width:240px; border-radius:3px; opacity:0.6;} .speedbar {font-size: 12px; color: var(--tt-darker-2); margin-bottom: 23px; margin-top: -8px;} .speedbar a:hover {text-decoration: underline;} .sect__btn-filter {position: relative;height: 27px; padding: 6px 8px; margin-left: 20px;} .menu_nav{overflow: hidden;border-top-left-radius: 8px;border-top-right-radius: 8px;} /* CARD ----------------------------------------------- */ .card{justify-content:space-between;align-items: center; margin-bottom:20px;} .card_picture{position:relative;margin-right: 14px;} .card__img{display:block;position:relative;background: var(--bdc-lighter);} .card_content{display:flex;flex-direction: column;justify-content: space-between;flex-basis: 0;-webkit-box-flex: 1;-ms-flex-positive: 1; flex-grow: 1;max-width: 100%;min-width: 50px;} .card__header-title{white-space: normal;display: block;margin-bottom: 12px;font-size: 15px;line-height: 1.3;font-weight: 600;color: #100e0f; transition: color 0.3s;text-decoration: none;} .card__header-episode{margin-bottom:5px;font-size:13px;font-weight: 500;} .card__genres{font-size: 14px;color: var(--tt-lighter-3);} .card__rating{display:flex;align-items: center;margin:6px 0; color:#ddd;} .pmovie__bottom .card__ratings {gap: 20px 20px;} .card__rating>span{margin-right:5px} .card__rating>.fa-star{color: var(--accent-2);margin-right:4px} .card-item__play{display:flex;position:relative;margin: 5px 0;justify-content: space-between;} .card__fav {width: 15%;font-size: 18px;height: 35px;display: flex;justify-content: center;align-items: center;border-radius: 6px;background-color: var(--accent);} /*DLE favourites*/ .favmod .favmod-unset,.favmod.active .favmod-add {display: none;} .favmod.active .favmod-unset {display: block;} .card__fav .fas {color: #fff;font-size: 18px;width: 14px;height: 19px;} .card__fav .fas:hover{color:#71fd14} .card__fav .fas.added {color: #71fd14;} .fa-fire{color: #eb4d4b;margin-right: 5px;font-size: 14px;} .fa-stream{margin-right:4px} .carou__menu .fa-fire, .carou__menu .fa-stream{animation: animate_grow 2s infinite;} @keyframes animate_grow { 0% { transform: scale3d(1, 1, 1); } 50% { transform: scale3d(1.5, 1.5, 1.5); } 100% { transform: scale3d(1, 1, 1); } } .fa-eye, .fa-heart{margin-right: 2px;color: var(--tt);} .card__img img{width: 120px;height: 180px;pointer-events: none;display: block;border-radius: 6px;box-shadow: 0 4px 10px rgb(0 0 0 / 15%)} /*Cardfull*/ .cardfull{display: block;width: 16.66666%;position: relative;margin-bottom: 20px;padding: 0 4px;} .cardfull-item__img{margin-bottom:8px;position:relative} .cardfull-item__img img{display: block;width: 200px;object-fit: cover;height: 200px;margin-bottom: 5px;border-radius: 4px;transition: all .5s;} .cardfull-item__name{font-size:13px;color: var(--tt-lighter-2);display: -webkit-box;overflow: hidden;margin-top:3px; -webkit-box-orient: vertical;-webkit-line-clamp: 2;word-break: break-word;} .cardfull-item__add{font-size: 13px;line-height: 14px;color: var(--tt);opacity: .5;margin-top: 3px;} .poster__rating span{color: var(--accent-2);margin-right: 2px;margin-bottom: -2px;} .card__rating-ext {margin-left: 20px; font-size: 16px; font-weight: 600; position: relative; height: 35px; display: flex; align-items: flex-end; line-height: 1; white-space: nowrap;} .card__rating-ext span {font-size: 10px; font-weight: 400; color: var(--tt); margin-left: 3px; display: inline-block; position: relative;} .card__rating-row {display:flex;flex-direction:column;display: flex;} .card__rating-row span{font-weight: 600;color: var(--tt-lighter-3);} .card__rating-cont {font-size: 16px;padding-left: 24px;margin-top: 5px;} .card__rating-cont.shiki {background: url(/templates/kara/images/shiki.png) 0 0 / 18px no-repeat;} .card__rating-cont.mdl {background: url(/templates/kara/images/mdl.png) 0 0 / 19px no-repeat;} .card__rating-cont.imdb {background: url(/templates/kara/images/imdb.svg) 0 0 / 18px no-repeat;} .card__rating-ext.site {padding-left: 50px; min-width: 140px;} .card__rating-ext-count {height: 38px; width: 40px; position: absolute; left: 0; top: 0;font-size: 18px;} .card__rating-ext svg {width: 150px; height: 150px; position: absolute; left: 0; top: 0; fill: none; transform: scale(0.3,0.3) rotate(-90deg) translate(-50%,-50%); transform-origin: left top; margin: 19px 0 0 20px;} .card__rating-ext svg circle {width: 150px; height: 150px; fill: inherit; transform: translate(5px,5px); stroke-width: 10; stroke: var(--bg-lighter); stroke-dasharray: 440; stroke-dashoffset: 0;} .card__rating-ext svg circle:nth-child(2) {stroke: #ffcc00;} .stars {height: 17px; width: 85px; position: absolute; left: 50px; top: 0px; pointer-events: none; background: url(/templates/kara/dleimages/rating.svg); transform: scale(1,1); transform-origin: left top;} .stars__rating-fill {position: absolute; left: 0; top: 0; height: 100%; z-index: 1; background: url(/templates/kara/dleimages/rating.svg) 0 -34px repeat-x;} /* SIDEBAR ----------------------------------------------- */ .side-block:not(:last-child) {margin-bottom: 15px;} .side-block__title { margin: 0 -20px; padding: 10px 20px; font-size: 17px; font-weight: 600; margin-bottom: 10px; color: var(--tt-lighter-2);} .new::after {content: "NEW"; content: NEW; box-sizing: border-box; vertical-align: middle; border-radius: 3px; padding: 2px 5px; color: #fff; font-size: 12px; margin-left: 10px; font-weight: 600; background: linear-gradient(-45deg,#ee5200,#e70062,#0097d5,#1c84cd); text-shadow: none; position: relative; top: -1px; letter-spacing: 1px; background-size: 400% 400%; animation: Gradient 3s ease infinite; font-family: verdana,sans-serif;} @keyframes Gradient {0% {background-position: 0 50%;} 50% {background-position: 100% 50%;} 100% {background-position: 0% 50%;} } .side-block__title.first {border-top: 0; padding-top: 0; padding-bottom: 20px; box-shadow: 0 1px var(--bdc-lighter);} .side-profil{margin-bottom:13px} .side-profil__nav{display: flex;flex-wrap: wrap;} .side-profil__nav li{margin: 10px 5px 10px 0;} .side-profil a{padding: 6px 10px;box-shadow: 0 0 5px rgb(0 0 0 / 10%);border: 1px solid #0000002b;border-radius: 4px;font-weight: 600;color: var(--tt-lighter-2);background-color: rgba(120,120,130, .07);} .side-profil a:hover{box-shadow: 0 0 5px rgb(0, 0, 0, 1);} .nav-col {} .nav-col + .nav-col {} .nav-title {font-weight: 700; margin:9px 0; color: var(--accent-3);} .nav-menu + .nav-title {margin-top: 12px;} .nav-menu a {display:block; padding: 3px 0; font-size: 13px;} .nav-menu a:hover {text-decoration: underline;} .nav-menu li {position: relative;display: inline-block;margin: 2px;background-color: hsla(240,4%,49%,.07);color: var(--tt-lighter-2); font-size: 12px;padding: 2px 7px 2px 7px;} .nav-menu li > span {position: absolute; right: 0; top: 5px; pointer-events: none; font-size: 12px; color: var(--tt);} .soon + .soon {margin-top: 10px;} .soon__img {width: 60px; height: 85px;border-radius: 6px; box-shadow: var(--bsh-2); margin-right: 10px;} .soon__img img{width: 60px; height: 85px;} .soon__title {color: var(--tt-lighter-2); font-weight: 500;display: -webkit-box;-webkit-line-clamp: 2;font-weight: 500;line-height: 1.2; font-size: 14px;overflow: hidden;-webkit-box-orient: vertical;word-break: break-word;} .soon__text {line-height: 1.3; -webkit-line-clamp: 4; font-size: 12px; margin-top: 5px; color: var(--tt);} .soon__desc{padding-right:10px} .lcomm:not(:last-child) {margin-bottom: 5px;} .lcomm {display:block;border: 1px solid var(--bdc);background: var(--bdc-lighter); border-radius: 4px; padding: 10px; font-size: 13px;} .lcomm__link {display: block; color: var(--accent-3); font-size: 12px; letter-spacing: 0.5px;} .lcomm__date {font-size: 12px; color: var(--tt-darker-2); margin-left: 10px;} .lcomm__text {margin: 8px 0 10px 0;} .lcomm__author {font-weight: 600;} .lcomm__av {width: 24px; height: 24px; border-radius: 50%; margin-right: 10px;} /* FOOTER, PAGINATION ----------------------------------------------- */ .footer .btn {margin-right:10px;font-weight:500;height:30px;padding: 0 10px;text-transform: none;} .footer__logo {min-width: 0; margin-right: 30px;} .footer__text {font-size: 14px; line-height: 1.7;} .footer p{color: var(--tt-darker-2);margin-bottom: 10px;font-size:13px;} .pagination {text-align: center;width:100%; padding: 20px var(--indent); padding-bottom: 0; border-top: 1px solid var(--bdc); box-shadow: inset 0 1px var(--bdc-lighter);} .pagination__btn-loader a, .pagination__btn-href a, .pagination__btn-loader > span {display: inline-flex;justify-content: center;align-items: center;height: 40px;padding: 0 40px; background: var(--bg-darker);color: var(--tt);font-weight: 600;text-transform: uppercase;font-size: 12px;letter-spacing: 1px;margin-bottom: 10px; border-radius: 25px;border: 1px solid var(--bdc);box-shadow: inset 0 0 0 1px var(--bdc-lighter);} .pagination__btn-href {width: 100%;margin: 10px 0;} .pagination__pages a, .pagination__pages span {display: inline-block; margin: 10px 5px 0 5px; line-height: 38px; padding: 0 10px; min-width: 40px; font-size: 16px; border: 1px solid var(--bdc); border-radius: 3px;} .pagination__pages span:not(.nav_ext), .pagination__btn-href a:hover, .pagination__pages a:hover, .pagination__btn-loader a:hover {background: var(--accent); color: #fff; border-color: var(--accent);} /* INNER PAGE ----------------------------------------------- */ .page__subcols {margin: 0 var(--indent-negative); padding: 30px var(--indent) 10px; border-top: 1px solid var(--bdc); position: relative;} .page__header {width: 100%; position:relative;} .page__header-list {display:flex;justify-content:center;align-items:center;flex-wrap: wrap;height: 40px;margin:10px 0;color:var(--tt-lighter-2); background: var(--bdc-bg);padding: 12px 0;border-radius: 6px;} .page__header-list .fa-star{color: var(--accent-2);margin-right: 2px;margin-bottom: -2px;font-size: 16px;} .page__header-list li{margin:0 10px; font-weight:500; font-size:15px} .poster-item__label{position: absolute;z-index: 5;right: 0px;top: 0;font-size:13px;line-height: 24px;border-radius: 0px 6px 0px 4px;overflow: hidden;} .poster-item__left{padding: 4px 6px;background-color: var(--accent);color: #fff;font-weight:500} .poster-item__right{padding: 4px 6px;background-color: #f94646;color: #fff;} .page__col-side {width: 300px; margin-left: 40px;} .page__subcol-side {position:relative;width: 220px; margin-right: 20px;height: 100%;} .page__subcol-side2 {width: 300px; margin-left: 40px;} .page__text .page__subtitle {font-size: 18px;font-weight: 600;color: var(--tt-lighter-2);} .page__subtitle.tac {margin:5px 0;} .page__text {margin-top:15px;} .pmovie__original-title {color: var(--tt); text-transform: uppercase; font-size: 12px; margin-top: 2px; font-weight: 600; letter-spacing: 1px;} .page__header h1 {font-size: 24px; font-weight: 700; color: var(--tt-lighter-2); margin-top: -5px;} .page__header h1 a {margin-left: 10px; font-size: 14px; font-weight: 400;} .pmovie__poster {position:relative;width: 220px; height: 290px; border-radius: 6px;overflow: inherit;} .pmovie__poster img {border-radius:6px;box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;width: 220px;height: 290px;} .pmovie__btn {width: 83%;border-radius: 6px;height: 35px;padding: 8px;font-size: 14px;font-weight: 500;text-transform: none;} .pmovie__btn:hover{background:var(--accent);border:none;} .pmovie__btn:active {transform: scale(.85);background-color: rgba(0,0,0,0.3);} .pmovie__header-list {line-height: 1.5; font-size: 14px;} .pmovie__header-list>div{margin-bottom:10px} .pmovie__header-list a:hover{border-bottom: 1px solid var(--accent);} .pmovie__header-list > li {margin-top: 6px;color: var(--tt-lighter-2);font-weight:600} .pmovie__header-list > li:first-child{text-transform: capitalize;} .pmovie__header-list li > span:first-child {font-size: 14px;font-weight:500; margin-right: 6px;} .pmovie__header-list li a {text-decoration: none;color: var(--accent-3);} .pmovie__header-list--accent > span:first-child {color: var(--accent-2); font-weight: 600; margin-right: 5px;} .pmovie__header-list--accent > span:first-child + span {display: inline-block; vertical-align: middle; border-radius: 3px; padding: 1px 8px; letter-spacing: 1px; box-shadow: inset 0 0 0 1px var(--bdc-lighter); color: var(--tt-lighter-2) !important; border: 1px solid var(--bdc); font-size: 12px;} .pmovie__bottom {margin-right: -340px; margin-left: -20px;margin-top:15px;} .source {display: inline-block; vertical-align: middle; color: var(--tt);font-weight:600; border-radius: 3px; padding: 3px 8px; border: 1px solid var(--bg-lighter); font-size: 12px;} .source--green{background-color: #52c44b;} .source--red{background: #ff5a5a;color: #fff;} .source_kp{background: url(/templates/kara/images/kp.svg) 3px 4px / 15px no-repeat;padding-left: 20px;} .source_imdb{background: url(/templates/kara/images/imdb.svg) 2px 3px / 15px no-repeat;padding-left: 20px;} .pmovie__player {margin: 15px var(--indent-negative) 0;} .pmovie__complaint2 a {color: #eb4d4b; border-bottom: 1px dotted #eb4d4b; font-size: 12px; text-transform: uppercase; font-weight: 600; letter-spacing: 1px; margin-right: var(--indent);} .tabs-block__select span {cursor: pointer; display: inline-block;} .tabs-block__select span {height: 40px; line-height: 40px; padding: 0 20px; background-color: var(--bg-darker); color: var(--tt-darker-2); font-weight: 600; box-shadow: inset 0 0 0 1px var(--bdc-lighter); border: 1px solid var(--bdc); border-bottom: 0;} .tabs-block__select--top span{height: 30px; line-height: 28px; margin-top: 3px;background:none;border:none;box-shadow:none} .tabs__pm{display: flex;align-items: center;padding: 0 20px;border: 1px solid var(--bdc);} .tabs-block__select span.is-active::before{content:"\f04b";font-family: 'Font Awesome 5 Pro'; margin-right:5px;font-size: 12px;} .tabs-block__select span.is-active, .tabs-block__select span:hover {background: var(--bdc-lighter); color: var(--tt-base);} .tabs-block__select--top span.is-active, .tabs-block__select--top span:hover {color: var(--accent-5);background:none; border-bottom:1px solid var(--accent)} .pmovie__player-bottom {background-color: var(--bg-darker); border: 1px solid var(--bdc); border-left: 0; border-right: 0; box-shadow: 0 1px var(--bdc-lighter), inset 0 1px var(--bdc-lighter); padding: 10px var(--indent);} .pmovie__rating-likes > * {display: flex; align-items: center; height: 40px; border-radius: 20px; background-color: var(--bg); box-shadow: var(--bsh-2); padding: 5px; font-weight: 600; margin-right: 5px; padding-right: 20px;} .pmovie__rating-likes > * .fas {color: var(--tt-base); height: 30px; line-height: 30px; width: 30px; border-radius: 50%; text-align: center; font-size: 16px; margin-right: 2px;} .pmovie__rating-likes > a:hover {background-color: var(--accent); color: #fff;} .pmovie__player-bottom .card__rating-ext {margin-right: 10px; margin-left: 0;} .pmovie__share {text-align: right;} .pmovie__caption {line-height: 1.6; position: relative; background-color: var(--bg-lighter); color: var(--tt); padding: 15px var(--indent); margin: 0 var(--indent-negative); padding-left: 90px;} .pmovie__caption::before {content: '\f05a'; font-family: 'Font Awesome 5 Pro'; font-weight: 900; position: absolute; left: var(--indent); top: 50%; font-size: 34px; color: var(--accent); transform: translateY(-50%);} .soc-channels{display:flex;flex-wrap: wrap;margin: 10px 40px;} .soc-channels__item {display: flex; flex-direction: column; justify-content: center;width:135px; position: relative; padding: 0 5px 0 50px; height: 40px; overflow: hidden; background-color: #2daae1; color: #fff !important; margin: 2px 4px 0 0; font-size: 10px; text-transform: uppercase; letter-spacing: 1px; font-weight: 400; border-radius: 4px;} .soc-channels__item div {font-size: 14px; text-transform: none; font-weight: 600; margin-top: -1px;} .vk {background-color: #1877f2; color: #fff;} .yt {background-color: #df1111; color: #fff;} .tik {background-color:#2b2b2b; color:#fff} .compl {background-color: #2daae1; width:218px;} .soc-channels__item + .soc-channels__item {margin-top: 10px;} .soc-channels__item::before {content: ''; width: 40px; height: 40px; background-color: rgba(0,0,0,0.2); position: absolute; left: 0; top: 0; background-position: center center; background-size: 20px; background-repeat: no-repeat;} .tlg::before {background-image: url(/templates/kara/images/i-tlg.svg); background-size: 16px;} .compl::before {background-image: url(/templates/kara/images/i-tlg.svg); background-size: 16px;} .vk::before {background-image: url(/templates/kara/images/i-vk.svg);} .yt::before {background-image: url(/templates/kara/images/i-youtube.svg);} .tik:before {background-image: url(/templates/kara/images/i-tik.svg);} .page__tags {margin: 20px 0; margin-right: -16px; font-size: 0;} .page__tags .fas {height: 30px; line-height: 30px; margin: 10px 10px 0 0; font-size: 16px; opacity: 0.6;} .page__tags a {display: flex; align-items: center; white-space: nowrap; height: 30px; border-radius: 2px; padding: 0 10px; font-size: 11px; text-transform: uppercase; margin: 10px 10px 0 0; color: var(--tt); border: 1px solid var(--bdc); box-shadow: inset 0 0 0 1px var(--bdc-lighter);} .page__tags a:hover {background-color: var(--accent); border-color: var(--accent); color: #fff;} .pmovie__related {border: 1px solid var(--bdc); border-left: 0; border-right: 0; margin: 0 var(--indent-negative); box-shadow: 0 1px var(--bdc-lighter), inset 0 1px var(--bdc-lighter); padding: 30px var(--indent);} /* TEXT BLOCK, TYPOGRAPHY, VIDEO BLOCK ----------------------------------------------- */ .full-text {line-height: 1.4; font-size: 14px; 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: 5px;} .page__title {color: var(--tt-lighter-2);} .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 var(--accent); position: absolute; top: 5px; left: 10px;} .full-text > ol {counter-reset: num;} .full-text > ol li:before {content: counter(num); counter-increment: num; background-color: var(--accent); color: #fff; position: absolute; top: -2px; left: 17px; width: 24px; height: 30px; font-size: 14px; font-weight: 600; 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: var(--accent); 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: 60%; position: relative;background: #000 url(/uploads/shared/loader.svg) no-repeat 50% 50%; position: relative;} .video-responsive > iframe, .video-responsive > video {position: absolute;z-index:1; 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: 21px;} .full-text iframe {width: 100%; height: 400px; margin-bottom: 20px;} .short-info {margin-top: 3px;line-height: 1.7;border-bottom: 1px solid #555;font-weight: 700;margin: 2px 0;padding: 1px 10px;} .short-info > span {font-weight: 700;margin-right: 5px;} .info-title {color: #a4a4a4;} /* COMMENTS ----------------------------------------------- */ .page__comments {margin:15px 0 0 0;content-visibility: auto;} .page__comments-title {font-size: 18px; font-weight: 600; color: var(--tt-lighter-2); margin-bottom: 20px;} .page__comments-info {font-size: 14px; margin-bottom: 15px; margin-top: -15px; color: var(--tt-darker-2); line-height: 1.5;} .page__comments-info .fas {color: #eb4d4b; margin-right: 6px;} .page__comments-header {position: relative; padding-right: 130px;} .page__comments-btn {position: absolute; right: 0; top: 0;} .page__comments-list {padding: 0;} .page__comments-list--not-comments {padding: 0; border: 0;} .add-comments-form.form {padding: 0; margin-bottom: 20px;} .add-comments-form .form__input, .add-comments-form__input, .add-comments-form .form__textarea-inside textarea, .mass_comments_action select {border-radius: 0;} .add-comments-form__input {margin-left: 20px;} .add-comments-form .d-none123, .comments_subscribe + br {display: none;} .mass_comments_action {display: flex; 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;} .comment-item__title {font-weight: 600; font-size: 18px; margin-bottom: 20px;} .comment-item {margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px solid var(--bdc); box-shadow: 0 1px var(--bdc-lighter);} .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: 600; position: absolute; left: 0; top: 0; z-index: 5; color: #fff; font-size: 18px;} .comment-item__author, .comment-item__author a {font-weight: 600; font-size: 15px; color: var(--tt-lighter-2);} .comment-item__admin{font-size:12px;background: var(--accent-5);color: var(--tt-base);padding: 2px 4px;line-height: 15px;border-radius: 10px;display: inline-block;} .comment-item__date {margin-top: 4px; font-size: 12px;} .comment-item__main {margin: 8px 0 8px 0; font-size: 14px;color: var(--tt-lighter-4);} .comment-item__rating {white-space: nowrap; font-size: 14px;} .comment-item__rating a {margin-left: 6px; color: var(--tt);} .comment-item__rating a > span:first-child {color: var(--tt-base); margin-right: 2px;} .comment-item__rating a:last-child > span:first-child {color: #f36261;} .comment-item__reply a {font-size: 13px; margin-right: 15px; opacity: .8;} .comment-item__reply a .fas {margin-left: 2px;} .comment-item__reply + .comment-item__reply a .fas {margin-left: 0; margin-right: 5px;} .comment-item__controls {text-align: right; font-size: 12px; margin-right: -15px;} .comment-item__controls li {display: inline-block; vertical-align: middle; margin: 0 0 0 10px; height: 16px; line-height: 16px;} .comment-item__controls a:not(:hover) {color: var(--tt-darker-2);} .comment-item__footer a:hover {text-decoration: underline;} .comment-item__rating a:hover > span:first-child {text-decoration: none;} .comment-item__controls .checkbox {transform: scale(0.8,0.8); margin-left: 5px;} /*Популярные, новые и рейтинг 4*/ .comment-item__rating-three{display:flex;align-items:center;} .comment-item__rating-three > span{margin:4px 7px;} .comments-tabs {display: flex; margin-bottom: 28px;} .comments-tabs-item {position: relative; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; padding: 0 4px; margin-right: 10px; height: 35px; font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; color: var(--tt-lighter-2); white-space: nowrap; transition: color 0.3s ease;} .comments-tabs-item::after {content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 4px; background-color: var(--accent); opacity: 0; transition: opacity 0.3s ease;} .comments-tabs-item.active::after {opacity: 1;} .collapse-comments-tree-button {cursor: pointer; color: var(--tt-lighter-2); opacity: 0.8; font-size: 12px;} .collapse-comments-tree-button:hover {text-decoration: underline;} .ratingtypeplusminus {background: var(--bdc-bg); padding: 4px 12px 4px 10px; border-radius: 4px; margin: 8px 0; font-size: 14px; color: var(--tt-lighter-4);} .ratingtypeplusminus.ratingplus {color: #00a200;} .ratingtypeplusminus.ratingminus {color: red;} /* LOGIN ----------------------------------------------- */ .login {position: fixed; z-index: 999; left: 50%; top: 50%; transform: translate(-50%,-50%); background-color: var(--bg); border-radius: 8px; width: 330px;overflow: hidden;} .login__header {padding: 15px 40px; border-radius:6px;background-color: var(--ui-bg-darker);} .login__title {font-size: 18px; font-weight: 600; padding: 1px 0; text-transform: capitalize; color: var(--tt-lighter-2);} .login__close {cursor: pointer; font-size: 24px; opacity: 1; margin-left: 20px;} .login__title a {border-bottom: 1px dotted var(--tt); margin-left: 10px; font-weight: 400; color: var(--tt);} .login__content {padding: 20px 40px;} .l-fav{background-color: #6ab04c;padding: 0 5px;border-radius: 3px;color: #fff;margin-left: 5px;} .l-fav--pm{background-color: #fc363b;} .pm-notify{position: absolute;top: 0;right: -5px;background: #fc363b;border-radius: 50%;width: 18px;height: 18px;display: flex; align-items: center;justify-content: center;} .login__row {margin-bottom: 12px; position: relative; display: block; font-size: 14px; color: var(--tt);text-align:center;} .login__caption {font-size: 14px; color: var(--tt-lighter-2); margin-bottom: 15px;} .login__caption a {text-decoration: none; margin-left: 6px; color: var(--accent-3);} .login__caption .register-btn{display: inline-block;margin-top: 5px;padding: 5px 10px;background: linear-gradient(45deg, #5181b8, #db4337); color: #fff;border-radius: 3px;} .login__input input {padding-left: 40px;} .login__row .fas {opacity: 0.7; position: absolute; left: 0; bottom: 0; line-height: 40px; width: 40px; text-align: center;} .login__row button {height: 35px;border-radius: 10px;} .login__social {background-color: var(--ui-bg-darker); padding: 10px 40px; text-align: center;} .login__social-caption {font-size: 11px; text-transform: uppercase; margin-bottom: 10px;} .login__social-btns a {display:inline-block;padding: 2px 10px;border-radius:10px;margin: 0 3px; vertical-align:top;} .login__vk{background-color: #4c77a2;} .login__google{background-color: #fff;} .login__yandex{background-color: #fc3a10;} .login__telegram{margin-top:10px;} .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 8px 5px;} .login__menu a {display:flex;align-items: center; border-radius: 6px; padding: 10px 8px; text-align: center; white-space: nowrap; background-color: var(--ui-bg-darker);font-size: 13px;} .login__menu .fas {font-size:16px; opacity: 0.8; margin:0 10px;} .fplaye{width:820px} #player{min-height:460px} .b-player{padding-top:10px;position:relative} .b-translators__list{display:table-cell;padding:1em;text-align:center;vertical-align:middle} .b-player iframe{overflow:hidden;width:100%!important} .b-player iframe::-webkit-scrollbar{display:block} .b-post__lastepisodeout{position:relative;background:#12171b url(/templates/kara/dle_serials/dle_serials.png);color:#ccc;height:20px} .b-post__lastepisodeout_full{position:relative;background:#1f222e url(/templates/kara/dle_serials/dle_serials.png);color:#ccc;height:40px;line-height:40px;margin-bottom:30px} @media only screen and (max-width: 590px) { .video-responsive {padding-top: 90%;} .b-post__lastepisodeout_full{position:relative;background:#12171b url(/templates/kara/dle_serials/dle_serials.png);color:#ccc;height:40px} } .b-episodes__list{margin-left:-16px;padding:32px 0 15px;-webkit-transition:opacity .5s ease;-moz-transition:opacity .5s ease;-o-transition:opacity .5s ease;transition:opacity .5s ease} .b-episodes__list li{float:left;margin:0 0 17px 17px} .b-simple_seasons__list{margin:0 auto;padding:10px;padding:4px 10px 12px 13px;list-style:none} .b-simple_seasons__title{color:#fff;font-size:15px;font-weight:700;padding-top:10px;padding-left:11px;text-align:left} .b-simple_season__item{margin:0 2px 2px 0 !important;list-style:none!important;float:left;padding:8px 5px;margin-right:4px;border-radius:3px;background:rgba(0,0,0,0.3);margin-bottom:3px;border:1px solid #35394a;color:#fff;text-align:center;cursor:pointer} .b-simple_episodes__list{margin:0 auto;padding:10px 10px 12px 13px;text-align:left} .b-simple_episode__item{display:inline-block;font-size:13px;-webkit-transition:background .3s ease;-moz-transition:-moz-background .3s ease;-o-transition:-o-background .3s ease;transition:background .3s ease;text-align:left;margin:0 2px 2px 0 !important;list-style:none!important;padding:8px 5px;border-radius:3px;background:rgba(0,0,0,0.3);border:1px solid #35394a;color:#fff;text-align:center;cursor:pointer} .b-simple_episode__item:hover,.b-simple_season__item:hover{border:1px solid #ff8100;color:#ff8b00} #serial_player{min-height:460px} #simple-episodes-tabs{white-space:nowrap;overflow:hidden;margin:0 30px;display:block;position:relative} @media only screen and (max-width: 590px) { #simple-episodes-tabs{-webkit-overflow-scrolling:touch;overflow-x:scroll} #serial_player{min-height:300px} #player{background:#000;min-height:300px} } #simple-episodes-list{-moz-padding-start:0;padding-start:0;-webkit-padding-start:0;text-align:left} .b-simple_episode__item.active{background:rgb(139 59 50)!important;cursor:default} .b-simple_season__item.active{background:rgb(139 59 50)!important;cursor:default} .prenext{position:relative} .prevpl,.nextpl{position:absolute;top:5px;font-size:xx-large;width:25px;height:20px;color:#D5D9D9;cursor:pointer;font-weight:700;z-index:999} .prevpl{left:0} .nextpl{right:0} @-webkit-keyframes fadein { to{opacity:1} } @keyframes fadein { to{opacity:1} } @-webkit-keyframes pulse { 50%{-webkit-transform:scale(0.9);transform:scale(0.9)} 100%{-webkit-transform:scale(1);transform:scale(1)} } @keyframes pulse { 50%{-webkit-transform:scale(0.9);transform:scale(0.9)} 100%{-webkit-transform:scale(1);transform:scale(1)} } @-webkit-keyframes start3d { 0%{-webkit-transform:rotate3d(0,0,0,0deg);transform:rotate3d(0,0,0,0deg)} 20%{-webkit-transform:rotate(90deg) rotate3d(-45,-45,0,90deg) scale(1.1);transform:rotate(90deg) rotate3d(-45,-45,0,90deg) scale(1.1)} 40%{-webkit-transform:rotate(180deg) rotate3d(-45,-45,0,180deg) scale(1.3);transform:rotate(180deg) rotate3d(-45,-45,0,180deg) scale(1.3)} 60%{-webkit-transform:rotate(270deg) rotate3d(-45,-45,0,270deg) scale(1.2);transform:rotate(270deg) rotate3d(-45,-45,0,270deg) scale(1.2)} 100%{-webkit-transform:rotate3d(0,0,0,0deg);transform:rotate3d(0,0,0,0deg)} } @keyframes start3d { 0%{-webkit-transform:rotate3d(0,0,0,0deg);transform:rotate3d(0,0,0,0deg)} 20%{-webkit-transform:rotate(90deg) rotate3d(-45,-45,0,90deg) scale(1.1);transform:rotate(90deg) rotate3d(-45,-45,0,90deg) scale(1.1)} 40%{-webkit-transform:rotate(180deg) rotate3d(-45,-45,0,180deg) scale(1.3);transform:rotate(180deg) rotate3d(-45,-45,0,180deg) scale(1.3)} 60%{-webkit-transform:rotate(270deg) rotate3d(-45,-45,0,270deg) scale(1.2);transform:rotate(270deg) rotate3d(-45,-45,0,270deg) scale(1.2)} 100%{-webkit-transform:rotate3d(0,0,0,0deg);transform:rotate3d(0,0,0,0deg)} } @-webkit-keyframes showload { 0%{height:0} 50%{height:20px} 100%{height:0} } @keyframes showload { 0%{height:0} 50%{height:20px} 100%{height:0} } .av-loader{position:absolute;left:0;top:0;right:0;bottom:0;-webkit-animation:fadein 1s ease .2s 1 normal;animation:fadein 1s ease .2s 1 normal;background:#000} .av-loader:after{content:"Загрузка плеера";color:#fad8d1;display:inline-block;position:absolute;left:0;right:0;top:50%;margin-top:-8px;font-size:11px;line-height:20px;text-align:center;text-transform:uppercase;text-shadow:rgba(0,0,0,0.5) 0 1px 4px;transition:all 1.5s} .is-loaded .av-loader:after{opacity:0} .av-loader-hold{position:absolute;width:110px;height:110px;left:50%;top:50%;margin-left:-55px;margin-top:-55px} .av-loader-ring,.av-loader-play{position:absolute;top:0;left:0;right:0;bottom:0;border:2px solid rgba(255,255,255,0.5);border-radius:50%;color:#fff;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform-origin:50% 50% 50%;transform-origin:50% 50% 50%;transition:all 2s} .is-loaded .av-loader-ring,.is-loaded .av-loader-play{opacity:0} .av-loader-play{border:1px solid #83210b;opacity:.8;box-shadow:#f17222 0 1px 0 inset,rgba(0,0,0,0.25) 0 0 10px;background-color:#cb3415;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjNDIxZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NiMzQxNSIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=);background-size:100%;background-image:linear-gradient(#fc421d,rgba(203,52,21,0));-webkit-transform:scale(0.92);transform:scale(0.92)} .av-loader-play:after{background:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/66042/arrow.png) no-repeat center center;content:"";display:block;width:28px;height:54px;position:absolute;left:50%;top:50%;margin-top:-27px;margin-left:-10px;opacity:.35;transition:all 2s} .is-loaded .av-loader-play{opacity:1;-webkit-transform:scale(1);transform:scale(1)} .is-loaded .av-loader-play:after{opacity:1} .av-loader-ring:nth-child(1){border-color:rgba(226,33,3,0.5);-webkit-animation:start3d 6s ease-out .5s infinite normal;animation:start3d 6s ease-out .5s infinite normal} .av-loader-ring:nth-child(2){border-color:rgba(226,41,3,0.5);-webkit-animation:start3d 6s ease-out 1s infinite normal;animation:start3d 6s ease-out 1s infinite normal} .av-loader-ring:nth-child(3){border-color:rgba(226,48,3,0.5);-webkit-animation:start3d 6s ease-out 1.5s infinite normal;animation:start3d 6s ease-out 1.5s infinite normal} .av-loader-ring:nth-child(4){border-color:rgba(226,55,3,0.5);-webkit-animation:start3d 6s ease-out 2s infinite normal;animation:start3d 6s ease-out 2s infinite normal} /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-carousel {width: 100%; position: relative; z-index: 1;} .owl-carousel .owl-stage {position: relative; display:flex; justify-content:flex-start;} .owl-carousel .owl-stage-outer {position: relative; overflow: hidden; transform: translate3d(0px, 0px, 0px);} .owl-carousel .owl-item {position: relative; min-height: 10px;} .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled, .owl-carousel.owl-refresh .owl-item {display: none;} .owl-carousel.owl-loaded, .owl-carousel.owl-loading, .no-js .owl-carousel {display: block; opacity: 1;} .owl-carousel.owl-drag .owl-item {user-select: none;} .owl-carousel.owl-grab {cursor: move; cursor: grab;} .owl-carousel .animated {animation-duration: 1000ms; animation-fill-mode: both;} .owl-carousel .owl-animated-in {z-index: 0;} .owl-carousel .owl-animated-out {z-index: 1;} .owl-carousel .fadeOut {animation-name: fadeOut;} @keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} } .owl-height {transition: height 600ms ease-in-out;} .owl-carousel .owl-item .owl-lazy {opacity: 0; transition: opacity 400ms ease;} .owl-carousel .owl-item img.owl-lazy {transform-style: preserve-3d;} .owl-nav {position: absolute; left: 0; top: 50%;} .owl-prev, .owl-next {display: flex; cursor: pointer; box-shadow: var(--bsh-2); width: 40px; height: 40px; background-color: var(--bg); color: var(--tt); position: absolute; left: -60px; top: 0; font-size: 14px; border-radius: 3px 0 0 3px;} .franchise-block .owl-prev, .franchise-block .owl-next {top:-10px;left:-40px} .owl-prev {margin-bottom: -40px;} .owl-next {background-color: var(--accent); color: #fff; margin-top: -40px;} .owl-prev:hover, .owl-next:hover {background-color: var(--accent); color: #fff;} .owl-dots {text-align: center; position: absolute; left: 0; right: 0; bottom: -25px;} .owl-dot {display: inline-block; width: 10px; height: 10px; border-radius: 50%; cursor: pointer; background: var(--bg); margin: 0 5px;} .owl-dot.active, .owl-dot:hover {background: var(--accent);} .owl-carou_one{margin:-20px 0 25px; order:-2} .carou__title{margin: 10px 15px 15px;font-size: 17px;font-weight:600;color: var(--tt-lighter-2);} /*Slider*/ .slider{background: var(--bg); border-bottom: 1px solid var(--bdc); margin: -20px -15px 5px;} .slider--end{margin: 0px -15px 20px;} .slider--collections{margin: 0px -15px 5px;} .slider-group{scroll-snap-type: x mandatory; padding-bottom:15px;margin: 0 -15px} .s_ol{scroll-snap-align: start;scroll-snap-stop: always;} .slider-group .side-block:first-child{padding-left:25px;} .slider__content{padding-bottom:20px;} .slider__content .slider__list{margin:0 3px} .slider__content .slider__list:first-child{margin-left: 13px;} .slider__list-img{width:125px; margin-bottom:4px} .slider__list-img img{width: 125px;height: 176px;object-fit: cover;border-radius: 6px;} .slider-cat .slider__list-img{width:95px; height:140px; margin-bottom:4px} .slider-cat .slider__list-img img{width:95px; height:140px;} .slider__list-name{display: -webkit-box;-webkit-line-clamp: 2;font-weight: 500;line-height: 1.2;font-size: 13px;overflow: hidden; -webkit-box-orient: vertical;word-break: break-word;} /*Filter block*/ .filter-block {margin-bottom: 20px;} .filter-block__title {font-size: 16px;margin: 5px 5px 5px;font-weight: 500;color: var(--tt-lighter-2);} .filter-block__desc {font-size: 15px;margin: 5px 5px 5px;font-weight: 500;color: var(--tt);cursor: pointer;} .filter-block__form {display: grid; grid-template-columns: repeat(auto-fit,minmax(240px,1fr)); grid-gap: 5px 5px;} .filter-block__cell--full-width {grid-column: 1 / -1;} .filter-block__cell-caption {margin-bottom: 10px;} .filter-block__cell-content > * {width: 100%; display: block;} .filter-block__cell-content--two-columns {display: flex; justify-content: space-between;} .filter-block__cell-content--two-columns > * {width: calc((100% - 10px)/2) !important;} .filter-block__cell-content select, .filter-block__cell-content input[type="text"], .filter-block__cell-content--check-group {height: 36px; line-height: 34px; background-position: right 8px top 50%; background-color: var(--bg-darker); color: var(--tt); border: 1px solid var(--bg-black); border-radius: 4px; box-shadow: none; font-size: 14px; padding: 0 7px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .filter-block__cell-content select {padding: 0 8px 0 4px;} .filter-block__cell-content input[type="text"]::placeholder {opacity: 1; color: var(--tt); font-size: 14px;} .filter-block__cell-content input[type="text"]:focus::placeholder {opacity: 0;} .filter-block__cell-content label {position: relative; padding-left: 50px; cursor: pointer; height: 36px; display: flex; flex-direction: column; justify-content: center; font-size: 14px;} .filter-block__cell-content label input {display: inline-block; appearance: none; -webkit-appearance: none; height: 20px; width: 40px; border-radius: 10px; background-color: var(--bg-darker); cursor: pointer; transition: all .2s linear; box-shadow: inset 0 2px 5px rgba(0,0,0,0.1); position: absolute; left: 0; top: 50%; margin-top: -10px;} .filter-block__cell-content label input::before {content: ''; width: 18px; height: 18px; border-radius: 10px; position: absolute; left: 1px; top: 1px; background-color: var(--bg); transition: all .2s linear;} .filter-block__cell-content label input:checked {background-color: #6ab04c;} .filter-block__cell-content label input:checked::before {left: 21px;} .filter-block__cell-content input[type="button"], .filter-block__cell-content button {cursor: pointer; height: 36px; display: inline-flex; justify-content: center; padding: 0 10px; box-shadow: none; border-radius: 4px;} .filter-block__cell-content input[type="button"][data-dlefilter="reset"] {background: var(--bg-darker); color: var(--tt);} .filter-block__cell-content--check-group label {padding: 0; text-align: center; white-space: nowrap; flex: 1 1 0; min-width: 30px; max-width: 100%; background: var(--bg);} .filter-block__cell-content--check-group label input {position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; z-index: 5;} .filter-block__cell-content--check-group {display: flex; justify-content: center; overflow: hidden; padding: 0;} .filter-block__cell-content--check-group label{border-left: 1px solid var(--background);} .filter-block__cell-content--check-group label:nth-child(1){border-left: 0} .filter-block__cell-content--check-group label div {height: 36px; font-size: 14px;} .filter-block__cell-content--check-group label input:checked + div {background-color: var(--accent); color: #fff;} /*MY STYLE ==========*/ /*h2 description*/ .page__text h2{font-size:15px;margin:0;} /*Меню*/ .graph-a{position:relative;overflow: hidden;} .graph-a:before{content:'new';transform: rotate(45deg);position: absolute;top: 5px;right: -25px;height: 12px;line-height:10px; width: 70px;background: #4683d9;color: white;text-align: center;font-size: 11px;opacity: 0.9;} /*Развернуть & свернуть*/ .slice {overflow:hidden; position:relative; transition:height .2s;} .slice-btn {text-align: right;position: relative;margin-top: 5px;} .slice-btn span {display: inline-block;cursor: pointer;color: #add8e6;} /*Еще*/ .btn-full{display: inline-flex;margin: 0 5px;padding: 2px 6px 4px;cursor: pointer;line-height: 13px;border-radius: 4px; font-size: 13px;background-color: var(--ui-bg-lighter);} .tag-desc a:nth-child(14) ~ a{display:none} .tag-desc a:not(:last-child):after{content:","} /*Story-section Исторя*/ .story-section>h3 {margin-bottom: 15px;font-size: 16px;color: var(--tt-lighter-2);} /*Login-banner*/ .login-banner{width:100%; display:flex;} .login-banner img{width:200px;margin:0 auto;} .login-banner__content h3{font-size:18px; line-height:1;margin-bottom:10px} .login-banner__list li{margin: 3px 0;} /*Visually hidden*/ .save-buttons input[type="button"]{height:30px;} .visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;clip:rect(0 0 0 0);overflow:hidden;} /*Mylist*/ .mylist__title{font-size:20px} .mylist__title::after{content: "⚙️ изменить";font-size:15px;display:inline-block;background: var(--accent);cursor:pointer;margin-left: 10px;color: var(--tt-base);padding: 4px;border-radius: 6px;line-height: 1;} .mylists-switch {z-index:1;background-color: var(--bg-darker);box-shadow: 0 1px 2px rgb(0 0 0 / 4%); box-shadow: 0px 6px 20px 3px rgb(0 0 0 / 20%);font-size: 12px;border-radius:4px} .mylists-tabs {list-style: none;display:inherit;overflow: auto;margin: 10px 0px 20px;padding-bottom: 4px;} .mylists-tabs::-webkit-scrollbar{width: 0;height: 0;} .mylists-tabs li {display:flex;font-size: 13px;margin-right: 20px;color: var(--tt-lighter-2);padding: 10px 2px;font-weight: 600;} .mylists-switch li {font-size: 13px;color: var(--tt-lighter-2);display: block;padding: 10px 12px;font-weight: 600;} .mylists-switch li:hover, .mylists-tabs li:hover {color: var(--accent);cursor: pointer;} .mylists-switch li:last-child, .mylists-tabs li:last-child {margin: 0px;} .mylists-tabs li.active{border-bottom: 3px solid var(--accent-2);} .mylists-switch li.active{background: var(--accent);color: #fff;} .mylists-tabs li.active a {color: var(--tt);} .mylists-tabs li a{margin-right: 5px;width: max-content;} .mylist-block {display:none;position: absolute;width: 200px;top:45px;z-index: 2;left: 0;} .mylists-switch li.active::after{content:"\f00d";font-family:'Font Awesome 5 Pro';float: right;font-size: 15px;} .mylists-switch li>span::before{font-size:12px;font-family:'Font Awesome 5 Pro';margin-right:5px;} .mylists-switch li:first-child>span::before{content:"\f017"} .mylists-switch li:nth-child(2)>span::before{content:"\f0f3"} .mylists-switch li:nth-child(3)>span::before{content:"\f00c"} .mylists-switch li:nth-child(4)>span::before{content:"\f256"} .mylists-switch li:last-child>span::before{content:"\f070"} .mylists-short{display:none} .mylists-switch--short li>span::before{margin-right:0} .mylists-switch--short{display:inline-block;background:none;margin-top:7px} .mylists-switch--short li{display:inline-block;padding: 10px 12px;font-size:0;color: var(--tt-lighter-3);} .mylists-switch--short li.active{background:none;color: var(--accent-2);} .mylists-switch--short li.active span::before{font-size:15px} .mylists-switch--short li:hover{background:none} /*Тег News*/ .tags{margin-top:15px} .link__top, .tags a{color: var(--tt-lighter-2);border-radius: 12px;padding: 7px 12px;font-size: 13px;line-height: 1;background-color: hsla(240,4%,49%,.07); text-align: center;white-space: nowrap;vertical-align: baseline;display: inline-block;margin:3px 2px;} .link__top:hover, .tags a:hover{box-shadow: 0 0 2px #ffe298;} .top__news{margin: -10px 0px 10px -4px;display: flex;overflow-x: auto;padding: 10px 0;} .top__news::-webkit-scrollbar{height:10px} .top__news::-webkit-scrollbar-thumb {background-color: var(--tt-darker);} .top__news-title{margin-right:15px;} .back_top {padding: 4px 10px;background: var(--accent);font-weight: 600;color: var(--tt-base);border-radius: 4px;margin-right: 10px;} /*franchise*/ .franchise{margin: 10px var(--indent-negative) 0;} .franchise__title {padding: 0 var(--indent) 8px;font-size: 18px;font-weight:600;color: var(--tt-lighter-2);} .franchise-block{display:flex;padding-top:5px; counter-reset: schetchik;} .franchise-item {counter-increment: schetchik;} .franchise__img:before {content: counter(schetchik);position: absolute;z-index:2;right: 0;top: 0;color: #eee;background-color: rgba(0,0,0,0.6); padding: 4px 8px;border-radius: 0px 6px 0px 6px;} .franchise-item{display: block;position: relative;margin: 0 4px;width:155px} .franchise-item.active > .franchise__img:before{content:"Вы тут";background-color: #1eb21e;font-size:12px;} .franchise-item:first-child{margin-left:5px} .franchise-item:last-child{margin-right:7px} .franchise__img{position:relative;width:155px} .franchise__img img{width: 155px;height: 75px;object-fit: cover;border-radius: 6px;} .cardfull-item__name--franchise{font-size:12px} .cardfull-item__add--frachise{font-size:12px; opacity:.7;} /*SORT*/ .sort{display:flex;flex-wrap:wrap;margin-bottom:10px} .sort li{margin-right:10px; margin-bottom:20px} .sort li a{background-color: rgba(120,120,130, .07);padding: 5px 10px;} .sort li.asc a{background-color:var(--accent); color:#fff;} .sort li.desc a{background-color:var(--accent); color:#fff;} .sort li.asc a::before{content: "\f160";font-family: 'Font Awesome 5 Pro';margin-right: 5px;} .sort li.desc a::before{content: "\f161";font-family: 'Font Awesome 5 Pro';margin-right: 5px;} /*Top-list collection-top*/ .top-list li{ margin: 5px 0; background: var(--ui-bg-list); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } .top-list li:hover::before, .collection-list__item:hover::before { background: #1e7ce2; } .top-list a{font-weight:600;font-size:15px} .top-list__position{ font-weight: 700; background: linear-gradient(160deg, #4c9df3 60%, #fe3de1 40%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } .collection-list__item:before, .top-list li:before { content: ""; width: 10px; height: 10px; display: inline-block; border-radius: 50%; margin-right: 4px; background: linear-gradient(160deg, #eacc7f 16%, #ad9c72 64%); } .collection-list__item { background: var(--ui-bg-list); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: 4px; } .collection-list__item > a { font-size: 15px; font-weight: 600; } .collection-top { display: flex; margin-top: 20px; margin-bottom: 10px; } .collection-top__img { width: 45px; height: 45px; background-size: cover; background-repeat: no-repeat; background-repeat: no-repeat; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nNDInIGhlaWdodD0nNDQnIHZpZXdCb3g9JzAgMCA0MiA0NCcgZmlsbD0nbm9uZScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNMjEuMzA2IDMxLjc2M3MtMi4wMjktMS44MTctMi4wMjktNC4wNThjMC0yLjI0MSAyLjAzLTQuMDU4IDIuMDMtNC4wNThzMi4wMjggMS44MTcgMi4wMjggNC4wNThjMCAyLjI0LTIuMDI5IDQuMDU4LTIuMDI5IDQuMDU4eicgZmlsbD0ndXJsKCNwYWludDBfbGluZWFyKScvPjxwYXRoIGQ9J00xOS4zODYgMzMuNzgzcy0yLjI1OSAxLjUyMS00LjQzMS45NzJjLTIuMTczLS41NDktMy40MzctMi45NjEtMy40MzctMi45NjFzMi4yNTgtMS41MjIgNC40MzEtLjk3M2MyLjE3My41NSAzLjQzNyAyLjk2MiAzLjQzNyAyLjk2MnonIGZpbGw9J3VybCgjcGFpbnQxX2xpbmVhciknLz48cGF0aCBkPSdNMjMuMzM1IDMzLjkxMnMyLjI1OCAxLjUyMiA0LjQzMS45NzNjMi4xNzMtLjU1IDMuNDM3LTIuOTYyIDMuNDM3LTIuOTYycy0yLjI1OC0xLjUyMS00LjQzMS0uOTcyYy0yLjE3My41NDktMy40MzcgMi45NjEtMy40MzcgMi45NjF6JyBmaWxsPSd1cmwoI3BhaW50Ml9saW5lYXIpJy8+PHBhdGggZD0nTTE1LjcyNiAyNi43MnMtMS4wNzMtMi41MDItLjEyOC00LjUzNCAzLjU1MS0yLjgyMyAzLjU1MS0yLjgyMyAxLjA3MyAyLjUwMy4xMjggNC41MzRjLS45NDUgMi4wMzItMy41NSAyLjgyNC0zLjU1IDIuODI0eicgZmlsbD0ndXJsKCNwYWludDNfbGluZWFyKScvPjxwYXRoIGQ9J00yNy4xMzcgMjYuNzJzMS4wNzMtMi41MDIuMTI4LTQuNTM0LTMuNTUtMi44MjMtMy41NS0yLjgyMy0xLjA3NCAyLjUwMy0uMTI5IDQuNTM0Yy45NDUgMi4wMzIgMy41NTEgMi44MjQgMy41NTEgMi44MjR6JyBmaWxsPSd1cmwoI3BhaW50NF9saW5lYXIpJy8+PHBhdGggZD0nTTEwLjI0NyAxMy4wNzlzLTQuMDU4LTEuMzU0LTQuMDU4LTUuNDExYzAtNC4wNTggNC4wNjYtNi43NjMgNC4wNjYtNi43NjNzMi42OTcgMi43MDUgMi43MDUgNi43NjNjMCAyLjk4OC0yLjcxMyA1LjQxLTIuNzEzIDUuNDF6JyBmaWxsPSd1cmwoI3BhaW50NV9saW5lYXIpJy8+PHBhdGggZD0nTTMyLjgzNyAxMy4wNzlzLTIuNzA1LTIuNDIyLTIuNzA1LTUuNDFjMC00LjI5NSAyLjcwNS02Ljc2NCAyLjcwNS02Ljc2NHMzLjY0MSAyLjQxNyAzLjY0MSA2Ljc2M2MwIDQuMzQ3LTMuNjQxIDUuNDEtMy42NDEgNS40MXonIGZpbGw9J3VybCgjcGFpbnQ2X2xpbmVhciknLz48cGF0aCBkPSdNMTQuOTIxIDI3LjE4NnMtMy4xOTggMS43MTgtNi4wMDguN2MtMi44MS0xLjAxNy00LjE2NS00LjM4NS00LjE2NS00LjM4NXMzLjE5OC0xLjcxOSA2LjAwOC0uNzAxYzIuODEgMS4wMTcgNC4xNjUgNC4zODYgNC4xNjUgNC4zODZ6JyBmaWxsPSd1cmwoI3BhaW50N19saW5lYXIpJy8+PHBhdGggZD0nTTExLjU2NCAxOS41NjlzLTQuMDM3IDEuMjQzLTcuMDE1LS41NUMxLjU3IDE3LjIyOS43NzkgMTMuMDguNzc5IDEzLjA4czQuMDM3LTEuMjQ0IDcuMDE1LjU0OGMyLjk3OCAxLjc5MyAzLjc3IDUuOTQyIDMuNzcgNS45NDJ6JyBmaWxsPSd1cmwoI3BhaW50OF9saW5lYXIpJy8+PHBhdGggZD0nTTEyLjc0NiAxOS4zODNzLTEuNDMtMy4zMzgtLjE2OC02LjA0N2MxLjI2MS0yLjcwOSA0LjczNi0zLjc2MiA0LjczNi0zLjc2MnMxLjQzIDMuMzM4LjE2OCA2LjA0NmMtMS4yNjEgMi43MDktNC43MzYgMy43NjMtNC43MzYgMy43NjN6JyBmaWxsPSd1cmwoI3BhaW50OV9saW5lYXIpJy8+PHBhdGggZD0nTTMxLjIxNiAxOS44MjRzNC4wMzcgMS4yNDQgNy4wMTUtLjU0OWMyLjk3OC0xLjc5MiAzLjc3LTUuOTQgMy43Ny01Ljk0cy00LjAzNy0xLjI0NC03LjAxNS41NDhjLTIuOTc5IDEuNzkyLTMuNzcgNS45NDEtMy43NyA1Ljk0MXonIGZpbGw9J3VybCgjcGFpbnQxMF9saW5lYXIpJy8+PHBhdGggZD0nTTMwLjA4IDE5LjM4czEuNDMtMy4zMzcuMTY5LTYuMDQ2Yy0xLjI2Mi0yLjcwOS00LjczNi0zLjc2My00LjczNi0zLjc2M3MtMS40MyAzLjMzOC0uMTY5IDYuMDQ3YzEuMjYyIDIuNzA5IDQuNzM2IDMuNzYzIDQuNzM2IDMuNzYzeicgZmlsbD0ndXJsKCNwYWludDExX2xpbmVhciknLz48cGF0aCBkPSdNMjcuODc4IDI3LjE4NnMzLjIgMS43MTggNi4wMDkuN2MyLjgxLTEuMDE3IDQuMTY1LTQuMzg1IDQuMTY1LTQuMzg1cy0zLjE5OC0xLjcxOS02LjAwOC0uNzAxYy0yLjgxIDEuMDE3LTQuMTY1IDQuMzg2LTQuMTY1IDQuMzg2eicgZmlsbD0ndXJsKCNwYWludDEyX2xpbmVhciknLz48cGF0aCBkPSdNMTEuMzc2IDEzLjQzYy0uMDU1LS4zNy0uNzY4LTQuODA2LTEuMTMtNC40MS0uMzY5LjA1NS0uMjYzIDQuMjM4LS4yMDkgNC42MDcuNzc3IDUuMjU2IDMuNCAxMy4yNjggOS4zNDkgMjAuMTU2bC45NjktLjk1Yy01LjcwMy02LjYzLTguMjMxLTE0LjMzNS04Ljk4LTE5LjQwM3onIGZpbGw9J3VybCgjcGFpbnQxM19saW5lYXIpJy8+PHBhdGggZD0nTTIzLjQzMyAzNi4wMDJsLS45NjkuOTQ5YTM3LjA0IDM3LjA0IDAgMDA5LjM3NyA2LjI0NS42NzYuNjc2IDAgMDAuNTcyLTEuMjI2IDM1LjY5NSAzNS42OTUgMCAwMS04Ljk4LTUuOTY4eicgZmlsbD0ndXJsKCNwYWludDE0X2xpbmVhciknLz48cGF0aCBmaWxsLXJ1bGU9J2V2ZW5vZGQnIGNsaXAtcnVsZT0nZXZlbm9kZCcgZD0nTTMyLjg3MSA1Ljg0MmMtLjM3LS4wNTUtMS4zNTkgNy4yMTgtMS40MTMgNy41ODgtMS4xNDggNy43NzMtNi40ODMgMjEuNzQ4LTIxLjAzNyAyOC41NGEuNjc2LjY3NiAwIDAwLjU3MiAxLjIyNmMxNS4xMTItNy4wNTIgMjAuNjE2LTIxLjUzMiAyMS44MDMtMjkuNTY5LjA1NC0uMzcuNDQ1LTcuNzMuMDc1LTcuNzg1eicgZmlsbD0ndXJsKCNwYWludDE1X2xpbmVhciknLz48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9J3BhaW50MF9saW5lYXInIHgxPScxNi4yMzcnIHkxPSc1LjYxMScgeDI9JzIyLjMwNScgeTI9JzI4Ljk2NScgZ3JhZGllbnRVbml0cz0ndXNlclNwYWNlT25Vc2UnPjxzdG9wIHN0b3AtY29sb3I9JyNGRkQyNUUnLz48c3RvcCBvZmZzZXQ9JzEnIHN0b3AtY29sb3I9JyNCNTk2NDYnLz48L2xpbmVhckdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCBpZD0ncGFpbnQxX2xpbmVhcicgeDE9JzE2LjIzNycgeTE9JzUuNjExJyB4Mj0nMjIuMzA1JyB5Mj0nMjguOTY1JyBncmFkaWVudFVuaXRzPSd1c2VyU3BhY2VPblVzZSc+PHN0b3Agc3RvcC1jb2xvcj0nI0ZGRDI1RScvPjxzdG9wIG9mZnNldD0nMScgc3RvcC1jb2xvcj0nI0I1OTY0NicvPjwvbGluZWFyR3JhZGllbnQ+PGxpbmVhckdyYWRpZW50IGlkPSdwYWludDJfbGluZWFyJyB4MT0nMTYuMjM3JyB5MT0nNS42MTEnIHgyPScyMi4zMDUnIHkyPScyOC45NjUnIGdyYWRpZW50VW5pdHM9J3VzZXJTcGFjZU9uVXNlJz48c3RvcCBzdG9wLWNvbG9yPScjRkZEMjVFJy8+PHN0b3Agb2Zmc2V0PScxJyBzdG9wLWNvbG9yPScjQjU5NjQ2Jy8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgaWQ9J3BhaW50M19saW5lYXInIHgxPScxNi4yMzcnIHkxPSc1LjYxMScgeDI9JzIyLjMwNScgeTI9JzI4Ljk2NScgZ3JhZGllbnRVbml0cz0ndXNlclNwYWNlT25Vc2UnPjxzdG9wIHN0b3AtY29sb3I9JyNGRkQyNUUnLz48c3RvcCBvZmZzZXQ9JzEnIHN0b3AtY29sb3I9JyNCNTk2NDYnLz48L2xpbmVhckdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCBpZD0ncGFpbnQ0X2xpbmVhcicgeDE9JzE2LjIzNycgeTE9JzUuNjExJyB4Mj0nMjIuMzA1JyB5Mj0nMjguOTY1JyBncmFkaWVudFVuaXRzPSd1c2VyU3BhY2VPblVzZSc+PHN0b3Agc3RvcC1jb2xvcj0nI0ZGRDI1RScvPjxzdG9wIG9mZnNldD0nMScgc3RvcC1jb2xvcj0nI0I1OTY0NicvPjwvbGluZWFyR3JhZGllbnQ+PGxpbmVhckdyYWRpZW50IGlkPSdwYWludDVfbGluZWFyJyB4MT0nMTYuMjM3JyB5MT0nNS42MTEnIHgyPScyMi4zMDUnIHkyPScyOC45NjUnIGdyYWRpZW50VW5pdHM9J3VzZXJTcGFjZU9uVXNlJz48c3RvcCBzdG9wLWNvbG9yPScjRkZEMjVFJy8+PHN0b3Agb2Zmc2V0PScxJyBzdG9wLWNvbG9yPScjQjU5NjQ2Jy8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgaWQ9J3BhaW50Nl9saW5lYXInIHgxPScxNi4yMzcnIHkxPSc1LjYxMScgeDI9JzIyLjMwNScgeTI9JzI4Ljk2NScgZ3JhZGllbnRVbml0cz0ndXNlclNwYWNlT25Vc2UnPjxzdG9wIHN0b3AtY29sb3I9JyNGRkQyNUUnLz48c3RvcCBvZmZzZXQ9JzEnIHN0b3AtY29sb3I9JyNCNTk2NDYnLz48L2xpbmVhckdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCBpZD0ncGFpbnQ3X2xpbmVhcicgeDE9JzE2LjIzNycgeTE9JzUuNjExJyB4Mj0nMjIuMzA1JyB5Mj0nMjguOTY1JyBncmFkaWVudFVuaXRzPSd1c2VyU3BhY2VPblVzZSc+PHN0b3Agc3RvcC1jb2xvcj0nI0ZGRDI1RScvPjxzdG9wIG9mZnNldD0nMScgc3RvcC1jb2xvcj0nI0I1OTY0NicvPjwvbGluZWFyR3JhZGllbnQ+PGxpbmVhckdyYWRpZW50IGlkPSdwYWludDhfbGluZWFyJyB4MT0nMTYuMjM3JyB5MT0nNS42MTEnIHgyPScyMi4zMDUnIHkyPScyOC45NjUnIGdyYWRpZW50VW5pdHM9J3VzZXJTcGFjZU9uVXNlJz48c3RvcCBzdG9wLWNvbG9yPScjRkZEMjVFJy8+PHN0b3Agb2Zmc2V0PScxJyBzdG9wLWNvbG9yPScjQjU5NjQ2Jy8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgaWQ9J3BhaW50OV9saW5lYXInIHgxPScxNi4yMzcnIHkxPSc1LjYxMScgeDI9JzIyLjMwNScgeTI9JzI4Ljk2NScgZ3JhZGllbnRVbml0cz0ndXNlclNwYWNlT25Vc2UnPjxzdG9wIHN0b3AtY29sb3I9JyNGRkQyNUUnLz48c3RvcCBvZmZzZXQ9JzEnIHN0b3AtY29sb3I9JyNCNTk2NDYnLz48L2xpbmVhckdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCBpZD0ncGFpbnQxMF9saW5lYXInIHgxPScxNi4yMzcnIHkxPSc1LjYxMScgeDI9JzIyLjMwNScgeTI9JzI4Ljk2NScgZ3JhZGllbnRVbml0cz0ndXNlclNwYWNlT25Vc2UnPjxzdG9wIHN0b3AtY29sb3I9JyNGRkQyNUUnLz48c3RvcCBvZmZzZXQ9JzEnIHN0b3AtY29sb3I9JyNCNTk2NDYnLz48L2xpbmVhckdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCBpZD0ncGFpbnQxMV9saW5lYXInIHgxPScxNi4yMzcnIHkxPSc1LjYxMScgeDI9JzIyLjMwNScgeTI9JzI4Ljk2NScgZ3JhZGllbnRVbml0cz0ndXNlclNwYWNlT25Vc2UnPjxzdG9wIHN0b3AtY29sb3I9JyNGRkQyNUUnLz48c3RvcCBvZmZzZXQ9JzEnIHN0b3AtY29sb3I9JyNCNTk2NDYnLz48L2xpbmVhckdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCBpZD0ncGFpbnQxMl9saW5lYXInIHgxPScxNi4yMzcnIHkxPSc1LjYxMScgeDI9JzIyLjMwNScgeTI9JzI4Ljk2NScgZ3JhZGllbnRVbml0cz0ndXNlclNwYWNlT25Vc2UnPjxzdG9wIHN0b3AtY29sb3I9JyNGRkQyNUUnLz48c3RvcCBvZmZzZXQ9JzEnIHN0b3AtY29sb3I9JyNCNTk2NDYnLz48L2xpbmVhckdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCBpZD0ncGFpbnQxM19saW5lYXInIHgxPScxNi4yMzcnIHkxPSc1LjYxMScgeDI9JzIyLjMwNScgeTI9JzI4Ljk2NScgZ3JhZGllbnRVbml0cz0ndXNlclNwYWNlT25Vc2UnPjxzdG9wIHN0b3AtY29sb3I9JyNGRkQyNUUnLz48c3RvcCBvZmZzZXQ9JzEnIHN0b3AtY29sb3I9JyNCNTk2NDYnLz48L2xpbmVhckdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCBpZD0ncGFpbnQxNF9saW5lYXInIHgxPScxNi4yMzcnIHkxPSc1LjYxMScgeDI9JzIyLjMwNScgeTI9JzI4Ljk2NScgZ3JhZGllbnRVbml0cz0ndXNlclNwYWNlT25Vc2UnPjxzdG9wIHN0b3AtY29sb3I9JyNGRkQyNUUnLz48c3RvcCBvZmZzZXQ9JzEnIHN0b3AtY29sb3I9JyNCNTk2NDYnLz48L2xpbmVhckdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCBpZD0ncGFpbnQxNV9saW5lYXInIHgxPScxNi4yMzcnIHkxPSc1LjYxMScgeDI9JzIyLjMwNScgeTI9JzI4Ljk2NScgZ3JhZGllbnRVbml0cz0ndXNlclNwYWNlT25Vc2UnPjxzdG9wIHN0b3AtY29sb3I9JyNGRkQyNUUnLz48c3RvcCBvZmZzZXQ9JzEnIHN0b3AtY29sb3I9JyNCNTk2NDYnLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48L3N2Zz4=); margin-right: 10px; } .collection-top__img--list{ background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDY2IDY2IiB2aWV3Qm94PSIwIDAgNjYgNjYiPgogIDxkZWZzPgogICAgPGxpbmVhckdyYWRpZW50IGlkPSJzdHJva2VHcmFkaWVudCIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICAgIDxzdG9wIG9mZnNldD0iMTYlIiBzdHlsZT0ic3RvcC1jb2xvcjojZWFjYzdmO3N0b3Atb3BhY2l0eToxIiAvPgogICAgICA8c3RvcCBvZmZzZXQ9IjY0JSIgc3R5bGU9InN0b3AtY29sb3I6I2FkOWM3MjtzdG9wLW9wYWNpdHk6MSIgLz4KICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgPC9kZWZzPgogIDxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0idXJsKCNzdHJva2VHcmFkaWVudCkiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9IjIiIGQ9Ik01NS4yLDU2LjVjLTE0LjMtNi0yOS4xLTYtNDQuNSwwVjQwLjdjMTUuNC00LjcsMzAuMy00LjcsNDQuNSwwVjU2LjV6Ii8+CiAgPHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSJ1cmwoI3N0cm9rZUdyYWRpZW50KSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTU1LjIgNDUuOWMyLjkuNiA1LjggMS4zIDguNiAyLjNsLTIuNiA3LjMgMi42IDguNmMtMy42LTEuNS03LjMtMi43LTExLTMuNE0xMy4yIDYwLjZjLTMuNy43LTcuNCAxLjktMTEgMy40bDIuNi04LjYtMi42LTcuM2MyLjgtLjkgNS42LTEuNyA4LjUtMi4zIi8+CiAgPGxpbmUgeDE9IjEwLjciIHgyPSIxMy4yIiB5MT0iNTYuNSIgeTI9IjYwLjYiIGZpbGw9Im5vbmUiIHN0cm9rZT0idXJsKCNzdHJva2VHcmFkaWVudCkiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9IjIiLz4KICA8bGluZSB4MT0iNTUuMyIgeDI9IjUyLjgiIHkxPSI1Ni41IiB5Mj0iNjAuNiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJ1cmwoI3N0cm9rZUdyYWRpZW50KSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMiIvPgogIDxwb2x5Z29uIGZpbGw9Im5vbmUiIHN0cm9rZT0idXJsKCNzdHJva2VHcmFkaWVudCkiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9IjIiIHBvaW50cz0iMzQuMyAxNiAzNy4zIDE2LjQgMzUuMiAxOC41IDM1LjcgMjEuNSAzMyAyMC4xIDMwLjQgMjEuNSAzMC45IDE4LjUgMjguNyAxNi41IDMxLjcgMTYgMzMgMTMuMyIvPgogIDxwb2x5Z29uIGZpbGw9Im5vbmUiIHN0cm9rZT0idXJsKCNzdHJva2VHcmFkaWVudCkiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9IjIiIHBvaW50cz0iMzQuMyA0Mi43IDM3LjMgNDMuMSAzNS4yIDQ1LjIgMzUuNyA0OC4yIDMzIDQ2LjggMzAuNCA0OC4yIDMwLjkgNDUuMyAyOC43IDQzLjIgMzEuNyA0Mi43IDMzIDQwLjEiLz4KICA8cG9seWdvbiBmaWxsPSJub25lIiBzdHJva2U9InVybCgjc3Ryb2tlR3JhZGllbnQpIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSIyIiBwb2ludHM9IjQ2LjkgNDQuNCA0OS42IDQ1IDQ3LjUgNDYuOCA0Ny43IDQ5LjYgNDUuMyA0OC4xIDQyLjcgNDkuMyA0My40IDQ2LjUgNDEuNiA0NC40IDQ0LjQgNDQuMiA0NS44IDQxLjgiLz4KICA8cG9seWdvbiBmaWxsPSJub25lIiBzdHJva2U9InVybCgjc3Ryb2tlR3JhZGllbnQpIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSIyIiBwb2ludHM9IjIyIDQ0LjQgMjQuNyA0NSAyMi42IDQ2LjggMjIuOCA0OS42IDIwLjQgNDguMSAxNy45IDQ5LjMgMTguNSA0Ni41IDE2LjcgNDQuNCAxOS41IDQ0LjIgMjAuOSA0MS44Ii8+CiAgPHBvbHlnb24gZmlsbD0ibm9uZSIgc3Ryb2tlPSJ1cmwoI3N0cm9rZUdyYWRpZW50KSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMiIgcG9pbnRzPSI0Ni4zIDIwLjkgNDcuNyAyNC40IDQ0LjIgMjUuOCA0NC4yIDI5LjYgNDAuNCAyOS42IDM5IDMzLjEgMzUuNCAzMS43IDMyLjggMzQuNCAzMC4xIDMxLjcgMjYuNiAzMy4xIDI1LjEgMjkuNiAyMS4zIDI5LjYgMjEuMyAyNS44IDE3LjggMjQuNCAxOS4zIDIwLjkgMTYuNiAxOC4yIDE5LjMgMTUuNSAxNy44IDEyIDIxLjMgMTAuNSAyMS4zIDYuNyAyNS4xIDYuNyAyNi42IDMuMiAzMC4xIDQuNyAzMi44IDIgMzUuNCA0LjcgMzguOSAzLjIgNDAuNCA2LjcgNDQuMiA2LjcgNDQuMiAxMC41IDQ3LjcgMTIgNDYuMiAxNS41IDQ4LjkgMTguMiIvPgogIDxjaXJjbGUgY3g9IjMyLjgiIGN5PSIxOC4yIiByPSI5LjgiIGZpbGw9Im5vbmUiIHN0cm9rZT0idXJsKCNzdHJva2VHcmFkaWVudCkiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9IjIiLz4KPC9zdmc+Cg==) } .collection-top__wrapper { display: flex; flex-direction: column; } .collection-top-100 { font-size: 12px; line-height: 12px; margin-top: 5px; font-weight: 700; text-transform: uppercase; background: linear-gradient(160deg, #eacc7f 16%, #ad9c72 64%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } .collection-top__place { margin-top: 3px; line-height: 20px; font-weight: 700; font-size: 20px; background: linear-gradient(160deg, #eacc7f 16%, #ad9c72 64%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } .collection-top__place > span{font-size:12px;} .tags a:first-child{ font-weight: 700; text-transform: uppercase; background: linear-gradient(160deg, #ffe298 16%, #bdab7c 64%); -webkit-background-clip: text; background-clip: text; box-shadow: 0 0 2px var(--ui-color-box); -webkit-text-fill-color: transparent; } /*collections*/ .collections{margin:0 -8px; width:auto} .collections-info{margin-bottom:30px;text-align:center;} .collections-info h1{font-size: 32px;font-weight:600; color:var(--tt-base);margin-bottom:10px} .collections-info p{font-size:16px} .collections-info ul{display: flex;justify-content: center;flex-wrap:wrap;margin:10px 0;} .collections-info ul li{margin: 5px;background: var(--bg-darker);color:var(--tt-base);border-radius: 5px;padding: 5px 10px;font-size:12px} .collections-info ul i{margin-right: 5px;color: var(--accent-5);font-weight: 700;} .collections-item{width: 33.33333%; padding:5px;} .collections-item__inner{position:relative;border-radius:10px;margin-bottom:10px;background:#000;height:150px;} .collections-block__inner{position:relative;} .collections-item__inner::before{content:"";position: absolute;left: 11px;top: 0;width: 93%;border-radius: 7px;height: 100%; box-shadow: rgb(46 78 240 / 30%) 0px -7px} .collections-item__inner::after{content:"";position:absolute;z-index:0;bottom:0;left:0;border-radius:10px;width: 100%; height: 70px;box-shadow: rgb(0 0 0 / 40%) 0px -60px 20px -10px inset;} .collections-item__inner img{width: 100%;object-fit: cover;opacity:.8;height:150px;border-radius:10px;} .collections-block__inner img{object-fit: cover;} .collections-item__name{position:absolute;z-index:1; bottom:10px;left: 0;padding:0 10px;color: #fff;font-size:16px; text-align: center;width: 100%;} .collections-block__name{color: #fff;font-weight: 500;position: absolute;z-index: 1;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; overflow: hidden;padding: 3px 10px;bottom: 10px;border-radius: 5px 0 0 5px;right: 0px;background: rgba(0,0,0,0.4);width: 215px;font-size: 17px;} /*previously_viewed, Ранее вы смотрели*/ .previously_viewed { position: relative; z-index: 10; background: var(--bg); margin: 10px -15px; cursor: grab; } .previously_viewed-header{ display:flex; align-items: center; justify-content: space-between; margin: 10px 0; padding: 0 15px; } .carou__title--previously_viewed{ margin-bottom:5px; } .previously_viewed-content { display: flex; gap: 10px; padding: 10px; overflow-x: auto; cursor: grab; -ms-overflow-style: none; /* Скрыть стандартный скроллбар */ scroll-behavior: smooth; /* Плавная прокрутка */ } .previously_viewed-content.active { cursor: grabbing; } .previously_viewed__item { display: flex; position: relative; width: 300px; gap: 10px; padding: 10px; flex-shrink: 0; align-items: center; cursor: grab; text-decoration: none; background: var(--ui-bg); border-radius: 6px; } .previously_viewed__item img { width: 56px; height: 65px; border-radius: 6px; object-fit: cover; } .previously_viewed-name { font-size: 16px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 5px; } /*Page_bg bakcground fullstory*/ .page_bg-inner { position: absolute; top: 0; left: 0; right: 0; height: 520px; } .page_bg-inner:before { content: ""; display: block; position: absolute; top: -1px; left: 0; right: 0; bottom: -1px; z-index: 2; background: radial-gradient(circle at center 47%, rgba(var(--background-rgb), 0) 0, var(--bg) 82%), radial-gradient(circle at center -5%, rgba(var(--background-rgb), 0) 0, var(--bg) 82%); } .page_bg-inner img { position: absolute; top: 0; left: 0; z-index: 1; display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; } /*Блок обновление, новости, info-news*/ .info-news{background: var(--bdc-lighter);border-radius:6px;padding: 5px; margin: 10px -10px;color: var(--tt-lighter-2);} .info-news>a{color: #add8e6;} .ongoing-chek:before{content:"";width:10px;height:10px;background:#02bc02;display:inline-block;margin-right:4px;border-radius:50%} .update-block{margin-left: 5px;} .update-block__info{font-size:16px; margin-bottom:20px;text-indent: 20px;color: var(--tt-lighter-2);} .update-block__info a, .update-block__main a{color: var(--accent-2);} .update-block__main dt{font-size: 18px;color: var(--tt-lighter-2);margin-bottom: 5px;} .update-block__main dd{margin-bottom: 20px;font-size: 16px;} /*rooms_*/ .rooms-card{flex-direction: column;width: 25%;padding: 5px;margin-bottom: 20px;} .rooms-card_picture{margin-bottom:10px} .rooms-card_img{display: block;height: 175px;border-radius: 10px;} .room-btn__info{display:none;margin: 15px 0;font-size: 15px;background: var(--bdc-lighter);border-radius: 10px;padding: 10px;} .room-btn__info p{margin-bottom:5px} .room-btn__info p:before{content: "";width: 10px;height: 10px;background: #02a202;display: inline-block;margin-right: 4px;border-radius: 50%;} .room-btn__info a{color: var(--accent-5);} .rooms-invite {display: flex;align-items: center;border: none;background: var(--bdc-lighter);border-radius:10px;padding: 10px;cursor: pointer; position: relative;box-shadow: 0 0 2px var(--bg-lighter);color: var(--tt-lighter-2);overflow: hidden;margin: 10px -10px;} .room-invite__image {width: 55px;height: 60px;margin-right: 10px;flex-shrink: 0;} .room-invite__image img {width: 100%;height: 100%;object-fit: cover;border-radius: 6px;} .room-invite__title {font-size: 1.15em;font-weight: 500;margin-bottom:3px;} .room-invite__label {transform: rotate(45deg);position: absolute;top: 17px;right: -55px;background: #4683d9;color: white;width: 155px; text-align: center;font-size: 11px;opacity: 0.9;} /*input file*/ .input-file-row {display: inline-block;} .input-file {position: relative;display: inline-block;} .input-file span {position: relative;display: inline-block;cursor: pointeroutline: none;text-decoration: none;font-size: 14px;vertical-align: middle; color: rgb(255 255 255);text-align: center;border-radius: 4px;background-color: #419152;line-height: 22px;height: 40px;padding: 10px 20px; box-sizing: border-box;border: none;margin: 0;transition: background-color 0.2s;} .input-file input[type=file] {position: absolute;z-index: -1;opacity: 0;display: block;width: 0;height: 0;} /* Focus */ .input-file input[type=file]:focus + span {box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);} /* Hover/active */ .input-file:hover span {background-color: #59be6e;} .input-file:active span {background-color: #2E703A;} /* Disabled */ .input-file input[type=file]:disabled + span {background-color: #eee;} /* Список c превью */ .input-file-list {padding: 10px 0;} .input-file-list-item {display: inline-block;margin: 0 15px 15px;width: 150px;vertical-align: top;position: relative;} .input-file-list-item img {width: 150px} .input-file-list-name {text-align: center;display: block;font-size: 12px;text-overflow: ellipsis;overflow: hidden;} .input-file-list-remove {color: #fff;text-decoration: none;display: inline-block;position: absolute;padding: 0;margin: 0;top: 5px;right: 5px; background: #ff0202;width: 16px;height: 16px;text-align: center;line-height: 16px;border-radius: 50%;} /*pm_outbox_copy chekbox*/ .pm_outbox_copy input[type=checkbox] {margin:5px}.pm_outbox_copy{display: flex;align-items: center;} /*Dialog*/ .ui-dialog-buttonset{display: flex;align-items: center;justify-content: center;flex-direction: row-reverse;} /*sub-green full-story*/ .pmovie__header-list > .sub-green{color:#9fdc5d} .pmovie__header-list > .sub-green i{color:#ddd} /*Emoji editor addcomment*/ .emoji-button__content{display:flex;margin-bottom:4px;} .emoji-button {margin: 4px;cursor: pointer;font-size: 24px;} /*Voice block*/ .voice-block {margin-right: 5px;text-align: center;align-items: center;color: var(--tt-base);background: var(--bg);cursor: pointer;padding: 12px 8px;border-radius: 6px;margin-left: auto;} .ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__icon_more {background-image: url(data:image/svg+xml,%3Csvg%20width=%2716%27%20height=%2716%27%20fill=%27none%27%20xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath%20d=%27M14.6%202.9a2.7%202.7%200%2001-4.554%201.963L5.303%207.28a2.702%202.702%200%20010%201.44l4.743%202.417a2.7%202.7%200%2011-.834%201.708l-5.05-2.575a2.7%202.7%200%20110-4.54l5.05-2.575A2.7%202.7%200%201114.6%202.9z%27%20fill=%27%23fff%27/%3E%3C/svg%3E) !important;} .ya-share2__container_size_m .ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__link_more.ya-share2__link_more-button-type_short {padding: 6px;background: var(--bg) !important;} #voicerate_mod{display:none;margin:10px;} .voicerate_item {width: 100%;padding: 2px 6px;} .voicerate_title {font-weight: 600;margin-bottom: 5px;color: var(--tt-lighter-2);} .voicerate_count {width: 12%;text-align: right;} .voicerate_prgbar {border-radius: 5px;} .voicerate_prgbar_width {background: var(--accent);height: 8px;line-height: 8px;border-radius: 4px;} /*dle-comm_det*/ .dle-comm_det{position:relative;background:var(--bdc-lighter);margin-top:3px;border-radius:6px;width:30px;height:16px;line-height:17px;text-align:center;margin-left:-10px;cursor:pointer} .dle-comm_det.active>div{visibility:visible;opacity:1} .dle-comm_det>div{position:absolute;background:var(--bdc-lighter);padding:10px 20px;box-shadow:0 0 20px 0 rgb(0 0 0 / 10%);border-radius:10px;bottom:23px;left:0;visibility:hidden;opacity:0;transition:0.3s;overflow:hidden;z-index:5} .dle-comm_det>div a{display:block;margin:4px 0} .dle-comm_det>div a:hover{opacity:0.8} /*Реклама*/ #adfox_1729003073513338 { position: relative; margin-bottom: 10px; border: 1px solid var(--bg-lighter); border-radius: 2px; } #adfox_1729003073513338::after { content: 'Реклама'; background: #4683d9; color: white; z-index: 10000; position: absolute; top: 0; left: 50%; transform: translateX(-50%); line-height: 14px; padding: 3px 5px; font-size: 14px; border-radius: 0 0 4px 4px; } /*Топ TopPage*/ .toppage_content > div{display:flex; flex-wrap:wrap} .top-filter__main{width:100%} .top-filter__inner{margin-bottom:20px;} .page__comments-info--top{margin:5px 0 0;} .top-filters { display:flex; flex-wrap:wrap; margin: 0 -15px; padding-left:10px; } .top-filters--header{margin-bottom:17px;align-items: end;} .top-filters--header h1{color: var(--tt-base);font-size:42px;font-weight:500;margin-right:15px;} .top-filters--header::-webkit-scrollbar {width: 0;} .top-filters--genres{padding-bottom:5px;} .top-filters-item { color: var(--tt-base); text-wrap: nowrap; background: var(--bdc-lighter); border-radius: 12px; line-height: 26px; height: 28px; display: inline-block; padding: 0 10px; margin-right:6px; margin-bottom:6px; font-width:500px; } .top-filters-item.active { background-color: var(--accent); color: var(--tt-base); } .top-filters-item--tab{border-radius:2px;} /* 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, .mobile-filter {width: 340px; height: 100%; overflow-x: hidden; overflow-y: auto; padding: 20px 20px; z-index: 999; position: fixed; top: 0; background-color: var(--bg); color: var(--tt);} .mobile-menu {left: -380px;transition: left .4s;} .mobile-filter {right: -380px;transition: right .4s;} .mobile-menu.is-active {left: 0;} .mobile-filter.is-active {right:0;} .mobile-menu-close, .mobile-filter-close {cursor: pointer; display: block; left: 340px; 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, .mobile-filter-close.is-active {top: 0px; opacity: 1;} body.mobile-menu-is-opened, body.mobile-filter-is-opened {overflow: hidden; width: 100%; height: 100%;} .mobile-menu .header__menu, .mobile-filter .header__menu {margin: 0; padding: 10px 20px; display: block; background: var(--bg-3); width: calc(100% + 40px); margin: -10px -20px 25px -20px; max-width: none;} .mobile-menu .header__menu > li, .mobile-filter .header__menu > li {width: 100%; margin: 0; padding: 0;} .mobile-menu .header__menu > li > a, .mobile-filter .header__menu > li > a {height: 40px;} .mobile-nav li{margin-bottom:10px} .mobile-nav li a{display:block;padding:5px 0;font-weight:600} .mobile-nav i{margin-right:10px;width: 18px; color:var(--tt-base)} @media screen and (max-width: 1220px) { body {background-image: none;} .wrapper {overflow: hidden; background-size: 140% auto;} .wrapper-container {max-width:1000px;} .header__menu, .header__link, .col-side .js-this-in-mobile-menu, .col-side .js-this-in-mobile-filter {display: none;} .header {margin-bottom: 100px;} .header__search {margin: 0; margin-right: 20px; width: 240px;} .header__logo {margin: 0 var(--indent);} .header__btn-menu {display: flex; width: 40px; padding: 0; border-radius: 50%; font-size: 18px; margin: 0 var(--indent);} .content, .carou, .col-side, .carou__menu li a {border-radius: 0;} .cols, .carou {border-left: 0; border-right: 0;} .carou {padding: 0px; margin-bottom: 0;} .carou__menu li {flex-grow: 1; white-space: nowrap; min-width: auto; max-width: 100%;font-weight:600} .carou__content > .top {width: calc((100% - 100px)/6);} .col-main {width:100%} .col-side {width: 100%; padding-top: 0;} .site-desc, .footer {padding-left: var(--indent); padding-right: var(--indent);} .footer {justify-content: center; text-align: center;} .footer__text {min-width: 100%; margin: 20px 0;} #scrolltop {width: 40px; height: 40px; line-height: 40px; font-size: 18px;} } @media screen and (max-width: 950px) { .wrapper-container {max-width:768px;} .carou__content > .top {width: calc((100% - 80px)/5);} .theme-toggle {order: 10; margin: 0; margin-right: 0;} .header__search {order: 10; width: calc(100% - 85px); margin: 0 10px 0 20px;} .header {padding-bottom: 10px;} .header__btn-menu {margin-left: 10px;background-color:#222;} .speedbar {margin: -15px 0 15px 0;} .page__subcol-side2, .page__col-side {width: 100%; margin: 0; margin-top: 20px;} .pmovie__header-list li + li {margin-top: 6px;} .pmovie__caption {padding-left: 76px;} } @media screen and (min-width: 760px) { .slider__content{padding-bottom:0;} .sect__title--collections{margin: 25px 25px 10px;font-size: 20px;} .collections-item{padding:5px 2px} .collections-block__inner::before{bottom:3px} article.card{width:50%;padding-right:7px} .sect__btn-filter--none{display:none} /* Стили для скроллбара в Chrome, Safari, Edge */ .previously_viewed-content::-webkit-scrollbar {height: 6px; /* Высота скроллбара */} .previously_viewed-content::-webkit-scrollbar-thumb {background-color: rgba(100, 100, 100, 0.6); /* Цвет полосы */border-radius: 6px; /* Скругление */} .previously_viewed-content::-webkit-scrollbar-track {background-color: rgba(200, 200, 200, 0.1); /* Цвет трека */border-radius: 6px;} } @media screen and (max-width: 760px) { .wrapper-container {max-width:640px;} .cols {border-top: none;} .carou__content > .top {width: calc((100% - 40px)/3);} .pmovie__header-list li {margin-top:9px} .pmovie__header-list li + li{margin-top:9px} .sect__btn-filter {font-size: 0; margin-left: 10px;display:block} .sect__btn-filter::before {content: attr(data-text); display:block; font-size: 12px;;} .card__btn1 {display: none;} .card__img img{height: 145px;width: 100px;min-width: 80px;} .card_picture{margin-right: 17px;} .card__header-title{margin-bottom: 5px;font-size: 15px;} .card__header-episode{font-size:13px} .card__genres{font-size: 12px;} .source{font-size:12px} .tags{margin: 5px -5px 0;} .pmovie__bottom {margin: 0; margin-bottom: 10px;} .pmovie__bottom .card__ratings {gap: 20px 20px;} .pmovie__bottom .card__rating-ext {margin: 0;} .page__subtitle.tac{text-align: left;font-size:17px;} .slider-group .side-block__content{width:85vw} .franchise-block{overflow-x:scroll} .franchise-block::-webkit-scrollbar {height: 0;width:0} .franchise__title{font-size: 17px;} .collections-item{width:50%} .soc-channels{justify-content:space-between;margin:10px 16px;} .pmovie__share {order: 10;} .page__comments-info {display: none;} .tail-select .select-dropdown .dropdown-inner::-webkit-scrollbar{width: 3px;} .tail-select .select-dropdown .dropdown-inner::-webkit-scrollbar-thumb {background-color: var(--tt-darker);} .page__text .quote {margin-left: var(--indent-negative); margin-right: var(--indent-negative); padding-right: var(--indent);} .full-text h1, .full-text h2, .full-text h3, .full-text h4, .full-text h5 {font-size: 15px;} .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;} .cc-entries>.c-column{width:25%;} .room-invite__title {font-size: 17px;font-weight: 500;margin-bottom:2px;} .room-invite__desc {font-size:12px;} /*Топ TopPage*/ .top-filter__main{margin-top:-15px;} .page__comments-info--top{display:block} .top-filters { display:flex; overflow-x: auto; flex-wrap:nowrap; } .top-filters--header{margin-bottom:13px;} .top-filters-item{font-size:16px;} /* Анимация "скачущей" руки для фильтра*/ .anime-hand { position: absolute; top: 45%; left: -210px; transform: translateY(-50%); font-size: 22px; animation: handBounce 1.5s infinite; } /* Анимация "скачущей" руки */ @keyframes handBounce { 0%, 100% { right: -40px; } 50% { right: -30px; } } } @media screen and (max-width: 590px) { .wrapper-container {max-width:480px;} .login {max-width: 90%; max-height: 90%;} .login__header, .login__content, .login__social, .pages-bg {padding-left: 20px; padding-right: 20px;} .carou__content > .top {width: calc((100% - 40px)/4);} .header {margin-bottom: 0; box-shadow: none;} .header .header__btn--add {background:none;position: relative;font-size: 0; padding: 0; width: 40px; padding-left: 7px;} .header .header__btn--add::before {content: "\f007"; font-weight: 900; font-family: 'Font Awesome 5 Pro'; font-size: 18px;} .header__btn--add::after{content: "\f111"; font-weight: 900; font-family: 'Font Awesome 5 Pro'; position: absolute;top: 2px;right: 2px; color: #2e83d6;font-size: 8px;} .pagination__btn-loader a, .pagination__btn-loader > span {max-width: 100%;} .footer .btn {width: 100%; margin: 0; margin-top: 20px;} .carou__menu a {border:none;box-shadow:none;padding: 11px 15px; font-size: 14px; border-right: 0;} .wrapper {background-image: none;} .carou__menu a.is-active, .carou__menu a:hover {background-color: var(--bg);color: var(--tt-lighter-2);} .top__news::-webkit-scrollbar{height:3px} .video-responsive::after{font-size:30px;} .speedbar-full{display:none} .page__header {width:100%; text-align: center; margin-top:10px;} .page__header h1{font-size:21px;line-height:22px} .pmovie__original-title{color: var(--tt-darker-2);margin-top: 4px;font-weight: 700;text-transform: none;} .page__subcols {z-index:5; position: relative;border-top:0} .page__subcol-side {order:-1;margin: 0 auto; margin-bottom: 5px;margin-top:-30px;} .pmovie__bottom {grid-row: 1 / 3; grid-column: 1 / 3; align-self: start;} .pmovie__complaint2, .pmovie__player-bottom .card__rating-ext {display: none;} .pmovie__subinfo {width: 100%; padding-top: 5px;} .pmovie__subinfo::before {content: ""; display: table; clear: both; width: 100%;} .pmovie__header-list > li > span:first-child{display:block;} .pmovie__header-list > .sub-green > span:first-child{display:inline-block;} .tabs-block__select span {flex: 1 1 0; min-width: auto; max-width: 100%; white-space: nowrap; text-align: center;} .sect__related{display: flex;margin: 0 -10px;} .cardfull{width:33.33333%;;padding: 0 3px;} .cardfull-item__img img{height: 170px;} .collections-info h1{font-size: 24px;} .cardfull--collections{width:33.33333%} .collections-img {width:100%} .side-profil a{padding: 4px 5px;} .d-none-mobile{display:none} .cc-entries>.c-column{width:33.33333%;} .image-cutter img{height:180px} .login-banner{flex-wrap:wrap;} .login-banner__content h3{text-align:center;} .login-banner__list{margin-bottom:10px} .rooms-card {width: 50%;} } @media screen and (max-width: 470px) { .wrapper-container22 {max-width:360px;} .carou__content > .top {width: calc((100% - 20px)/4); margin-right: 6px;} .top__desc {padding: 10px; font-size: 13px;} .header__logo {flex: 1 1 0; min-width: 100px; max-width: 100%;padding-left: 46px;background-size: 45px;height: 55px;} .header__logo > * {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .header__logo .logo__title {font-size: 16px;} .header__login {display: none;} .sect__title {font-size: 17px;} .sect__title--catalog {font-size: 22px;} .site-desc img {float: none; margin: 0 auto; margin-bottom: 20px; display: block; display: none;} .mobile-menu {width: 300px; left: -120vw;} .mobile-filter {width: 300px; right: -120vw;padding-bottom:330px;} .mobile-menu-close, .mobile-filter-close {left: calc(100% - 40px);} .collections-item{width:100%;} .collections-item__inner, .collections-item__inner img {height:200px} .collections-block__inner, .collections-block__inner img{width: 300px;height: 170px;} .pmovie__bottom {grid-row: 1 / 3;} .pmovie__player-bottom {padding: 6px 5px 12px;flex-wrap: nowrap;} .pmovie__rating-likes{flex-wrap:nowrap;} .image-cutter img{height:140px} } @media screen and (max-width: 395px) { .page__header-list{margin: 10px -10px;} } /* INFO MESSAGES, ERRORS */ .message-info__content{font-weight: 600;color: var(--tt-lighter-2);} .message-info {width:100%;color: var(--tt); line-height: 1.4; margin: 10px 5px; background-color: var(--bg-darker); box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24); border: 0 solid var(--bdc); position: relative; padding: 20px 15px;border-radius:10px; border-left-width: 44px; border-left-color: var(--accent);} .message-info__title {font-weight: 500;} .message-info a {text-decoration: underline;} .message-info::before {content:"\f0f3"; font-family:'Font Awesome 5 Pro'; font-weight: 900; font-size: 22px; color: #fff; margin-top: -18px; position: absolute; left: -44px; top: 50%; width: 44px; text-align: center;} /* VOTE BLOCK */ .sect__content--vote {padding-left: 50%; position: relative;} .voter__title {font-size: 21px; font-weight: 300; margin-bottom: 20px;} .vote {margin-bottom: 13px; line-height: 1.6; margin-left: 0px;} .vote input {display:none;} .vote label {position:relative; padding-left: 26px;} .vote label::before {content:""; cursor: pointer; width: 16px; height: 16px; border-radius: 50%; border: 2px solid var(--tt-2); display: block; box-sizing: border-box; position: absolute; left: 0; top: 1px;} .vote input:checked + label::before {border-color: var(--accent); background: var(--accent); box-shadow: inset 0 0 0 2px #fff;} .vote label:hover {cursor:pointer; color:var(--accent);} .voter__bottom {padding-top: 20px;} .voter__submit {border: 1px solid #ccc; border-radius: 20px; height: 40px; margin-right: 20px; color: var(--tt); background-color: transparent; padding: 0 40px;} .voter__count, .voter__caption {color: #999; font-size: 0.9em;} .voter__caption {line-height: 1.6; margin-bottom: 20px; margin-top: -15px; max-width: 240px;} .voter__btn {background: none !important; padding: 0; color: #999 !important; font-size: 0.9em; } .col-side .voter__title {font-size: 17px;} .col-side .voter__submit {padding: 0 20px;} /*--- VOTE BARS ---*/ .voteprogress,.pollprogress{overflow:hidden;height:15px;margin-bottom:5px;background:linear-gradient(to bottom, #f5f5f5, #f9f9f9);box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);border-radius:4px} .voteprogress span,.pollprogress span{color:#ffffff;text-align:center;text-indent:-2000em;height:15px;display:block;overflow:hidden;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background:#0e90d2;background:linear-gradient(to bottom, #149bdf, #0480be)} .voteprogress .vote2, span.poll1{background-color:#dd514c;background:linear-gradient(to bottom, #ee5f5b, #c43c35)} .voteprogress .vote3, span.poll2{background-color:#5eb95e;background:linear-gradient(to bottom, #62c462, #57a957)} .voteprogress .vote4, span.poll3{background-color:#4bb1cf;background:linear-gradient(to bottom, #5bc0de, #339bb9)} .voteprogress .vote5, span.poll4{background-color:#faa732;background:linear-gradient(to bottom, #fbb450, #f89406)} /* MAY BE TO DELETE */ .ui-icon, .close {display: block; overflow: hidden; text-indent: -9999px; white-space: nowrap;} #pollbox {border-bottom: 1px dashed #E3E3E3; padding-bottom: 22px;} #dle-poll-list, #searchtable, .pm-status {padding: 0 0 20px 0; border-radius: 6px;} .bbcodes_poll{width:100px} .fbutton {margin-right:10px;} fieldset {border: 1px solid #bfced6;padding: 5px;text-align: left;} /* SERVICE FORM BASIC ----------------------------------------------- */ .form__header {margin-bottom: 20px; display: flex; justify-content: space-between; align-items: center;} .form__title {font-size: 24px; flex: 1 1 0; max-width: 100%; min-width: 50px;} .form-pass {color: var(--accent-3);font-size: 18px;} .form__row {display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; margin-bottom: 10px;} .form__row:last-child {margin-bottom: 0;} .form__caption {width: 200px; padding-right: 20px;} .form__content {flex: 1 1 0; position: relative; max-width: 100%; min-width: 50px;} .form__label--important::after {content: "*"; margin: 0 0 0 5px; color: #e85319;} .form__caption--above {width: 100%; padding: 15px 20px; background-color: #2f343a; color: #fff;} .form__btn--secondary {margin-left: 20px;} .form__btn--find-related {position: absolute; right: 0; top: 0; margin: 0; padding: 0 10px; font-size: 13px !important;} /* SERVICE FORM EXTENDED ----------------------------------------------- */ .form__content--admintag {display: flex; flex-wrap: wrap; justify-content: flex-start; margin-right: -20px;} .form__content--admintag .checkbox {width: 33.33%; margin-bottom: 20px; padding-right: 20px;} .checkbox, .comments_subscribe {position: relative;align-self: center; padding-left: 50px; display:block; margin: 10px 0 5px;} .checkbox input, .comments_subscribe input {appearance: none; -webkit-appearance: none; display: inline-block; transition: all .2s linear; height: 20px; width: 40px; border-radius: 10px; background-color: var(--ui-bg-darkest); cursor: pointer; box-shadow: inset 0 2px 5px rgba(0,0,0,0.1); position: absolute; left: 0; top: 50%; margin-top: -10px;} .checkbox input::before, .comments_subscribe input::before {content: ''; width: 18px; height: 18px; border-radius: 10px; position: absolute; left: 1px; top: 1px; background-color: var(--ui-bg); transition: all .2s linear;} .checkbox input:checked, .comments_subscribe input:checked {background-color: #6ab04c;} .checkbox input:checked::before, .comments_subscribe input:checked::before {left: 21px;} .findrelated {margin-top: 10px; padding: 8px 10px; background-color: #f6e58d; font-size: 13px;} .form__table {width: 100%;} .form__table td {padding-bottom: 20px;} .form__table .addnews {width: 200px;} textarea::placeholder{color: var(--tt-lighter);font-size:14px} .xfields textarea, .xprofile textarea, .form__textarea-inside textarea, #comments_ifr {height:100px !important;} .xfields input, .xprofile input {max-width: width 100%;} .xfields_table td {vertical-align:top;} .xfields .bb-editor, .xfields .wseditor {margin-top:10px;} .form__content--sec-code input {display: inline-block; max-width: 210px; vertical-align: middle; margin-right: 10px; height: 80px; line-height: 80px; font-size: 24px;} .form__content--sec-code > a {display: inline-block; vertical-align: middle;} #result-registration > span {display: inline-block; margin-top: 10px;} .form__content select, #category {width: 100% !important;} .form__content--usertag .checkbox {width: 50%;} /* STATS, PM ----------------------------------------------- */ .stats__list {width:33.33%; margin-bottom: 20px;} .stats__list li {padding:0 15px 10px 1px;} .stats h2 {font-size:18px; margin-top: 20px;} .stats__latest li {margin-bottom: 10px;} .table-responsive {overflow-y:hidden; overflow-x:auto;} .dle-table, .pm {width: 100%; border: 1px solid var(--ui-bdc);} .dle-table td, .pm td {padding:10px;font-size: 12px;border: 1px solid var(--ui-bdc);} .dle-table thead tr:nth-child(1), .pm tr:nth-child(1) {background-color:var(--ui-bg-darkest);} .dle-table tr:nth-child(2n+2), .pm tr:nth-child(2n+2) {background-color:var(--ui-bg-darker);} .pm tr td:first-child {width: 37px;} .pm__links a, a.pm_list + a {margin-right: 20px;} .pm__status, #blind-animation {margin-bottom:40px;} .pm_progress_bar {border-radius:4px; margin:10px 0; overflow:hidden; box-shadow: inset 0 2px 5px rgba(0,0,0,0.1); background-color: var(--ui-bg-darkest);} .pm_progress_bar span {background:#6ab04c; font-size:0; text-indent:-2000em; height:20px; display:block; overflow:hidden;} .pm select {width:100%; margin-bottom:10px;} .pm-item__img {width: 60px; height: 60px; border-radius: 50%; margin-right: 20px;} .pm-item__text {margin: 6px 0 10px 0;} .pm-item__meta > span {margin-right: 20px; font-size: 13px;} /* USER PROFILE, POPUP ----------------------------------------------- */ .usp {border: 1px solid var(--ui-bdc); background-color: var(--ui-bg);} .usp__columns {background: var(--ui-bg-accent) url(/templates/kara/dleimages/usp-bg.jpg) center center / cover no-repeat; padding:50px 20px; color: var(--ui-text-color-on-accent); position: relative;} .usp__left, .usp__middle, .usp__right {position: relative; z-index: 5;} .usp__columns::before {content: ''; background-color: var(--ui-bg-accent); opacity: 0.6; position: absolute; left: 0; top: 0; width: 100%; height: 100%;} .usp__meta {background-color: var(--ui-bg-darker); padding: 20px;} .usp__list {padding: 20px; padding-bottom: 10px;} .usp__list + .usp__list {padding-top: 0;} .usp__list-href{margin-top: 5px} .usp__list-href a{font-weight: 600;font-size: 14px;background: var(--bdc);padding: 10px 18px;} .usp__left {position:relative;width: 100px; margin-right: 20px; text-align: center;} .usp__right {width: 180px; margin-left: 20px;} .usp__img {position:relative;width: 80px; height: 80px; border-radius: 50%; margin: 0 auto; box-shadow: 0 0 0 5px rgba(0,0,0,0.2);} .usp__status {position: absolute;background: #6ab04c;width: 20px;top: 0;right: 10px;height: 20px;border-radius: 50%;} .usp__status--online {background-color: #6ab04c;} .usp__status--offline {background-color: #eb4d4b;} .usp__btn a {width: 100%;} .usp__btn + .usp__btn {margin-top: 10px;} .usp__name {font-size: 18px; font-weight: 400; color: #fff;} .usp__group {font-size: 13px; margin-top: 10px;color: #ddd;} .usp__group > b {display: inline-block; vertical-align: middle; border-radius: 3px; background-color: var(--ui-bg); padding: 3px 6px; margin-left: 3px;} .usp__activity > div {margin-left: 20px; font-size: 13px;} .usp__activity > div > div {font-size: 18px; margin-top: 3px;} .usp__list li {margin-bottom: 8px; font-size: 15px;color: var(--tt-lighter-2);} .usp__list li > span:first-child {color: #999; display: inline-block;} .usp__list li.no-label {padding-left: 0;} .usp-popup__left {width: 80px; margin-right: 30px; text-align: center;} .usp-popup__img {border-radius: 10px; width: 80px; height: 80px; margin: 0 auto;} .usp-popup__list li {margin-bottom: 6px; font-size: 13px;} .usp-popup__list li > span:first-child {opacity: 0.9;} /* SEARCH PAGE, SEARCH TABLE */ .search-page__title {font-size: 18px; margin-bottom: 20px;} .search-page .search > div {display: flex; justify-content: space-between; margin: 0 !important; padding: 20px; background-color: var(--ui-bg-darker); border-radius: 6px; padding-bottom: 10px;} .search-page .search br {display: none;} .search-page .search #searchinput {flex: 1 1 0; margin-right: 20px; min-width: 100px;} .searchstyle { width: 480px } .search { padding: 0 } #searchtable, #searchtable td { vertical-align: top; text-align: left } #searchtable fieldset { font-size: 11px; border: 1px solid #d7d7d7; padding: 10px; text-align: left; margin: 0 4px 4px 0 !important; border-radius: 6px } fieldset legend { font-size: 11px; font-weight: bold; color: #696969; } #searchtable table, #searchtable form { margin: 0; width:100%;} .search > div {margin-bottom:10px;} .search input[type="text"], .search select {display:block; width:100% !important; margin-bottom:10px;} .search input[type="checkbox"], .search input[type="radio"] {margin-right:5px;} #searchinput + br, #searchinput + br + br {display:none;} /*--- AJAX LOADER ---*/ #loading-layer {display: flex !important; z-index:9999 !important; background-color: var(--ui-bg); position: fixed; top: 20px !important; left: auto !important; right: 20px; bottom: auto; height: 80px; flex-direction: column; justify-content: center; width: 340px; max-width: calc(100% - 40px); padding: 0 20px; border-left: 80px solid var(--ui-bg-accent); box-shadow: 0 0 30px rgba(0,0,0,0.2); line-height: 1.4;} #loading-layer::after {border-radius: 50%; content: ''; position: absolute; top: 50%; left: 0%;} #loading-layer::after {width: 30px; height: 30px; margin: -25px 0 0 -65px; border: 10px solid rgba(255,255,255,0.2); border-left-color: var(--ui-text-color-on-accent); animation: spin 1s infinite linear;} @keyframes spin { 0% {transform: rotate(0deg);} 100% {transform: rotate(360deg);}} /*--- QUOTES, SPOILERS, HIDDEN TEXT, SCRIPTCODE ---*/ .scriptcode, .title_spoiler, .text_spoiler { padding: 4px 5px; background-color: var(--ui-bg-darker);} .title_quote {background-color: var(--ui-bg-blue); color: var(--accent-3); padding: 5px 15px; font-size: 12px;} .quote {margin: 0 0 25px 0; padding: 20px 20px 20px 80px; position: relative; background-color: var(--ui-bg-darker);color: var(--tt);} .quote::before {content:"\f10e"; font-family:'Font Awesome 5 Pro'; font-weight: 900; position: absolute; left: 30px; top: 12px; color: var(--accent); font-size: 24px;} .comment-item__main .quote {margin: 0 0 10px 0; font-size: 12px; padding: 10px 15px 10px 40px;} .comment-item__main .quote::before {left: 12px; top: 6px; font-size: 16px;} .title_spoiler {margin-top: 2px; } .text_spoiler { margin-bottom: 2px; } .title_spoiler img { vertical-align: middle !important; margin:0 5px 0 0; border:0;} .scriptcode { color: #4c6d0f; text-align: left; font-family: "Courier New" } .title_spoiler { font-weight: normal; } .text_spoiler { border-top: 0; text-align: justify; } .hide { background-color: #f0f0f0; padding: 5px; color: #000; margin: 0 0 1em 0 } .hide a { text-decoration: underline; } .hide a:hover { text-decoration: none } .inhide { border: 1px solid #d1e3ef; padding: 5px; background-color: #fff; margin-bottom: 5px } /*--- RATING ---*/ .unit-rating {display: flex; position: relative;} .unit-rating li {background:url(/templates/kara/dleimages/rating.svg) no-repeat; position: relative; z-index: 5;} .unit-rating li a {display:block; width:17px; height:17px; text-indent: -100px; overflow: hidden;} .unit-rating:hover li {background-position: 0 -17px; z-index: 10;} .unit-rating li:hover ~ li {background-position: 0 0; z-index: 5;} .unit-rating li.current-rating {background-position: 0 -34px; background-repeat: repeat-x; pointer-events: none; position:absolute; left: 0; top: 0; height:100%; text-indent: -200px; overflow: hidden; z-index:6;} /*---BB EDITOR ---*/ .bb-pane {border: 1px solid var(--ui-bdc); background: var(--ui-bg); padding:5px 1px 5px 10px; border-radius: 3px 3px 0 0; display: flex; flex-wrap: wrap; justify-content: flex-start; position: relative; z-index: 10; background: linear-gradient(to top, var(--ui-bg-darkest) 0%, var(--ui-bg) 80%, var(--ui-bg) 100%);} .bb-btn {display: inline-block; height: 30px; line-height: 30px; width: 30px; margin-right: 5px; color: var(--tt); cursor: pointer; font-size: 12px; border-radius: 3px; text-align: center; transition: all .3s} .bb-btn:hover {color: var(--ui-text-color-on-accent); background-color: var(--ui-bg-accent);} @font-face {font-family: 'bb-editor-font'; src: url(/templates/kara/webfonts/bb-editor.woff) format('woff'); font-weight: normal; font-style: normal;} [class^="bb-btn"], [class*=" bb-btn"] {font-family: 'bb-editor-font'; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;} .bb-sel { padding: 2px 2px 0 2px; } .bb-sel select { font-size: 11px; } .bb-sep { display: inline-block; width: 1px; padding: 2px; } .bb-btn { cursor: pointer; outline: 0; } #b_font select { padding: 0px;} #b_size select { padding: 0px;} #b_b:before {content: "\f032";} #b_i:before {content: "\f033";} #b_u:before {content: "\f0cd";} #b_s:before {content: "\f0cc";} #b_img:before { content: "\f03e"; } #b_up:before { content: "\e930"; } #b_emo:before { content: "\f118"; } #b_url:before { content: "\f0c1"; } #b_leech:before { content: "\e98d"; } #b_mail:before { content: "\f003"; } #b_video:before { content: "\e913"; } #b_audio:before { content: "\e911"; } #b_hide:before { content: "\e9d1"; } #b_quote:before { content: "\e977"; } #b_code:before { content: "\f121"; } #b_left:before { content: "\f036"; } #b_center:before { content: "\f037"; } #b_right:before { content: "\f038"; } #b_color:before { content: "\e601"; } #b_spoiler:before { content: "\e600"; } #b_fla:before { content: "\ea8d"; } #b_yt:before { content: "\f166"; } #b_tf:before { content: "\ea61"; } #b_list:before { content: "\f0ca"; } #b_ol:before { content: "\f0cb"; } #b_tnl:before { content: "\ea61"; } #b_br:before { content: "\ea68"; } #b_pl:before { content: "\ea72"; } #b_size:before { content: "\f034"; } #b_font:before { content: "\f031"; } #b_header:before { content: "\f1dc"; } #b_sub:before { content: "\f12c"; } #b_sup:before { content: "\f12b"; } #b_justify:before { content: "\f039"; } .bb-pane h1{font-size:36px;margin-top:5px;margin-bottom:5px} .bb-pane h2{font-size:30px;margin-top:5px;margin-bottom:5px} .bb-pane h3{font-size:24px;margin-top:5px;margin-bottom:5px} .bb-pane h4{font-size:18px;margin-top:5px;margin-bottom:5px} .bb-pane h5{font-size:14px;margin-top:5px;margin-bottom:5px} .bb-pane h6{font-size:12px;margin-top:5px;margin-bottom:5px} .bb-pane-dropdown{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:180px;padding:5px 0;margin:2px 0 0;list-style:none;font-size:11px;border:1px solid rgba(0, 0, 0, 0.15);border-radius:4px;background:white;box-shadow:0 1px 2px #dadada} .bb-pane-dropdown > li > a{display:block;padding:3px 10px;clear:both;font-weight:normal;line-height:1.42857;color:#333333;white-space:nowrap} .bb-pane-dropdown > li > a:hover,.bb-pane-dropdown > li > a:focus{text-decoration:none;color:#262626;background-color:whitesmoke} .bb-pane-dropdown .color-palette div .color-btn{width:17px;height:17px;padding:0;margin:0;border:1px solid #fff;cursor:pointer} .bb-pane-dropdown .color-palette{padding:0px 5px} .bb-editor textarea{margin-top:-1px; max-height:100px;margin: 5px 0;} .editorcomm .bb-editor { width: 565px;} .editorcomm .bb-editor textarea { height: 200px; } /*--- QUICK EDIT FIELDS---*/ .quick-edit-text {padding: .4em;width: 350px;} .quick-edit-textarea {height: 250px;padding: 2px; border: 1px solid #d7d7d7;width: 100%;box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);} /*--- DROP NENU ---*/ #dropmenudiv {font: 13px 'Exo'; padding: 10px; display: none; background: var(--ui-bg); border-radius: 8px; box-shadow: 0 0 50px 0 rgba(0,0,0,0.22); z-index:200 !important;} #dropmenudiv a {display: block; text-decoration: none; padding: 5px 8px; width: 154px;} /*--- HIGHSLIDE GALLERY ---*/ .highslide-container {z-index: 1099 !important;} .highslide-wrapper, .highslide-outline {background: #fff; color: #000;} .highslide-image { border: 2px solid #fff } .highslide-active-anchor { visibility: hidden } .highslide-active-anchor img { visibility: hidden } .highslide-dimming { background-color: black } .highslide-html { background-color: white } .highslide-loading { display: block; color: white; font-size: 9px; font-weight: bold; text-decoration: none; padding: 3px; border: 1px solid white; background-color: black } a.highslide-full-expand { background: url("/templates/kara/dleimages/fullexpand.gif") no-repeat; display: block; margin: 0 10px 10px 0; width: 34px; height: 34px } .highslide-display-block { display: block } .highslide-display-none { display: none } .highslide-caption { display: none; padding: 5px; background: white } .highslide-controls { width: 195px; height: 40px; background: url("/engine/classes/highslide/graphics/controlbar-black-border.gif") no-repeat 0 -90px; margin-right: 15px; margin-bottom: 10px; margin-top: 10px } .highslide-controls ul { position: relative; left: 15px; height: 40px; list-style: none; margin: 0; padding: 0; background: url("/engine/classes/highslide/graphics/controlbar-black-border.gif") no-repeat 100% -90px } .highslide-controls li { float: left; padding: 5px 0; } .highslide-controls a { background: url("/engine/classes/highslide/graphics/controlbar-black-border.gif"); display: block; float: left; height: 30px; width: 30px; outline: none } .highslide-controls a.disabled { cursor: default } .highslide-controls a span { display: none } .highslide-controls .highslide-previous a { background-position: 0 0 } .highslide-controls .highslide-previous a:hover { background-position: 0 -30px } .highslide-controls .highslide-previous a.disabled { background-position: 0 -60px !important } .highslide-controls .highslide-play a { background-position: -30px 0 } .highslide-controls .highslide-play a:hover { background-position: -30px -30px } .highslide-controls .highslide-play a.disabled { background-position: -30px -60px !important } .highslide-controls .highslide-pause a { background-position: -60px 0 } .highslide-controls .highslide-pause a:hover { background-position: -60px -30px } .highslide-controls .highslide-next a { background-position: -90px 0 } .highslide-controls .highslide-next a:hover { background-position: -90px -30px } .highslide-controls .highslide-next a.disabled { background-position: -90px -60px !important } .highslide-controls .highslide-move a { background-position: -120px 0 } .highslide-controls .highslide-move a:hover { background-position: -120px -30px } .highslide-controls .highslide-full-expand a { background-position: -150px 0 } .highslide-controls .highslide-full-expand a:hover { background-position: -150px -30px } .highslide-controls .highslide-full-expand a.disabled { background-position: -150px -60px !important } .highslide-controls .highslide-close a { background-position: -180px 0 } .highslide-controls .highslide-close a:hover { background-position: -180px -30px } /*--- TAGS CLOUD ---*/ .tags-page{width: 100%;margin:0 -6px} .tags-header{text-align: center;margin-bottom: 15px;background-size: cover;padding: 70px 0 20px;color: #fff; background-image: linear-gradient(to bottom, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.5) 100%), url(/uploads/shared/bg-tags.webp);border-radius: 10px;} .tags-header h1{margin-bottom:5px;} .tags-header p{font-size:16px} .clouds_xsmall, .clouds_small, .clouds_medium, .clouds_large, .clouds_xlarge {display:inline-block; border-radius:6px; margin:0 3px 6px 0;} .clouds_xsmall { font-size: 1em } .clouds_small { font-size: 1.1em; font-weight: 600;box-shadow: rgba(3, 102, 214, 0.3) 0px 0px 0px 2px;margin:0 3px} .clouds_medium { font-size: 1.1em; font-weight: 600;box-shadow: rgb(255 56 56 / 30%) 0px 0px 0px 2px;margin:0 3px} .clouds_large { font-size: 1.1em; font-weight: 600;box-shadow: rgb(255 247 0 / 40%) 0px 0px 0px 2px;margin:0 3px} .clouds_xlarge { font-size: 1.1em; font-weight: 600;box-shadow: rgb(255 247 0 / 40%) 0px 0px 0px 2px;margin:0 3px} .cloud-tags span a {display:block; padding:5px 7px; border: 1px solid var(--bg-lighter);border-radius:6px} .cloud-tags span a:hover { box-shadow:0 0 10px 0 rgba(0,0,0,0.3);} .tags_more {margin-top:10px;} /*--- SEARCH SUGGESTIONS---*/ #searchsuggestions {z-index: 99998; width: 360px; font-size: 13px; background: var(--ui-bg); box-shadow: 0 0 30px rgba(0,0,0,0.1);} #searchsuggestions a, #searchsuggestions span.notfound {padding:10px 15px; border-bottom: 1px solid var(--ui-bg-darker);} #searchsuggestions a:hover {background-color: var(--ui-bg-darker);} #searchsuggestions span.seperator a {text-align: center;background-color: var(--bg-lighter);display: block;} #searchsuggestions .break, #searchsuggestions span.seperator {display: block;} .suggestion__item{display: flex;padding: 10px 15px;color: var(--tt-lighter);} .suggestion__image{width:12%;margin-right:8px;width:35px;} .suggestion__image img{width:35px;display:block} .suggestion__info{display:flex;width: 80%;flex-direction: column;} .suggestion__name{font-size:14px;line-height:17px;margin-bottom:5px} .suggestion__content{display: flex;font-size: 13px;color: var(--tt-darker-2);} .suggestion__rating{color: #093;margin-right: 7px;} .suggestion__not-found{padding:10px} @media screen and (max-width: 960px) {#searchsuggestions {width: calc(100% - 40px);}} /*--- UI WIDGETS ---*/ .ui-widget-overlay {background: #000; opacity:0.5; left: 0; top: 0; right: 0; bottom: 0; position: fixed;} .ui-dialog {background-color: var(--bg); position: absolute; width: 500px; box-shadow: 0 20px 60px rgba(0,0,0,0.3); border-radius: 10px; overflow: hidden;} .ui-dialog-titlebar {background-color: var(--ui-bg-accent); color: #e0dfdc;} .ui-dialog-title {display: block; font-size: 18px; padding: 10px 60px 10px 20px;} .ui-dialog-content {padding: 30px;overflow: auto;position: relative;background-size: cover;color: #fff;} /*overflow-y: hidden !important;*/ .ui-dialog-buttonpane {padding: 15px 25px; text-align: center; background-color: var(--ui-bg-accent);} .ui-icon-closethick {cursor: pointer; position:absolute; right:7px; top:7px; width: 40px; height: 40px;} .ui-icon-closethick:before {content:"\f00d"; font-family:'Font Awesome 5 Pro'; font-weight: 900; width:40px; height:40px; line-height:40px; text-align:center; color: var(--ui-text-color-on-accent); position:absolute; right:0; top:0px; text-indent:0; font-size:18px; display:block;} .ui-dialog-buttonpane button {height: 30px; margin: 0 5px; padding: 0 15px; font-size: 13px;} .ui-dialog .ui-resizable-se {bottom: 3px; height: 14px; right: 3px; width: 14px;} .ui-draggable .ui-dialog-titlebar {cursor: move;} .ui-state-error {background: #fef1ec 50% 50% repeat-x !important; border: 1px solid #cd0a0a; color: #cd0a0a;} /* --- UI MENU --- */ .ui-autocomplete { position: absolute; cursor: default; } .ui-menu { list-style:none; padding: 2px; margin: 0; display:block; float: left; background: #fff 50% bottom repeat-x; border: 1px solid #dedede; color: #222; } .ui-menu .ui-menu { margin-top: -3px; } .ui-menu .ui-menu-item { margin:0; padding: 0; zoom: 1; float: left; clear: left; width: 100%; } .ui-menu .ui-menu-item a { text-decoration:none; display:block; padding:.2em .4em; line-height:1.5; zoom:1; } .ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; border: 1px solid #a7a7a7; color: #4e4e4e; font-weight: bold; } /*--- UPDATES TO NEW VERSIONS ---*/ .comments-tree-list {display: block;margin: 0;padding: 0;list-style: none;} .comments-tree-list .comments-tree-list {padding-left: 20px;position: relative;border-left: solid 1px var(--ui-bg-darker-3);} .comments-tree-item {display: block; margin: 0; padding: 0;} #dlefastreplycomments {padding:10px; padding: 10px;background: var(--bdc);} .commentsreplyname {padding: 2px; width: 200px;} #dlereplypopup form > div {margin-bottom:5px;} #dlereplypopup form input[type="text"] {height:30px; line-height:30px;} #dlereplypopup form textarea {height:80px;} .pollallvotes {text-align: center; margin-top: 10px;} /*--- 11, 12 ---*/ .emoji {border: none;vertical-align: middle;width: 22px;height: 22px;} .xfieldsrow {padding-top:5px;clear: both;} .xfieldscolleft {float: left; width: 30%;} .xfieldscolright {float: left;width: 70%;} .file-box {width: 95%;max-width: 437px;border:1px solid #B3B3B3; border-radius: 3px;background-color: #F5F5F5;padding: 10px;margin-top: 10px;} .qq-uploader { position:relative; width: 100%;} .qq-upload-drop-area {position:absolute; top:0; left:0; width:100%; height:100%; z-index:2;max-width: 437px;background:#FF9797; text-align:center; } .qq-upload-drop-area span {display:block; position:absolute; top: 50%; width:100%; margin-top:-8px; font-size:16px;} .qq-upload-drop-area-active {background:#FF7171;} .uploadedfile {width: 115px;height: 130px;margin: 10px 5px 5px 5px;border:1px solid #B3B3B3;box-shadow: 0px 1px 4px rgba(0,0,0,0.3); text-align: center;background:#ffffff;} .uploadedfile .uploadimage {margin-top: 5px;width: 115px;height: 90px;display: flex;align-items: center;justify-content: center;cursor: move;} .sortable-ghost {opacity: 0.4;} .uploadedfile .info {text-align: left;white-space: nowrap;margin: 0px 5px 0px 5px;overflow: hidden;} .progress {overflow:hidden;margin-top:10px;margin-bottom:10px;background-color:whitesmoke;height:10px; border-radius:8px;background:#eee;box-shadow:0 1px 0 white, 0 0px 0 1px rgba(0, 0, 0, 0.1) inset, 0 1px 4px rgba(0, 0, 0, 0.2) inset;} .progress .progress-bar {float:left;width:0%;font-size:13px;line-height:20px;color:white;text-align:center;background-color:#428bca; box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15);transition:width 0.6s ease;border-radius:8px;box-shadow:none;height:8px;} .progress-bar span{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0;} .progress-blue {background-image:linear-gradient(to bottom, #9bcff5 0%, #6db9f0 100%);background-repeat:repeat-x;border:1px solid #55aeee;} /*.xfieldimagegallery {margin:20px -5px; list-style: none; clear: both;} .xfieldimagegallery:after {content: ""; display: table; clear: both;} .xfieldimagegallery li {list-style: none; margin:0;} .xfieldimagegallery li img {float: left; margin:5px; border: 5px solid #fff; width: 150px; height: 100px;} .xfieldimagegallery li img:hover {box-shadow: 0px 0px 7px rgba(0,0,0,0.4);}*/ .btn.disabled, .btn[disabled], fieldset[disabled] .btn {cursor:not-allowed; pointer-events:none; opacity:0.65;} .dle-captcha { position: relative; } .dle-captcha:after { clear: both; display: block; content: ""; } .dle-captcha > a { float: left; margin-right: 5px; } .dle-captcha img {position: relative; display: block; width: 130px; height: 46px; transition: all ease .2s;} .dle-captcha > input { float: left; width: 130px; } .xfieldsnote {color: #838383; font-size: .9em;} .instagram-media, .twitter-tweet {display: inline-block !important;} /*--- 13, 14 ---*/ .ui-front {z-index: 1000;} .ui-button-icon-only {overflow: hidden; text-indent: -9999px;} button.ui-dialog-titlebar-close {background: none; position: absolute; right: 0; top: 0;} .emoji_box {width:100%; max-width: 390px;} .emoji_category {padding:7px; clear:both;} .emoji_list {margin-top:5px; margin-bottom:5px; width:100%; font-family:'Apple Color Emoji', 'Segoe UI Emoji', 'NotoColorEmoji', 'Segoe UI Symbol', 'Android Emoji', 'EmojiSymbols'; font-size:2em;} .emoji_symbol {float:left; margin-bottom: 10px; width:12.5%; text-align:center;} .emoji_symbol a, .emoji_symbol a:hover {cursor: pointer; text-decoration:none;} .native-emoji {font-size: 1.3em; font-family: 'Apple Color Emoji', 'Segoe UI Emoji', 'NotoColorEmoji', 'Segoe UI Symbol', 'Android Emoji', 'EmojiSymbols';} .title_spoiler svg{ vertical-align: middle; margin-top: -4px; margin-right: 7px; height: 16px; width: 16px; } .mce-accordion summary { cursor: pointer; } /*Delete btn*/ .self_delete_link { margin-left:10px; display: inline-block; vertical-align: middle; cursor: pointer; padding: 12px 27px; border-radius: 4px; outline: none; background-color: #f44336; color: #fff; text-shadow: 0 1px #333; text-decoration: none !important; box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2); box-sizing: border-box; transition: all ease .1s; transition: all ease .1s; } /*input*/ input[type="text"].comments_author_field { width: 100%; margin-bottom: 10px; } /*DLE push*/ .DLEPush { z-index: 2001; position: fixed; right: 20px; bottom: 20px } @keyframes DLEPush-show { 0% {transform: translateX(calc(100% + 20px));} 40% {transform: translateX(-5%);} 80% {transform: translateX(0%);} 100% {transform: translateX(-10px);} } .DLEPush-notification.wrapper { animation: DLEPush-show 0.5s ease forwards; position: relative; display: grid; grid-template-columns: auto 1fr; align-items: center; color: var(--tt-base); margin-bottom: 10px; width: 100%; max-width: 400px; box-shadow: 0 10px 15px rgb(0 0 0 / 20%); background-color: var(--ui-bg-darker-1); border-radius: 10px } .DLEPush-notification .DLEPush-icon { grid-column: 1; grid-row: 1 / span 2; display: flex; align-items: center; justify-content: center; color: #fff; width: 45px; height: 100%; border-top-left-radius: 10px; border-bottom-left-radius: 10px; background:none; text-align: center; } .DLEPush-notification .DLEPush-icon svg { scale: .8; } .DLEPush-notification .DLEPush-header { grid-column: 2; grid-row: 1; font-size: 14px; margin-top: .5rem; margin-bottom: -10px; font-weight: 600; } .DLEPush-notification .DLEPush-header:empty { margin-top: 0; } .DLEPush-notification .DLEPush-message { grid-column: 2; grid-row: 2; font-size: .875rem; margin: 14px 25px 14px 0; } .DLEPush-notification .DLEPush-message li, .DLEPush-notification .DLEPush-message ul { list-style-type: none; padding-left: 0; } .DLEPush-notification .DLEPush-close { position: absolute; top: 0; right: 10px; width: 20px; height: 100%; font-weight: 300; background: none; border: 0; font-size: 22px; cursor: pointer; line-height: 1; padding: 0; color: inherit; outline: 0; opacity: 0.75; } @media only screen and (min-width: 601px) { .DLEPush-notification.wrapper { min-width: 400px; } } .DLEPush-notification .DLEPush-close:hover { opacity: 1; } .DLEPush-notification.wrapper.push-success .DLEPush-icon { color: var(--accent-3); } .DLEPush-notification.wrapper.push-warning .DLEPush-icon { color: var(--accent-2); } .DLEPush-notification.wrapper.push-error .DLEPush-icon { color: #eb4d4b; } /* --- ADAPTIVE --- */ @media screen and (max-width: 760px) { .form__caption:not(.form__caption--above), .form__table .addnews {width: 100%; padding: 0 0 10px 0;} .form__content--admintag .checkbox {width: 100%;} .usp {margin-left: -20px; margin-right: -20px;} .usp__status{width: 17px;top: 0px;right: 0px;height: 17px;} .usp__list li {width: 100%;} .comments-tree-list .comments-tree-list {padding-left: 10px;} .DLEPush{left:25px;} } @media screen and (max-width: 590px) { .form__title {font-size: 18px;} .form__header .form__btn .far {display: none;} .form__btn--find-related {position: static; width: 100%; margin-top: 10px;} .qq-upload-button, .pm__links li, .stats__list {width: 100% !important;} .form__row--without-label > .form__btn, .pm__links li a {width: 100%; margin: 10px 0 0 0;} .form__content--sec-code input {max-width: 100%; width: 100%; margin: 0 0 10px 0; height: 40px; line-height: 40px; font-size: 16px;} .usp__right, .usp__meta .usp__btn {width: 100%; margin-top: 20px; margin-left: 0;} .usp__left {width: 60px; margin-right: 10px;} .usp__img {width: 60px; height: 60px;} .usp__activity {justify-content: flex-end; text-align: right;} .ui-dialog {width:96% !important;} .usp-popup__left {margin: 0 auto 15px auto; width: 100%;} .ui-dialog .ui-dialog-buttonpane button {margin:0 5px; width:45%;} .dcont button {font-size:13px; padding:0 15px !important;} .comments-tree-list .comments-tree-list {padding-left:10px !important;} .comments-tree-list .comments-tree-list:before {display:none;} .mass_comments_action {display:none;} .search-page .search > div{display:block;padding:10px} #searchuser, #searchinput{} }/*! * Font Awesome Pro 5.12.0 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license (Commercial License) */ .fa,.fab,.fad,.fal,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-style:normal;display:inline-block;font-variant:normal;text-rendering:auto;line-height:1} .fa-long-arrow-up:before{content:"\f176"}.fa-bars:before{content:"\f0c9"}.fa-bookmark:before{content:"\f02e";font-family: 'Font Awesome 5 Pro';}.fa-search:before{content:"\f002"}.fa-moon:before{content:"\f186"}.fa-user:before{content:"\f007"}.fa-lock:before{content:"\f023"}.fa-cog:before{content:"\f013"}.fa-envelope:before{content:"\f0e0"}.fa-list-ul:before{content:"\f0ca"}.fa-history:before{content:"\f1da"}.fa-comments:before{content:"\f086"}.fa-sign-out:before{content:"\f08b"}.fa-fire:before{content:"\f06d"}.fa-stream:before{content:"\f550"}.fa-pencil:before{content:"\f040"}.fa-eye:before{content:"\f06e"}.fa-heart:before{content:"\f004"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-exclamation-circle:before{content:"\f06a"}.fa-star:before{content:"\f005"}.fa-snowflake:before{content:"\f2dc"}.fa-check:before{content:"\f00c"}.fa-bell:before{content:"\f0f3"}.fa-home:before{content:"\f015"}.fa-tv:before{content:"\f26c"}.fa-fire-alt:before{content:"\f7e4"}.fa-list-alt:before{content:"\f022"}.fa-hashtag:before{content:"\f292"}.fa-walking:before{content:"\f554"}.fa-clock:before{content:"\f017"}.fa-times:before{content:"\f00d"}.fa-hand-paper:before{content:"\f256"}.fa-eye-slash:before{content:"\f070"}.fa-long-arrow-right:before{content:"\f178"}.fa-long-arrow-left:before{content:"\f177"} .closed-captioning:before{content:"\f20a";}.fa-lightbulb:before {content: "\f0eb";}.fa-microphone:before{content:"\f130";}.fa-users:before{content:"\f0c0"}.fa-bug:before{content:"\f188"}.fa-calendar-days:before{content:"\f073"}.fa-info-circle:before{content:"\f05a"}.fa-check-circle:before{content:"\f058"}.fa-paper-plane:before{content:"\f1d8"}.fa-copy:before{content:"\f0c5"}.fa-crown:before{content:"\f521"}.fa-expand-arrows-alt:before{content:"\f31e"}.fa-angle-down:before {content: "\f107";}.fa-redo-alt:before {content: "\f2f9";}.fa-ellipsis:before{content: "\f141";}.fa-chevron-left:before{content: "\f053";}.fa-house:before{content: "\f015";}.fa-ellipsis-vertical:before{content: "\f142";}.fa-clock-rotate-left:before{content: "\f1da";}.fa-trash:before{content: "\f1f8";}.fa-lock:before{content: "\f023";}.fa-lock-open:before{content: "\f3c1";}.fa-pause:before{content: "\f04c";}.fa-rotate-right:before{content: "\f2f9";}.fa-volume:before{content: "\f6a8";}.fa-up-down:before{content: "\f338";}.fa-chevron-down:before{content: "\f078";}.fa-chevron-up:before{content: "\f077";} .fa-comment:before{content: "\f075";}.fa-arrow-up:before{content: "\f062";}.fa-arrow-down:before{content: "\f063";} @font-face{font-family:'Font Awesome 5 Pro';font-style:normal;font-weight:900;font-display:swap; src:url(/templates/kara/webfonts/fa-solid-900.woff2) format("woff2")} .fa,.fas,.fal{font-family:'Font Awesome 5 Pro';font-weight:900}