/* @font-face {
	font-family: 'Comfortaa';
	src: url(/assets/fonts/ElMessiri/ElMessiri.ttf);
}
 */
:root {
	--link-color: #0084a3;
}

body{
	font-size: 16px;
	line-height: 1.5em;
}

a{color: var(--link-color);}

* > p{margin-bottom: 0.75em;}
* > p:last-child{margin-bottom: 0;}
* > ul:last-child{margin-bottom: 0;}

.h1, h1 {
	font-size: 32px;
	line-height: 40px;
}
.h2, h2 {
	font-size: 30px;
	line-height: 36px;
}
.h3, h3 {
	font-size: 28px;
	line-height: 34px;
}
.h4, h4 {
	font-size: 26px;
	line-height: 32px;
}
.h5, h5 {
	font-size: 22px;
	line-height: 28px;
}
.h6, h6 {
	font-size: 18px;
	line-height: 26px;
}

.fs16{font-size: 16px;}
.fs15{font-size: 15px;}
.fs14{font-size: 14px;}
.fs13{font-size: 13px;}
.fs12{font-size: 12px;}
.fs11{font-size: 11px;}
.fs10{font-size: 10px;}

.pointer{cursor: pointer;}

.visible_lines_1{
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.visible_lines_2{
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.visible_lines_3{
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.text-shadow-black {text-shadow: 1px 1px 7px black;}

.breadcrumb_banner{padding: 6% 0 4% 0;}

.horizontal_scroll_wrap {
	overflow-x: scroll;
	overflow-y: hidden;
	white-space: nowrap;
}
.div_gorisontal_scroll {display: inline-flex;}


/* ====================== LOADING ====================== */
#pageloader-overlay {
	opacity: 0;
	top: 0px;
	left: 0px;
	position: fixed;
	background-color: rgba(0, 0, 0);
	height: 100%;
	width: 100%;
	z-index: 9998;
	-webkit-transition: opacity 0.2s linear;
	-moz-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
}
#pageloader-overlay.visible {opacity: 1;}
#pageloader-overlay.hidden {
	opacity: 0;
	height: 0px;
	width: 0px;
	z-index: -10000;
}
#pageloader-overlay .loader-wrapper-outer {
	background-color: transparent;
	z-index: 9999;
	margin: auto;
	width: 100%;
	height: 100%;
	overflow: hidden;
	display: table;
	text-align: center;
	vertical-align: middle;
}
#pageloader-overlay .loader-wrapper-inner {
	display: table-cell;
	vertical-align: middle;
}
#pageloader-overlay .loader {
	margin: auto;
	font-size: 10px;
	position: relative;
	text-indent: -9999em;
	border-top: 8px solid rgba(255, 255, 255, 0.5);
	border-right: 8px solid rgba(255, 255, 255, 0.5);
	border-bottom: 8px solid rgba(255, 255, 255, 0.5);
	border-left: 8px solid #AAA;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation: pageloader 1.1s infinite linear;
	animation: pageloader 1.1s infinite linear;
}
#pageloader-overlay .loader,
#pageloader-overlay .loader:after {
	border-radius: 50%;
	width: 50px;
	height: 50px;
}
@-webkit-keyframes pageloader {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes pageloader {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}


.img_ratio_1x1{aspect-ratio: 1;}
.img_fit_cover{object-fit: cover;}
.img_fit_contain{object-fit: contain;}
.img_pos_top{object-position: top;}
.img_pos_center{object-position: center;}


.bg-white-300 {
	background: rgba(255, 255, 255, 0.3) !important;
}

.rounded-bottom-left {
	border-radius: 0;
	border-bottom-left-radius: .25rem!important;
}
.rounded-bottom-right {
	border-radius: 0;
	border-bottom-right-radius: .25rem!important;
}

.square_background{
	background-position: center;
	background-repeat: no-repeat;
	background-color: white;
	background-size: cover;
}


.carousel-indicators ::marker {content: '';}


/* ====================== SITE CHROME ====================== */
.site-header {
	z-index: 1020;
}
.site-navbar {
	min-height: 72px;
	background: rgba(255, 255, 255, 0.96);
	border-bottom: 1px solid rgba(20, 32, 48, 0.08);
	box-shadow: 0 8px 24px rgba(25, 35, 52, 0.08);
}
.site-brand img {
	width: auto;
	height: 42px;
	object-fit: contain;
}
.site-nav {
	gap: 4px;
}
.site-nav .nav-link {
	padding: 10px 12px;
	border-radius: 8px;
	color: #384250;
	font-weight: 600;
}
.site-nav .nav-link:hover,
.site-nav .nav-link.active {
	background: rgba(220, 53, 69, 0.08);
	color: #dc3545;
}
.site-login {
	border-radius: 8px;
	font-weight: 600;
}
.site-account {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	border: 1px solid rgba(20, 32, 48, 0.12);
	border-radius: 8px;
	background: white;
	color: #1e2329;
}
.site-account img {
	width: 32px;
	height: 32px;
}
.site-toggler {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 3px;
	width: 36px;
	height: 36px;
	padding: 0;
	border: 1px solid rgba(20, 32, 48, 0.1);
	border-radius: 8px;
	background: #f7f8fa;
	box-shadow: none;
}
.site-toggler:focus {
	box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.16);
}
.site-toggler span {
	display: block;
	width: 16px;
	height: 1.5px;
	border-radius: 2px;
	background: #384250;
}
.site-offcanvas {
	width: min(86vw, 360px) !important;
}
.site-mobile-nav .nav-link {
	margin-bottom: 6px;
	padding: 12px 14px;
	border-radius: 8px;
	color: #1e2329;
	font-weight: 600;
}
.site-mobile-nav .nav-link:hover,
.site-mobile-nav .nav-link.active {
	background: rgba(220, 53, 69, 0.08);
	color: #dc3545;
}
.site-offcanvas-contact {
	padding: 16px;
	border-radius: 8px;
	background: #f7f8fa;
	color: #667085;
	font-size: 14px;
}
.site-footer {
	background: #1e2329;
	color: rgba(255, 255, 255, 0.78);
}
.site-footer-brand img {
	width: auto;
	height: 42px;
	object-fit: contain;
	filter: brightness(0) invert(1);
}
.site-footer-text {
	max-width: 340px;
	color: rgba(255, 255, 255, 0.72);
}
.site-footer-payments {
	height: 22px;
	width: auto;
	filter: grayscale(1) brightness(1.6);
	opacity: 0.86;
}
.site-footer-title {
	margin-bottom: 14px;
	color: white;
	font-weight: 700;
}
.site-footer-links li {
	margin-bottom: 8px;
}
.site-footer a,
.site-footer-links a {
	color: rgba(255, 255, 255, 0.72);
	text-decoration: none;
}
.site-footer a:hover,
.site-footer-links a:hover {
	color: white;
}
.site-footer-contact {
	color: rgba(255, 255, 255, 0.72);
}
.site-footer .btn-light {
	color: #1e2329 !important;
	background: #f8f9fa !important;
	border-color: #f8f9fa !important;
	font-weight: 700;
}
.site-footer .btn-light:hover,
.site-footer .btn-light:focus {
	color: #1e2329 !important;
	background: #ffffff !important;
	border-color: #ffffff !important;
}
.site-footer-bottom {
	border-top: 1px solid rgba(255, 255, 255, 0.12);
	color: rgba(255, 255, 255, 0.58);
}
.site-mobile-bar {
	z-index: 1020;
	background: #1e2329;
	border-top: 1px solid rgba(255, 255, 255, 0.12);
	box-shadow: 0 -12px 28px rgba(25, 35, 52, 0.18);
}
.site-mobile-bar .col {
	padding-top: 4px !important;
	padding-bottom: 4px !important;
}
.site-mobile-bar-link {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 2px;
	min-height: 42px;
	border-radius: 8px;
	color: rgba(255, 255, 255, 0.78) !important;
	text-decoration: none;
	font-size: 9px;
	line-height: 12px;
	font-weight: 700;
}
.site-mobile-bar-link:hover,
.site-mobile-bar-link:focus {
	color: white !important;
	background: rgba(255, 255, 255, 0.08);
}
.site-mobile-bar-link i {
	font-size: 14px;
	color: #ff5a66;
}
.site-mobile-bar-link span {
	display: block;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}


/* GO TO UP BUTTON */
.back-to-top {
	cursor: pointer;
	position: fixed;
	bottom: 70px;
	right: 10px;
	display:none;
	z-index: 1;
}


/* Dark theme */
[data-bs-theme="dark"] .btn-dark {
	border: 1px solid white;
}

/* ====================== bs-icons ====================== */
.bs-icon {
	--bs-icon-size: .75rem;
	display: flex;
	flex-shrink: 0;
	justify-content: center;
	align-items: center;
	font-size: var(--bs-icon-size);
	width: calc(var(--bs-icon-size) * 2);
	height: calc(var(--bs-icon-size) * 2);
	color: var(--bs-primary);
}
.bs-icon-lg {
	--bs-icon-size: 2rem;
}
.bs-icon-xs {
	--bs-icon-size: 1rem;
	width: calc(var(--bs-icon-size) * 1.5);
	height: calc(var(--bs-icon-size) * 1.5);
}
.bs-icon-sm {
	--bs-icon-size: 1rem;
}
.bs-icon-md {
	--bs-icon-size: 1.5rem;
}
.bs-icon-xl {
	--bs-icon-size: 2.5rem;
}
.bs-icon.bs-icon-primary {
	color: var(--bs-white);
	background: var(--bs-primary);
}
.bs-icon.bs-icon-primary-light {
	color: var(--bs-primary);
	background: rgba(var(--bs-primary-rgb), .2);
}
.bs-icon.bs-icon-semi-white {
	color: var(--bs-primary);
	background: rgba(255, 255, 255, .5);
}
.bs-icon.bs-icon-rounded {
	border-radius: .5rem;
}
.bs-icon.bs-icon-circle {
	border-radius: 50%;
}


/* ==================== BLOCK REVIEWS ==================== */
#block_review_p{margin:0;}
#block_review_p > span{
	cursor:pointer;
	text-decoration:underline;
}
#block_review_div{
	display:none;
}
#block_review_div > p{
	margin: 10px 10px 0 10px;
}
#block_review_div > p > label {
	width: 100%;
	margin: 0;
}
#block_review_div > p > input,
#block_review_div > p > textarea {
	width: 100%;
	margin: 0;
	border: 1px solid #f76f1c;
	border-radius: 4px;
	padding: 10px;
	color: #888888;
}
#block_review_div > p > button {
	background-color: #1ba1e2;
	color: white;
	display: block;
	width: 100%;
	padding: 10px;
	border: 1px solid #232323;
	border-radius: 4px;
}
#block_review_div > p > button:hover {
	background-color: #f76f1c;
}
#block_review_div #capcha{
	display:inline-block;
	width:auto;
	vertical-align:bottom;
}



/* ====================== RECORD FORM ====================== */
#sidebar_record_form .card:hover,
#sidebar_record_form .card.active{
	background-color: #0097c117;
}
.record_form_title {
    position: absolute;
    top: 0;
    left: 0;
	right: 20px;
    padding: 16px;
    margin: 0;
    font-size: 20px;
	z-index: 0;
}
.record_form_buttons{
	position: absolute;
    bottom: 0;
    left: 0;
	width: 100%;
}
#record_form_masters .record_form_content .badge{
	font-family: monospace;
	font-weight: normal;
	font-size:16px;
	border-color: currentColor;
	cursor: pointer;
	border-width: 1px;
	border-style: solid;
}
#record_form_masters .record_form_content .badge:hover,
#record_form_masters .record_form_content .badge.active{
	background-color: #f5401f;
    color: white;
    border-color: #f5401f;
}
#record_form_time .badge{
	font-family: monospace;
	font-weight: normal;
}
#record_form_time .badge:hover,
#record_form_time .badge.active{
	background-color: #f5401f;
    color: white;
    border-color: #f5401f;
}
#record_form_masters .card-body.disabled:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: #00000080;
    width: 100%;
    height: 100%;
    border-radius: 6px;
    cursor: no-drop;
}
#record_form_masters input{
	width: 18px;
    height: 18px;
}
#record_form_services .list-group-item.disabled:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: #00000080;
    width: 100%;
    height: 100%;
    cursor: no-drop;
    z-index: 1;
}


/* ====================== TIMEPICKER ====================== */
.clock-timepicker{display:block !important;}



/* ====================== OTHER STYLES ====================== */
/* .content {
	text-align: justify;
} */

.text {
	overflow: hidden;
	max-height: 50px;
	transition: max-height .3s linear;
}

.toggleButton {
	position: relative;
	margin-top: 10px;
	font-size: 12px;
	cursor: pointer;
}



/* ====================== SCROLLBAR ====================== */
::-webkit-scrollbar{width: 6px; height: 6px;}
::-webkit-scrollbar-button{background-color: #afafafb3; width:0; height:0;}
::-webkit-scrollbar-track{background-color:transparent;}
::-webkit-scrollbar-track-piece{background: transparent;}
::-webkit-scrollbar-thumb{height: 50px; background-color: #afafafb3; border-radius: 3px;}
::-webkit-scrollbar-corner{background-color: #afafafb3;}
::-webkit-resizer{background-color: #afafafb3;}

.horizontal_scroll_wrap::-webkit-scrollbar{height: 0;}



/* ====================== LANDING PAGE ====================== */
.landing-page {
	background:
		radial-gradient(circle at 12% 8%, rgba(220, 53, 69, 0.22), transparent 28%),
		radial-gradient(circle at 88% 12%, rgba(0, 132, 163, 0.2), transparent 30%),
		linear-gradient(180deg, #111820 0%, #151d26 48%, #0f141b 100%);
	color: rgba(255, 255, 255, 0.9);
}
.landing-page .navbar {
	box-shadow: 0 8px 24px rgba(25, 35, 52, 0.08);
}
.min-vh-hero {
	min-height: 620px;
}
.landing-hero {
	position: relative;
	min-height: 620px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	color: white;
	overflow: hidden;
}
.landing-hero-overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, rgba(16, 24, 32, 0.88) 0%, rgba(16, 24, 32, 0.58) 48%, rgba(16, 24, 32, 0.18) 100%);
}
.landing-hero-title {
	font-size: 48px;
	line-height: 56px;
	font-weight: 700;
}
.landing-hero-text {
	font-size: 20px;
	line-height: 32px;
	color: rgba(255, 255, 255, 0.86);
}
.landing-eyebrow {
	margin-bottom: 10px;
	font-size: 12px;
	line-height: 18px;
	font-weight: 700;
	letter-spacing: 0;
	text-transform: uppercase;
	color: #dc3545;
}
.landing-intro {
	background:
		radial-gradient(circle at 18% 0%, rgba(220, 53, 69, 0.2), transparent 34%),
		linear-gradient(135deg, rgba(19, 28, 38, 0.96), rgba(16, 23, 31, 0.9));
}
.landing-intro .container,
.landing-section .container,
.landing-cta .container {
	position: relative;
	z-index: 1;
}
.landing-news-hero {
	padding: 42px 0 30px;
	background:
		radial-gradient(circle at 18% 18%, rgba(220, 53, 69, 0.22), transparent 30%),
		radial-gradient(circle at 84% 14%, rgba(0, 132, 163, 0.18), transparent 32%),
		linear-gradient(135deg, rgba(18, 27, 36, 0.96), rgba(13, 19, 26, 0.9));
	border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}
.landing-news-hero h1 {
	margin-bottom: 16px;
	font-weight: 700;
	color: white;
}
.landing-mini-card,
.landing-feature,
.landing-news {
	position: relative;
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, 0.18);
	border-radius: 8px;
	background: linear-gradient(145deg, rgba(255, 255, 255, 0.13), rgba(255, 255, 255, 0.055));
	box-shadow: 0 22px 56px rgba(0, 0, 0, 0.28);
	backdrop-filter: blur(22px) saturate(1.25);
	-webkit-backdrop-filter: blur(22px) saturate(1.25);
}
.landing-mini-card:before,
.landing-feature:before,
.landing-news:before,
.avito-card:before,
.landing-media:before {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	padding: 1px;
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.82), rgba(255, 255, 255, 0.12) 38%, rgba(0, 132, 163, 0.32) 68%, rgba(220, 53, 69, 0.42));
	-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	pointer-events: none;
}
.landing-mini-card:after,
.landing-feature:after,
.landing-news:after,
.avito-card:after,
.landing-media:after {
	content: "";
	position: absolute;
	top: -45%;
	left: -35%;
	width: 70%;
	height: 140%;
	background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.16), transparent);
	transform: rotate(18deg);
	pointer-events: none;
}
.landing-mini-card {
	padding: 24px;
}
.landing-mini-card i {
	margin-bottom: 18px;
	font-size: 28px;
	color: #dc3545;
}
.landing-mini-card p,
.landing-feature p {
	margin: 0;
	color: rgba(255, 255, 255, 0.72);
}
.landing-section {
	position: relative;
	padding: 56px 0;
	background:
		radial-gradient(circle at 84% 18%, rgba(0, 132, 163, 0.18), transparent 30%),
		linear-gradient(135deg, rgba(19, 28, 38, 0.98), rgba(13, 19, 26, 0.92));
	overflow: hidden;
}
.landing-section-muted {
	background:
		radial-gradient(circle at 85% 15%, rgba(220, 53, 69, 0.2), transparent 32%),
		linear-gradient(135deg, rgba(15, 23, 31, 0.98), rgba(20, 29, 38, 0.92));
}
.landing-section-accent {
	background:
		radial-gradient(circle at 12% 80%, rgba(220, 53, 69, 0.24), transparent 34%),
		radial-gradient(circle at 86% 12%, rgba(0, 132, 163, 0.16), transparent 30%),
		linear-gradient(135deg, rgba(23, 25, 32, 0.98), rgba(13, 19, 26, 0.92));
}
.landing-section-glass {
	background:
		radial-gradient(circle at 12% 18%, rgba(0, 132, 163, 0.28), transparent 32%),
		radial-gradient(circle at 92% 18%, rgba(220, 53, 69, 0.24), transparent 30%),
		linear-gradient(135deg, rgba(18, 27, 36, 0.96), rgba(13, 19, 26, 0.88));
}
.landing-copy {
	max-width: 560px;
}
.landing-copy h2,
.landing-section h2 {
	margin-bottom: 18px;
	font-weight: 700;
	color: white;
}
.landing-text {
	color: rgba(255, 255, 255, 0.76);
	font-size: 18px;
	line-height: 30px;
}
.landing-media {
	position: relative;
	overflow: hidden;
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.1);
	border: 1px solid rgba(255, 255, 255, 0.18);
	box-shadow: 0 28px 64px rgba(0, 0, 0, 0.32);
	backdrop-filter: blur(22px) saturate(1.25);
	-webkit-backdrop-filter: blur(22px) saturate(1.25);
}
.landing-media img {
	aspect-ratio: 4 / 3;
	object-fit: cover;
}
.landing-media-contain img {
	aspect-ratio: auto;
	object-fit: contain;
}
.landing-feature {
	padding: 24px;
}
.landing-feature-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 52px;
	height: 52px;
	margin-bottom: 18px;
	border-radius: 8px;
	background: linear-gradient(135deg, #dc3545, #ff6b75);
	color: white;
	font-size: 22px;
	box-shadow: 0 12px 28px rgba(220, 53, 69, 0.28);
}
.landing-news {
	overflow: hidden;
	transition: transform .2s ease, box-shadow .2s ease;
}
.landing-news:hover {
	transform: translateY(-4px);
	box-shadow: 0 24px 54px rgba(25, 35, 52, 0.14);
}
.landing-news .card-img-top {
	aspect-ratio: 16 / 10;
	object-fit: cover;
}
.landing-news .card-body,
.landing-news .card-footer {
	position: relative;
	z-index: 1;
}
.landing-news .card-title a,
.landing-news .text-reset {
	color: white !important;
}
.landing-news .text-secondary {
	color: rgba(255, 255, 255, 0.68) !important;
}
.landing-card-kicker {
	margin-bottom: 8px;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	color: #dc3545;
}
.landing-section .btn-outline-secondary {
	color: rgba(255, 255, 255, 0.86);
	border-color: rgba(255, 255, 255, 0.28);
}
.landing-section .btn-outline-secondary:hover,
.landing-section .btn-outline-secondary:focus {
	color: white;
	background: rgba(255, 255, 255, 0.1);
	border-color: rgba(255, 255, 255, 0.42);
}
.landing-section .btn-outline-danger {
	color: #ff717b;
	border-color: rgba(255, 113, 123, 0.48);
}
.landing-section .btn-outline-danger:hover,
.landing-section .btn-outline-danger:focus {
	color: white;
	background: #dc3545;
	border-color: #dc3545;
}
.landing-cta {
	padding: 56px 0;
	background:
		radial-gradient(circle at 18% 20%, rgba(220, 53, 69, 0.22), transparent 28%),
		linear-gradient(135deg, #1e2329 0%, #151a20 100%);
	color: white;
}
.landing-cta h2 {
	margin-bottom: 12px;
	font-weight: 700;
}
.landing-cta p {
	margin-bottom: 0;
	color: rgba(255, 255, 255, 0.78);
}

.landing-posts-carousel .owl-dots {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 22px;
}
.landing-posts-carousel .owl-dot {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 18px;
	height: 18px;
	border: 0;
	background: transparent !important;
}
.landing-posts-carousel .owl-dot span {
	display: block;
	width: 8px;
	height: 8px;
	margin: 0 !important;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.36) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.16);
	transition: width .2s ease, background .2s ease, box-shadow .2s ease;
}
.landing-posts-carousel .owl-dot:hover span,
.landing-posts-carousel .owl-dot.active span {
	width: 28px;
	background: linear-gradient(90deg, #64d8ff, #dc3545) !important;
	box-shadow: 0 8px 18px rgba(100, 216, 255, 0.2);
}
.landing-carousel-controls {
	display: flex;
	justify-content: center;
	gap: 10px;
	margin-top: 24px;
}
.landing-carousel-controls .btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	color: #1e2329;
	box-shadow: 0 12px 24px rgba(25, 35, 52, 0.12);
}
.avito-card {
	display: flex;
	flex-direction: column;
	position: relative;
	overflow: hidden;
	width: 100%;
	min-height: 0;
	border-radius: 8px;
	background: linear-gradient(145deg, rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0.055));
	border: 1px solid rgba(255, 255, 255, 0.18);
	box-shadow: 0 22px 56px rgba(0, 0, 0, 0.28);
	backdrop-filter: blur(22px) saturate(1.25);
	-webkit-backdrop-filter: blur(22px) saturate(1.25);
	transition: transform .2s ease, box-shadow .2s ease;
}
.avito-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 24px 58px rgba(25, 35, 52, 0.14);
}
.avito-card-image {
	display: block;
	background: rgba(255, 255, 255, 0.08);
}
.avito-card-image img {
	display: block;
	width: 100%;
	height: 185px;
	object-fit: cover;
}
.avito-card-body {
	display: flex;
	flex: 1;
	flex-direction: column;
	padding: 14px;
}
.avito-card-title {
	margin-bottom: 8px;
	font-size: 16px;
	line-height: 21px;
	font-weight: 700;
}
.avito-card-title a {
	color: white;
	text-decoration: none;
}
.avito-card-title a:hover {
	color: #dc3545;
}
.avito-card-text {
	margin-bottom: 12px;
	color: rgba(255, 255, 255, 0.72);
	font-size: 13px;
	line-height: 19px;
}
.avito-card-meta {
	display: grid;
	gap: 5px;
	margin-top: auto;
	margin-bottom: 14px;
	color: rgba(255, 255, 255, 0.64);
	font-size: 12px;
	line-height: 17px;
}
.avito-card-meta span {
	display: flex;
	align-items: center;
	gap: 6px;
	min-width: 0;
}
.avito-card-meta i {
	color: #dc3545;
}
.avito-card-meta a {
	color: rgba(255, 255, 255, 0.78);
	text-decoration: none;
}
.avito-card-meta a:hover {
	color: #64d8ff;
}

/* ====================== PUBLIC PAGES ====================== */
.public-page {
	min-height: 100vh;
	background:
		radial-gradient(circle at 10% 8%, rgba(220, 53, 69, 0.2), transparent 28%),
		radial-gradient(circle at 90% 16%, rgba(0, 132, 163, 0.18), transparent 30%),
		linear-gradient(180deg, #111820 0%, #151d26 52%, #0f141b 100%);
	color: rgba(255, 255, 255, 0.88);
}
.public-page main {
	position: relative;
	overflow: hidden;
}
.public-page main:before {
	content: "";
	position: absolute;
	inset: 0;
	background:
		radial-gradient(circle at 12% 28%, rgba(220, 53, 69, 0.12), transparent 24%),
		radial-gradient(circle at 88% 62%, rgba(0, 132, 163, 0.12), transparent 26%);
	pointer-events: none;
}
.public-page main > * {
	position: relative;
	z-index: 1;
}
.public-page .content-wrapper,
.public-section {
	padding: 28px 0;
	background: transparent;
}
.public-compact-hero {
	display: block;
	height: auto !important;
	min-height: 0 !important;
	padding-top: 34px;
	padding-bottom: 28px;
}
.public-compact-hero .container,
.public-compact-hero .row {
	height: auto !important;
	min-height: 0 !important;
}
.public-compact-hero .row {
	align-items: center !important;
}
.public-listing-section {
	height: auto !important;
	min-height: 0 !important;
	padding-top: 24px;
	padding-bottom: 36px;
}
.public-listing-head {
	margin-bottom: 24px;
	padding: 22px 24px;
	border: 1px solid rgba(255, 255, 255, 0.16);
	border-radius: 8px;
	background: linear-gradient(145deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.05));
	box-shadow: 0 18px 44px rgba(0, 0, 0, 0.24);
	backdrop-filter: blur(20px) saturate(1.2);
	-webkit-backdrop-filter: blur(20px) saturate(1.2);
}
.public-news-page main,
.public-posts-page main {
	padding-top: 0 !important;
}
.public-news-page .landing-news-hero,
.public-posts-page .content-wrapper {
	margin-top: 0 !important;
	height: auto !important;
	min-height: 0 !important;
	padding-top: 24px !important;
}
.public-news-page .landing-news-hero {
	padding-bottom: 24px !important;
}
.public-posts-page .content-wrapper {
	padding-bottom: 32px !important;
}
.public-card,
.public-prose,
.public-page .card,
.public-page .list-group-item,
.public-page .offcanvas {
	position: relative;
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, 0.17);
	border-radius: 8px;
	background: linear-gradient(145deg, rgba(255, 255, 255, 0.13), rgba(255, 255, 255, 0.055));
	box-shadow: 0 22px 56px rgba(0, 0, 0, 0.28);
	color: rgba(255, 255, 255, 0.86);
	backdrop-filter: blur(22px) saturate(1.25);
	-webkit-backdrop-filter: blur(22px) saturate(1.25);
}
.public-card:before,
.public-prose:before,
.public-page .card:before,
.public-page .offcanvas:before {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	padding: 1px;
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.78), rgba(255, 255, 255, 0.1) 38%, rgba(0, 132, 163, 0.28) 68%, rgba(220, 53, 69, 0.38));
	-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	pointer-events: none;
	z-index: 2;
}
.public-card,
.public-prose {
	padding: 28px;
}
.public-prose {
	line-height: 1.7;
}
.public-page .card-body,
.public-page .card-header,
.public-page .card-footer,
.public-page .list-group-item > *,
.public-page .offcanvas-body,
.public-page .offcanvas-header {
	position: relative;
	z-index: 3;
}
.public-page .card-header,
.public-page .card-footer {
	border-color: rgba(255, 255, 255, 0.12);
	background: rgba(255, 255, 255, 0.06);
}
.public-page .card-img-top {
	position: relative;
	z-index: 1;
}
.public-page h1,
.public-page h2,
.public-page h3,
.public-page h4,
.public-page h5,
.public-page h6,
.public-page .page-title,
.public-page .card-title,
.public-page .offcanvas-title {
	color: white;
}
.public-page p,
.public-page li,
.public-page .text-dark,
.public-page .text-secondary,
.public-page .breadcrumb-item.active {
	color: rgba(255, 255, 255, 0.72) !important;
}
.public-page a {
	color: #ff717b;
}
.public-page a:hover {
	color: #ff9aa2;
}
.landing-page .btn:not(.btn-close),
.public-page .dropdown-menu .dropdown-item,
.site-footer .btn-light {
	position: relative;
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, 0.22);
	border-radius: 8px;
	background: linear-gradient(145deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.07));
	color: rgba(255, 255, 255, 0.94) !important;
	box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18);
	backdrop-filter: blur(18px) saturate(1.2);
	-webkit-backdrop-filter: blur(18px) saturate(1.2);
}
.landing-page .btn:not(.btn-close):before,
.site-footer .btn-light:before {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	padding: 1px;
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.72), rgba(255, 255, 255, 0.08) 42%, rgba(220, 53, 69, 0.44));
	-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	pointer-events: none;
}
.landing-page .btn:not(.btn-close):after,
.site-footer .btn-light:after {
	content: "";
	position: absolute;
	top: -55%;
	left: -45%;
	width: 70%;
	height: 180%;
	background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.14), transparent);
	transform: rotate(20deg);
	pointer-events: none;
}
.landing-page .btn-danger:not(.btn-close),
.landing-page .btn-primary:not(.btn-close),
.landing-page .btn-dark:not(.btn-close),
.landing-page .btn-outline-danger:not(.btn-close):hover,
.landing-page .btn-outline-secondary:not(.btn-close):hover,
.landing-page .btn-outline-danger:not(.btn-close):focus,
.landing-page .btn-outline-secondary:not(.btn-close):focus {
	border-color: rgba(255, 113, 123, 0.52);
	background: linear-gradient(145deg, rgba(220, 53, 69, 0.88), rgba(255, 113, 123, 0.58));
	color: white !important;
}
.landing-page .btn-outline-danger:not(.btn-close),
.landing-page .btn-outline-secondary:not(.btn-close),
.landing-page .btn-light:not(.btn-close) {
	border-color: rgba(255, 255, 255, 0.26);
	background: linear-gradient(145deg, rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0.06));
	color: rgba(255, 255, 255, 0.94) !important;
}
.landing-page .btn:not(.btn-close):hover,
.landing-page .btn:not(.btn-close):focus,
.public-page .dropdown-menu .dropdown-item:hover,
.public-page .dropdown-menu .dropdown-item:focus {
	transform: translateY(-1px);
	border-color: rgba(255, 113, 123, 0.48);
	background: linear-gradient(145deg, rgba(255, 255, 255, 0.2), rgba(220, 53, 69, 0.18));
	color: white !important;
	box-shadow: 0 16px 32px rgba(0, 0, 0, 0.24);
}
.public-page .dropdown-menu {
	overflow: hidden;
	padding: 8px;
	border: 1px solid rgba(255, 255, 255, 0.18);
	border-radius: 8px;
	background: linear-gradient(145deg, rgba(18, 27, 36, 0.96), rgba(13, 19, 26, 0.9));
	box-shadow: 0 22px 54px rgba(0, 0, 0, 0.28);
	backdrop-filter: blur(22px) saturate(1.2);
	-webkit-backdrop-filter: blur(22px) saturate(1.2);
}
.public-page .dropdown-menu .dropdown-item {
	margin-bottom: 4px;
	box-shadow: none;
}
.public-page .dropdown-menu .dropdown-item:last-child {
	margin-bottom: 0;
}
.site-navbar .btn:not(.btn-close),
.site-navbar .site-account {
	border-color: rgba(20, 32, 48, 0.1);
	background: linear-gradient(145deg, rgba(255, 255, 255, 0.94), rgba(244, 247, 250, 0.78));
	color: #384250 !important;
	box-shadow: 0 10px 24px rgba(25, 35, 52, 0.08);
}
.site-navbar .btn-danger:not(.btn-close),
.site-navbar .site-login {
	border-color: rgba(220, 53, 69, 0.16);
	background: linear-gradient(145deg, rgba(255, 242, 244, 0.98), rgba(255, 224, 228, 0.82));
	color: #dc3545 !important;
}
.site-footer .btn-light {
	border-color: rgba(255, 255, 255, 0.24) !important;
	background: linear-gradient(145deg, rgba(255, 255, 255, 0.16), rgba(220, 53, 69, 0.22)) !important;
	color: white !important;
}
.site-footer .btn-light:hover,
.site-footer .btn-light:focus {
	border-color: rgba(255, 113, 123, 0.52) !important;
	background: linear-gradient(145deg, rgba(255, 255, 255, 0.2), rgba(220, 53, 69, 0.32)) !important;
	color: white !important;
}
.site-nav .nav-link {
	border: 1px solid transparent;
}
.site-nav .nav-link:hover,
.site-nav .nav-link.active {
	border-color: rgba(220, 53, 69, 0.14);
	background: linear-gradient(145deg, rgba(255, 242, 244, 0.96), rgba(255, 224, 228, 0.78));
	box-shadow: 0 10px 22px rgba(220, 53, 69, 0.08);
	color: #dc3545;
}
.public-page .breadcrumb {
	margin-bottom: 24px;
}
.public-page .border-bottom,
.public-page .border-top {
	border-color: rgba(255, 255, 255, 0.12) !important;
}
.public-page section.py-4 {
	background: transparent;
}
.public-page .breadcrumb a {
	text-decoration: none;
}
.public-page .form-control,
.public-page .form-select {
	border-color: rgba(255, 255, 255, 0.18);
	background-color: rgba(255, 255, 255, 0.08);
	color: white;
}
.public-page .form-control:focus,
.public-page .form-select:focus {
	border-color: rgba(255, 113, 123, 0.62);
	box-shadow: 0 0 0 .25rem rgba(220, 53, 69, 0.18);
}
.public-page .form-select option {
	color: #151d26;
}
.public-page .btn-close {
	filter: invert(1) grayscale(100%);
}
.public-page .site-mobile-nav .nav-link {
	color: rgba(255, 255, 255, 0.86);
}
.public-page .site-mobile-nav .nav-link:hover,
.public-page .site-mobile-nav .nav-link.active {
	background: rgba(255, 255, 255, 0.08);
	color: #ff717b;
}
.public-page .site-offcanvas-contact {
	background: rgba(255, 255, 255, 0.08);
	color: rgba(255, 255, 255, 0.72);
}
.public-page .pagination .page-link {
	border-color: rgba(255, 255, 255, 0.16);
	background: rgba(255, 255, 255, 0.08);
	color: rgba(255, 255, 255, 0.82);
}
.public-page .pagination .page-item.active .page-link,
.public-page .pagination .page-link:hover {
	border-color: #dc3545;
	background: #dc3545;
	color: white;
}
.public-page .btn_filter {
	border: 1px solid rgba(255, 255, 255, 0.24);
	background: linear-gradient(135deg, rgba(220, 53, 69, 0.95), rgba(255, 113, 123, 0.9));
	color: white;
	box-shadow: 0 14px 28px rgba(0, 0, 0, 0.24);
}
.public-page .block_objects .card {
	height: 100%;
	transition: transform .2s ease, box-shadow .2s ease;
}
.public-page .block_objects .card:hover {
	transform: translateY(-4px);
	box-shadow: 0 24px 58px rgba(0, 0, 0, 0.34);
}
.public-page .block_objects .card_img_1x1,
.public-page .block_objects .card-img-top {
	aspect-ratio: 1 / 1;
	object-fit: cover;
}
.public-page .block_objects .card-title {
	font-size: 18px;
	line-height: 24px;
}
.public-page .block_objects .card .btn {
	border-radius: 8px;
}
.public-page .img-thumbnail {
	border-color: rgba(255, 255, 255, 0.18);
	background-color: rgba(255, 255, 255, 0.08);
}
.public-page .alert {
	border-color: rgba(255, 255, 255, 0.16);
}
.public-news-page main,
.public-posts-page main {
	position: relative;
	overflow: hidden;
}
.public-news-page main > *,
.public-posts-page main > * {
	position: relative;
	z-index: 1;
}
.public-news-page .card-body,
.public-news-page .card-header,
.public-news-page .card-footer,
.public-posts-page .card-body,
.public-posts-page .card-header,
.public-posts-page .card-footer,
.public-posts-page .offcanvas-body,
.public-posts-page .offcanvas-header {
	position: relative;
	z-index: 3;
}
.public-news-page .card-header,
.public-news-page .card-footer,
.public-posts-page .card-header,
.public-posts-page .card-footer {
	border-color: rgba(255, 255, 255, 0.12);
	background: rgba(255, 255, 255, 0.06);
}
.public-news-page h1,
.public-news-page h2,
.public-news-page h3,
.public-news-page h4,
.public-news-page h5,
.public-news-page h6,
.public-posts-page h1,
.public-posts-page h2,
.public-posts-page h3,
.public-posts-page h4,
.public-posts-page h5,
.public-posts-page h6 {
	color: white;
}
.public-news-page p,
.public-news-page li,
.public-news-page .text-secondary,
.public-news-page .breadcrumb-item.active,
.public-posts-page p,
.public-posts-page li,
.public-posts-page .text-dark,
.public-posts-page .text-secondary,
.public-posts-page .breadcrumb-item.active {
	color: rgba(255, 255, 255, 0.72) !important;
}
.public-news-page .breadcrumb a,
.public-posts-page .breadcrumb a {
	text-decoration: none;
}
.public-posts-page .form-control,
.public-posts-page .form-select {
	border-color: rgba(255, 255, 255, 0.18);
	background-color: rgba(255, 255, 255, 0.08);
	color: white;
}
.public-posts-page .form-select option {
	color: #151d26;
}
.public-posts-page .btn-close {
	filter: invert(1) grayscale(100%);
}
.public-news-page .pagination .page-link,
.public-posts-page .pagination .page-link {
	border-color: rgba(255, 255, 255, 0.16);
	background: rgba(255, 255, 255, 0.08);
	color: rgba(255, 255, 255, 0.82);
}
.public-posts-page .block_objects .card {
	height: 100%;
	transition: transform .2s ease, box-shadow .2s ease;
}
.public-posts-page .block_objects .card:hover {
	transform: translateY(-4px);
	box-shadow: 0 24px 58px rgba(0, 0, 0, 0.34);
}
.public-posts-page .block_objects .card_img_1x1,
.public-posts-page .block_objects .card-img-top {
	aspect-ratio: 1 / 1;
	object-fit: cover;
}
.public-posts-page .block_objects .card-title {
	font-size: 18px;
	line-height: 24px;
}
.public-new-page main,
.public-post-page main {
	position: relative;
	overflow: hidden;
}
.public-new-page main > *,
.public-post-page main > * {
	position: relative;
	z-index: 1;
}
.public-new-page .card-body,
.public-new-page .card-header,
.public-new-page .card-footer,
.public-post-page .card-body,
.public-post-page .card-header,
.public-post-page .card-footer {
	position: relative;
	z-index: 3;
}
.public-new-page .card-header,
.public-new-page .card-footer,
.public-post-page .card-header,
.public-post-page .card-footer {
	border-color: rgba(255, 255, 255, 0.12);
	background: rgba(255, 255, 255, 0.06);
}
.public-new-page h1,
.public-new-page h2,
.public-new-page h3,
.public-new-page h4,
.public-new-page h5,
.public-new-page h6,
.public-post-page h1,
.public-post-page h2,
.public-post-page h3,
.public-post-page h4,
.public-post-page h5,
.public-post-page h6,
.public-post-page .page-title {
	color: white;
}
.public-new-page p,
.public-new-page li,
.public-new-page .lead,
.public-new-page .text-secondary,
.public-new-page .breadcrumb-item.active,
.public-post-page p,
.public-post-page li,
.public-post-page .text-dark,
.public-post-page .text-secondary,
.public-post-page .breadcrumb-item.active {
	color: rgba(255, 255, 255, 0.72) !important;
}
.public-new-page .breadcrumb,
.public-post-page .breadcrumb {
	margin-bottom: 24px;
}
.public-new-page .breadcrumb a,
.public-post-page .breadcrumb a {
	text-decoration: none;
}
.public-new-page .border-bottom,
.public-new-page .border-top,
.public-post-page .border-bottom,
.public-post-page .border-top {
	border-color: rgba(255, 255, 255, 0.12) !important;
}

@media (max-width: 768px) {
	body.pb-5 {
		padding-bottom: 58px !important;
	}
	.min-vh-hero,
	.landing-hero {
		min-height: 560px;
	}
	.landing-hero-title {
		font-size: 34px;
		line-height: 42px;
	}
	.landing-hero-text,
	.landing-text {
		font-size: 16px;
		line-height: 26px;
	}
	.landing-section {
		padding: 40px 0;
	}
	.public-page .content-wrapper,
	.public-section {
		padding: 20px 0;
	}
	.public-compact-hero {
		padding-top: 24px;
		padding-bottom: 22px;
	}
	.public-listing-section {
		padding-top: 18px;
		padding-bottom: 28px;
	}
	.public-listing-head {
		margin-bottom: 18px;
		padding: 18px;
	}
	.public-card,
	.public-prose {
		padding: 20px;
	}
}

@media (min-width: 768px) {
	body.pb-5 {
		padding-bottom: 0 !important;
	}
	body > .site-footer:last-of-type {
		margin-bottom: 0 !important;
	}
}



/* ====================== DARK GLASS FINAL THEME ====================== */
:root {
	--glass-bg: #0b1520;
	--glass-bg-2: #101d2a;
	--glass-border: rgba(181, 231, 255, 0.22);
	--glass-accent: #64d8ff;
	--glass-accent-2: #8bdaff;
	--glass-accent-rgb: 100, 216, 255;
	--glass-text: rgba(255, 255, 255, 0.92);
	--glass-muted: rgba(255, 255, 255, 0.68);
}
.landing-page,
.public-page,
.public-news-page,
.public-posts-page,
.public-new-page,
.public-post-page {
	background:
		radial-gradient(circle at 10% 8%, rgba(100, 216, 255, 0.2), transparent 28%),
		radial-gradient(circle at 88% 14%, rgba(126, 167, 255, 0.16), transparent 30%),
		linear-gradient(180deg, var(--glass-bg) 0%, var(--glass-bg-2) 48%, #08111b 100%) !important;
	color: var(--glass-text);
}
.site-navbar {
	min-height: 72px;
	background: linear-gradient(135deg, rgba(12, 24, 36, 0.92), rgba(8, 17, 27, 0.86)) !important;
	border-bottom: 1px solid var(--glass-border);
	box-shadow: 0 18px 46px rgba(0, 0, 0, 0.26);
	backdrop-filter: blur(22px) saturate(1.25);
	-webkit-backdrop-filter: blur(22px) saturate(1.25);
}
.site-brand img {
	filter: brightness(0) invert(1);
}
.site-nav .nav-link {
	border: 1px solid transparent;
	background: transparent;
	color: rgba(255, 255, 255, 0.76);
}
.site-nav .nav-link:hover,
.site-nav .nav-link.active {
	border-color: var(--glass-border);
	background: linear-gradient(145deg, rgba(255, 255, 255, 0.14), rgba(var(--glass-accent-rgb), 0.1)) !important;
	color: white !important;
	box-shadow: 0 10px 28px rgba(0, 0, 0, 0.16);
}
.site-navbar .btn:not(.btn-close),
.site-navbar .site-account,
.site-login {
	border-color: var(--glass-border) !important;
	background: linear-gradient(145deg, rgba(255, 255, 255, 0.15), rgba(var(--glass-accent-rgb), 0.08)) !important;
	color: white !important;
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.22) !important;
}
.site-toggler {
	border-color: var(--glass-border);
	background: rgba(255, 255, 255, 0.1);
}
.site-toggler span {
	background: white;
}
.site-offcanvas,
.public-page .offcanvas {
	background: linear-gradient(145deg, rgba(12, 24, 36, 0.98), rgba(8, 17, 27, 0.94)) !important;
	color: var(--glass-text);
}
.site-footer,
.site-mobile-bar {
	background: linear-gradient(135deg, rgba(10, 21, 32, 0.98), rgba(7, 15, 24, 0.98)) !important;
	border-color: var(--glass-border);
}
.site-footer a:hover,
.site-footer-links a:hover,
.site-mobile-bar-link:hover,
.site-mobile-bar-link:focus {
	color: var(--glass-accent-2) !important;
}
.site-mobile-bar-link i,
.landing-eyebrow,
.landing-mini-card i,
.landing-card-kicker,
.avito-card-meta i,
.landing-feature-icon {
	color: var(--glass-accent) !important;
}
.landing-feature-icon {
	background: linear-gradient(135deg, rgba(var(--glass-accent-rgb), 0.95), rgba(126, 167, 255, 0.72)) !important;
	box-shadow: 0 14px 32px rgba(var(--glass-accent-rgb), 0.2) !important;
}
.public-page main:before,
.public-news-page main:before,
.public-posts-page main:before,
.public-new-page main:before,
.public-post-page main:before {
	display: none;
}
.public-page-head,
.archive-head {
	position: relative;
	padding: 26px 0 18px !important;
	margin: 0 !important;
	height: auto !important;
	min-height: 0 !important;
	background:
		radial-gradient(circle at 16% 0%, rgba(var(--glass-accent-rgb), 0.16), transparent 30%),
		linear-gradient(135deg, rgba(15, 30, 44, 0.78), rgba(8, 18, 28, 0.74));
	border-bottom: 1px solid rgba(181, 231, 255, 0.12);
}
.public-page-content,
.archive-content {
	position: relative;
	padding: 26px 0 42px !important;
	margin: 0 !important;
	height: auto !important;
	min-height: 0 !important;
	background: transparent;
}
.public-listing-head {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
}
.public-listing-head p,
.public-page-head .lead,
.archive-head .lead {
	color: var(--glass-muted);
}
.public-page-head h1,
.archive-head h1,
.public-listing-head h1 {
	color: white;
}
.landing-news-hero,
.public-compact-hero,
.public-listing-section,
.public-news-page .landing-news-hero,
.public-posts-page .content-wrapper {
	height: auto !important;
	min-height: 0 !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	margin-top: 0 !important;
}
.landing-mini-card,
.landing-feature,
.landing-news,
.avito-card,
.landing-media,
.public-card,
.public-prose,
.public-page .card,
.public-page .list-group-item,
.public-page .offcanvas,
.public-news-page .card,
.public-posts-page .card,
.public-posts-page .offcanvas,
.public-new-page .card,
.public-post-page .list-group-item,
.public-post-page .card {
	border-color: var(--glass-border) !important;
	background: linear-gradient(145deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.055)) !important;
	box-shadow: 0 22px 56px rgba(0, 0, 0, 0.3) !important;
}
.landing-mini-card:before,
.landing-feature:before,
.landing-news:before,
.avito-card:before,
.landing-media:before,
.public-card:before,
.public-prose:before,
.public-page .card:before,
.public-page .offcanvas:before,
.public-news-page .card:before,
.public-posts-page .card:before,
.public-posts-page .offcanvas:before,
.public-new-page .card:before,
.public-post-page .card:before {
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.72), rgba(255, 255, 255, 0.1) 38%, rgba(var(--glass-accent-rgb), 0.42) 72%) !important;
}
.landing-page .btn:not(.btn-close),
.public-page .btn:not(.btn-close),
.public-news-page .btn:not(.btn-close),
.public-posts-page .btn:not(.btn-close),
.public-new-page .btn:not(.btn-close),
.public-post-page .btn:not(.btn-close),
.site-footer .btn-light,
.public-page .dropdown-menu .dropdown-item,
.public-news-page .dropdown-menu .dropdown-item,
.public-posts-page .dropdown-menu .dropdown-item {
	border-color: var(--glass-border) !important;
	background: linear-gradient(145deg, rgba(255, 255, 255, 0.16), rgba(var(--glass-accent-rgb), 0.08)) !important;
	color: white !important;
}
.landing-page .btn:not(.btn-close):hover,
.landing-page .btn:not(.btn-close):focus,
.public-page .btn:not(.btn-close):hover,
.public-page .btn:not(.btn-close):focus,
.public-news-page .btn:not(.btn-close):hover,
.public-news-page .btn:not(.btn-close):focus,
.public-posts-page .btn:not(.btn-close):hover,
.public-posts-page .btn:not(.btn-close):focus,
.public-new-page .btn:not(.btn-close):hover,
.public-new-page .btn:not(.btn-close):focus,
.public-post-page .btn:not(.btn-close):hover,
.public-post-page .btn:not(.btn-close):focus,
.public-page .dropdown-menu .dropdown-item:hover,
.public-page .dropdown-menu .dropdown-item:focus,
.public-news-page .dropdown-menu .dropdown-item:hover,
.public-news-page .dropdown-menu .dropdown-item:focus,
.public-posts-page .dropdown-menu .dropdown-item:hover,
.public-posts-page .dropdown-menu .dropdown-item:focus {
	border-color: rgba(var(--glass-accent-rgb), 0.56) !important;
	background: linear-gradient(145deg, rgba(255, 255, 255, 0.2), rgba(var(--glass-accent-rgb), 0.18)) !important;
	color: white !important;
}
.public-page a,
.public-news-page a,
.public-posts-page a,
.public-new-page a,
.public-post-page a,
.landing-section .btn-outline-danger,
.avito-card-title a:hover {
	color: var(--glass-accent-2) !important;
}
.public-page a:hover,
.public-news-page a:hover,
.public-posts-page a:hover,
.public-new-page a:hover,
.public-post-page a:hover {
	color: white !important;
}
.public-page .pagination .page-item.active .page-link,
.public-page .pagination .page-link:hover,
.public-page .btn_filter,
.public-news-page .pagination .page-item.active .page-link,
.public-news-page .pagination .page-link:hover,
.public-posts-page .pagination .page-item.active .page-link,
.public-posts-page .pagination .page-link:hover,
.public-posts-page .btn_filter {
	border-color: rgba(var(--glass-accent-rgb), 0.56) !important;
	background: linear-gradient(145deg, rgba(var(--glass-accent-rgb), 0.36), rgba(126, 167, 255, 0.22)) !important;
}
.public-page .form-control:focus,
.public-page .form-select:focus,
.public-posts-page .form-control:focus,
.public-posts-page .form-select:focus {
	border-color: rgba(var(--glass-accent-rgb), 0.62);
	box-shadow: 0 0 0 .25rem rgba(var(--glass-accent-rgb), 0.16);
}
.text-danger {
	color: var(--glass-accent-2) !important;
}
@media (max-width: 768px) {
	.public-page-head {
		padding: 20px 0 16px !important;
	}
	.archive-head {
		padding: 20px 0 16px !important;
	}
	.public-page-content {
		padding: 20px 0 32px !important;
	}
	.archive-content {
		padding: 20px 0 32px !important;
	}
}

/* ---------------- MEDIA ---------------- */
@media (min-width: 360px) {
	.service_categories {
		height: 260px;
	}
	.categories {
		height: 280px;
	}
	.category {
		height: 120px;
		font-size: 12px;
	}
	.collections {
		height: 120px;
		font-size: 12px;
	}
	.products {
		height: 260px;
	}
	.articles {
		height: 240px;
	}
	.carousel_height {
		height: 280px;
	}
	.slide_title {
		font-size: 28px;
		line-height:34px;
		text-shadow: 1px 1px 1px rgba(4,4,4,0.8);
	}
	.slide_descr {
		font-size: 22px;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.8);
	}
	.descr_line {
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 2; /* number of lines to show */
		line-clamp: 2;
		-webkit-box-orient: vertical;
	}
	.title_line {
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 1; /* number of lines to show */
		line-clamp: 1;
		-webkit-box-orient: vertical;
	}
	.card_title {
		font-size: 14px;
	}
	.card_line {
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 1; /* number of lines to show */
		line-clamp: 1;
		-webkit-box-orient: vertical;
	}
	.descr_line {
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 1; /* number of lines to show */
		line-clamp: 1;
		-webkit-box-orient: vertical;
	}
	.card-height {
		height: 230px;
	}
	.bnr_height {
		height: 230px;
	}
	.category_scroll {
		height: 120px;
	}
	.services {
		height: 220px;
	}
	.card_descr {
		font-size: 12px;
	}
}

@media (min-width: 768px) {
	.service_categories {
		height: 420px;
	}
	.categories {
		height: 420px;
	}
	.category {
		height: 420px;
		font-size: 14px;
	}
	.slide_title {
		font-size: 38px;
		line-height:44px;
		text-shadow: 1px 1px 2px rgba(4,4,4,0.8);
	}
	.slide_descr {
		font-size: 26px;
		text-shadow: 1px 1px 2px rgba(0,0,0,0.8);
	}
	.collections {
		height: 220px;
		font-size: 14px;
	}
	.products {
		height: 420px;
	}
	.articles {
		height: 320px;
	}
	.carousel_height {
		height: 560px;
	}
	.descr_line {
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 3; /* number of lines to show */
		line-clamp: 3;
		-webkit-box-orient: vertical;
	}
	.title_line {
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 2; /* number of lines to show */
		line-clamp: 2;
		-webkit-box-orient: vertical;
	}
	.card_title {
		font-size: 16px;
	}
	.card_line {
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 2; /* number of lines to show */
		line-clamp: 2;
		-webkit-box-orient: vertical;
	}
	.descr_line {
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 2; /* number of lines to show */
		line-clamp: 2;
		-webkit-box-orient: vertical;
	}
	.card-height {
		height: 330px;
	}
	.bnr_height {
		height: 330px;
	}
	.category_scroll {
		height: 230px;
	}
	.services {
		height: 420px;
	}
	.card_descr {
		font-size: 16px;
	}
	body > main {
		padding-bottom: 0;
	}
}

@media (max-width: 768px) {
	.h1, h1 {
		font-size: 26px;
		line-height: 32px;
	}
	.h2, h2 {
		font-size: 24px;
		line-height: 30px;
	}
	.h3, h3 {
		font-size: 22px;
		line-height: 28px;
	}
	.h4, h4 {
		font-size: 20px;
		line-height: 26px;
	}
	.h5, h5 {
		font-size: 18px;
		line-height: 24px;
	}
	.h6, h6 {
		font-size: 16px;
		line-height: 22px;
	}
}

.fit-cover {
  object-fit: cover;
}

/* ------------- Button WhatsApp ----------- */
#zcwMiniButton {
	position: fixed;
	left: 15px;
	bottom: 70px;
	width: 40px;
	height: 40px;
	cursor: pointer;
	opacity: 0.8;
	z-index: 101;
	display: none;
  }
  @media (max-width: 750px) {
	#zcwMiniButton {
		display: block;
	}
  }
  #zcwMiniButton #zcwMiniButtonMain {
	-moz-border-radius: 50% !important;
	-webkit-border-radius: 50% !important;
	border-radius: 50% !important;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: rgb(107 128 94);
	width: 40px;
	height: 40px;
	-webkit-animation: zcwmini 1.5s 0s ease-out infinite;
	-moz-animation: zcwmini 1.5s 0s ease-out infinite;
	animation: zcwmini 1.5s 0s ease-out infinite;
  }
  #zcwMiniButton #zcwMiniButtonMain:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-image: url(../../images/mini.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 50%;
	-webkit-animation: zcwphone 1.5s linear infinite;
	-moz-animation: zcwphone 1.5s linear infinite;
	animation: zcwphone 1.5s linear infinite;
  }
  #zcwMiniButton:hover {
	opacity: 1;
  }
  #zcwMiniButton:hover #zcwMiniButtonMain {
	-webkit-animation: zcwmini2 1s 0.4s ease-out infinite;
	-moz-animation: zcwmini2 1s 0.4s ease-out infinite;
	animation: zcwmini2 1s 0.4s ease-out infinite;
  }
  #zcwMiniButton:hover #zcwMiniButtonMain:before {
	-webkit-animation: zcwphone2 1s linear infinite;
	-moz-animation: zcwphone2 1s linear infinite;
	animation: zcwphone2 1s linear infinite;
  }
  
  @-webkit-keyframes zcwphone {
	0% {
		-ms-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
  
	25% {
		-ms-transform: rotate(30deg);
		-webkit-transform: rotate(30deg);
		transform: rotate(30deg);
	}
  
	50% {
		-ms-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
  
	75% {
		-ms-transform: rotate(-30deg);
		-webkit-transform: rotate(-30deg);
		transform: rotate(-30deg);
	}
  
	100% {
		-ms-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
  }
  @-moz-keyframes zcwphone {
	0% {
		-ms-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
  
	25% {
		-ms-transform: rotate(30deg);
		-webkit-transform: rotate(30deg);
		transform: rotate(30deg);
	}
  
	50% {
		-ms-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
  
	75% {
		-ms-transform: rotate(-30deg);
		-webkit-transform: rotate(-30deg);
		transform: rotate(-30deg);
	}
  
	100% {
		-ms-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
  }
  @keyframes zcwphone {
	0% {
		-ms-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
  
	25% {
		-ms-transform: rotate(30deg);
		-webkit-transform: rotate(30deg);
		transform: rotate(30deg);
	}
  
	50% {
		-ms-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
  
	75% {
		-ms-transform: rotate(-30deg);
		-webkit-transform: rotate(-30deg);
		transform: rotate(-30deg);
	}
  
	100% {
		-ms-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
  }
  @-webkit-keyframes zcwphone2 {
	0% {
		-ms-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
  
	25% {
		-ms-transform: rotate(30deg);
		-webkit-transform: rotate(30deg);
		transform: rotate(30deg);
	}
  
	50% {
		-ms-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
  
	75% {
		-ms-transform: rotate(-30deg);
		-webkit-transform: rotate(-30deg);
		transform: rotate(-30deg);
	}
  
	100% {
		-ms-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
  }
  @-moz-keyframes zcwphone2 {
	0% {
		-ms-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
  
	25% {
		-ms-transform: rotate(30deg);
		-webkit-transform: rotate(30deg);
		transform: rotate(30deg);
	}
  
	50% {
		-ms-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
  
	75% {
		-ms-transform: rotate(-30deg);
		-webkit-transform: rotate(-30deg);
		transform: rotate(-30deg);
	}
  
	100% {
		-ms-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
  }
  @keyframes zcwphone2 {
	0% {
		-ms-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
  
	25% {
		-ms-transform: rotate(30deg);
		-webkit-transform: rotate(30deg);
		transform: rotate(30deg);
	}
  
	50% {
		-ms-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
  
	75% {
		-ms-transform: rotate(-30deg);
		-webkit-transform: rotate(-30deg);
		transform: rotate(-30deg);
	}
  
	100% {
		-ms-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
  }
  @-webkit-keyframes zcwmini {
	0% {
		box-shadow: 0 0 8px 6px rgba(207, 8, 8, 0), 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(207, 8, 8, 0);
	}
  
	10% {
		box-shadow: 0 0 8px 6px rgba(0, 0, 0, 1), 0 0 12px 10px rgba(0, 0, 0, 0), 0 0 0 0 rgba(0, 0, 0, 1);
	}
  
	100% {
		box-shadow: 0 0 8px 6px rgba(207, 8, 8, 0), 0 0 0 30px rgba(0, 0, 0, 0), 0 0 0 30px rgba(207, 8, 8, 0);
	}
  }
  @-moz-keyframes zcwmini {
	0% {
		box-shadow: 0 0 8px 6px rgba(207, 8, 8, 0), 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(207, 8, 8, 0);
	}
  
	10% {
		box-shadow: 0 0 8px 6px rgba(0, 0, 0, 1), 0 0 12px 10px rgba(0, 0, 0, 0), 0 0 0 0 rgba(0, 0, 0, 1);
	}
  
	100% {
		box-shadow: 0 0 8px 6px rgba(207, 8, 8, 0), 0 0 0 30px rgba(0, 0, 0, 0), 0 0 0 30px rgba(207, 8, 8, 0);
	}
  }
  @keyframes zcwmini {
	0% {
		box-shadow: 0 0 8px 6px rgba(207, 8, 8, 0), 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(207, 8, 8, 0);
	}
  
	10% {
		box-shadow: 0 0 8px 6px rgba(0, 0, 0, 1), 0 0 12px 10px rgba(0, 0, 0, 0), 0 0 0 0 rgba(0, 0, 0, 1);
	}
  
	100% {
		box-shadow: 0 0 8px 6px rgba(207, 8, 8, 0), 0 0 0 30px rgba(0, 0, 0, 0), 0 0 0 30px rgba(207, 8, 8, 0);
	}
  }
  @-webkit-keyframes zcwmini2 {
	0% {
		box-shadow: 0 0 8px 6px rgba(207, 8, 8, 0), 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(207, 8, 8, 0);
	}
  
	10% {
		box-shadow: 0 0 8px 6px rgba(0, 0, 0, 1), 0 0 12px 10px rgba(0, 0, 0, 0), 0 0 0 0 rgba(0, 0, 0, 1);
	}
  
	100% {
		box-shadow: 0 0 8px 6px rgba(207, 8, 8, 0), 0 0 0 30px rgba(0, 0, 0, 0), 0 0 0 30px rgba(207, 8, 8, 0);
	}
  }
  @-moz-keyframes zcwmini2 {
	0% {
		box-shadow: 0 0 8px 6px rgba(207, 8, 8, 0), 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(207, 8, 8, 0);
	}
  
	10% {
		box-shadow: 0 0 8px 6px rgba(0, 0, 0, 1), 0 0 12px 10px rgba(0, 0, 0, 0), 0 0 0 0 rgba(0, 0, 0, 1);
	}
  
	100% {
		box-shadow: 0 0 8px 6px rgba(207, 8, 8, 0), 0 0 0 30px rgba(0, 0, 0, 0), 0 0 0 30px rgba(207, 8, 8, 0);
	}
  }
  @keyframes zcwmini2 {
	0% {
		box-shadow: 0 0 8px 6px rgba(207, 8, 8, 0), 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(207, 8, 8, 0);
	}
  
	10% {
		box-shadow: 0 0 8px 6px rgba(0, 0, 0, 1), 0 0 12px 10px rgba(0, 0, 0, 0), 0 0 0 0 rgba(0, 0, 0, 1);
	}
  
	100% {
		box-shadow: 0 0 8px 6px rgba(207, 8, 8, 0), 0 0 0 30px rgba(0, 0, 0, 0), 0 0 0 30px rgba(207, 8, 8, 0);
	}
  }


/* ====================== READABILITY FIXES ====================== */
.back-to-top {
	position: fixed !important;
	display: flex !important;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	padding: 0 !important;
	left: auto !important;
	right: 18px !important;
	bottom: 86px !important;
	z-index: 1080;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: translateY(10px);
	text-align: center;
	line-height: 40px;
	border: 1px solid rgba(181, 231, 255, 0.42) !important;
	border-radius: 50% !important;
	background: linear-gradient(145deg, rgba(255, 255, 255, 0.18), rgba(100, 216, 255, 0.18)) !important;
	color: #ffffff !important;
	box-shadow: 0 16px 34px rgba(0, 0, 0, 0.32);
	backdrop-filter: blur(18px) saturate(1.2);
	-webkit-backdrop-filter: blur(18px) saturate(1.2);
	transition: opacity .2s ease, transform .2s ease, visibility .2s ease, border-color .2s ease, background .2s ease;
}
#backToTop.back-to-top {
	position: fixed !important;
	left: auto !important;
	right: 18px !important;
	bottom: 86px !important;
}
.back-to-top.is-visible {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transform: translateY(0);
}
.back-to-top i {
	color: #ffffff !important;
	font-size: 16px;
	line-height: 40px;
}
.back-to-top:hover,
.back-to-top:focus {
	border-color: rgba(100, 216, 255, 0.72) !important;
	background: linear-gradient(145deg, rgba(255, 255, 255, 0.24), rgba(100, 216, 255, 0.28)) !important;
	color: #ffffff !important;
}

.site-offcanvas {
	border-right: 1px solid rgba(181, 231, 255, 0.22);
}
.site-offcanvas .offcanvas-header {
	border-bottom: 1px solid rgba(181, 231, 255, 0.16);
}
.site-offcanvas .site-brand img {
	filter: brightness(0) invert(1);
}
.site-offcanvas .btn-close,
.modal .btn-close,
.public-posts-page .btn-close,
.public-page .btn-close {
	opacity: 1;
	filter: invert(1) grayscale(100%) brightness(1.8);
}
.site-mobile-nav .nav-link,
.site-offcanvas .nav-link {
	color: rgba(255, 255, 255, 0.86) !important;
}
.site-mobile-nav .nav-link i,
.site-offcanvas .nav-link i {
	color: #64d8ff !important;
}
.site-mobile-nav .nav-link:hover,
.site-mobile-nav .nav-link:focus,
.site-mobile-nav .nav-link.active,
.site-offcanvas .nav-link:hover,
.site-offcanvas .nav-link:focus,
.site-offcanvas .nav-link.active {
	border-color: rgba(181, 231, 255, 0.22);
	background: linear-gradient(145deg, rgba(255, 255, 255, 0.14), rgba(100, 216, 255, 0.1)) !important;
	color: #ffffff !important;
}
.site-offcanvas-contact,
.site-offcanvas-contact p {
	color: rgba(255, 255, 255, 0.76) !important;
}
.site-offcanvas-contact {
	border: 1px solid rgba(181, 231, 255, 0.18);
	background: rgba(255, 255, 255, 0.08) !important;
}

.dropdown-menu {
	border: 1px solid rgba(181, 231, 255, 0.2);
	background: linear-gradient(145deg, rgba(12, 24, 36, 0.98), rgba(8, 17, 27, 0.95)) !important;
	box-shadow: 0 22px 54px rgba(0, 0, 0, 0.28);
	backdrop-filter: blur(20px) saturate(1.2);
	-webkit-backdrop-filter: blur(20px) saturate(1.2);
}
.dropdown-item {
	border-radius: 8px;
	color: rgba(255, 255, 255, 0.86) !important;
}
.dropdown-item:hover,
.dropdown-item:focus {
	background: rgba(100, 216, 255, 0.14) !important;
	color: #ffffff !important;
}

.landing-page,
.public-page,
.public-news-page,
.public-posts-page {
	color: rgba(255, 255, 255, 0.9);
}
.landing-page .text-dark,
.landing-page .text-secondary,
.public-page .text-dark,
.public-page .text-secondary,
.public-news-page .text-dark,
.public-news-page .text-secondary,
.public-posts-page .text-dark,
.public-posts-page .text-secondary,
.public-new-page .text-dark,
.public-new-page .text-secondary,
.public-post-page .text-dark,
.public-post-page .text-secondary {
	color: rgba(255, 255, 255, 0.72) !important;
}
.landing-page .card-text,
.landing-page .avito-card-text,
.landing-page .landing-text,
.landing-page .landing-news .card-text,
.public-page .card-text,
.public-news-page .card-text,
.public-posts-page .card-text,
.public-new-page .card-text,
.public-post-page .card-text {
	color: rgba(255, 255, 255, 0.74) !important;
}
.landing-page h1,
.landing-page h2,
.landing-page h3,
.landing-page h4,
.landing-page h5,
.landing-page h6,
.public-page h1,
.public-page h2,
.public-page h3,
.public-page h4,
.public-page h5,
.public-page h6,
.public-news-page h1,
.public-news-page h2,
.public-news-page h3,
.public-news-page h4,
.public-news-page h5,
.public-news-page h6,
.public-posts-page h1,
.public-posts-page h2,
.public-posts-page h3,
.public-posts-page h4,
.public-posts-page h5,
.public-posts-page h6,
.public-new-page h1,
.public-new-page h2,
.public-new-page h3,
.public-new-page h4,
.public-new-page h5,
.public-new-page h6,
.public-post-page h1,
.public-post-page h2,
.public-post-page h3,
.public-post-page h4,
.public-post-page h5,
.public-post-page h6 {
	color: #ffffff !important;
}

.modal-content {
	border: 1px solid rgba(181, 231, 255, 0.22);
	background: linear-gradient(145deg, rgba(12, 24, 36, 0.98), rgba(8, 17, 27, 0.96)) !important;
	color: rgba(255, 255, 255, 0.9);
	box-shadow: 0 26px 70px rgba(0, 0, 0, 0.42);
}
.modal-header,
.modal-footer {
	border-color: rgba(181, 231, 255, 0.16);
}
.modal-title,
.modal label,
.modal small,
.modal p {
	color: rgba(255, 255, 255, 0.82) !important;
}
.modal .form-control,
.landing-page .form-control,
.public-page .form-control,
.public-posts-page .form-control,
.modal .form-select,
.landing-page .form-select,
.public-page .form-select,
.public-posts-page .form-select {
	border-color: rgba(181, 231, 255, 0.22);
	background-color: rgba(255, 255, 255, 0.08);
	color: #ffffff;
}
.modal .form-control::placeholder,
.landing-page .form-control::placeholder,
.public-page .form-control::placeholder,
.public-posts-page .form-control::placeholder {
	color: rgba(255, 255, 255, 0.52);
}
.modal .form-floating > .form-control,
.modal .form-floating > .form-select {
	color: #ffffff;
	caret-color: #ffffff;
}
.modal .form-floating > .form-control::placeholder {
	color: transparent !important;
	opacity: 0;
}
.modal .form-floating > label {
	color: rgba(255, 255, 255, 0.62) !important;
}
.modal .form-floating > label::after {
	background-color: transparent !important;
}
.modal .form-floating > .form-control:focus ~ label,
.modal .form-floating > .form-control:not(:placeholder-shown) ~ label {
	color: rgba(255, 255, 255, 0.72) !important;
}

.site-mobile-bar {
	border-top: 1px solid rgba(181, 231, 255, 0.18);
}
.site-mobile-bar-link,
.site-mobile-bar-link span {
	color: rgba(255, 255, 255, 0.82) !important;
}
.site-mobile-bar-link i {
	color: #64d8ff !important;
}

@media (max-width: 768px) {
	.back-to-top {
		left: auto !important;
		right: 14px !important;
		bottom: 78px !important;
		width: 38px;
		height: 38px;
	}
	#backToTop.back-to-top {
		left: auto !important;
		right: 14px !important;
		bottom: 78px !important;
	}
	.site-offcanvas {
		width: min(88vw, 340px) !important;
	}
}

/* Public dropdowns should look like menu items, not active glass buttons. */
.landing-page .dropdown-menu .dropdown-item,
.public-page .dropdown-menu .dropdown-item,
.public-news-page .dropdown-menu .dropdown-item,
.public-posts-page .dropdown-menu .dropdown-item,
.public-new-page .dropdown-menu .dropdown-item,
.public-post-page .dropdown-menu .dropdown-item {
	position: static !important;
	overflow: visible !important;
	display: block;
	width: 100%;
	margin-bottom: 2px;
	border: 0 !important;
	border-radius: 6px;
	background: transparent !important;
	color: rgba(255, 255, 255, 0.86) !important;
	box-shadow: none !important;
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
	transform: none !important;
}
.landing-page .dropdown-menu .dropdown-item:hover,
.landing-page .dropdown-menu .dropdown-item:focus,
.public-page .dropdown-menu .dropdown-item:hover,
.public-page .dropdown-menu .dropdown-item:focus,
.public-news-page .dropdown-menu .dropdown-item:hover,
.public-news-page .dropdown-menu .dropdown-item:focus,
.public-posts-page .dropdown-menu .dropdown-item:hover,
.public-posts-page .dropdown-menu .dropdown-item:focus,
.public-new-page .dropdown-menu .dropdown-item:hover,
.public-new-page .dropdown-menu .dropdown-item:focus,
.public-post-page .dropdown-menu .dropdown-item:hover,
.public-post-page .dropdown-menu .dropdown-item:focus,
.dropdown-menu .dropdown-item.active {
	background: rgba(100, 216, 255, 0.14) !important;
	color: #ffffff !important;
}

.public-posts-page .btn_filter {
	position: fixed !important;
	top: 188px !important;
	right: 6px !important;
	bottom: auto !important;
	left: auto !important;
	z-index: 1040 !important;
	width: 44px;
	height: 44px;
	padding: 0 !important;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
	opacity: 0.92;
	transform: none !important;
}
.public-posts-page .btn_filter:hover,
.public-posts-page .btn_filter:focus {
	opacity: 1;
	transform: none !important;
}

.public-posts-page #offcanvasScrolling {
	border-left: 1px solid rgba(181, 231, 255, 0.24) !important;
	background: #172331 !important;
	color: #ffffff !important;
	box-shadow: -24px 0 60px rgba(0, 0, 0, 0.42) !important;
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
}
.public-posts-page #offcanvasScrolling:before {
	display: none !important;
}
.public-posts-page #offcanvasScrolling .offcanvas-header {
	min-height: 72px;
	border-bottom: 1px solid rgba(181, 231, 255, 0.18);
	background: #1c2b3a !important;
}
.public-posts-page #offcanvasScrolling .offcanvas-title {
	color: #ffffff !important;
	font-size: 22px;
	font-weight: 700;
	letter-spacing: 0;
}
.public-posts-page #offcanvasScrolling .btn-close {
	opacity: 1;
	filter: invert(1) grayscale(1);
}
.public-posts-page #offcanvasScrolling .offcanvas-body {
	background: #172331 !important;
	color: #ffffff !important;
}
.public-posts-page #offcanvasScrolling .form-select {
	border-color: rgba(181, 231, 255, 0.28) !important;
	background-color: #26384b !important;
	color: #ffffff !important;
}
.public-posts-page #offcanvasScrolling .form-select option {
	background-color: #ffffff;
	color: #172331;
}
.public-posts-page #offcanvasScrolling .form-select option:checked {
	background-color: #2f73d9;
	color: #ffffff;
}
.public-posts-page #offcanvasScrolling h5,
.public-posts-page #offcanvasScrolling .form-check-label {
	color: #ffffff !important;
}
.public-posts-page #offcanvasScrolling .form-check {
	margin-bottom: 8px;
}
.public-posts-page #offcanvasScrolling .form-check-input {
	width: 18px;
	height: 18px;
	margin-top: 2px;
	border-color: rgba(181, 231, 255, 0.52);
	background-color: rgba(255, 255, 255, 0.94);
}
.public-posts-page #offcanvasScrolling .form-check-input:checked {
	border-color: #64d8ff;
	background-color: #64d8ff;
}
.public-posts-page #offcanvasScrolling hr {
	border-color: rgba(181, 231, 255, 0.18);
	opacity: 1;
}

.landing-feature .landing-feature-icon {
	border: 1px solid rgba(255, 255, 255, 0.38);
	background: linear-gradient(135deg, #0ea5c6, #4f8ff0) !important;
	color: #ffffff !important;
	box-shadow: 0 16px 34px rgba(14, 165, 198, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.24) !important;
}
.landing-feature .landing-feature-icon i {
	color: #ffffff !important;
	text-shadow: 0 2px 8px rgba(0, 0, 0, 0.24);
}

@media (max-width: 768px) {
	.public-posts-page .btn_filter {
		width: 40px;
		height: 40px;
	}
}