/* BASIC LAYOUT
----------------------------------------------- */
.wrappers {min-width: 320px; overflow: hidden; overflow: clip;}
.wrappers__container {max-width: var(--max-width); margin: 0 auto; position: relative; z-index: 20;}
.wrappers__container--main {background-color: var(--bg); box-shadow: var(--bsh-popover);}
.header {padding: 0 var(--indent); border-bottom: 5px solid var(--accent); gap: 0 45px; position: relative; z-index: 100;}
.slider {background: var(--bg-darker) url(../images/bg-slider.jpg) center bottom / cover no-repeat;; position: relative;}
.cols {display: grid; grid-template-columns: minmax(0,1fr) 395px; gap: 45px;
	grid-template-areas: "main side"; padding: 45px var(--indent);}
.cols__main {grid-area: main;}
.cols__side {grid-area: side;}
.cols--full {display: block;}
.footer {background: url(../images/bg-footer.jpg) center top / cover no-repeat;
	background-color: var(--bg-black); padding: 0 var(--indent); min-height: 140px; 
	--tt: var(--tt-black-fade); color: var(--tt-black-fade); position: relative;}
.bg-decor::before, .bg-decor > * {position: relative; z-index: 3;}
.bg-decor::after {content: ''; position: absolute; inset: 0; background-color: inherit; opacity: 0.76; border-radius: inherit;}

.has-branding {padding-top: 200px !important;}
body.has-branding {background: #333 !important;}
@media screen and (min-width: 1340px) {
	.has-branding .wrappers {max-width: 1200px; margin: 0 auto; --indent: 30px; --indent-negative: -30px;}
	.has-branding .header {gap: 0 30px;}
	.has-branding .header__menu {gap: 25px;}
	.has-branding .cols {grid-template-columns: minmax(0,1fr) 360px; gap: 30px;}
	.has-branding .soc__btn {width: 60px;}
	.has-branding .item-recent__img {width: 60px; aspect-ratio: 1 / 1;}
	.has-branding .item-video__img {width: 120px; aspect-ratio: 1 / 1;}
	.has-branding .item-top__btn::before {display: none;}
	.has-branding .filter__col:not(.filter__col--submit) {flex: 1 0 230px; min-width: 230px;}
.col2 .cols {grid-template-columns: 395px minmax(0,1fr); grid-template-areas: "side main";}
}

.fbtns {position: fixed; z-index: 990; right: 10px; bottom: 10px;}
.scrolltop, .theme-switcher {height: 50px; width: 50px; padding: 0; 
	background-color: var(--bg); color: var(--tt); box-shadow: var(--bsh);
	border-radius: 50%; font-size: 22px; opacity: 0; scale: 0 0;}
.scrolltop.is-active, .theme-switcher {scale: 1 1; opacity: 1;}
.overlay {position: fixed; z-index: 998; left: 0; top: 0; width: 100%; height: 100%; 
	opacity: 0.8; background-color: #1d1924; cursor: pointer; display: none;}
.dt .theme-switcher::before {content:"\f755";}


/* HEADER, TOPMENU, CAROU
----------------------------------------------- */
.logo {display: flex; align-items: center; height: 40px; color: #fff !important; 
	font-size: 24px; text-transform: uppercase; text-align: left;}
.logo span {font-weight: 700;}
.logo div div {font-size: 10px; letter-spacing: 3px; opacity: 0.9;}
.logo::before {content: ''; background: url(../images/logo.png) 0 0 / contain no-repeat; width: 50px; aspect-ratio: 1/1;}
.header__logo {margin-left: var(--indent-negative); padding-left: var(--indent); padding-right: 45px;
	background: url(../images/bg-footer.jpg) center center / cover no-repeat; 
	background-color: var(--bg-black); height: 100px;}
.user-area__avatar {height: 60px;}
.user-area__avatar.fal {border-radius: 50%; background-color: var(--bg-darker); font-size: 20px;}
.user-area__avatar:not(.fal):before {content: ''; width: 16px; height: 16px; border-radius: 50%; border: 3px solid var(--bg); 
	position: absolute; left: 100%; top: 0; translate: -50% -50%; z-index: 3; background-color: var(--green);}
.user-area__name b {max-width: 90px;}

.header__menu > li > a {display: flex; align-items: center; height: 100px; font-weight: 500; gap: 10px;}
.header__menu-submenu {background-color: var(--bg); box-shadow: var(--bsh-popover); width: 800px; padding: 20px 15px;
	position: absolute; left: 0%; top: 99%; translate: -30px 30px; opacity: 0; visibility: hidden;
	z-index: 10; display: grid; grid-template-columns: repeat(4,1fr);}
.header__menu-submenu a {display: block; padding: 8px 15px; border-radius: 4px;}
.header__menu li.header__menu-has-submenu > a::after {content:"\f078"; font-size: 14px;
	position: absolute; left: 50%; bottom: 0; translate: -50% -12px;}
.header .header__menu-submenu:not(:has(li:nth-child(11))) {width: 240px; display: block;}

.search-block {position: absolute; left: var(--indent); right: var(--indent); 
	--ui-elem-height: 50px; z-index: 10; top: 50%; translate: 0 -50%; --ui-bdc-inp-focus: var(--bdc);}
.search-block__input, .search-block__input:focus {padding: 0 100px 0 20px; border-width: 2px;}
.search-block__input:not(:focus)::placeholder {color: var(--tt); opacity: 0.66; font-size: 14px;}
.search-block__btn {position: absolute; right: 0; top: 0;}


/* SECTION
----------------------------------------------- */
.sect:not(:last-child) {margin-bottom: 55px;}
.sect__header {margin-bottom: 20px;}
.sect__title {font-size: 20px; font-weight: 500;}
.sect__link {color: var(--tt-fade); font-size: 16px;}
.sect__tabs-btn {background: none; color: var(--tt); height: 40px; border-radius: 0;  
	padding: 0; position: relative; font-size: 16px;}
.sect__tabs:not(.sect__tabs2) .sect__tabs-btn + .sect__tabs-btn::before {height: 15px; width: 1px; background-color: var(--bdc); 
	position: absolute; top: 50%; left: -15px; translate: 0 -50%; content: '';}
.sect__tabs-btn.is-active {color: var(--accent);}
.sect__tabs-btn.is-active::after {height: 3px; width: 100%; background-color: var(--accent);
	position: absolute; left: 0; bottom: -3px; content: '';}
.sect--bg {border-radius: 4px; background-color: var(--bg-darker); padding: 30px;}
.sect__tabs2 .sect__tabs-btn {text-transform: uppercase; font-size: 16px; margin-top: -20px;}
.sect__tabs2 .sect__tabs-btn:not(.is-active) {color: var(--tt-fade);}
.sect--filter {padding: 20px var(--indent); margin-bottom: -45px !important;}
.slider + .sect--filter {margin-bottom: -25px !important;}
.speedbar {color: var(--tt-fade); font-size: 12px; padding: 15px 0;}
.speedbar a {color: var(--tt);}

.descr {color: var(--tt-fade-0); display: grid; gap: 12px; padding: 45px var(--indent); padding-top: 0;}
.descr :is(h1,h2,h3) {font-size: 20px; font-weight: 500; color: var(--tt);}
.descr :is(h1,h2,h3):not(:first-child) {padding-top: 10px;}
.descr a {text-decoration: underline; color: var(--accent);}
.descr ul li {position: relative; padding-left: 25px; margin-left: 25px;}
.descr ul li::before {content:"\f00c"; color: var(--accent); position: absolute; left: 0; top: 0;}
.descr :is(b,strong) {font-weight: 500;}


/* SLIDER
----------------------------------------------- */
.slider__btns {position: absolute; z-index: 10; bottom: 65px; left: var(--indent); overflow: hidden; width: 560px;}
.slider__btns-btn {height: 90px; background-color: var(--bg-black); color: var(--tt-black); cursor: pointer;
	font-weight: 500; font-size: 15px; padding: 10px 25px; display: flex; align-items: center; gap: 20px; 
	background-position: center center; background-size: cover; background-repeat: no-repeat; position: relative;}
.slider__btns-btn.next {background-color: var(--accent); text-align: right;}
.sl {padding: 0 var(--indent); --ui-elem-height: 50px;}
.sl > img {mask-image: linear-gradient(to right, transparent 0%, #000 40%, #000 100%); 
	display: block; position: absolute; right: 0; top: 0; width: 60%; height: 100%; object-fit: cover;}


/* ITEM
----------------------------------------------- */
.item__img-overlay {position: absolute; inset: 0; isolation: isolate; z-index: 3; 
	color: #fff; padding: 20px; opacity: 0;}
.item__img-overlay::before {content: ''; position: absolute; inset: 0; z-index: -1; 
	background: var(--accent); opacity: 0.8; border-radius: inherit;}
.item__img-overlay-bar {width: 100%; height: 4px; border-radius: 2px; background-color: rgba(255,255,255,0.3); position: relative;}
.item__img-overlay-bar::before {content: ''; height: 100%; width: var(--p); background-color: #fff; display: block; border-radius: inherit;}
.item__img-icon::before {position: absolute; left: 50%; top: 50%; z-index: 3; translate: -50% -50%; width: 50px; height: 50px;
	font-size: 18px; color: #fff; opacity: 0.8; border: 2px solid #fff; border-radius: 50%; padding-left: 2px;}
.item__label {background-color: var(--accent); color: #fff; border-radius: 2px; 
	padding: 1px 5px; font-size: 12px; font-weight: 500;}
.item__label--on-img {position: absolute; left: 5px; bottom: 5px; z-index: 3; 
	background-color: rgba(255,255,255,0.8); color: #000;}
.item__rating-stars .unit-rating {--size: 14px; --size-1: -14px; --size-2: -28px; top: 0px; position: relative;}
.item__counters {gap: 2px;}
.item__counters-counter {padding: 9px 0; background-color: var(--bg-darker); color: var(--tt-fade);}
.item__counters-counter div {font-size: 18px; font-weight: 500; color: var(--tt); line-height: 1.0;}
.item-news__date, .item-short__top, .item-short__meta, .item-top__category, .item-video__date, 
.item-choice__title, .item-poster__category {margin-bottom: -10px;}

.item-poster {display: grid; grid-template-columns: minmax(0,1fr); grid-template-rows: auto 1fr;}
.item-poster__meta {padding-bottom: 5px;}
.item-news__img {width: 290px; aspect-ratio: 290/168;}
.item-short {padding: 25px 30px; background-color: var(--bg-darker);}
.item-short__img {width: 134px;}
.item-short__bottom {border-top: 1px solid var(--bdc); padding-top: 20px;}
.item-recent:not(:last-child) {border-bottom: 1px solid var(--bdc); padding-bottom: 15px;}
.item-recent__img {width: 90px;}
.item-top__img {width: 110px;}
.item-top__meta .item__counters-counter {width: 90px;}
.item-top__btn {height: 56px; font-size: 16px; font-weight: 500; padding: 0;}
.item-video__img {width: 180px;}
.item-choice__img {width: 100px;}
.top100 {counter-reset: n;}
.top100 .item__img::before {content: counter(n, decimal-leading-zero); counter-increment: n; 
	display: grid; place-items: center; width: 40px; height: 40px; background-color: var(--accent-2); color: #fff; 
	position: absolute; left: 5px; top: 5px; z-index: 5; border-radius: inherit; font-weight: 500; font-size: 16px;}
.sch-list .grid-main {gap: 15px;}
.sch-list .tabs-block__select button {padding: 0 10px; flex-grow: 1;}


/* LAST COMMENTS
----------------------------------------------- */
.lcomm {font-size: 14px;}
.lcomm__img {width: 40px; border-radius: 6px;}
.lcomm__author {font-weight: 500;}
.lcomm__date {font-size: 12px; color: var(--tt-fade);}
.lcomm__text {background-color: var(--bg-darker); border-radius: 6px;
	padding: 15px 20px; font-size: 13px; margin-top: 15px;}
.lcomm__text::before {content: ''; border: 10px solid transparent; border-bottom-color: var(--bg-darker); 
	position: absolute; left: 35px; bottom: 100%;}
.lcomm__link {border-top: 1px solid var(--bdc); font-weight: 500; margin-top: 10px; padding-top: 10px;}
.comm-group-mark {padding: 2px 6px; text-align: center; font-size:12px; font-weight: 400; 
	background-color:var(--accent); color:#fff; border-radius: 4px;}
.comm-group-mark span, .comm-group-mark b {color: inherit !important; font-weight: inherit;}
.comm-admin {background-color:#d60505;}
.comm-jour {background-color:#1ca101;}
.comm-user {background-color:#f34f00;}
.comm-post {background-color:#3f90d6;}
.comm-mest {background-color:#da005b;}
.comm-gl {background-color:#05ba13;}
.comm-vet {background-color:#00aca4;}
.comm-vip {color: #000; background-color: #fff476;}
.comm-guru {color: #000; background-color: #ffeb00;}
.comm-lord {background: linear-gradient(#ff0000, #a100e9);}


/* FOOTER, PAGINATION
----------------------------------------------- */
.footer__submenu {margin-top: -25px; line-height: 1.3;}
.footer__submenu a + a {border-left: 1px solid var(--bdc-black); padding-left: 10px;}
.soc__btn {width: 90px; height: 180px; border-right: 1px solid var(--bdc-black);}
.soc__btn--main {background-color: rgba(6, 122, 189, 0.5); border-color: transparent;}
.soc__btn img {display: block; filter: invert(1); opacity: 0.66; width: 24px; aspect-ratio: 1/1;}

.pagination {gap: 20px 10px;}
.pagination__pages a, .pagination__pages span, .pagination > a, .pagination > span 
{display: grid; place-items: center; color: var(--tt-fade);
	height: 36px; min-width: 36px; padding: 0 10px; border-radius: 3px; background-color: var(--bg-darker);}
.pagination__pages {gap: 10px; font-size: 14px;}
.pagination__pages span:not(.nav_ext) {color: #fff; background: var(--accent);}
.pagination__btns {height: 36px; border-radius: 4px; overflow: hidden; background-color: var(--bg-darker);;}
.pagination__btns > * {width: 40px; display: grid; place-items: center; color: var(--accent); font-size: 18px;}
.pagination__btns > span {color: var(--tt-fade);}
.pagination__btn-loader:has(span:not(.fal)) {display: none;}
.pagination__btn-loader a {min-width: 360px; background-color: var(--accent-2);}
.favs__list {position: absolute; left: 0; top: 100%; z-index: 10; background-color: var(--bg); border-radius: 10px; 
	white-space: nowrap; min-width: 100%; padding: 15px; box-shadow: var(--bsh-popover); display: none;}
.favs__list li {cursor: pointer; padding: 8px 15px; border-radius: 6px; font-size: 14px;}
.favs__list li.is-active {background-color: var(--accent-2); color: #fff;}
.stats__legend-item {position: relative; padding-left: 28px; --clr: var(--accent); white-space: nowrap;}
.stats__legend-item span {color: var(--tt); font-weight: 500; margin-left: 3px;}
.stats__legend-item::before {content: ''; width: 18px; height: 18px; border-radius: 4px; background: var(--clr); 
	position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.stats__watch, .stats__bar-progress.watch {--clr: #57bb8a;}
.stats__later, .stats__bar-progress.later {--clr: #aed787;}
.stats__watched, .stats__bar-progress.watched {--clr: #ffd834;}
.stats__postponed, .stats__bar-progress.postponed {--clr: #ffb234;}
.stats__left, .stats__bar-progress.left {--clr: #ff8b5a;}
.stats__legend {display: grid; gap: 6px 10px; grid-template-columns: repeat(auto-fill,minmax(160px,1fr));}
.stats__bar {height: 30px; border-radius: 4px; margin-bottom: 10px; overflow: hidden;}
.stats__bar-progress {height: 100%; background-color: var(--clr);}
.news__cols-right {width: 400px;}
.news__meta {margin: 20px 0 40px 0;}
@media screen and (min-width: 1340px) {
	.news__cols-right .item-news__img {width: 100%;}
}
.js-show-login .unit-rating {pointer-events: none;}
/* TEXT BLOCK, TYPOGRAPHY, VIDEO BLOCK
----------------------------------------------- */
.page__title {margin-bottom: 30px; font-size: 24px;}
.full-text {line-height: 1.6; font-size: 15px; word-wrap: break-word;}
.full-text a {text-decoration: underline; color: var(--accent-2);}
.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 {margin-bottom: 25px;}
.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: 6px; left: 34px;}
.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: -3px; left: 17px; width: 24px; height: 30px; font-size: 14px; font-weight: 500;
	display: flex; justify-content: flex-end; align-items: center; padding-right: 6px; box-sizing: border-box;}
.full-text > ol li:after {content: ''; border: 10px solid transparent; border-left-color: var(--accent); 
	position: absolute; left: 41px; top: -3px; 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 > *:last-child {margin-bottom: 0;}
.video-responsive {background-color: #000;}
.video-responsive > iframe, .video-responsive > video {width: 100%; height: auto; aspect-ratio: 3/2;}
.full-text h1, .full-text h2, .full-text h3, .full-text h4, .full-text h5 {font-size: 21px; margin-bottom: 20px;}
.ac-form {position: relative;}
.ac-form__header, .ac-form__editor, .ac-form .message-info {gap: 10px; margin-bottom: 10px;}
.ac-form__btn {padding: 0 60px;}
.ac-form__bottom {gap: 25px;}
.confidential-check {font-size: 14px;}
.ac-form__header > span {margin-left: 15px;}
.ac-form .comments_subscribe {margin-top: 0px;}

.comments_subscribe + br, .ac-form .bb-editor + br, .mass_comments_action {display: none;}

.comm__title {font-size: 18px; margin-bottom: 20px; font-weight: 500;}

.comm {margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid var(--bdc);}
.comm.poss, .comm.negg {position: relative; isolation: isolate;}
.comm.poss::before, .comm.negg::before {content: ''; border-radius: 10px 10px 0 0;
	position: absolute; top: -10px; right: -10px; left: -10px; z-index: -1; height: 100px; opacity: 0.15; 
	background: linear-gradient(to bottom, var(--green), transparent);}
.comm.negg::before {--green: var(--red);}
.comm__img {width: 45px; height: 45px; border-radius: 10px;}
.comm__header::before {width: 26px; height: 26px; border-radius: 50%; background-color: var(--green); color: #fff; order: 10;}
.neg.comm__header::before {background-color: var(--red);}
.comm__author, .comm__author a {font-weight: 500;}
.comm__author .fal {color: var(--tt-fade); font-size: 15px;}
.comm__author img {display: block; height: 15px;}
.comm__date {color: var(--tt-fade); font-size: 13px; margin-top: 3px;}
.comm__rating a {display: grid; place-items: center; width: 20px; height: 20px; border-radius: 50%; 
	color: var(--green); font-size: 18px; line-height: 1;}
.comm__rating a:last-child {color: var(--red);}
.comm__rating span:not(.fal) {font-size: 14px; font-weight: 400;}
.comm__rating span .ratingplus {color: var(--green);}
.comm__rating span .ratingminus {color: var(--red);}
.comm__text {margin: 10px 0 15px 0;}
.comm__action {font-size: 13px; --tt: var(--tt-fade); color: var(--tt-fade);}
.comm__ctrl {margin: -5px 0; height: 30px;}
.comm__ctrl-btn {font-size: 24px; height: 30px; border-radius: 15px;}
.comm__ctrl-menu li + li {margin-top: 10px;}
body:has(.pwidget) #dropmenudiv {z-index: 1000 !important;}
.full-text > *:last-child, .comm__text > div > *:last-child, .quote_body > *:last-child {margin: 0;}


/* POPUP WIDGET
----------------------------------------------- */
.pwidget {background-color: var(--bg); color: var(--tt); 
	border-radius: 20px; overflow: hidden; z-index: 999; padding: 20px; padding-top: 24px; 
	position: fixed; left: 20px; bottom: 20px; right: 20px; box-shadow: 0 0 60px rgba(0,0,0,0.5);}
.pwidget::before {content: ''; position: absolute; top: 10px; left: 50%; transform: translateX(-50%); 
	background-color: rgba(0,0,0,0.2); height: 4px; width: 40px; border-radius: 2px;}
.pwidget .wctrl__content {display: block; margin-bottom: 20px;}
@media screen and (min-width: 760px) {
	.pwidget {left: 50%; bottom: 50%; right: auto; translate: -50% 50%; width: 400px;}
	.pwidget::before {display: none;}
}


/* LOGIN
----------------------------------------------- */
.lgn, .lgn-logged {position: fixed; z-index: 999; left: 50%; top: 50%; translate: -50% -50%; background-color: var(--bg);
	width: 500px; max-width: calc(100% - 40px); box-shadow: var(--bsh-popover); padding: 30px 40px; border-radius: 20px;
	--link: var(--accent-2); --fs: 13px; --fw: 500; --indent: 30px; display: none;}
.lgn-logged {padding: 0; overflow: hidden; width: 360px;}
.lgn-logged .lgn__btn-close {color: #fff;}
.lgn__btn-close {position: absolute; right: 20px; top: 20px; font-size: 24px; z-index: 6;}
.lgn__header {text-align: center; margin-bottom: 30px; font-size: var(--fs); color: var(--tt-fade);}
.lgn__title {font-weight: var(--fw); font-size: 24px; color: var(--tt);}
.lgn__row + .lgn__row {margin-top: 15px;}
.lgn__row:not(.lgn__soc) a {color: var(--link);}
.lgn__ctrl {font-size: var(--fs);}
.lgn__soc-caption {font-size: var(--fs); color: var(--tt-fade); padding-top: 20px; padding-bottom: 15px;}
.lgn__soc-caption::before, .lgn__soc-caption::after {content: ''; flex-grow: 1; background: var(--bdc); height: 1px;}
.lgn__soc a {border-radius: 20px; height: 40px; padding: 0 25px; flex: 1 1 0; min-width: 40%; max-width: 100%;
	gap: 10px; display: flex; align-items: center; justify-content: center; 
	font-size: 12px; text-transform: uppercase; border: 1px solid var(--bdc);}
.lgn__soc a img {height: 18px; width: 18px;}
.lgn__soc:not(:has(a)) {display: none;}
.lgn-logged__header {padding: 20px var(--indent); padding-bottom: 46px; 
	background: url(../images/bg-footer.jpg) center top / cover no-repeat; 
	background-color: var(--bg-black); color: var(--tt-black);}
.lgn-logged__caption {font-size: 22px; font-weight: var(--fw); margin-bottom: 20px;}
.lgn-logged__user {padding-left: 60px; position: relative;}
.lgn-logged__user-avatar {width: 50px; border-radius: 50%; position: absolute; left: 0; top: 50%; translate: 0 -50%;}
.lgn-logged__user-name {font-weight: var(--fw);}
.lgn-logged__user-group, .lgn-logged__user-group * {font-size: var(--fs); font-weight: 400; color: var(--tt-black-fade) !important;}
.lgn-logged__menu {background-color: var(--bg); border-radius: 20px; margin-top: -20px; 
	position: relative; z-index: 3; padding: 20px var(--indent);}
.lgn-logged__menu a {display: flex; align-items: center; gap: 10px; height: 40px;}
.lgn-logged__menu a span {margin-left: auto; background-color: var(--accent-2); color: #fff; font-size: 12px; 
	display: inline-block; border-radius: 3px; padding: 1px 5px;}
.lgn-logged__footer {padding: 30px var(--indent); border-top: 1px solid var(--bdc);}
.lgn-logged__footer .btn:last-child {font-weight: 400; text-transform: uppercase; font-size: 12px;}
@keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} }
@keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} }


/* CLS FIX
----------------------------------------------- */
.carou-nl, .slider-nl {display: flex; overflow: hidden; gap: 20px;}
.carou-nl > *, .slider-nl > .sl {flex-shrink: 0;}
.carou-nl > .item-poster {width: calc((100% - 60px)/4);}
.slider-nl > .sl {width: 100%;}

@media screen and (max-width: 1220px) {
	.carou-nl > .item-poster {width: calc((100% - 60px)/4);}
}
@media screen and (max-width: 950px) {
	.carou-nl > .item-poster {width: calc((100% - 60px)/4);}
}
@media screen and (max-width: 760px) {
	.carou-nl > .item-poster {width: calc((100% - 40px)/3);}
}
@media screen and (max-width: 470px) {
	.carou-nl > .item-poster {width: calc((100% - 20px)/2);}
}

.filter-block {margin: 0;}
.filter {gap: 10px 20px;}
.filter-block__title {font-size: 16px; font-weight: 500; margin-bottom: 20px;}
.filter__col:not(.filter__col--submit) {flex: 1 0 240px; max-width: 100%; min-width: 240px; display: flex; flex-direction: column; gap: 10px;}
.filter__cell select {height: 40px; box-shadow: none; border: 1px solid var(--bdc);
	background-color: var(--bg); color: var(--tt);}
.filter__cell input[type="text"] {opacity: 0;}
.filter__cell [data-dlefilter="reset"]:not(:hover) {background-color: var(--bg-darker); color: var(--tt-fade);}
.filter__col--ranges {padding: 0 20px;}

.tail-select, .tail-select * {outline: none; user-select: none;}
.tail-select {position: relative;}
.tail-select-container, .select-label {border: 1px solid var(--bdc); background-color: var(--bg); 
	padding: 5px 5px; min-height: 40px; position: relative; cursor: pointer; color: var(--tt);
	display: flex; flex-wrap: wrap; align-items: center; gap: 5px; padding-right: 40px; border-radius: 3px;}
.tail-select .label-inner {margin-left: 5px; font-size: 14px;}
.tail-select-container .select-handle {display: flex; align-items: center; height: 28px; padding: 0 8px; border-radius: 2px; 
	background-color: var(--accent-2); color: #fff; cursor: pointer; font-size: 12px; text-transform: uppercase;}
.tail-select .select-label::after {position: absolute; top: 50%; right: 10px;
	content:"\f078"; color: var(--tt); margin-top: -11px; opacity: 0.8;}

.tail-select .select-dropdown {top: 100%; left: 0; width: 100%; z-index: 100; display: none; position: absolute;
    background-color: var(--bg); box-shadow: var(--bsh-popover); border-radius: 8px;}
.tail-select .select-dropdown .dropdown-inner {padding: 1px 0; overflow-x: hidden; overflow-y: auto; max-height: 300px;}
.tail-select .dropdown-optgroup {padding: 15px;}
.tail-select .select-dropdown .dropdown-empty {padding: 20px; font-size: 14px; text-align: center;}
.tail-select .select-dropdown ul li + li {margin-top: 10px;}
.tail-select .select-dropdown ul li {display: flex; align-items: center; gap: 10px; cursor: pointer; 
	font-size: 14px; position: relative; padding-right: 20px;}
.tail-select .select-dropdown ul li.dropdown-option::before {content: ""; width: 6px; height: 6px; border-radius: 50%; 
	position: absolute; right: 0; top: 50%; translate: 0 -50%;}
.tail-select .select-dropdown ul li.dropdown-option.selected {color: var(--accent-2); font-weight: 500;}
.tail-select .select-dropdown ul li.dropdown-option.selected::before {background-color: var(--accent-2);}
.tail-select .select-dropdown ul li:hover {color: var(--accent);}
.tail-select-container:hover, .select-label:hover {border-color: var(--accent-2);}
.tail-select-container .select-handle:hover {background-color: var(--red);}

.irs {position: relative; display: block; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none;
	-moz-user-select: none; -ms-user-select: none; user-select: none;}
.irs-line {position: relative; display: block; overflow: hidden; outline: none !important;}
.irs-line-left, .irs-line-mid, .irs-line-right {position: absolute; display: block; top: 0;}
.irs-line-left {left: 0; width: 11%;}
.irs-line-mid {left: 9%; width: 82%;}
.irs-line-right {right: 0; width: 11%;}
.irs-bar {position: absolute; display: block; left: 0; width: 0;}
.irs-bar-edge {position: absolute; display: block; top: 0; left: 0;}
.irs-shadow {position: absolute; display: none; left: 0; width: 0;}
.irs-handle {position: absolute; display: block; cursor: default; z-index: 1;}
.irs-handle.type_last {z-index: 2;}
.irs-min {position: absolute; display: block; left: 0; cursor: default;}
.irs-max {position: absolute; display: block; right: 0; cursor: default;}
.irs-from, .irs-to, .irs-single {position: absolute; display: block; top: 0; left: 0; cursor: default; white-space: nowrap;}
.irs-grid {position: absolute; display: none; bottom: 0; left: 0; width: 100%; height: 20px;}
.irs-with-grid .irs-grid {display: block;}
.irs-grid-pol {position: absolute; top: 8px; left: 0; width: 2px; height: 10px; opacity: 0.3; background: var(--tt-fade);}
.irs-grid-pol.small {height: 5px;}
.irs-grid-text {position: absolute; top: 23px; left: 0; white-space: nowrap; text-align: center;
font-size: 10px; line-height: 1; color: var(--tt-fade);}
.irs-disable-mask {position: absolute; display: block; top: 0; left: -1%; width: 102%; height: 100%;
cursor: default; background: rgba(0,0,0,0.0); z-index: 2;}
.irs-disabled {opacity: 0.4;}
.lt-ie9 .irs-disabled {filter: alpha(opacity=40);}
.irs-hidden-input {position: absolute !important; display: block !important; top: 0 !important; left: 0 !important;
width: 0 !important; height: 0 !important; font-size: 0 !important; line-height: 0 !important; padding: 0 !important;
margin: 0 !important; outline: none !important; z-index: -9999 !important; background: none !important;
border-style: solid !important; border-color: transparent !important;}

.irs {height: 40px;}
.irs-line {height: 4px; top: 25px; background-color: var(--bg-darker); border-radius: 3px; 
	box-shadow: inset 0 0 2px rgba(0,0,0,0.4);}
.irs-bar {height: 4px; top: 25px; background-color:var(--accent-2); border-radius:3px;}
.irs-bar-edge {top: 25px; height: 8px; width: 11px; background-color:var(--bg);}
.irs-handle {width: 10px; height: 20px; top: 17px; background-color:var(--accent-2); border-radius:3px; cursor: pointer;}
.irs-from, .irs-to, .irs-single {font-size: 10px; margin-top: -5px; border: 1px solid var(--bdc);
	padding: 0 5px; height: 22px; display: flex; align-items: center; 
	background: var(--bg); color: var(--tt); border-radius: 3px;}
.irs-min, .irs-max, .label-count {display: none !important;}




#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a {
    border: 0 none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    line-height: 1;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    position: relative;
}
#cssmenu {
    color: #ffffff;
    font-family: Helvetica,Arial,sans-serif;
    width: auto;
}
#cssmenu ul ul {
    display: none;
}
#cssmenu > ul > li > a {
	background: rgb(54,170,231); /* Old browsers */
	background: -moz-linear-gradient(top,  rgb(28, 35, 52) 0%, rgba(28, 35, 52) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(28, 35, 52)), color-stop(100%,rgba(28, 35, 52))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(28, 35, 52) 0%,rgba(28, 35, 52) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(28, 35, 52) 0%,rgba(28, 35, 52) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(28, 35, 52) 0%,rgba(28, 35, 52) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(28, 35, 52) 0%,rgba(28, 35, 52) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36aae7', endColorstr='#1fa0e4',GradientType=0 ); /* IE6-9 */
    border-left: 1px solid #1c2334;
    border-right: 1px solid #1c2334;
    border-top: 1px solid #1c2334;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset;
    color: #ffffff;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    padding: 15px 20px;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
    z-index: 2;
}
#cssmenu > ul > li > a:hover, 
#cssmenu > ul > li.active > a, 
#cssmenu > ul > li.open > a {
	background: rgb(31,160,228); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(28, 35, 52) 0%, rgba(28, 35, 52) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(28, 35, 52)), color-stop(100%,rgba(28, 35, 52))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(28, 35, 52) 0%,rgba(28, 35, 52) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(28, 35, 52) 0%,rgba(28, 35, 52) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(28, 35, 52) 0%,rgba(28, 35, 52) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(28, 35, 52) 0%,rgba(28, 35, 52) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1fa0e4', endColorstr='#1992d1',GradientType=0 ); /* IE6-9 */
    color: #eeeeee;
}
#cssmenu > ul > li.open > a {
    border-bottom: 1px solid #1c2334;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 1px rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 1px rgba(0, 0, 0, 0.15);
}
#cssmenu > ul > li:last-child > a, 
#cssmenu > ul > li.last > a {
    border-bottom: 1px solid #1c2334;
}
.holder {
    height: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
}
.holder:after, .holder:before {
    content: "";
    display: block;
    height: 6px;
    position: absolute;
    right: 20px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    transform: rotate(-135deg);
    width: 6px;
    z-index: 10;
}
.holder:after {
    border-left: 2px solid #ffffff;
    border-top: 2px solid #ffffff;
    top: 17px;
}
#cssmenu > ul > li > a:hover > span:after, 
#cssmenu > ul > li.active > a > span:after, 
#cssmenu > ul > li.open > a > span:after {
    border-color: #eeeeee;
}
.holder:before {
    border-left-color: inherit;
    border-left-style: solid;
    border-left-width: 2px;
    border-top-color: inherit;
    border-top-style: solid;
    border-top-width: 2px;
    top: 18px;
}
#cssmenu ul ul li a {
    background:#49505a;
    border-bottom: 1px solid #32373e;
    border-left: 1px solid #32373e;
    border-right: 1px solid #32373e;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
    color: #eeeeee;
    cursor: pointer;
    font-size: 13px;
    padding: 10px 20px;
    text-decoration: none;
    z-index: 1;
}
#cssmenu ul ul li:hover > a, 
#cssmenu ul ul li.open > a, 
#cssmenu ul ul li.active > a {
    background: none repeat scroll 0 0 #424852;
    color: #ffffff;
}
#cssmenu ul ul li:first-child > a {
    -webkit-box-shadow: none;
    box-shadow: none;
}
#cssmenu ul ul ul li:first-child > a {
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
}
#cssmenu ul ul ul li a {
    padding-left: 30px;
}
#cssmenu > ul > li > ul > li:last-child > a, 
#cssmenu > ul > li > ul > li.last > a {
    border-bottom: 0 none;
}
#cssmenu > ul > li > ul > li.open:last-child > a, 
#cssmenu > ul > li > ul > li.last.open > a {
    border-bottom: 1px solid #32373e;
}
#cssmenu > ul > li > ul > li.open:last-child > ul > li:last-child > a {
    border-bottom: 0 none;
}
#cssmenu ul ul li.has-sub > a:after {
    border-left: 2px solid #eeeeee;
    border-top: 2px solid #eeeeee;
    content: "";
    display: block;
    height: 5px;
    position: absolute;
    right: 20px;
    top: 11.5px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    transform: rotate(-135deg);
    width: 5px;
    z-index: 10;
}
#cssmenu ul ul li.active > a:after, 
#cssmenu ul ul li.open > a:after, 
#cssmenu ul ul li > a:hover:after {
    border-color: #ffffff;
}

.fa {
  font-family:'Font Awesome 5 Pro';
  font-size: 20px;
}

.fa2 {
   font-size: 20px;
}

.worker-item-img2 {display:block; border:5px solid #FFF; box-shadow:0 0 0 1px #e3e3e3;}

.post { width: auto; height: auto; margin: 0 auto;}

.img-fit-cover img {
width: 100%;
height: 100%;
object-fit: fill;
}


/* Стили таблицы (IKSWEB) */
table.iksweb{text-decoration: none;border-collapse:collapse;width:100%;text-align:center;}
table.iksweb th{font-weight:500;font-size:14px; color:#ffffff;background-color:#354251;}
table.iksweb td{font-size:13px;color:#354251;}
table.iksweb td,table.iksweb th{white-space:pre-wrap;padding:10px 5px;line-height:13px;vertical-align: middle;border: 1px solid #354251;}	table.iksweb tr:hover{background-color:#f9fafb}
table.iksweb tr:hover td{color:#354251;cursor:default;}
.mobile-table{width: 100%; max-width: 100%; overflow-x: auto;}


td {
    border: 1px solid #000;
}