/* BASIC LAYOUT
----------------------------------------------- */
.wrp {min-width: 320px; position: relative;}
.wrp::before {content: ''; position: absolute; left: 0; top: 0; 
	width: 100vw; height: 280px; background: var(--bg-gradient);}
.wrp-container {max-width: var(--max-width); margin: 0 auto; position: relative; z-index: 20; padding: 0 var(--indent);}
.header { --tt: var(--tt-dark); position: relative; z-index: 100; padding-top: 10px;}
.content {min-height: 80vh; position: relative;}
.footer {background-color: var(--bg-dark); color: var(--tt-dark); --tt: var(--tt-dark); padding-top: 10px;}
.ftr-two {padding: 20px 0; margin-top: 10px; font-size: 14px; gap: 20px;
	border-top: 1px solid var(--bdc-dark); color: var(--tt-dark-fade);}

.scrolltop {position: fixed; width: 50px; height: 50px; right: -60px; bottom: 10px;
	z-index: 990; border-radius: 50%; font-size: 20px; opacity: 0; transition: right 0.2s, opacity 0.2s;}
.scrolltop.is-active {right: 10px; opacity: 1;}


/* HEADER
----------------------------------------------- */
.logo {display: inline-flex; flex-direction: column; justify-content: center; height: 60px; text-align: left;
	padding-left: 80px; position: relative; font-weight: 700; font-size: 20px; letter-spacing: 1px; line-height: 1;}
.logo-subtitle {color: var(--yellow); font-size: 30px; letter-spacing: 3px; text-transform: uppercase;}
.logo::before {background: var(--green) url(/favicon.ico) center center / 50px no-repeat; 
	width: 63px; height: 63px; content: ''; border-radius: 0 0 20px 20px;position: absolute; left: 0; top: -10px;}
.head-caption {margin-left: 20px; padding-left: 20px; border-left: 1px solid var(--bdc-dark); 
	font-size: 12px; line-height: 1.4; color: var(--tt-dark-fade); -webkit-line-clamp: 3;}

.theme-toggle {margin-left: 20px; font-size: 24px; min-width: 30px; height: 30px;}
.dt-is-active .theme-toggle::before {content:"\f186";}
.head-btn-login {margin-left: 20px;}

.search-b {position: relative; width: 320px;}
.search-b-input, .search-b-input:focus {border-radius: 20px; padding: 0 50px 0 25px; 
	border: 0; box-shadow: none; background-color: rgba(255,255,255,0.15); color: #fff; box-shadow: var(--bsh-item);}
.search-b-input:not(:focus)::placeholder {color: #fff; opacity: 1; font-size: 14px;}
.search-b-btn {position: absolute !important; right: 0; top: 0; width: 60px; border-radius: 20px; font-size: 16px; color: #fff;}
.search-is-active {overflow: hidden; padding-right: var(--scrWidth);}
.search-is-active .search-b-input, .search-is-active .search-b-btn {position: relative; z-index: 101;}
.search-is-active .search-b::before {content: ''; position: fixed; inset: 0; z-index: 100; 
	background-color: rgba(0,0,0,0.6); backdrop-filter: blur(10px);}


/* NAV, tgicon
----------------------------------------------- */
.head-menu {gap: 40px; position: relative; border-top: 1px solid rgba(255,255,255,0.25); 
	margin-top: 10px; width: 100%;}
.head-menu > li > a {height: 100px; display: flex; align-items: center; font-size: 14px; 
	gap: 10px; text-transform: uppercase; font-weight: 700;}
.head-menu > li > a::before {color: var(--orange);}
.head-menu-submenu {position: absolute; top: 100%; left: 0; z-index: 1000; 
	background-color: var(--bg); box-shadow: var(--bsh); width: 700px; padding: 30px 35px; --tt: var(--tt);
	display: grid; gap: 5px 20px; grid-template-columns: repeat(auto-fill,minmax(150px,1fr)); display: none;}
.head-menu-submenu a {display: block; padding: 5px 10px;}
.head-menu-has-submenu > a::after {content:"\f078"; font-weight: 300; font-family:'Font Awesome 5 Pro';}
.head-menu > li:hover .head-menu-submenu {display: grid;}
.head-menu-hidden a:hover, .theme-toggle:hover {background-color: var(--accent-violet); color: #fff;}

.tgicon {color: var(--tt-dark); padding-bottom: 140px; position: relative; background: var(--bg-gradient); margin-bottom: -100px;}
.tgicon-title {font-size: 44px; font-weight: 700; line-height: 1; margin-bottom: 30px; max-width: 750px;}
.tgicon-title span {position: relative; display: inline-block; isolation: isolate; margin-left: 10px;}
.tgicon-title span::before {content: ''; position: absolute; z-index: -1; inset: -5px; top: 0; background-color: var(--red);}
.tgicon-text {max-width: 550px; font-size: 14px; color: var(--tt-dark-fade);}
.tgicon-inner {position: relative; isolation: isolate;}
.tgicon--decor .tgicon-inner::before {content: ''; width: 400px; height: 400px; background-color: var(--green); 
	border-radius: 50%; position: absolute; right: 80px; bottom: -300px; z-index: -1;
	box-shadow: 0 0 0 40px rgba(255,255,255,0.15), 0 0 0 80px rgba(255,255,255,0.1);}
.tgicon--decor .tgicon-inner::after {content: ''; height: 320px; width: 320px; position: absolute; 
	filter: drop-shadow(0 60px 40px rgba(0,0,0,0.5)); right: 70px; bottom: -130px; 
	background: url(../images/tgmini.png) 0 0 / contain no-repeat; z-index: -1;}
.tgicon-menu {gap: 10px;}
.tgicon-menu a {display: block; padding: 3px 6px; background-color: rgba(255,255,255,0.15);
	color: #fff; box-shadow: var(--bsh-item);}
.tgicon-title:last-child {margin-bottom: 0;}


/* SECTION
----------------------------------------------- */
.sect {margin-bottom: 60px;}
.baza-header {margin-bottom: 30px; gap: 10px;}
.baza-title {font-size: 26px; font-weight: 700;}
.baza-link {color: var(--blue); gap: 10px;}
.bazawhite {padding: 30px; background-color: var(--bg); box-shadow: var(--bsh-item);border-radius: 40px;}
.bazabg {background-color:var(--bg);padding-top: 40px; padding-bottom: 40px; background-blend-mode: hard-light;}
.bazabg .baza-header, .bazabgg .baza-header {color: var(--tt-dark); --blue: var(--tt-dark);}
.bazabgg {background: var(--bg-gradient), url(../images/tgg.svg) left center / 400px auto repeat;padding-top: 40px; padding-bottom: 40px; background-blend-mode: hard-light;}
.scrol-btn {width: 40px; border-radius: 50%; padding: 0; font-size: 18px;}
.scrol-btn--next {margin-right: 20px;}
.scrol-btn--prev {pointer-events: none; opacity: 0.5;}
.scrol-btn--prev.is-active {pointer-events: auto; opacity: 1;}
.scrol-content {display: flex; gap: 20px; overflow-x: auto; overflow-y: hidden; 
	scroll-snap-type: x mandatory; scroll-behavior: smooth;}
.scrol-content {scrollbar-width: none; scrollbar-color: var(--red) var(--bg);}
.scrol-content::-webkit-scrollbar {width: 12px; height: 8px; display: none;}
.scrol-content::-webkit-scrollbar-thumb {border-radius: 0; background-color:var(--red); border: 0;}
.scrol-content::-webkit-scrollbar-track {background-color:var(--bg);}
.scrol-content .tgs-ext {width: 353px; flex-shrink: 0; scroll-snap-align: start;}

.speedbar {color: var(--tt-dark-fade); --tt: var(--tt-dark); font-size: 14px; margin-bottom: -20px;}
.speedbar::before {margin-right: 6px;}
.site-desc {display: grid; grid-gap: 20px; line-height: 1.6; color: var(--tt-fade-2); background-color: var(--bg); 
	box-shadow: var(--bsh-item); padding-top: 40px; padding-bottom: 40px;}
.site-desc .baza-title {color: var(--tt); font-size: 44px; font-weight: 700;}
.site-desc h2, .site-desc h3 {font-size: 26px; color: var(--tt); line-height: 1.3; margin-bottom: 15px;}
.site-desc a {text-decoration: underline; color: var(--blue);}
.site-desc ul li {position: relative; padding-left: 25px; margin-left: 25px;}
.site-desc ul li::before {content:"\f00c"; font-weight: 300; font-family:'Font Awesome 5 Pro'; 
	color: var(--green); position: absolute; left: 0; top: 0;}
.sect-desc__section {padding-top: 15px;}
.sect-desc__img {width: 130px; height: 130px; border-radius: 50%; margin-right: 15px; float: left;
	box-shadow: 0 0 0 2px var(--bdc); border: 10px solid var(--bg); background-color: #000;}


/* ITEM
----------------------------------------------- */
.item {background-color: var(--bg); box-shadow: var(--bsh-item);border-radius: 20px;}
.tg-blur{position:relative}
.tg-gold{background-color: #fff7ed;border-color: #fdd8b3;border-style: solid;border-width: 1px;}
.tg-gold .tg-img{box-shadow: 0 0 0 2px #fdd8b3;}
body.dt-is-active .tg-gold .tg-title{color: #212121;}
body.dt-is-active .tg-gold .tg-meta-item{color:#7a7a7a;}
body.dt-is-active .tg-gold .tg-category{color:#a5a5a5;}
.blur-overlay{position:absolute;top:0;left:0;border-radius:20px;width:100%;height:100%;backdrop-filter:blur(5px);background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:10;transition:opacity .3s ease}
.blur-overlay.hide{opacity:0;pointer-events:none}
.blur-overlay button{padding:10px 20px;font-size:16px;cursor:pointer}
button#confirm-no {background-color: #eb4d4b;}
.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#00000080;justify-content:center;align-items:center}
.modal-content{background-color:#fff;padding:20px 30px;border-radius:8px;text-align:center;max-width:400px;width:80%;box-shadow:0 5px 15px #0000004d}
.modal-buttons{margin-top:20px;display:flex;justify-content:space-around}
.modal-buttons button{padding:8px 16px;font-size:14px;cursor:pointer}
.modal.show{display:flex;animation:fadeIn .3s}
@keyframes fadeIn {
from{opacity:0}
to{opacity:1}
}
.tg-poster {height: 150px;border-radius: 20px 20px 0 0;}
.tg-img {width: 100px;margin: -15px 0 -15px -15px;aspect-ratio: 1 / 1;border-radius: 20px;box-shadow: 0 0 0 2px var(--bdc);}
.tg-link {display: block;}
.tg-title {font-size: 16px; font-weight: 700;}
.tg-category {font-size: 11px; color: var(--tt-fade);}
.tg-fff {font-size: 16px; color: var(--tt-fade);}
.tg-meta {font-size: 12px; color: var(--tt-fade-2);}
.tg-meta2 {font-size: 20px; color: var(--tt-fade-2);margin-bottom: 20px;}
.tg-meta3 {font-size: 27px;margin-bottom: 20px;}
.tg-cat-lin {background-color: var(--bg-darker);padding: 20px;margin: 10px 0 30px 0;border-radius: 20px;}
.tg-cat-lin a {display: inline-block;padding: 6px 12px;margin: 4px;border: 1px solid var(--ui-bg-attention);border-radius: 10px;text-decoration: none!important;color: var(--tt)!important;background-color: var(--bg);transition: 0.2s ease;}
.tg-cat-lin a:hover {border-color: #888;background-color: var(--bg-btn)!important;color: var(--tt-dark)!important;}
.tg-labels-group {gap: 5px; position: absolute; left: 5px; top: 5px; z-index: 2;}
.tg-label, .tg-rating {width: 30px; height: 30px; background-color: var(--green); color: #fff;
	display: flex; justify-content: center; align-items: center; font-size: 12px; font-weight: 600; border-radius: 15px;}
.tg-label {background-color: var(--blue); width: 40px; font-weight: 400; border-radius: 0; height: 20px;}
.tg-label--green {background-color: var(--green);}
.tg-label--red {background-color: var(--red);}
.tg-label--yellow {background-color: var(--yellow); color: #000;}
.tg-meta-item {gap: 5px;}
.tg-text {font-size: 12px; color: var(--tt-fade);}

.tgs-ext .tg-poster::before {content: ''; position: absolute; inset: 0; border-radius: 20px 20px 0 0;
	background-color: rgba(19, 46, 75, 0.5); z-index: 1;}
.tgs-ext__bottom {padding: 20px; gap: 20px;}
.tgs-ext .tg-category {margin: 3px 0 6px 0;}
.tgs-ext .tg-rating {box-shadow: 0 0 0 5px var(--bg); position: absolute; right: 20px; bottom: -15px; z-index: 2;}

.tgs-card {padding: 20px; text-align: center;}
.tgs-card .tg-rating {box-shadow: 0 0 0 6px var(--bg); transform: translate(-50%,0);
	position: absolute; left: 50%; bottom: -15px;}
.tgs-card .tg-img {margin: 15px auto; width: 100%; max-width: 140px; border-width: 10px;}
.tgs-card .tg-title {font-size: 18px; line-height: 1.2; margin: 15px 0 10px;}
.tgs-card .tg-label {width: 40px; border-radius: 0;}
.tgs-card .tg-meta {margin-top: 20px; text-align: left; border-top: 2px dotted var(--bdc); padding-top: 20px;}

.tgs-short {padding: 20px; gap: 15px 20px; padding-bottom: 10px;}
.tgs-short .tg-text {margin-top: 6px; -webkit-line-clamp: 3;}
.tgs-short .tg-meta {border-top: 2px dotted var(--bdc); padding-top: 10px; width: 100%; gap: 10px;}
.tgs-short .tg-meta-item:first-child::after {content: ''; width: 4px; height: 4px; border-radius: 50%; 
	margin-left: 10px; background-color: var(--tt-fade); display: inline-block; vertical-align: middle; opacity: 0.5;}


/* FOOTER, pags
----------------------------------------------- */
.ftr-text {line-height: 1.5;}
.ftr-menu {gap: 10px 40px;}
.pags {gap: 20px 60px; padding-top: 0px;}
.pags a, .pags span {display: grid; place-items: center; 
	height: 36px; min-width: 36px; padding: 0 10px; border-radius: 18px; border: 2px solid var(--bdc);}
.pags-btn-loader {width: 100%;}
.pags-btn-loader a, .pags-btn-loader span {height: 40px; border-radius: 0;
	background-color: rgba(0,0,0,0.03); color: var(--tt-fade-2); border: 0; width: 440px;}
.pags-pages {gap: 10px 10px; font-size: 14px;}
.pags-pages span:not(.nav_ext) {background-color: var(--green); color: #fff; border-color: var(--green);}


/* INNER PAGE
----------------------------------------------- */
.mini-cols {display: grid; grid-template-columns: minmax(0,1fr) 320px; gap: 20px;}
.mini-cols-main {background-color: var(--bg); box-shadow: var(--bsh-item); padding: 30px; padding-top: 20px;border-radius: 40px;}
.mini-header {display: grid; grid-template-columns: 200px minmax(0,1fr); gap: 20px 20px; 
	grid-template-areas: "ptitle ptitle" "pleft pinfo" "pctrl pctrl";}
.mini-header-left {grid-area: pleft;}
.mini-header-title {grid-area: ptitle;}
.mini-header-info {grid-area: pinfo; align-self: center; position: relative;}
.mini-header-ctrl {grid-area: pctrl; gap: 10px 20px;}
.page .sect {margin-bottom: 30px;}
.mini-scr.sect.bazabg {margin-bottom: 0;margin-top: -40px;}
.mini-img {width: 200px; height: 200px;border-radius: 40px;}
.mini-header-title h1 {font-size: 44px; font-weight: 700;}
.mini-header-title h1 a {margin-left: 10px; font-size: 16px; color: var(--blue);}
.mini-btn-dl {font-size: 22px;height: 65px;margin-top: 30px;}
.mini-header-ctrl > a:not([class]) {background: none; border: 2px solid var(--blue); color: var(--blue); height: 40px; padding: 0 20px;
	font-size: 12px; font-weight: 600; text-transform: uppercase; display: flex; align-items: center;}

.mini-scr {margin: 0 -30px; padding: 30px;}
.mini-scr ul {display: flex; justify-content: flex-start; flex-wrap: wrap; width: 100%; gap: 20px;}
.mini-scr li:nth-child(4) ~ li {display: none;}
.mini-scr li {width: calc((100% - 60px)/4);}
.mini-scr a {display: block; position: relative;}
.mini-scr a img {width: 100%; height: auto; object-fit: cover;border-radius: 20px;}
.mini-scr a::before {content:"\f00e"; font-family:'Font Awesome 5 Pro'; font-weight: 300; box-shadow: var(--bsh-item);
	width: 40px; height: 40px; display: grid; place-items: center; background-color: var(--bg); color: var(--tt); 
	position: absolute; left: 50%; top: 50%; margin: -20px 0 0 -20px; z-index: 5; border-radius: 50%; font-size: 18px;}
	
	
@media screen and (min-width: 1220px) {
	.mini-cols-side .sect:first-child .baza-title {color: #fff;}
	.mini-cols-side .d-grid-items-3, .mini-cols-side .d-grid-items-5 {gap: 10px;}
	.mini-cols-side .d-grid-items-5 {grid-template-columns: repeat(2,minmax(0,1fr));}
	.mini-cols-side .tgs-card .tg-title {font-size: 15px; margin-top: 10px;}
	.mini-cols-side .tgs-card .tg-img {margin-top: 0; margin-bottom: 0;}
	.mini-cols-side .tgs-card .tg-meta {margin: -10px; padding-top: 10px; margin-top: 10px;}
}
.mini-list {word-wrap: break-word;}


/* TEXT BLOCK, TYPOGRAPHY, VIDEO BLOCK
----------------------------------------------- */
.mini-title {margin-bottom: 30px; font-size: 24px;}
.texts {line-height: 1.6; font-size: 17px; word-wrap: break-word;}
.texts a {text-decoration: underline; color: var(--blue);}
.texts img:not(.emoji), .texts p, .texts h1, .texts h2, .texts h3, .texts h4, .texts h5, 
.texts > ul, .texts > ol, .texts table {margin-bottom: 25px;}
.texts > img[style*="left"], .texts > .highslide img[style*="left"] {margin:0 10px 10px 0;}
.texts > img[style*="right"], .texts > .highslide img[style*="right"] {margin:0 0 10px 10px;}
.texts > ul li, .texts > ol li {padding-left: 60px; position: relative;}
.texts > ul li:before {content: ''; width: 8px; height: 8px; border-radius: 50%; 
	border: 3px solid #fcc506; position: absolute; top: 6px; left: 34px;}
.texts > ol {counter-reset: num;}
.texts > ol li:before {content: counter(num); counter-increment: num; background-color: #fcc506; color: #000; 
	position: absolute; top: -3px; 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;}
.texts > ol li:after {content: ''; border: 10px solid transparent; border-left-color: #fcc506; 
	position: absolute; left: 41px; top: -3px; transform: scale(0.66,1.5); transform-origin: 0 0;}
.texts > ul li + li, .texts > ol li + li {margin-top: 10px;}
.texts table tr td {padding:10px; border:2px solid #fff;}
.texts table tr:nth-child(2n+1) {background-color:#f2f6f9;} 
.texts table tr:nth-child(1) {background-color:#cee0ed;}
.texts table img:not(.emoji) {margin:0; max-width:350px}
.tg1btn{text-align: center;margin-bottom: 20px;}
.texts > *:last-child {margin-bottom: 0;}
.texts h1, .texts .h2, .texts .h3,.texts h2, .texts h3, .texts h4, .texts h5 {font-size: 25px; margin-bottom: 20px;}



/* COMMENTS
----------------------------------------------- */
.mini-comments {margin-top: 0px;}
.mini-comments-title {font-size: 24px; margin-bottom: 20px;}
.mini-comments-info {color: var(--tt-fade); display: block; margin: -15px 0 20px; font-size: 14px; padding-left: 23px; position: relative;}
.mini-comments-info::before {color: var(--ui-red); position: absolute; left: 0; top: 2px;}
.ac-form {margin-bottom: 30px; 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;}

.ac-toggle.ac-form {cursor: pointer;}
.ac-form__header input, .ac-toggle .ac-form__editor textarea {border-radius: 20px;}
.ac-toggle, .ac-toggle .ac-form__editor {position: relative;}
.ac-toggle .ac-form__bottom button {position: absolute; bottom: 20px; right: 10px; z-index: 10; pointer-events: none;}
.ac-form .bb-btn {display: none;}
.ac-form .bb-pane {background: none; box-shadow: none; border: 0; position: absolute; left: 0; bottom: 0; right: 0;}
.ac-form #b_emo, .ac-form #b_leech, .ac-form #b_quote, .ac-form #b_spoiler, 
.ac-form #b_b, .ac-form #b_u, .ac-form #b_s, .ac-form #b_color, .ac-form #b_hide {display: grid;}
.ac-toggle .bb-btn {pointer-events: none;}
.ac-toggle .ac-form__editor .bb-editor textarea {border-radius: 20px;height: 140px; resize: none;}
.ac-form__editor .bb-editor textarea {height: 140px; line-height: 1.4; padding-bottom: 40px;}
.comments_subscribe + br, .ac-form .bb-editor + br {display: none;}
.ac-toggle .has-checkbox {display: none;}

.com-title {font-size: 18px; margin-bottom: 20px;}

.comm {margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px solid var(--bdc);}
.com-img {width: 40px; height: 40px; border-radius: 50%; margin-right: 15px;}
.com-img::before {content: ''; width: 8px; height: 8px; border-radius: 50%; background-color: var(--ui-red); 
	position: absolute; right: -1px; top: -1px; z-index: 5; border: 2px solid var(--bg);}
.comm--online .com-img::before {background-color: var(--ui-green);}
.com-letter {width: 100%; height: 100%; text-transform: uppercase; border-radius: inherit;
	position: absolute; left: 0; top: 0; color: #fff; font-size: 18px; font-weight: var(--ui-fw-bolder);}
.com-author, .com-author a {color: var(--tt-colored); font-weight: 600; font-size: 14px;}
.com-date {color: var(--tt-fade); font-size: 13px; margin-top: 2px;}
.com-main {margin: 10px 0 6px 0;}
.com-action {gap: 20px; font-size: 13px;}
.com-action li, .com-action li a {color: var(--tt-fade); cursor: pointer; gap: 8px; display: flex; align-items: center;}
.com-ctrl, .com-ctrl a {font-size: 15px; gap: 10px 15px; color: var(--tt-fade);}
.com-ctrl li.has-checkbox {transform: scale(0.8,0.8); margin: 0 -10px 0 -5px;}
.com-ctrl li.has-checkbox input {border-color: var(--tt-fade);}


/* ADAPTIVE, MOBILE MENU
----------------------------------------------- */
.overlay {position: fixed; z-index: 998; left: 0; top: 0; width: 100%; height: 100%; 
	opacity: 0.6; background-color: #000; cursor: pointer; display: none;}
.mobile-menu {width: 280px; height: 100%; overflow-x: hidden; overflow-y: auto;
	z-index: 999; position: fixed; left: -360px; top: 0; transition: left 0.4s; background-color: var(--bg);}
.mobile-menu.is-active {left: 0;}
body.mobile-menu-is-opened {overflow: hidden; width: 100%; height: 100%;}
.mmm-header {padding: 10px; gap: 10px; background: var(--bg-gradient); --tt: var(--tt-dark);}
.mmm-btn-close {font-size: 24px; width: 40px; height: 40px; margin-right: 0px;}
.mmm-content .head-menu {margin: 0; padding: 20px 0; display: block;}
.mmm-content .head-menu > li > a {height: 40px; line-height: 40px; padding: 0 20px;}
.mmm-content .head-menu-submenu {width: 100%; height: auto; position: static; display: none;
	border-radius: 0; padding: 20px 20px; background-color: var(--bg-darker);
	opacity: 1; visibility: visible; transform: none; box-shadow: none; font-size: 13px; 
	gap: 12px 20px; grid-template-columns: repeat(2,minmax(0,1fr));}
.mmm-content .head-menu-submenu a {padding: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.mmm-content .head-menu-has-submenu > a::after {content:"\f067"; font-size: 18px; margin-left: auto; font-weight: 300;}
.mmm-content .head-menu-has-submenu.is-active .head-menu-submenu {display: grid;}
.mmm-content .head-menu-has-submenu.is-active > a::after {content:"\f068";}

@media screen and (max-width: 1220px) {
	:root {--indent-negative: -20px; --indent: 20px;}
	body {background-image: none;}
	.wrp {padding: 0; background-image: none; overflow: hidden;}
	.wrp-container {max-width:1000px;}
	.header .head-menu {display: none;}
	.head-search {width: 100%; order: 10; margin: 10px 0 30px 0;}
	.head-btn-login {background-color: var(--bdc-dark); color: var(--tt-dark); 
		padding: 0 10px; font-weight: 400; height: 30px;}
	.head-btn-menu {display: flex; margin-left: 20px; padding: 0; width: 40px; border-radius: 50%; font-size: 18px;}
	.site-desc .baza-title {font-size: 26px;}
	.ftr-one, .ftr-two {gap: 20px;} 
	.ftr-two {margin-top: 30px;}
	.ftr-menu {min-width: 100%;}
	.ftr-text {min-width: 100%; order: -1;}
	.footer .head-caption {margin: 0;}
	.d-grid-items-5 {grid-template-columns: repeat(auto-fill,minmax(160px,1fr)); gap: 20px 10px;}
	.d-grid-items-3 {grid-template-columns: repeat(auto-fill,minmax(320px,1fr));}
	.tgicon--decor .tgicon-inner::before {right: -140px;}
	.tgicon--decor .tgicon-inner::after {right: -130px;}
	
	.mini-cols {display: block;}
	.mini-cols-side {margin-top: 30px;}
	.mini-cols-main {padding: 20px;}
	.mini-scr {margin-left: -20px; margin-right: -20px; padding: 20px;}
	.mini-dl-content {margin-left: -20px; margin-right: -20px; padding: 20px;}
	.mini-trailer {margin-left: -20px; margin-right: -20px;}
}

@media screen and (max-width: 950px) {
	.wrp-container {max-width:768px;}
	.pags {gap: 10px;}
	.pags-btn-loader a, .pags-btn-loader span {width: 100%;}
	.pags > a, .pags > span {flex-grow: 1; order: 10;}
	.pags-pages {width: 100%;}
	.pags-pages a, .pags-pages span {flex-grow: 1;}

	.mini-cols-main {margin-left: var(--indent-negative); margin-right: var(--indent-negative);}
}

@media screen and (max-width: 760px) {
	.wrp-container {max-width:640px;}
	.header .head-caption {display: none;}
	.head-logo {flex: 1 1 0; max-width: 100%; min-width: 120px; padding-left: 75px;}
	.tgicon-title {font-size: 26px; line-height: 1.3; margin-bottom: 10px;}
	.tgicon-title span {margin: 0;}
	.site-desc h1, .site-desc h2, .site-desc h3 {font-size: 20px;}
	.sect-desc__img {width: 100px; height: 100px;}
	.d-grid-items-5 {grid-template-columns: repeat(auto-fill,minmax(140px,1fr)); gap: 10px;}
	.d-grid-items-3, .d-grid-items-4 {grid-template-columns: repeat(auto-fill,minmax(280px,1fr)); gap: 10px;}
	.pags {padding-top: 10px;}
	.baza-title {min-width: 100%; order: -1; font-size: 24px;}
	.tgs-card .tg-meta {margin-left: -10px; margin-right: -10px; padding-top: 10px; margin-bottom: -10px;}
	.tgs-card .tg-title {font-size: 15px; margin-top: 0px;}
	.scrol-content {margin-right: var(--indent-negative);}
	.bazawhite {margin: 0 var(--indent-negative) !important; padding: 30px var(--indent);}

	.mini-header-title h1 {font-size: 30px;text-align: center;}
    .tg-fff{font-size: 20px;text-align: center;}
	.mini-header {grid-template-areas: "pleft pleft" "ptitle ptitle" "pinfo pinfo" "pctrl pctrl"; 
		grid-template-columns: 130px minmax(0,1fr);}
	.mini-img {width: 250px;height: 250px;margin:10px auto 0;border-radius: 40px;}
	.mini-header-ctrl {gap: 10px;}
	.mini-btn-dl {padding: 0 20px; width: auto;}
	.mini-header-ctrl > a:not([class]) {width: 100%; justify-content: center; order: 10;}
	.mini-scr ul {flex-wrap: nowrap; overflow-x: auto; scroll-snap-type: x mandatory;
		margin-right: -20px; width: calc(100% + 20px); scrollbar-width: none;}
	.mini-scr ul::-webkit-scrollbar {display: none;}
	.mini-scr ul li {flex: 0 0 160px; width: 160px; scroll-snap-align: start;}

	.mini-title {font-size: 24px;}
	.texts h1, .texts h2, .texts h3, .texts h4, .texts h5 {font-size: 20px;}
	.mini-intro, .mini-text .quote {margin-left: var(--indent-negative); margin-right: var(--indent-negative); padding-right: var(--indent);}
	.texts h1, .texts h2, .texts h3, .texts h4, .texts h5 {font-size: 18px;}
	
	.ac-form__bottom {gap: 10px;}
	.ac-form__bottom button {padding: 0 20px;}
	.ac-form__header input + input {min-width: 100%; order: 10;}
	.ac-form__header > span, .com-rating::before {display: none;}
	.ac-form #b_color {display: none;}
	.ac-form__bottom button {position: static !important; width: 100% !important;}
}

@media screen and (max-width: 590px) {
	.wrp-container {max-width:480px;}
	.head-btn-menu, .head-btn-login, .theme-toggle, .head-login-img {margin-left: 10px;}
	.tgicon--decor .tgicon-inner {padding-bottom: 0px;}
	.tgicon--decor .tgicon-inner::before {right: -100px; bottom: -220px; width: 340px; height: 340px;}
	.tgicon--decor .tgicon-inner::after {display: none; background-image: none;}
}

@media screen and (max-width: 470px) {
	.wrp-container123 {max-width:360px;}
	.head-caption {padding: 0; border: 0;}
	.head-caption br {display: none;}
	.ftr-menu {gap: 10px 20px;}
	.site-desc {padding-top: 25px;}
	.site-desc .baza-title {margin: 0;}
	.sect {margin-bottom: 30px;}
	.bazabg, .bazabgg {padding-top: 20px; padding-bottom: 20px;}
	.scrol-content .tgs-ext {width: calc(100vw - 60px);}
	.tgs-ext__bottom {padding: 15px; gap: 15px;}
	.tgicon-menu {padding-top: 10px; margin-bottom: -10px;}
	
	.mini-scr ul li {flex: 0 0 160px; width: 160px;}
	.mini-message {margin-left: var(--indent-negative); margin-right: var(--indent-negative); padding-left: 18px;}
	
	.ac-form__bottom .comments_subscribe {font-size: 13px;}
	.texts iframe {width: calc(100% + 40px); max-width: calc(100% + 40px); height: 260px; margin-left: -20px; margin-right: -20px;}
}