:root {
    font-variant-numeric: lining-nums;
    -moz-font-feature-settings: "lnum";
    -webkit-font-feature-settings: "lnum";
}


.btn:focus,.btn.focus {
    outline: 0; 
	/*box-shadow: inset 0 0 5px 0.52rem rgb(60 131 246 / 13%) !important;*/
    box-shadow: none;
    border-radius: 1rem!important;
	padding-left: .5rem !important;
    padding-right: .5rem !important;
}

html {
	scroll-behavior: smooth;
}
/* 
body {
	width: 100%;
	height: 100%;
} */

/* App */
.app {
	background: var(--gray-50);
}

.app-container {
    font-variant-numeric: lining-nums;
}

.app-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 1000; /*100*/
	opacity: .9;
	background-image: url(/../themes/carand/assets/images/textures/21.webp), linear-gradient(39deg, #f4fff5, rgba(255, 0, 0, 0) 70.71%), linear-gradient(314deg, #c2d87dcc, rgba(0, 255, 0, 0) 70.71%), linear-gradient(150deg, rgb(170 196 255 / 80%), rgb(220 220 246 / 0%) 70.71%) !important;
    background-blend-mode: multiply;

    background-image: linear-gradient(37deg, #6896f775 77%, #c4cf4d96 78%), linear-gradient(322deg, #f568f700 78%, #4daacf96 79%), linear-gradient(218deg, #f568f700 78%, #4d7fcf96 79%), linear-gradient(139deg, #68f7d126 78%, #4dcacf96 79%), url(/../themes/carand/assets/images/textures/34.webp) !important; /*12,21,34 / 15 98*/
    background-blend-mode: color-burn;
    background-blend-mode: overlay;
}

.app-sidebar {
	min-width: 275px;
	max-width: 275px;
	margin-left: -350px;
	transition: margin .15s linear;
	/* position: fixed; */
	top: 0;
	bottom: 0;
	left: 1.5rem;
	z-index: 1001; /*10001*/
	/* height: auto; */
	margin-top: 3rem;
	margin-bottom: 3rem;

	  height: 100vh;
  overflow-y: auto;
  position: sticky; 
}  

[dir="rtl"] .app-sidebar {
	margin-left: initial;
	left: initial;
	right: 0;
	margin-right: -350px;
}

body.app-sidebar-opened .app-sidebar {
	margin-left: 0;
}

[dir="rtl"] body.app-sidebar-opened .app-sidebar {
	margin-left: initial;
	margin-right: 0;
}

@media (min-width: 992px) {
	.app-sidebar {
		margin-left: 0;
	}

	[dir="rtl"] .app-sidebar {
		margin-left: initial;
		margin-right: 0;
	}
}
@media (max-width: 768px) {
	.app-sidebar {
  		position: fixed!important; 
}
}
.app-sidebar-title {
	display: flex;
	align-items: center;
	justify-content: center;
}

.app-sidebar-title a {
	color: var(--gray-900);
	font-weight: 600;
}

.app-sidebar-title a:hover {
	text-decoration: none;
}

.app-sidebar-title img {
	margin-bottom: 1.15rem;
     filter: contrast(0.9) drop-shadow(-1px 2px 0px #8fc8cb) drop-shadow(2px -1px 1px #67c7e0) drop-shadow(0px 0px 6px #c0e4ff) !important; 

     filter: contrast(1) drop-shadow(-1.1px 1.6px .5px #609eae9c) drop-shadow(0px 0px 4.8px #b0ddff) !important;
}

.app-sidebar-title div {
	margin-bottom: 1.5rem;
}

.app-sidebar-links-wrapper {
    background: none; 
	border-radius: var(--border-radius);
	padding: 1.5rem 1rem 1.5rem 1rem!important;
	overflow-y: hidden;
	/*height: calc(100% - 3.5rem);*/
	width: calc(100%);
	border: 1px solid var(--gray-100);
}

.app-sidebar-links-wrapper:hover {
	width: 100%;
}

.app-sidebar-links-wrapper::-webkit-scrollbar {
	background-color: transparent;
	width: 0;
}

.app-sidebar-links-wrapper::-webkit-scrollbar-thumb {
	background: var(--gray-200);
	border-radius: 10px;
}

.app-sidebar-links-wrapper:hover::-webkit-scrollbar {
	width: 6px;
}

.app-sidebar-links-wrapper:hover::-webkit-scrollbar-track {
	width: 6px;
}

.app-sidebar-links {
	display: flex;
	flex-direction: column;
	align-items: center;
	list-style: none;
	padding: 0;
	margin: 0;
	line-height: 1rem;
}

.app-sidebar-links > li {
	width: 100%;
	padding: 0.25rem 0;
}

.app-sidebar-links > li > a {
	width: 100%;
	display: flex;
	color: var(--gray-600);
	border-radius: var(--border-radius);
	padding: 0.6rem 1rem;
	transition: background .3s;
	font-size: 1.4rem;
	font-weight: 500;
	align-items: baseline;
}

.app-sidebar-links > li > a:hover {
	text-decoration: none;
	background: var(--gray-200);
	color: #5476a5 !important;
}

[data-theme-style="dark"] .app-sidebar-links > li > a:hover {
	background: var(--gray-200);
	color: var(--gray-800);
}

.app-sidebar-links > li.active > a {
	background: #4821dd; /*#6ba6ed var(--primary)*/
	color: var(--white);
	font-weight: 500;
}

[data-theme-style="dark"] .app-sidebar-links > li.active > a {
	background: var(--primary-800);
	color: var(--white);
}

.app-sidebar-avatar {
	width: 35px;
	height: 35px;
	border-radius: 50%;
}

.app-sidebar-footer-block {
	max-width: 100%;
}

.app-sidebar-footer-text {
	color: #0074ff;
}

.app-content {
	height: 100%;
	overflow: auto;
	margin-left: 0;
	position: relative;
	flex-grow: 1;
}

[dir="rtl"] .app-content {
	margin-left: initial;
	margin-right: 0;
}

@media (min-width: 992px) {
	.app-content {
		margin-left: 1.5rem;
	}
	[dir="rtl"] .app-content {
		margin-left: initial;
		margin-right:1.5rem;
	}
}

.tooltip-inner {
    max-width: 200px;
    padding: .5rem .5rem;
    color: #ffffff;
    text-align: center;
    background-color: #327daf;
    border-radius: 13px;
    font-family: 'Prosto One';
    line-height: 115%;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAUVBMVEWFhYWDg4N3d3dtbW17e3t1dXWBgYGHh4d5eXlzc3OLi4ubm5uVlZWPj4+NjY19fX2JiYl/f39ra2uRkZGZmZlpaWmXl5dvb29xcXGTk5NnZ2c8TV1mAAAAG3RSTlNAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEAvEOwtAAAFVklEQVR4XpWWB67c2BUFb3g557T/hRo9/WUMZHlgr4Bg8Z4qQgQJlHI4A8SzFVrapvmTF9O7dmYRFZ60YiBhJRCgh1FYhiLAmdvX0CzTOpNE77ME0Zty/nWWzchDtiqrmQDeuv3powQ5ta2eN0FY0InkqDD73lT9c9lEzwUNqgFHs9VQce3TVClFCQrSTfOiYkVJQBmpbq2L6iZavPnAPcoU0dSw0SUTqz/GtrGuXfbyyBniKykOWQWGqwwMA7QiYAxi+IlPdqo+hYHnUt5ZPfnsHJyNiDtnpJyayNBkF6cWoYGAMY92U2hXHF/C1M8uP/ZtYdiuj26UdAdQQSXQErwSOMzt/XWRWAz5GuSBIkwG1H3FabJ2OsUOUhGC6tK4EMtJO0ttC6IBD3kM0ve0tJwMdSfjZo+EEISaeTr9P3wYrGjXqyC1krcKdhMpxEnt5JetoulscpyzhXN5FRpuPHvbeQaKxFAEB6EN+cYN6xD7RYGpXpNndMmZgM5Dcs3YSNFDHUo2LGfZuukSWyUYirJAdYbF3MfqEKmjM+I2EfhA94iG3L7uKrR+GdWD73ydlIB+6hgref1QTlmgmbM3/LeX5GI1Ux1RWpgxpLuZ2+I+IjzZ8wqE4nilvQdkUdfhzI5QDWy+kw5Wgg2pGpeEVeCCA7b85BO3F9DzxB3cdqvBzWcmzbyMiqhzuYqtHRVG2y4x+KOlnyqla8AoWWpuBoYRxzXrfKuILl6SfiWCbjxoZJUaCBj1CjH7GIaDbc9kqBY3W/Rgjda1iqQcOJu2WW+76pZC9QG7M00dffe9hNnseupFL53r8F7YHSwJWUKP2q+k7RdsxyOB11n0xtOvnW4irMMFNV4H0uqwS5ExsmP9AxbDTc9JwgneAT5vTiUSm1E7BSflSt3bfa1tv8Di3R8n3Af7MNWzs49hmauE2wP+ttrq+AsWpFG2awvsuOqbipWHgtuvuaAE+A1Z/7gC9hesnr+7wqCwG8c5yAg3AL1fm8T9AZtp/bbJGwl1pNrE7RuOX7PeMRUERVaPpEs+yqeoSmuOlokqw49pgomjLeh7icHNlG19yjs6XXOMedYm5xH2YxpV2tc0Ro2jJfxC50ApuxGob7lMsxfTbeUv07TyYxpeLucEH1gNd4IKH2LAg5TdVhlCafZvpskfncCfx8pOhJzd76bJWeYFnFciwcYfubRc12Ip/ppIhA1/mSZ/RxjFDrJC5xifFjJpY2Xl5zXdguFqYyTR1zSp1Y9p+tktDYYSNflcxI0iyO4TPBdlRcpeqjK/piF5bklq77VSEaA+z8qmJTFzIWiitbnzR794USKBUaT0NTEsVjZqLaFVqJoPN9ODG70IPbfBHKK+/q/AWR0tJzYHRULOa4MP+W/HfGadZUbfw177G7j/OGbIs8TahLyynl4X4RinF793Oz+BU0saXtUHrVBFT/DnA3ctNPoGbs4hRIjTok8i+algT1lTHi4SxFvONKNrgQFAq2/gFnWMXgwffgYMJpiKYkmW3tTg3ZQ9Jq+f8XN+A5eeUKHWvJWJ2sgJ1Sop+wwhqFVijqWaJhwtD8MNlSBeWNNWTa5Z5kPZw5+LbVT99wqTdx29lMUH4OIG/D86ruKEauBjvH5xy6um/Sfj7ei6UUVk4AIl3MyD4MSSTOFgSwsH/QJWaQ5as7ZcmgBZkzjjU1UrQ74ci1gWBCSGHtuV1H2mhSnO3Wp/3fEV5a+4wz//6qy8JxjZsmxxy5+4w9CDNJY09T072iKG0EnOS0arEYgXqYnXcYHwjTtUNAcMelOd4xpkoqiTYICWFq0JSiPfPDQdnt+4/wuqcXY47QILbgAAAABJRU5ErkJggg==) !important;
}


.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before {
    top: 0;
    border-width: .4rem .4rem 0;
    border-top-color: #327daf;
}

.page-item.disabled .page-link {
    border-color: #6d9fde;
    background-color: #e3dfd0;
}
/* Index testimonial */
.index-testimonial-avatar {
	width: 85px;
	height: 85px;
	border-radius: 50%;
	transform: translateY(-70%);
	border: 4px solid var(--white);
	position: absolute;
	left: 50%;
	margin-left: -52px;
}

/* Index FAQ */
.index-faq svg {
	transition: all .15s;
	color: #6a9ac6;;
}

.app-navbar {
	border: 1px solid var(--gray-100);
}

[data-theme-style="dark"] .app-navbar {
	border-color: var(--gray-100);
}


/* Dropdown */
.dropdown-item:hover, .dropdown-item:focus {
	border-radius: var(--border-radius);
	background-color: unset;
}

.dropdown-item svg {
	color: var(--gray-600);
}

.dropdown-item:active svg {
	color: var(--white);
}

/* Footer */
.footer {
	font-size: .95rem;
}

.footer {
	color: #607ead;
}

.footer a:not(.dropdown-item), .footer a:hover:not(.dropdown-item) {
	color: #fff;
}

.footer a.icon {
	color: #607ead;
}

.footer button, .footer button:hover {
	color: #607ead;
}

.footer-logo {
	max-height: 2.5rem;
	height: 2.5rem;
}

/* Filters */
.filters-dropdown {
	width: 18rem;
	max-height: 30rem;
	overflow-y: auto;
}

canvas {
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

.modal-header {
	padding: 1rem;
	border-bottom: 0;
}

.modal-subheader {
	padding: 0 1rem;
	border-bottom: 0;
	margin: 0;
}
.invoice-table td {
	vertical-align: baseline !important;
}
/* Helper zoom class for icons */
.icon-zoom-animation svg {
	transition: transform .15s;
}

.icon-zoom-animation:hover svg {
	transform: scale(1.1);
}

/* Self zoom */
.zoom-animation {
	transition: transform .15s;
}

.zoom-animation:hover {
	transform: scale(1.05);
}

.zoom-animation:active {
	transform: scale(.95);
}
.pcr-button::before, .pcr-button::after {
	border-radius: var(--border-radius) !important;
}

.chat-messages {
	height: 25rem;
	overflow-y: scroll;
}

.chat-image > img {
	max-height: 15rem;
}

.modal-content {
	padding: 1rem;
	border: none;
	box-shadow: none;
	-webkit-box-shadow: none;
}
/* Custom scrollbar */
.custom-scrollbar {
	scrollbar-color: #fff0 !important; /*var(--gray-200) var(--white)*/
	scrollbar-width: 0px !important;
}

.custom-scrollbar::-webkit-scrollbar-thumb  {
	background: var(--gray-200);
	border-radius: 10px;
	width: 6px;
	height: 6px;
}

.custom-scrollbar::-webkit-scrollbar, .custom-scrollbar::-webkit-scrollbar-track {
	background: var(--white);
	border-radius: 10px;
	width: 6px;
	height: 6px;
}

/* Notification bell */
.internal-notification-icon {
	animation: pulse-animation 2s infinite;
}

@keyframes pulse-animation {
	0% {
		box-shadow: 0 0 0 0px var(--danger);
	}
	100% {
		box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
	}
}
/* Forms */
.input-group-text {
	font-size: 0.9rem;
}

/* Custom breadcrumbs */
.custom-breadcrumbs {
	list-style: none;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	font-family: 'PantonRust';
}

.custom-breadcrumbs > li {
	margin-right: .5rem;
}

.custom-breadcrumbs > li > a {
	color: #ffdf50;
    font-size: 16px!important;
}

.custom-breadcrumbs > li > svg {
	color: #6495c0;
    color: #577590;
	margin-left: .5rem;
	height: .9em;
}

.custom-breadcrumbs > li.active {
	color: #6495c0;
    font-size: 16px!important;
}

/* Helper classes */
.cursor-grab {
	cursor: grab !important;
}

.list-style-none {
	list-style: none;
	padding: 0;
}
/* Announcements */
.announcement-wrapper {
	margin: .75rem;
	border-radius: .5rem;
	opacity: 0;
	transition: opacity .3s ease-in;
	animation: ac-fade-in-down .3s ease-in .6s forwards;
}

@media (min-width: 992px) {
	.announcement-wrapper {
		border-radius: 5rem;
	}
}

@keyframes ac-fade-in-down {
	from {
		opacity: 0;
		transform: translate3d(0, -100%, 0);
	}

	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}
.appearance-none {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
}

.clickable {
	cursor: pointer;
}

.icon-favicon {
	width: 1rem;
	height: auto;
}

/* Navbar custom menu */
.navbar-nav > li {
	font-size: .9rem;
	font-weight: 500;
}

.navbar-expand-lg .navbar-nav .nav-link {
	padding-top: .75rem;
	padding-bottom: .75rem;
}

.menu-style-2 {
    color: #2f6ea9!important;
    border-bottom: 5px #ffe1bc dotted!important;
    z-index: 100000;
    padding-left: .5rem !important;
    padding-right: .5rem !important;
    border-radius: 1rem;
}

.navbar-collapse ul {
    gap: 16px;
    @media (max-width: 992px) {
	    gap:0;
	}
}

.navbar-collapse .dropdown-menu-right {
    width: max-content;
}
    
@media (min-width: 992px) {
	.navbar-expand-lg .navbar-nav .nav-link {
		padding-right: 1rem;
		padding-left: 1rem;
	}
}

.navbar-logo {
	max-height: 2.5rem;
	height: 2.5rem;
}

.navbar-avatar {
	width: 20px;
	height: 20px;
	border-radius: 0;
}

.navbar-custom-toggler {
	padding: 0.5rem .8rem;
	font-size: 1.25rem;
	line-height: 1;
	background-color: transparent;
	border-radius: var(--border-radius);
	color: var(--gray-500);
	border-color: var(--gray-300);
}

.chart-container {
	position: relative;
	margin: auto;
	height: 275px;
	width: 100%;
}

/* Index */
.index-pattern {
	background-image:  radial-gradient(#3C83F6 0.55px, transparent 0.55px), radial-gradient(#3C83F6 0.55px, transparent 0.55px);
	background-size: 22px 22px;
	background-position: 0 0,11px 11px;
}

[data-theme-style="dark"] .index-pattern {
	background-image: radial-gradient(#2e405d 0.55px, transparent 0.55px), radial-gradient(#103570 0.55px, transparent 0.55px);
}

.index-header {
	font-size: 3.5rem;
	font-weight: 700;
	color: var(--primary);
}

.index-subheader {
	font-size: 1.45rem;
	color: var(--gray-700);
}

.index-button {
    padding: 1.25rem 4rem;
	font-size: 1.25rem;
	font-weight: 500;
}

/* Header container */
.user-avatar {
	border-radius: 50%;
	max-width: 70px;
	max-height: 70px;
}

/* Others */
.container-disabled {
	pointer-events: none;
	opacity: .5;
}

.container-disabled-simple {
	pointer-events: none;
}

/* Tables */
.table-custom-container {
	border-radius: var(--border-radius);
	border: 1px solid var(--gray-100);
}

.table-custom {
	margin-bottom: 0;
	background: var(--white);
}

.table-custom thead th {
	border-top: 0;
	border-bottom: 0;
	color: var(--gray);
}

.table-custom th {
	padding: 1.25rem 1.25rem;
	font-size: .9rem;
}

[data-theme-style="dark"] .table-custom thead th {
	color: var(--gray-800)
}

.table-custom tbody tr {
	border-top: 1px solid var(--gray-50);
}

.table-custom td {
	padding: 1.25rem 1.25rem;
	vertical-align: middle;
}

.table-custom tbody tr td {
	border-top: 0;
}

[data-theme-style="dark"] .table-custom tbody tr td {
}

.table-custom tbody tr {
	transition: all .3s ease-in-out;
}

.table-custom tbody tr:hover td {
}

/* Custom Radio Boxes */
.custom-radio-box {
	cursor: pointer;
}

.custom-radio-box .custom-radio-box-main-text {
	font-size: 1.35rem;
	font-weight: bold;
}

.custom-radio-box .custom-radio-box-main-icon {
	font-size: 1.25rem;
}

.custom-radio-box input[type="radio"] + div {
	transition: all .3s ease-in-out;
	/* border: 1px solid var(--gray-200); */
	background: var(--white);
}

.custom-radio-box input[type="radio"]:checked + div {
	border: 5px inset #8cb1de;
	box-shadow: inset 0 0 14px #6e7f97;
    box-shadow: inset 0 0 14px #3776cf;
    box-shadow: inset 0 0 14px #37cf38;
    
    .ai-chat-avatar {
         animation: razvorot .5s ease-in-out;
    }
}

        @keyframes razvorot {
            0%, 100% { transform: rotate3d(1, 20, 1, 0deg); }
            50% { transform: rotate3d(1, 20, 1, 180deg);}
            }

.custom-radio-box input[type="radio"]:hover + div {
	/* border: 1px solid var(--primary); */
	    top: 2px;
}

/* Pricing cards */
.pricing-card {
	border: 1px solid var(--gray-100);
	box-shadow: 0px 2px 2px #14457b69!important;
    z-index:2;
        @media screen and (max-width: 600px) {
           
            flex: none;
            border-radius: 4rem 4rem 1rem 1rem;
        }
}

/* Round circles */
.round-circle-md {
	width: 2.5rem;
	height: 2.5rem;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
}

.round-circle-lg {
	width: 4.5rem;
	height: 4.5rem;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
}

/* Badge colors */
.badge {
	padding: 0.45em 0.9em;
}

.badge-primary {
	color: hsl(211, 100%, 35%);
	background-color: hsl(211, 100%, 85%);
}

[data-theme-style="dark"] .badge-primary {
	background-color: hsl(211, 100%, 35%);
	color: hsl(211, 100%, 85%);
}

.badge-secondary {
	color: hsl(208, 7%, 35%);
	background-color: hsl(208, 7%, 85%);
}

[data-theme-style="dark"] .badge-secondary {
	background-color: hsl(208, 7%, 35%);
	color: hsl(208, 7%, 85%);
}

.badge-success {
	color: hsla(134, 50%, 30%, 1);
	background-color: hsla(134, 50%, 85%, 1);
}

[data-theme-style="dark"] .badge-success {
	background-color: hsla(134, 50%, 30%, 1);
	color: hsla(134, 50%, 85%, 1);
}

.badge-danger {
	color: hsla(354, 70%, 35%, 1);
	background-color: hsla(354, 70%, 85%, 1);
}

[data-theme-style="dark"] .badge-danger {
	background-color: hsla(354, 70%, 35%, 1);
	color: hsla(354, 70%, 85%, 1);
}

.badge-warning {
	background-color: hsla(45, 100%, 85%, 1);;
	color: hsla(40, 80%, 30%, 1);
}

[data-theme-style="dark"] .badge-warning {
	background-color: hsla(50, 20%, 20%, 1);
	color: hsla(45, 100%, 85%, 1);
}

.badge-info {
	color: hsla(188, 60%, 30%, 1);
	background-color: hsla(188, 78%, 85%, 1);
}

[data-theme-style="dark"] .badge-info {
	background-color: hsla(188, 60%, 30%, 1);
	color: hsla(188, 78%, 85%, 1);
}

.badge-light {
	color: hsla(210, 15%, 35%, 1);
	background-color: hsl(210, 17%, 95%);
}

[data-theme-style="dark"] .badge-light {
	background-color: hsla(210, 15%, 35%, 1);
	color: hsl(210, 17%, 95%);
}

.badge-dark {
	color: hsla(210, 10%, 90%, 1);
	background-color: hsla(210, 10%, 20%, 1);
}

[data-theme-style="dark"] .badge-dark {
	background-color: hsla(210, 10%, 90%, 1);
	color: hsla(210, 10%, 20%, 1);
}

/* Invoice css */
.invoice-table th {
	border-top: 0 !important;
}

@media print {
	.invoice-logo {
		filter: grayscale(100%);
	}
}

/* Base animation */
.carand-animate {
	-webkit-animation-duration:1s;
	animation-duration:1s;
}

.carand-animate-fill-both {
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}

.carand-animate-fill-none {
	-webkit-animation-fill-mode:none;
	animation-fill-mode:none;
}

@-webkit-keyframes fadeIn{
	0% {
		opacity:0
	}
	to {
		opacity:1
	}
}
@keyframes fadeIn{
	0% {
		opacity:0
	}
	to {
		opacity:1
	}
}
.carand-animate-fade-in {
	-webkit-animation-name:fadeIn;
	animation-name:fadeIn
}

/* Opacity */
.opacity-50 {
	opacity: 50;
}

.opacity-75 {
	opacity: 75;
}

/* App sub menu */
.account-header-navbar {
	width: 100%;
	display: flex;
	flex-direction: column;
	padding-left: 0;
	list-style: none;
	margin: 0 0 1.5rem 0;
	flex-wrap: wrap;
	justify-content: space-between;
    justify-content: space-evenly;
	gap: 0 .25rem;
}

@media (min-width: 992px) {
	.account-header-navbar {
		flex-direction: row;
	}
}

.account-header-navbar .nav-item {
	margin-bottom: .5rem;
	min-width: fit-content;
}

.account-header-navbar .nav-link, .btn-custom {
	padding: .5rem 1.5rem;
	color: var(--gray-500);
	border-radius: var(--border-radius);
	border: 1px solid var(--gray-50);
	font-size: .9rem;
	font-weight: 500;
	background: var(--white);
	transition: background .3s;
}

.account-header-navbar .nav-link:hover, .btn-custom:hover {
	color: var(--gray-800);
	background: var(--gray-100);
	border-color: var(--gray-100);
}

.account-header-navbar .nav-link.active, .btn-custom.active {
	color: var(--gray-800);
	border: 1px solid var(--gray-200);
	background: var(--gray-200);
}

/* Blog */
.blog-post-image {
	max-height: 25rem;
	object-fit: cover;
}

/* File input */
.carand-file-input {
	padding: 1rem;
	background: var(--gray-100);
	border: 1px solid var(--gray-200);
	border-radius: var(--border-radius);
	cursor: pointer;
	font-size: .9rem;
}

.carand-file-input:hover {
	border-color: var(--gray-300);
}

.carand-file-input::file-selector-button {
	border: 0;
	padding: .4rem .75rem;
	border-radius: var(--border-radius);
	background-color: var(--white);
	cursor: pointer;
	font-size: .9rem;
	margin-right: 1rem;
}

.sticky {
	position: sticky !important;
	top: 1rem;
	height: min-content;
}
a:hover {
    text-decoration: none!important;
}

/* Icons on links animations */
a svg {
	transition: transform .15s;
}

a:hover svg {
	transform: scale(1.1);
}

a:active svg {
	transform: scale(.9);
}

/* Color picker border */
.pcr-button {
	border: 1px solid white !important;
	outline: 1px solid var(--gray-300) !important;
}

/* Width fit content */
.w-fit-content {
	width: fit-content !important;
}

/* Ajax loading overlay */
.loading-overlay {
	padding: 1.25rem;
	border-radius: 1rem;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	width: 100%;
	height: 100%;
	background: var(--white);
	z-index: 100;
	opacity: 0.8;
}

[data-theme-style="dark"] .loading-overlay {
	background: var(--gray-50);
}

/* Ai */
.ai-chat-avatar {
    width: 50px;
    height: 50px;
    filter: drop-shadow(-2px 2px 0px #7ca4cf) drop-shadow(2px -1px 1px #fbeaca);
    box-shadow: 0 0 5px #fff;
    border: 2px #fff;
    border-style: outset;
}
.ai-chat-big-avatar {
	width: 90px;
	height: 90px;
	filter: drop-shadow(-2px 2px 0px #7ca4cf) drop-shadow(2px -1px 1px #fbeaca);
        filter: drop-shadow(-2px 2px 0px #7ca4cf) drop-shadow(2px -1px 7px #fbeaca);
}
.chat-messages {
	height: 25rem;
	overflow-y: scroll;
}

.chat-image > img {
	max-height: 15rem;
}
/* Shiki code highlighter */
.shiki {
	overflow: auto;
	border-radius: var(--border-radius);
	padding: 1.5rem;
	font-size: .9rem;
	line-height: 1.5rem;
}

.shiki code {
	background: initial !important;
}

/* Btn group */
.btn-group-custom {
	border: 1px solid var(--gray-100);
	padding: 0.5rem 0;
	border-radius: var(--border-radius);
}

.btn-group-custom .btn {
	margin: 0 .5rem;
	border-radius: var(--border-radius) !important;
	background: var(--gray-100);
}

.btn-group-custom .btn.active {
	background: var(--cc-btn-primary-bg);
	color: var(--white);
}

/* Custom scrollbar */
body * {
    scrollbar-color: #fff0 !important; /*var(--gray-200) var(--white)*/
    scrollbar-width: 0px !important;
}

body *::-webkit-scrollbar-thumb  {
    background: var(--gray-200);
    border-radius: 10px;
    width: 6px;
    height: 6px;
}

body *::-webkit-scrollbar, body *::-webkit-scrollbar-track {
    background: var(--white);
    border-radius: 10px;
    width: 0px;
    height: 6px;
}


/* Notification bell */
.internal-notification-icon {
	animation: pulse-animation 2s infinite;
}

@keyframes pulse-animation {
	0% {
		box-shadow: 0 0 0 0px var(--danger);
	}
	100% {
		box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
	}
}

/* Gradient text */
.text-gradient-primary {
	background: linear-gradient(135deg, var(--gradient-one), var(--gradient-two));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
@media (min-width: 992px) {
	.announcement-wrapper {
		border-radius: 5rem;
	}
}

@keyframes ac-fade-in-down {
	from {
		opacity: 0;
		transform: translate3d(0, -100%, 0);
	}

	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

/* Teams */
.team-delegate-access-wrapper {
	margin: .75rem;
	border-radius: .5rem;
}

@media (min-width: 992px) {
	.team-delegate-access-wrapper {
		border-radius: 5rem;
	}
}

/* PWA */
.pwa-wrapper {
	position: fixed;
	bottom: 0;
	width: calc(100% - 1.5rem);
	z-index: 1000;
}

/*для индекса*/

@font-face {
  font-family: 'Shadow_regular';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(./themes/carand/assets/fonts/Shadow_regular.ttf) format('truetype');
}

@font-face {
  font-family: 'Guerrilla';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(./themes/carand/assets/fonts/GUERRILLA-Normal.ttf) format('truetype');
}

.scrollcontent {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 130px;
  overflow:hidden;
  width: 100%;
  font-size: 65px;
  line-height: 220px;
  color: #fa8157 /*#02b0f9 #699ddc*/;
  font-family: Shadow_regular;
}
  
.scrollcontent__container {
    font-weight: 600;
    overflow: hidden;
    height: 130px;
}
    
    
.scrollcontent__container__text {
      display: inline;
      text-align: right;
      margin: 0;
    }

.scrollcontent__container__list {
      margin-top: 0;
      text-align: left;
      list-style: none;
      
      -webkit-animation-name: change;
      -webkit-animation-duration: 14s;
      -webkit-animation-iteration-count: infinite;
      animation-name: change;
      animation-duration: 14s;
      animation-iteration-count: infinite;}

.scrollcontent__container__list__item {
        line-height:220px;
        margin:0;
      }


@-webkit-keyframes opacity {
  0%, 100% {opacity:0;}
  50% {opacity:1;}
}

@-webkit-keyframes change {
  0%, 12.66%, 100% {transform:translate3d(0,0,0);}
  14.28%, 26.94% {transform:translate3d(0,-20%,0);}
  28.56%, 41.22% {transform:translate3d(0,-40%,0);}
  42.84%,  55.5% {transform:translate3d(0,-60%,0);}
  57.12%, 69.78% {transform:translate3d(0,-80%,0);}
  71.4%, 84.06% {transform:translate3d(0,-60%,0);}
  85.68%, 98.34% {transform:translate3d(0,-40%,0);}
}

@-o-keyframes opacity {
  0%, 100% {opacity:0;}
  50% {opacity:1;}
}

@-o-keyframes change {
   0%, 12.66%, 100% {transform:translate3d(0,0,0);}
  14.28%, 26.94% {transform:translate3d(0,-20%,0);}
  28.56%, 41.22% {transform:translate3d(0,-40%,0);}
  42.84%,  55.5% {transform:translate3d(0,-60%,0);}
  57.12%, 69.78% {transform:translate3d(0,-80%,0);}
  71.4%, 84.06% {transform:translate3d(0,-60%,0);}
  85.68%, 98.34% {transform:translate3d(0,-40%,0);}
}

@-moz-keyframes opacity {
  0%, 100% {opacity:0;}
  50% {opacity:1;}
}

@-moz-keyframes change {
  0%, 12.66%, 100% {transform:translate3d(0,0,0);}
  14.28%, 26.94% {transform:translate3d(0,-20%,0);}
  28.56%, 41.22% {transform:translate3d(0,-40%,0);}
  42.84%,  55.5% {transform:translate3d(0,-60%,0);}
  57.12%, 69.78% {transform:translate3d(0,-80%,0);}
  71.4%, 84.06% {transform:translate3d(0,-60%,0);}
  85.68%, 98.34% {transform:translate3d(0,-40%,0);}
}

@keyframes opacity {
  0%, 100% {opacity:0;}
  50% {opacity:1;}
}

@keyframes change {
  0%, 12.66%, 100% {transform:translate3d(0,0,0);}
  14.28%, 26.94% {transform:translate3d(0,-20%,0);}
  28.56%, 41.22% {transform:translate3d(0,-40%,0);}
  42.84%,  55.5% {transform:translate3d(0,-60%,0);}
  57.12%, 69.78% {transform:translate3d(0,-80%,0);}
  71.4%, 84.06% {transform:translate3d(0,-60%,0);}
  85.68%, 98.34% {transform:translate3d(0,-40%,0);}
}

@media screen and (max-width: 1200px) {

.scrollcontent {
  font-size: 45px;
  transform: translate(-50%, -50%);
  height: 200px;
  line-height: 250px;
}

.scrollcontent__container {
    font-weight: 600;
    overflow: hidden;
    height: 220px;
}

.scrollcontent__container__list {
      margin-top: 20px;
      padding-left: 0px;
      padding-right: 0px;
      -webkit-animation-name: change;
      -webkit-animation-duration: 14s;
      -webkit-animation-iteration-count: infinite;
      animation-name: change;
      animation-duration: 14s;
      animation-iteration-count: infinite;
}

.scrollcontent__container__text {
      display: flex;
      float: none;
      align-items: center;
      justify-content: center;
    }
.scrollcontent__container__list__item {
        line-height:190px;
        display: flex;
        justify-content: center;
      }

}

.alert {
    border-radius:2rem;
}

.alert-success {
  box-shadow: 0px 2px 2px #3487ff4a, inset 0 0 8px #8bb2de;
  border-radius: 1rem !important;
  background: radial-gradient(#7ccfff 5%, #7ccfff 85%), url(/../themes/carand/assets/images/textures/34.webp);
  background-blend-mode: multiply;
  color: #fff;
  padding: .75rem 1.2rem .5rem 1.2rem;
  font-family: 'Stereonic';
  background-color: unset;
  FONT-WEIGHT: 900;
}
.alert-success svg {
	color:#fff;
}
.pixel-effect {
  image-rendering: -moz-crisp-edges;
  image-rendering: -webkit-crisp-edges;
  image-rendering: pixelated;
  filter: contrast(1.1);
  transform-origin: top left;
}

.pixel-effect::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background:
    repeating-linear-gradient(
      0deg,
      transparent 0,
      rgba(0,0,0,0.1) 1px,
      transparent 2px
    ),
    repeating-linear-gradient(
      90deg,
      transparent 0,
      rgba(0,0,0,0.1) 1px,
      transparent 2px
    );
}
.close {
    opacity: 8.5!important;
}

.alert-info {
	background-color: unset !important;
    background-image: linear-gradient(33deg, #cf4da696 78%, #cf4da696 79%), url(/../themes/carand/assets/images/textures/34.webp) !important;
    background-blend-mode: multiply;
    box-shadow: 0px 2px 2px #ff34b04a, inset 0 0 8px #de8bb6;
    font-family: 'Stereonic';
    FONT-WEIGHT: 900;
    padding: .75rem 1.2rem .5rem 1.2rem;
}

.alert-danger { 
	font-family: 'Stereonic';
    FONT-WEIGHT: 700;
    padding: .75rem 1.25rem .5rem;
    background-color: #ff4f4f85;
    color: #fffaf1;
	background-image: url(/../themes/carand/assets/images/textures/noisy.png) !important; 
}
.alert-info svg {
	color:#fff!important;
}

.dropdown-menu-right {   
    font-weight: 500;
    font-family: 'Prosto One';
    box-shadow: 1px 1px 7px #a2c6e5;
    background-color: unset !important;
    background: linear-gradient(360deg, #a4d97eb5 75%, #a5c2cda1 20%), url(./themes/carand/assets/images/textures/34.webp) !important;
    background-blend-mode: screen;
    border: 1px solid #9acee9;

    @media screen and (max-width: 570px) {
        padding: 0.25rem 0.5rem 0.5rem 0rem!important;
        padding: 0.25rem 0.5rem 0.25rem 0.25rem !important;
    }
}
.dropdown-menu a {
    filter: drop-shadow(0.4px -.3px .3px #74a0bd);
	padding: .5rem 5px .25rem .25rem;
	font-family: 'Stereonic';  
}
.dropdown-menu-right .dropdown-header {
	place-items: baseline;
	font-family: 'Prosto One';
}

.dropdown-menu .item {
    border-radius: 0.5rem !important;
}

.filters-dropdown .custom-select-sm {
    font-size: 0.75rem;
    padding-left: .75rem;
    border-radius: .75rem;
    background-color: #ddd2bb59;
    border: 1px solid #d8d3c6;
}
.dropdown-menu .dropdown-header .h6 {
	font-size: 0.875rem;
}
.dropdown-item svg {
    color: #74a0bd !important;
}

.dropdown-item {
    color: #74a0bd !important;
    font-weight: 700 !important;
}
.dropdown-item.active, .dropdown-item:active {
    color: #f7f6f2 !important;
    background-color: #61a6fac9 !important;
}
/* НОВОЕ */

main {
	border-left: 3px dashed #fff;
	padding-left: 1rem;

	border-left: 6px dotted #fefaeb;
    padding-left: 1rem;
    padding-left: 1.5rem; /* проба */
    border-left: 12px dotted #ffffff5e;
    /* border-right: 3px dotted #fff;
    padding-right: 1rem;  */
 
    @media screen and (max-width: 1000px) { border-left: none!important}
}
.lit-PO {
    font-weight: 300;
    color: #3a536a;
    font-size: .9rem;
}
.btn-primary:hover {
    color: #fff;
    background-color: #186cf426;
	border-color: #fff0;
    top: 2px;
    position: relative;
}
.btn:hover {
    top: 2px;
    position: relative;
    color: #354567;
}
.dropdown-item:hover, .dropdown-item:focus, dropdown-item:svg { 
	background-color: none!important;
    color: #5e74a0!important;
}
.bg-wg {background-color: #5774b01f !important;}

.penimg {pointer-events:none}

.textup {text-transform: uppercase}

.fs-1 {font-size: 1rem!important;}

.br-05 {border-radius: 0.5rem!important;}
.br-1 {border-radius: 1rem!important;}
.br-15 {border-radius: 1.5rem!important;}
.br-2 {border-radius: 2rem!important;}
.br-25 {border-radius: 2.5rem!important;}
.br-3 {border-radius: 3rem!important;}
.br-4 {border-radius: 4rem!important;}

.ff-PO { font-family: 'Prosto One'!important; } 
.ff-S { font-family: 'Stereonic'!important; } 
.ff-SM { font-family: 'StereonicM'!important; } 
.ff-SI { font-family: 'StereonicIn'!important; }
.ff-PR {font-family: 'PantonRust'!important;} 

.mb--25 { margin-bottom: -.25rem}

.ls-1 { letter-spacing: 1px; }

.fw-500 { font-weight: 700!important; }
.fw-600 { font-weight: 600!important; }
.fw-700 { font-weight: 700!important; }
.fw-900 { font-weight: 900!important; }

.lh-100 {line-height: 100%!important;}
.lh-110 {line-height: 110%!important;}
.lh-115 {line-height: 115%!important;}
.lh-120 {line-height: 120%!important;}
.lh-130 {line-height: 130%!important;}
.lh-135 {line-height: 135%!important;}

        @media screen and (max-width: 570px) {
            .lh-xs-100 {line-height: 100%;}
            .lh-xs-130 {line-height: 130%;}
            .lh-xs-135 {line-height: 135%;}
        }
.maincontent {
    padding-left: 2rem;
         @media screen and (max-width: 1000px) { padding-left: 0!important; }
}
.zag-on-doubl-page {
    color: #fff7e1;
    filter: drop-shadow(-2px 2px 0px #e5ae6a) drop-shadow(-1px 2px 7px #72b8bd69) drop-shadow(-1px 2px 0px #3188ad7a);    
    font-weight: 900;
    font-size: 2rem;
    font-family: 'Stereonic';
    line-height: 115%;
    text-wrap: auto;
    /* max-width: 548px; */
    /* text-shadow: 1px 1px 0px #d7baba; */
}

.green-but {
	border-radius: 1.25rem;
    padding: 0.4rem 1rem 0.2rem 1rem;
    font-size: 1.25rem;
    font-family: 'Stereonic';
    font-weight: 900;
    background-color: unset;
    border-color: #b4e1b5;
    box-shadow: 0px 2px 2px rgb(52 166 255 / 35%);
    color: #fbf8df;
    letter-spacing: 1px;
    border-style: solid;
    /* border-style: double; */
    border-width: 3px;
    text-shadow: 0 0 2px #919191;
    text-shadow: 0 0 1px #fcf6f0;
}

/* ПАНЕЛЬ */
.panel h1 {
    mix-blend-mode: hard-light;
    filter: drop-shadow(-0.5px 1.5px 0.7px #f97235) drop-shadow(2px -2px 0px #8b9cf7);
    FONT-WEIGHT: 900 !important;
    font-family: 'Stereonic' !important;
    font-size: 4.5rem !important;
    color: #065373b8;
    border-bottom: 5px solid #e15243;
    line-height: .72 !important; 
    margin-top: 1rem !important;
    margin-left: 6rem!important;
    z-index: 1;
}
.dashboard-doc {
    border: 6px double #f6ead2; 
  /* border: 5px double #e5f6ff; */
    background-image: linear-gradient(360deg, #a4d97eb5 75%, #a5c2cda1 20%), url(/../themes/carand/assets/images/textures/34.webp)!important; 
    background-blend-mode: screen; padding: 1rem;border-radius: 1.5rem; z-index: 2;
}
.dashboard-img {
    border: 6px double #f6ead2;
   /* border: 5px double #e5f6ff; */
    background-image: linear-gradient(360deg, #a4d97eb5 75%, #a5c2cda1 20%), url(/../themes/carand/assets/images/textures/34.webp)!important; 
    background-blend-mode: screen; border-radius: 1.5rem;padding: 1rem; 
    background-image: url(/../themes/carand/assets/images/textures/34.webp), linear-gradient(217deg,#6ebf74,rgba(255, 0, 0, 0) 70.71%), linear-gradient(127deg, rgb(239 255 191 / 80%), rgba(0, 255, 0, 0) 70.71%),linear-gradient(336deg, rgb(121 162 255 / 80%), rgba(0, 0, 255, 0) 70.71%)!important;
}
.panel .table-custom td img {
    border-radius: .5rem !important;
    width: 50px;
    height: 50px;
    min-width: 50px;
    min-height: 50px;
    filter: drop-shadow(2px -1px 0px antiquewhite) drop-shadow(-2px 1px 0px #528cc0);
}
.dashboard-but-create {
    line-height: 105%;
    align-self: baseline;
   /* background: url(/../themes/carand/assets/images/textures/noisy.png), linear-gradient(#f98279, #56493e) !important; */
    padding: 0.8rem 2rem 0.4rem 2rem !important;
    background-blend-mode: luminosity;
    border-radius: 2rem;
    color: #fff;
    border: none;
    font-weight: 100;
    font-size: 1.25rem;
    box-shadow: 0px 2px 2px #417b1469, inset 0 0 3px 3px #ef9356;
    background-image: linear-gradient(360deg, #ffffff00 21%, #f89753c9 73%, #ff7019d9 69%), linear-gradient(180deg, #ffffff00 21%, #ff8735c4 74%, #ff89346b 49%), url(/../themes/carand/assets/images/textures/34.webp) !important;
    background-blend-mode: multiply;
    border-radius: .75rem;
    padding: 0.8rem 1.5rem 0.4rem 1.5rem !important;
}
.dashboard-but-create span {
    color: #ffffff;
    FONT-WEIGHT: 900;
    filter: drop-shadow(-0.25px 0.5px 0.7px #fdf5eb) drop-shadow(.5px -.6px 0px #5db1db);
    line-height: 120%;
    letter-spacing: .84px;
}
.dashboard-stat-box {
    justify-content: space-between;
    padding: .75rem 1rem .75rem 2rem;
    border-radius: 2rem;
}
.dashboard-stat-head {    
    padding: 0.25rem 0 0;
    font-weight: 900; 
    color: #3e95dd !important;
    font-size: 1.5rem;
    filter: drop-shadow(0px 0px .5px #3e95dd);
    letter-spacing: .4px;
}
.dashboard-stat { 
    color: #fff;
    filter: drop-shadow(2px 4px 6px #3baf87);
    font-weight: 900;
    font-size: 1.15rem;
    padding: .8rem 1rem .5rem 1rem;
    border-radius: 1rem;
    mix-blend-mode: overlay;
}
.badge-im {
    font-size: 11px;
    border-radius: .35rem;
}
.dasboard-tab-image {
    border-radius: .5rem !important;
    width: 50px;
    height: 50px;
    min-width: 50px;
    min-height: 50px;
    filter: drop-shadow(2px -1px 0px antiquewhite) drop-shadow(-2px 1px 0px #528cc0);
}
.dashboard-table-im-but {
    line-height: 105%;
    align-self: baseline;
    background: url(/../themes/carand/assets/images/textures/noisy.png), linear-gradient(#96b0ff94, #6b84c8) ;
    padding: 0.8rem 2rem 0.4rem 2rem !important;
    background-blend-mode: luminosity;
    border-radius: 2rem;
    color: #404e5e;
    color: #fff;
    border: none;
    font-weight: 900;
    font-size: 1.25rem;
    box-shadow: 0px 2px 2px #2c94ba69, inset 0 0 3px 3px #6899d8f0;
    background-image: linear-gradient(360deg, #ffffff00 21%, #96b7ffbf 73%, #4480cede 69%), linear-gradient(180deg, #ffffff00 21%, #359dffc9 74%, #3495ff80 49%), url(/../themes/carand/assets/images/textures/34.webp);
    background-blend-mode: multiply;
    border-radius: .75rem;
}
.dashboard-table-image .dropdown svg {
    color: #fffcf0!important;
}
.dashboard-table-image .table-custom thead th{
    padding: 1rem 1.25rem 0.5rem 1.25rem;
    font-size: 1.2rem;
    mix-blend-mode: hard-light; 
    filter: drop-shadow(-1px 1px 0px #5c6f62) drop-shadow(1px -1px 5px #3b6d6a) blur(.11px);
    FONT-WEIGHT: 900;
    color: rgb(253, 254, 255);
    color: #fff2bb;
    letter-spacing: .4px;
}

.panel .table-custom td {
    padding: 0.5rem 2.25rem;
}

.panel .table-custom-container {
    border: none!important;
    /* border-radius: 1.5rem!important; */
}

/* .table-custom th {
    padding: 1.25rem 1.25rem;
} */

.panel .table-custom tbody tr {
    border-top: 1px solid #f6f7f963;
}

.panel .table-custom a {
    color: #fffff2;
    font-family: 'Stereonic';
    font-weight: 900;
    filter: drop-shadow(0px 0px .5px antiquewhite);
    
}
/* .panel .table-custom thead th {
    color: #fdfeff;
} */
/* .panel a {
    color: #404e5e;
} */
.panel .otstupstereo {
     padding: 0.8rem 1.5rem 0.4rem 1.5rem !important; 
}

.panel .card {
   /* background-image:linear-gradient(45deg, #f6fff452, #ffffff61)!important;
    background-blend-mode: color-burn;*/
}

.panel .table {
    font-weight:400;
}

.panel .text-freshed {
    color: #f0f8ff !important;
}
.panel .text-older {
    color: #fffcf0 !important;
}

.panel .dropdown-item {
    color: #47aaea!important;
    font-weight: 700!important;
}

.panel .dropdown-item svg{
    color: #1a95e4!important;
}

.panel .dropdown-menu {
    border: 1px solid #9acee9;
    background-color: unset;
    background: linear-gradient(360deg, #a4d97eb5 75%, #a5c2cda1 20%), url(/../themes/carand/assets/images/textures/34.webp) !important;
    background-blend-mode: screen;
    box-shadow: 1px 1px 7px #57a9ef;
}
.panel .dropdown-menu a {
    filter: drop-shadow(0px 0px .3px #659fd2);
    }

.dropdown svg {
    color: #c1d9ea !important;
}

@media  (min-width: 990px) and (max-width: 1240px){
.dashboard-stat {
    font-size: .8rem!important;
    }
}

    @media (max-width: 768px) {
        .panel h1 { font-size: 3rem!important;  margin-right: 1rem; margin-left: 5rem !important;}
        .panel .table-responsive { overflow-x: hidden; border: 3px outset #cae4de;}
        .dashboard-doc, .dashboard-img { padding: 1rem 1rem 0rem 1rem!important; overflow: hidden; }
        .dashboard-table-im-but {
                background-image: linear-gradient(360deg, #ffffff00 63%, #96b7ffbf 73%, #4480ceb3 75%), linear-gradient(180deg, #ffffff00 -55%, #359dffc9 72%, #3495ff80 76%), url(/../themes/carand/assets/images/textures/34.webp) !important;
                padding: 1rem 2rem .5rem !important;
                width: min-content;
                margin-left: 8rem;
                border-radius: 1.25rem!important;
                }
        .panel .table-custom td { padding: 0.55rem 0rem 0.25rem 1rem!important; }
        .panel .table-name-file { line-height: 100%; white-space: normal!important; }
        .panel .badge-table {
                padding: 3px 3px;
                width: fit-content;
                font-size: 11px;
                background-color: #f0fad6;
                border-radius: 6px;
            }
    }

    @media (max-width: 400px) {
        .panel .move-left { padding: 0 !important; left: -22px; position: relative; }
        .panel h1 { margin-left: 3rem !important; }
        .dash-car-im { left: 5px; width: 79px; }
        .dashboard-table-im-but { margin-left: 5rem!important; }
        .dashboard-kist { left: -9px!important; }
    }
    
    
/*ПРОЕКТЫ*/
.projects h1 {
    mix-blend-mode: hard-light; 
    FONT-WEIGHT: 900 !important;
    font-family: 'StereonicM' !important;
    font-size: 6rem; 
    border-bottom: 5px #ffb53c; 
    border-style: groove; 
    padding: 0 1rem; 
    line-height: 76%;
    filter: drop-shadow(-0.5px 1.5px 0.7px #0f4b55d4) drop-shadow(2px -2px 0px #8b9cf7);
    border-radius: 2.2rem;
    background: url(/../themes/carand/assets/images/textures/noisy.png), linear-gradient(83deg, #00ff3f4a, #c6494973);
    background-size: 19px;
    text-shadow: 1px 1px 0px #fffefc, 1px 1px 7px #aa3434; 
    color: #a8ade2;
    width: min-content;
    }
.projects .table-custom tbody tr {
       background-image: linear-gradient(33deg, #02b9ff61 48%, #02ff0400 57%), linear-gradient(311deg, #0226ff00 59%, #63bff3a1 59%), url(/../themes/carand/assets/images/textures/34.webp);
       background-image : linear-gradient(226deg, #02b9ff61 48%, #02ff0400 57%), linear-gradient(311deg, #0226ff00 59%, #63f3d4a1 59%), url(/../themes/carand/assets/images/textures/34.webp);
       background-blend-mode: multiply;
       background-image: linear-gradient(33deg, #02b9ff2b 48%, #02ff0400 57%), linear-gradient(311deg, #0226ff00 59%, #63f3f159 59%), url(/../themes/carand/assets/images/textures/34.webp);
}

.projects .badge-light {
    color: #28C8C4 !important;
    filter: drop-shadow(rgb(85 158 208 / 39%) 2.2px 2.2px 0px);  
}

.projects-img-h1 {
    width: 150px;margin-left: 2rem;filter: brightness(1.25) contrast(1.1) saturate(0.85) blur(.2px) drop-shadow(2px 4px 1px #3a709bde); rotate: 295deg;padding: 1.5rem 1.5rem 0 0;
    /* width: 170px; */
    /* filter: drop-shadow(rgba(58, 112, 155, 0.87) 2px 4px 1px); */

    /* background: url(/../themes/carand/assets/images/textures/noisy.png), linear-gradient(92deg, #80e564 30%, #688e3787 30%), linear-gradient(341deg, #ffffff 50%, #43c164 50%) !important;
    border-radius: 7.6rem;
    padding: 0 0.4rem 0rem 1rem;
    background-size: 1px !important;
    filter: brightness(1.25) contrast(1.1) saturate(0.85) blur(.2px) drop-shadow(3px 3px 1px #3a709bde) drop-shadow(-3px -3px 1px #fff6b3); 
    width: 135px; */
}
.proj-but-filter {
    border-color: #ffffff!important;
    color: #ffffff;
    border-radius: 2rem;
    border: 5px outset #e3ecff;
    filter: drop-shadow(1px 2px 3px #fff);
    padding: 0.5rem 0.7rem;
    background: #7bd472; 

    box-shadow: inset 0 0 5px #315e3f00, 0 1px 3px #315e3f;
    /* border-style: double;
    box-shadow: inset 0 0 5px #315e3f, 0 1px 3px #315e3f;
    border-width: 3.8px; */
}
.proj-but-filter svg {
    color: #ffeba7 !important;
    filter: drop-shadow(-1px 1px 0px #559ed0);
}
.proj-but-filter:hover {
    margin-top: 3px;
    background-color: #61b97b;
        color: aliceblue;
}
.proj-but-filter:active {
    color: #7e9bdb;
    background-color: #61a6fa;
    border-color: #61a6fa;
    border-style: inset !important;
    box-shadow: inset 0 0 7px #747373;
}
.projects .but-create:hover {
    color: #ecf6ff;
}
.projects .table-custom {
    background: none;
    FONT-WEIGHT: 800;
}
.projects .table-custom thead th {
    FONT-WEIGHT: 800;
    padding: .75rem 1.25rem 0.5rem 1.25rem !important;
    font-size: 1.2rem;
    mix-blend-mode: hard-light;
    filter: drop-shadow(-1px 1px 0px #8e8c86fa) drop-shadow(1px -1px 5px #889cf1) blur(.11px);
    FONT-WEIGHT: 900;
    letter-spacing: .4px; 
    color: #ffeba7 !important;
    color: #13526b !important;
    text-transform: uppercase;
    filter: none;
    text-shadow: -1px 1px 0px #b7e2ff;
    text-shadow: -1px 1px 0px #559ed0;
}
.projects .table-custom tbody tr {
    border-top: 3px ridge #aec9ff3d !important;
}
.projects .table-custom svg {
    color: #6e94c9 !important;
}
.projects .table thead {
    background: #e1eeffc2;
    background-blend-mode: color-burn;
}

        @media screen and (max-width: 570px) {
        .projects .little-b {
            border-radius: 1.3rem;
            font-size: .8rem;
            line-height: 130%;
        }
        .projects .otstup {
            margin-left: 0;
        }
        .projects .zag-on-doubl-page {
            font-size: 1.5rem!important;
        }
        .projects-img-h1 {
            width: 83px!important; margin-left: 1rem!important;
            position: absolute;
            right: 0;
            top: -16px;
            filter: brightness(1.25);
            padding:0;
        }
        .projects h1 { 
            font-size: 5rem !important;
            border-radius: 3.3rem!important;
        }
        .filters-button {
            padding: 0.5rem 0.6rem!important;
        }
        .badge-light {
            color: #28C8C4 !important;
            width: fit-content;
            padding: .45rem .5rem .25rem !important;
        }
        .projects .table-custom td {
            padding: 0.55rem 0rem 0.15rem .81rem !important;
        }

    }

/*СОЗДАНИЕ ПРОЕКТОВ*/
.projcreate h1 , .projedit h1 {
	font-family: 'Stereonic' !important;
    margin-left: 50px;
    color: #fbf8df;  
    font-size: 2.25rem;
    max-width: 491px;
    line-height: 100%;
    text-align: left;
    FONT-WEIGHT: 900; 
    text-shadow: 0px 0px 1.25px #faf8df, -2px 2px 0px #9bb0be;
	margin-top: 2rem !important;
    
    @media screen and (max-width: 570px) {
         margin-left: 15px;
     }
}
.proj-cr-but { 
    background-image: linear-gradient(360deg, #ffffff00 21%, #68f79c36 73%, #4dcf5d96 69%), linear-gradient(180deg, #ffffff00 21%, #f7ef6887 74%, #85f64c96 49%), url(/../themes/carand/assets/images/textures/34.webp) !important;
    color: #8e8abf; 
    background-blend-mode: multiply;
    border-radius: 0.5rem;
    padding: 0.6rem 2rem 0.2rem 2rem;
    font-size: 1.25rem;
    font-family: 'Stereonic';
    font-weight: 900;
    text-align: center;
    background-color: unset;
    border-color: #9dbcdd;
    border-width: 2px;
    box-shadow: 0px 2px 2px rgb(52 58 255 / 35%);
    letter-spacing: 1px;
    border-style: solid;
}
.proj-cr-but span { 
    filter: drop-shadow(-0.25px 0.5px 0.7px #fdf5eb) drop-shadow(1px -1px 0px #aeb9ff); 
}
.proj-cr-but:hover {
    color: rgb(142, 138, 191); 
    filter: saturate(1.1);
    background-color: unset;
}
.projcreate .card , .projedit .card  {
    background-image: linear-gradient(40deg, #6ef8ff 0%, #a9a7d9 29%, #cbcfed 31%, #6e94c9 82%, #a9a6e1 100%), url(/../themes/carand/assets/images/textures/34.webp) !important;
    background-blend-mode: hard-light!important;
    border-radius: 1.5rem!important;
    border: 5px outset #c7d4ee!important;
    filter: drop-shadow(-2px 4px 1px antiquewhite)!important;
    border: 5px double #e5f6ff!important;
    /* background-blend-mode: soft-light !important; */
}

.projcreate .card label, .projedit .card label {
	font-size: 1rem;
    font-weight: 700;
    margin-bottom: 0.375rem;
    font-family: 'Stereonic';
    color: #666262;
}

.projcreate .card input, .projedit .card input {
    font-size: .85rem !important;
    height: calc(1.5em + 0.9rem + 5px) !important;
    border: 1px inset #e5e7eb !important;
    border-radius: 1.5rem;
}

.fon-table {
    border: 5px double #e5f6ff;
    background-image: url(/../themes/carand/assets/images/textures/34.webp), linear-gradient(217deg, rgb(245 119 61 / 80%), rgba(255, 0, 0, 0) 70.71%), linear-gradient(127deg, rgb(239 255 191 / 80%), rgba(0, 255, 0, 0) 70.71%), linear-gradient(336deg, rgb(121 162 255 / 80%), rgba(0, 0, 255, 0) 70.71%) !important;
    background-blend-mode: soft-light !important;
}

.projcreate input {
    border-radius: 1.3rem!important;
    font-family: 'Prosto One'!important;
    font-weight: 500!important;
    }
.projcreate .form-control {
    font-size: .85rem!important;
    border: 1px inset #e5e7eb !important;
    }

.projedit .but-delete {
    border-radius: 2rem;
    filter: drop-shadow(0px 1px 3px #fff);
    box-shadow: 0px 2px 4px rgb(243 243 255 / 77%), 0px 2px 4px rgb(33 95 122 / 77%);
    background-blend-mode: hard-light;
    border: 5px outset #ffffff !important;
    background: #7bd472;
    margin-right: .5rem;
    padding: .5rem .7rem .4rem;

     @media screen and (max-width: 570px) {
         margin-left: 0;
         margin-top: .25rem;
     }
}
.projedit .but-delete svg { color: rgb(255, 255, 255)!important;}

/* ВХОД РЕГИСТРАЦИЯ */
.logo-log {
    margin-left: -2rem;
    filter: contrast(0.9) drop-shadow(-1px 2px 0px #8fc8cb) drop-shadow(2px -1px 1px #67c7e0) drop-shadow(0px 0px 26px #2d93dd);
}

.log-card {
    filter: drop-shadow(0px 0px 1px #6790c9); 
    background: #f0f8ff66;
    background-image: linear-gradient(33deg, #4dcf5db8 78%, #4dcf5db8 79%), url(/../themes/carand/assets/images/textures/34.webp) !important;
    background-blend-mode: multiply;
    overflow: hidden;
}
.log-card .card-body {
    padding: 3rem 3rem 1rem 6rem !important;
}
.log-card h1 {
     color: #fbf8df; 
    /* filter: drop-shadow(-0.5px 1.5px .7px var(--1)) drop-shadow(2px -2px 0px var(--2)); 
    --1: #fdf5eb;
    --2: #5db1db;*/
    font-size: 2.5rem;
    max-width: 362px;
    line-height: 100%;
    text-align: left;
    FONT-WEIGHT: 900;
    font-family: 'Stereonic';
    filter: drop-shadow(0px 0px .5px #fbf8df);
    z-index: 10;
    position: relative;
}
.log-card label {
	font-family: 'Stereonic';
    FONT-WEIGHT: 800;
    color: #faf8df;
    font-size: 1.25rem;
    FONT-WEIGHT: 900;
}
.log-card input {
    box-shadow: inset 0px 1px 5px -1px rgb(199 192 174);
    border-radius: 2rem !important;
    border: #dafbdd 3px !important;
    border-style: inset !important;
    font-family: 'Prosto One';
    background: #fffbf5!important;
}
.log-card .custom-checkbox .custom-control-label::before {
    box-shadow: inset 0px 1px 5px -1px rgb(199 192 174);
    border-radius: 2rem;
    border: #aed1b2 3px;
    border-style: inset;
    font-family: 'Prosto One'; 
}

.log-card .custom-control-label::after {
    position: absolute;
    top: 0;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background: 50% / 50% 50% no-repeat;
    box-shadow: inset 0px 1px 5px -1px rgb(199 192 174);
    border-radius: 2rem;
    /* border: #aed1b2 3px; */
    border-style: inset; 
}
.log-card .custom-control-label::before { 
    top:0;
}
.log-card small {
    font-family: 'Prosto One';
    FONT-WEIGHT: 900;
    font-size: 14px;
    color: #faf8df !important; 
}
.log-card small a {
    color: #faf8df !important; 
}
.log-card .main-link a {
    border-bottom: 2px dotted;
    text-decoration: unset;
}
.log-card button {
    background-image: linear-gradient(360deg, #ffffff00 21%, #68d9f736 73%, #4da2cf96 69%), linear-gradient(180deg, #ffffff00 21%, #68f7d787 74%, #4cc4f696 49%), url(/../themes/carand/assets/images/textures/34.webp) !important;
    background-blend-mode: multiply;
    color: #fff !important;
    border-radius: 0.5rem !important;
    padding: 0.6rem 2rem 0.2rem 2rem !important;
    font-size: 1.25rem !important;
    font-family: 'Stereonic';
    font-weight: 800 !important;
    /* text-align: right; */
    background-color: unset !important;
    border-color: #9dbcdd !important;
    box-shadow: 0px 2px 2px rgb(52 58 255 / 35%);
    z-index: 10;
    position: relative;
}

 .log-card button span{
    filter: drop-shadow(.5px 1px 1px #f1c79d) drop-shadow(-.5px 1px 1px #dcdcdc);
    /* --2: #00629b;
    --2: #0597eb;
    --2: #f1c79d;
    --3: antiquewhite;
    --3: #dcdcdc; */
    /* color: #fff0db;
    color: #ff800a; */
    color: #f05f05;
    /* color: #ff8d0a; */
    FONT-WEIGHT: 900;
    font-size: 1.5rem;
}

.log-card .alert-success button,
.log-card .alert-danger button  {
    background-image: none !important;
    background-color: #ffffffd4 !important;
    padding: .5rem .4rem !important;
    align-items: center;
    display: flex;
    border-radius: 1rem !important;

}
.log-card .alert {
    z-index:100;
    font-size: 1.2rem;
    line-height: 110%;
}
.login-reg {
	color: #faf8df;
    font-size: 1.25rem;
    FONT-WEIGHT: 900;
    border-bottom: 3px dotted #faf8df;
	z-index: 1000;
    position: relative;
}
.login-reg:hover { 
	color: #4e8ce3!important;
	border-bottom: 3px dotted #ff8015!important;
}
.login-car {
	width: 127px;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 10;
    left: -22px;
    filter: opacity(0.95);
    pointer-events: none;
}
.login-ycar {
	width: 179px;
    position: absolute;
    z-index: 1;
    right: -47px;
    top: -66px;
    rotate: 13deg;
}
.login-boy {
    filter: contrast(0.9) drop-shadow(-1px 2px 0px #fff3d5) drop-shadow(2px -1px 0px #fbeaca) saturate(0.85) brightness(1.05);
    width: 127px;
    position: absolute;
    bottom: -28px;
    z-index: 10;
    left: -28px;
    pointer-events: none;
}
.login-forgot {
    filter: sepia(.2) contrast(1.1) brightness(1.15) hue-rotate(-10deg) drop-shadow(3.8px -1.2px 0px #fffbf0) saturate(0.87)!important;
}

        @media screen and (max-width: 570px) {
            .login-car {
            left: -13px!important;
            width: 121px!important;
            }
            
            .log-card h1 {max-width: 156px!important;}
            .log-card .card-body {padding: 3rem 2rem !important;}
            .login-boy { left: -36px; }
        }

/* ТЕКСТЫ /documents - начало */
.otstup {
    margin-left: 2.25rem;
}
.docs h1 {
    mix-blend-mode: hard-light;
    filter: drop-shadow(-0.5px 1.5px 0.7px #f97235) drop-shadow(2px -2px 0px #8b9cf7);
    FONT-WEIGHT: 900 !important;
    font-family: 'Stereonic' !important;
    font-size: 5rem !important;
    color: #065373b8;
    border-bottom: 5px solid #a26f2f;
    border-bottom: 5px solid #ff7425;
    line-height: .72 !important;
    /* margin-bottom: 1.25rem !important;
    margin-top: 1rem !important; */
}

.app {
    background-image: radial-gradient(#b1d7ff 5%, #69b9fd 85%), url(/../themes/carand/assets/images/textures/333.png)!important;
    background-blend-mode: color!important;
    box-shadow: inset 0px 2px 33px 6px rgb(125 173 217)!important;
    }

.documents h1 {
    FONT-WEIGHT: 900;
    font-size: 6rem !important;
    line-height: .72; 
    filter: drop-shadow(-0.5px 1.5px 0.7px #0f4b55d4) drop-shadow(2px -2px 0px #8b9cf7);
    border-color: #6226ff;
    border-style: hidden;
    box-shadow: 0px 2px 2px rgb(255 254 196 / 81%);
    background: linear-gradient(341deg, #f8ff4cc4, #ff574ca8);
    border-bottom: 5px groove #86c2a5 !important;
    background-image: linear-gradient(341deg, #f8ff4cc4, #ff574ca8), url(/../themes/carand/assets/images/textures/34.webp);
    text-shadow: 1px 1px 0px #683992, 1px 1px 7px #ffffff;
    mix-blend-mode: normal;
    background-blend-mode: saturation;
    color: #f17979;
    color: #ff754d;
    /* animation: zagolovok-shtora 3s; */
    animation-iteration-count: 1;
    border-radius: 1.3rem;
    padding: 1rem 1rem 0;
}
.documents h1::after{
    -webkit-text-stroke-width: 1.2px;
    color: #c3e3ff00;
    font-size: 6rem;
    content: 'мои тексты';
    position: absolute;
    -webkit-text-stroke-color: #5b3607;
    top: 11.6px;
    left: 15.3px;
    text-shadow: 0 0 #fff6dd00;
    /* width: min-content; */
}
@keyframes zagolovok-shtora {
    0% {line-height:0.02; border-radius: 0.3rem;}
    100% {line-height:.72;  border-radius: 2rem;  }
}
.documents .otstup {
    margin-left: 4.25rem;
}
.documents .but-templates {
    color: #5199e8;
    border-radius: 1rem;
    font-size: 1.25rem; 
    font-weight: 800; 
    line-height: 108%!important; 
    background-blend-mode: hard-light;
    border: 2px ridge!important;
    background: #72add4;
    padding: 1.25rem 1rem 1.1rem;
    
    background-image: linear-gradient(340deg, #f568f700 37%, #4daacf96 36%), linear-gradient(266deg, #f568f700 41%, #d0e2ff96 64%), url(/../themes/carand/assets/images/textures/noisy.png) !important;
    background-image:linear-gradient(340deg, #f568f700 37%, #4daacf96 36%), linear-gradient(266deg, #f568f700 41%, #dece7f82 64%), url(/../themes/carand/assets/images/textures/noisy.png) !important;
    background-size: 61px;
    box-shadow: 0px 1px 3px rgb(31 31 139 / 77%), 0px 2px 4px rgb(243 243 255 / 77%);
}
.texts-img-h1 {
    width: 158px; filter: saturate(1.1) drop-shadow(-1px 2px 0px #74858d) drop-shadow(2px -1px 1px #fbeaca) brightness(1.25) contrast(0.75);
    filter: saturate(1.1) drop-shadow(-1px 2px 0px #74858d) drop-shadow(2px -1px 1px #fbeaca) brightness(1.25) hue-rotate(15deg);
}
.documents .but-create {
    background-size: 24px;    
    color: #fff;
    border-radius: 1rem;
    padding: 0.8rem 2rem 0.4rem 2rem;
    font-size: 1.25rem;
    font-family: 'Stereonic';
    border: 2px ridge;
    font-weight: 800;
    background-color: unset; 
    background-image : linear-gradient(142deg, #6892f736 87% 89%, #4dcf5d96 79%), linear-gradient(334deg, #f568f700 78%, #4daacf96 79%), linear-gradient(39deg, #f568f700 78%, #4d7fcf96 79%), linear-gradient(233deg, #68f7d126 28%, #4dcacf96 29%, #ffffff00 47%), linear-gradient(230deg, #68f7d126 28%, #4dcacf96 29%, #ffffff00 47%), linear-gradient(255deg, #68f7d126 28%, #4dcacf96 61%, #ffffff00 47%), url(/../themes/carand/assets/images/textures/34.webp) !important;
    box-shadow: inset 0 0 44px #5384c0a6, 0px 1px 3px rgb(31 31 139 / 77%), 0px 2px 4px rgb(243 243 255 / 77%);
    }
.documents .but-create span { 
    FONT-WEIGHT: 900; 
    letter-spacing: .4px;
    filter: drop-shadow(-0.25px 0.5px 0px #fdf5eb) drop-shadow(0px -1px 1px #334452); 
}
.documents .but-create:hover {
    color: #ffffffd9;
    filter: saturate(1.5)
}
.documents .but-filter {
    border-radius: 2rem; 
    filter: drop-shadow(0px 1px 3px #fff);
    padding: .5rem .7rem .4rem!important;
    box-shadow: 0px 1px 3px rgb(31 31 139 / 77%), 0px 2px 4px rgb(243 243 255 / 77%); 
    border: 5px outset #ffffff !important; 
    color: #ffffff;  
    background: linear-gradient(275deg, #6e1cb74d, #7e84d5); 
    background-image: linear-gradient(37deg, #6896f775 77%, #c4cf4d96 78%), linear-gradient(322deg, #f568f700 78%, #4daacf96 79%), linear-gradient(218deg, #f568f700 78%, #4d7fcf96 79%), linear-gradient(139deg, #68f7d126 78%, #4dcacf96 79%), url(/../themes/carand/assets/images/textures/34.webp) !important;
    background-blend-mode: color-burn;
    background-size: 40px;
}
.documents .but-create.dis {
    opacity: .8;
    box-shadow: inset 0 0 44px #1f3c5ede, 0px 1px 3px rgb(31 31 139 / 77%), 0px 2px 4px rgb(243 243 255 / 77%)!important;
    color: #cfcfcf!important;
}
.documents .but-templates span {
    FONT-WEIGHT: 900;
    filter: drop-shadow(-0.25px 0.5px 0px #2a334b) drop-shadow(0px -.5px 1px #ffffff);
    letter-spacing: .4px; 
    color: #47a0d6;
    color: #2982b8;   
}
.documents .zag-on-doubl-page { filter: drop-shadow(-2px 2px 0px #e8a149) drop-shadow(-1px 2px 7px #72b8bd5c) drop-shadow(-1px 2px 0px #3188ad80); color: #eee9cb;font-size: 1.7rem;color: #fffcf9}

.documents .but-filter svg {
    filter: drop-shadow(-0.25px 0.5px 0px #5db1db) drop-shadow(1px -1px 0px #fdf5eb);
    color: #87a8c7!important; 
}
.documents .but-filter span {
    filter: drop-shadow(-0.25px 0.5px 0px #5db1db) drop-shadow(1px -1px 0px #fdf5eb);
}
.documents .but-filter:hover {
    box-shadow: 0px 1px 3px rgb(31 31 139 / 77%), 0px 2px 4px rgb(243 243 255 / 77%), inset 0px 2px 8px rgb(54 120 232 / 84%);
}

.documents .zag-on-doubl-page, .images .zag-on-doubl-page {font-size: 1.7rem;color: #fffcf9;max-width: 581px;}

.documents .table-responsive thead {
    background: #7dc1f196;
    background-blend-mode: multiply;
    background-image: radial-gradient(#68bcf7de 5%, #7ccfff 85%), url(/../themes/carand/assets/images/textures/34.webp);
    border-bottom: 4.4px inset #d0e6ff;
}
.documents .table-custom tbody tr {
    border-top: 3px ridge #aec9ff3d !important;  
    background-blend-mode: multiply;
    background-image: linear-gradient(226deg, #02b9ff61 48%, #02ff0400 57%), linear-gradient(311deg, #0226ff00 59%, #ffe57b4d 59%), url(/../themes/carand/assets/images/textures/34.webp);
    box-shadow: inset 0px 7px 7px #857a4e4f !important;
}
.documents .dashboard-table th { 
    padding: 1rem 1.25rem 0.5rem 1.25rem !important;
    font-size: 1.2rem;
    mix-blend-mode: hard-light; 
    filter: drop-shadow(-1px 1px 0px #686556) drop-shadow(1px -1px 1.9px #6253a2) blur(.11px);
    FONT-WEIGHT: 900;
    letter-spacing: .4px; 
    color: #ffec9fde !important;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 0 0 1.1px #ffd768;
}
.documents .table-custom td {
    padding: 0.55rem 1.25rem 0.3rem 1.25rem;
    padding: 0.75rem 1.25rem 0.5rem 1.25rem;
}
.texts-table-name-file { 
    color: #2e6898; 
    font-size: 1rem;
    font-weight: 700;
 /* font-family: 'Prosto One';
    font-size: .85rem; */
}
.texts-podzag {
    color: #fffcf5;
    filter: drop-shadow(2px 2px 0px #63abd9);
    /* mix-blend-mode: overlay; */
    font-weight: 900;
    font-size: 1.5rem;
    font-family: 'Stereonic';
    line-height: 115%;
    max-width: 548px;
    }
 .texts-podzag2 {
    color: #fff7e1;
    filter: drop-shadow(-2px 2px 0px #e5ae6a) drop-shadow(-1px 2px 7px #72b8bd69) drop-shadow(-1px 2px 0px #3188ad7a);
    /* filter: drop-shadow(1px 2px 0px var(--2)) drop-shadow(2px 2px 0px var(--1)) drop-shadow(-1px 2px 7px var(--2)); */
    font-weight: 900;
    font-size: 1.5rem!important;
    font-family: 'Stereonic';
    line-height: 115%;
    max-width: 548px;
    /* text-shadow: 1px 1px 0px #d7baba; */
    /* --2: #3188ad7a;
    --1: #fff3e4; */
    }   
.but-create {
    background-image: url(/../themes/carand/assets/images/textures/noisy.png), linear-gradient(#76b5ff, #498fff) !important;
    /* background-blend-mode: hard-light; */
    border: none;
    border: 2px ridge;
    border-color: #e9e9e9!important;
    color: #fff;
    border-radius: 1rem;
    padding: 0.8rem 2rem 0.4rem 2rem;
    font-size: 1.25rem;
    font-family: 'Stereonic';
    font-weight: 900;
    background-color: unset;
    /* border-color: #9dbcdd; */
    box-shadow: 0px 2px 2px rgb(52 58 255 / 35%);
    line-height: 115%;

    border-width: 3px;
    border-bottom-style: groove!important;
    border-right-style: groove!important;
    border-left-style: ridge!important;

    }

.but-create span {
    /*color: #fbf8df; */
    FONT-WEIGHT: 900;
    filter: drop-shadow(-0.25px 0.5px 0px #fdf5eb) drop-shadow(1px -1px 0px #5db1db);
}
.but-templates {
    background-color: #f9f9f9;
    color: #65a3e8;
    border: 1.5px solid #5facde !important;
    font-family: 'Stereonic';
    font-size: 1rem;
    padding: 0.5rem 1rem 0.2rem 1rem;
    font-weight: 700;
    /* filter: drop-shadow(2px 3px 4px #fff); */
    box-shadow: 0px 2px 4px rgb(243 243 255 / 77%);
    border-radius: 1rem;
    padding: 0.8rem 2rem 0.4rem 2rem;
    padding: 1.35rem 1rem 1.1rem;
    font-size: 1.25rem; 
    font-weight: 800;
    /* background-color: unset; */
    border-color: #9dbcdd;
    box-shadow: 0px 2px 2px rgb(52 139 255 / 35%);
    line-height: 115%;
    background-image: url(/../themes/carand/assets/images/textures/noisy.png), linear-gradient(#ebf0f7, #ffffff) !important;
    background-blend-mode: hard-light;
}
.but-templates span {
    FONT-WEIGHT: 900;
    filter: drop-shadow(-0.25px 0.5px 0px #5db1db) drop-shadow(1px -1px 0px #fdf5eb);
}
.but-filter {
    color: #699ddc;
    border-radius: 2rem;
    background: #f9f9f9;
    border: 1.5px solid #6ea2e1 !important;
    filter: drop-shadow(0px 1px 3px #fff);
    padding: .5rem .7rem .4rem;
    box-shadow: 0px 2px 4px rgb(243 243 255 / 77%);
    background-image: url(/../themes/carand/assets/images/textures/noisy.png), linear-gradient(#ebf0f7, #ffffff) !important;
    background-blend-mode: hard-light;
}
.but-filter svg {
    filter: drop-shadow(-0.25px 0.5px 0px #5db1db) drop-shadow(1px -1px 0px #fdf5eb);
}

.but-filter span {
    filter: drop-shadow(-0.25px 0.5px 0px #5db1db) drop-shadow(1px -1px 0px #fdf5eb);
}
.documents .menu-table svg { color: #548dc4 !important;} 

    @media (max-width: 768px) {
        .documents h1 , .docs h1, .documents h1::after {
            font-size: 5rem!important; 
            margin-right: 1rem;
            line-height: 80% !important;
            border-radius: 2.5rem;
            } 
        .documents .table-responsive { overflow-x: hidden; }  
        .documents .table-custom td { padding: 0.8rem 0rem 0.4rem .8rem!important } 
        .texts-img-h1 {
                width: 150px; filter: saturate(1.1) drop-shadow(-1px 2px 0px #74858d) drop-shadow(2px -1px 1px #fbeaca) brightness(1.25) contrast(0.75);
                filter: saturate(1.1) drop-shadow(-1px 2px 0px #74858d) drop-shadow(2px -1px 1px #fbeaca) brightness(1.25) hue-rotate(15deg);
            } 
     }

    @media screen and (max-width: 570px) {
        .otstup { margin-left: 0; }
        .texts-table-name-file {
            display: flex;
            line-height: 105%;
            FONT-WEIGHT: 800;
            font-size: 1.2rem;
            white-space: normal!important; 
        }
        .table-custom tbody tr {
            border-top: 1px solid #b9cffb!important;
        }
        .texts-img-h1 {
                width: 156px !important;
                top: -10px;
                filter: none !important;
                position: absolute;
                right: -1px;
        }
        .documents h1::after {     font-size: 5rem; }
        .documents .dashboard-data-mob small { font-size: 11px;}
    }
    @media (max-width: 400px) {
        .documents .table .dropdown {left: -15px;}
    }

/*взяла из стилей dashboard*/

.dash-car-im {
    width: 96px;
    position: absolute;
    margin-top: 3rem;
    z-index: 1;
    margin-top: 2rem;
    filter: contrast(0.9) drop-shadow(-1px 2px 0px #fbeaca) drop-shadow(2px -1px 1px #fbeaca);
    pointer-events: none;
}

 .dashboard-table th {
     padding: 1rem 1.25rem 0.5rem 1.25rem!important; 
     font-size: 1.2rem;
     mix-blend-mode: hard-light; 
     filter: drop-shadow(-1px 1px 0px #686556) drop-shadow(1px -1px 5px #7569a6) blur(.11px);
     FONT-WEIGHT: 900;  
     color: #b9dbf5;
    /* color: #64a2b7; */  /* color: #ea664c; */  /* color: #ff7373; */  /* color: #ffe77f; */  
    letter-spacing: .4px;  
    color: #cfeaff!important;
    text-align: center;
    text-transform: uppercase;
 }
 
 .texts-cat-badge {
    text-align: center;
    padding: .35rem .4rem .15rem .25rem !important;
    border-radius: 0.5rem !important;
}

.dashb-nofileim {
    width: 170px;
    width: 133px;
    border-radius: 50%;
    border: 3px outset #fff;
    box-shadow: -5px 0 5px #ccc, inset 0px 4px 2px -2px rgb(25 54 118 / 75%);
}
.no-data-dash {
    box-shadow: inset 0 0 40px 11px #a7d6eb7a!important; 
    border-radius: 63px;
}

.no-data-card {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)!important;
}
.no-data-card .card-body {
    background-image: linear-gradient(43deg, #daf5ff47, #cde9fd91), url(/../themes/carand/assets/images/textures/34.webp) !important;
} 
.no-data-card h2 {
    filter: drop-shadow(1px -2px 0px antiquewhite);

    color: #ff8b64;
    color: #f26738;
    color: #289ddd;
}
.no-data-card p{
    filter: drop-shadow(1px -2px 0px antiquewhite);
    color: #56585b;
}

.dashb-toggle button {
    background-image: unset!important;
}

        /* мобилка */
        @media (max-width: 768px) {
            
        .docs h1 {
                font-size: 4rem!important; 
                margin-right: 1rem;
        }
        .table-responsive {
            overflow-x: hidden;
            }
        .dashboard-doc, .dashboard-img {
            padding: 1rem 1rem 0rem 1rem!important;
            overflow: hidden;
        }
         .no-data-dash { 
            border-radius: 29px;
        }
        .dashboard-stat-box {
            flex-direction: column;
            padding: .75rem 1.5rem;
        }
        .dashboard-stat-head {
            font-size: 1.25rem;
            display: inline-flex;
            line-height: 107%;
            margin-bottom: 1rem !important;
        }
        .dashboard-but-create { 
            box-shadow: 0px 2px 2px #7b171469, inset 0 0 3px 3px #ffbaba!important;
            border-radius:1.25rem!important;
        }
        .table-custom td {
            padding: 0.55rem 0rem 0.35rem .81rem!important; //  ??? 
        }
        .texts-table-name-file {
            line-height: 100%;
            FONT-WEIGHT: 600;
            white-space: normal!important;
        }
        .badge-table { 
            padding: 3px 3px;
            width: fit-content;
            font-size: 11px;
            background-color: #f0fad6;
            border-radius: 6px;
        } /*???*/
        .dashboard-data-mob {
            font-family: 'Prosto One';
            font-size: 12px;
            color: cornsilk;
            line-height: 110%;
            width: 120%;
        }

        .dashboard-data-mob small {
            background: antiquewhite;
            border-radius: 1rem;
            padding: 0 .25rem;
            font-size: 10px;
            margin: 0 0 .2rem .5rem;
            color: #645747;
        }

        .mob-toggle .dropdown-toggle svg {
            height: 1.5em;
        }


        /* чаты */
        .chat-content, .chats-ta {
            font-size: 14px;
            line-height: 130%;
        }
        
        }
        /* мобилка конец*/

/*взяла из стилей dashboard end*/

    /* мобилка */
    @media screen and (max-width: 570px) {

    main { 
        padding-left: 1rem;
        border-left: 5px outset #fefaeb;
        border-right: 5px inset #fefaeb;
        padding-right: 1rem;
        overflow-x: clip;
        border-radius: 32rem;
        border-top: 8px solid #ffffff80;
        border-bottom: 8px solid #ffffff80;
       border-style: double;
    }
    .navbar {padding: .5rem 1rem 0.5rem 0rem;}
    .navbar-brand {padding-bottom: .25rem;}
    .navbar-custom-toggler {line-height: .8;}
    .navbar-logo { filter: contrast(0.9) drop-shadow(-1px 2px 0px #8fc8cb00) drop-shadow(2px -1px 1px #609eae9c) drop-shadow(0px 0px 6px #c0e4ff) !important;}
    .maincontent {
        padding-left: 0!important;
    }
    .otstup, .otstup-im  {
        margin-left: 0!important;
    }

    .vtor-h1 { 
        margin-left: 10px;
    }
    .texts-table-name-file {
        line-height: 100%;
        FONT-WEIGHT: 800;
        white-space: normal!important; 
    }
    .table-custom tbody tr {
        border-top: 1px solid #b9cffb!important;
    }
    .texts-podzag {
        font-size: 1.5rem!important;
    }
    .no-data-card { 
        border-radius: 29px;
    }

    }
    /* мобилка */

/* ТЕКСТЫ - конец */

/* ПЛАШКА Файлы не найдены */
.notfind-h {
	filter: drop-shadow(1px -2px 0px antiquewhite); 
	color: #56585b;
	color: #fe6430;
	color: #f26738;
}
.notfind-p {
	filter: drop-shadow(1px -2px 0px antiquewhite); 
	color: #56585b;
}
/* ПЛАШКА Файлы не найдены - конец*/

/* Планы Faq */
.faq-q-zag {
    font-family: 'Stereonic';
    FONT-WEIGHT: 900;
    color: #3d3f41;
	letter-spacing: .5px;
    color: #2465a5;
}
.faq-q-text {
	font-size: 16px;
    font-family: 'Stereonic';
    FONT-WEIGHT: 600;
    line-height: 133%;
}

/* ЧАТЫ */

.chats h1 {
    font-size: 6rem !important; 
    FONT-WEIGHT: 900 !important; 
    border-bottom: 5px dotted #ffd325;
    line-height: .72 !important; 
    border-style: ridge;
    box-shadow: 0px 2px 2px rgb(255 254 196 / 81%);
    border-radius: 1.5rem;
    background: #4ca5ff42;
    padding: 0 1rem;
    mix-blend-mode: normal;  
    filter: drop-shadow(-0.5px 1.5px 0.7px #900e6e54) drop-shadow(2px -2px 0px #5eace7);
    color: aliceblue;
    }

.chats .chat-podzag {
    color: #fffcf5;
    filter: drop-shadow(-2px 2px 0px #e5ae6a) drop-shadow(-1px 2px 7px #72b8bd69) drop-shadow(-1px 2px 0px #ad31317a);
    font-weight: 900;
    font-size: 1.7rem; 
    line-height: 115%;
    max-width: 548px;  }

.chats .chat-but-filter {
    border-radius: 2rem;
    background: #f9f9f9;
    border: 5px outset #fff18e;
   /* filter: drop-shadow(2px 3px 4px #fff); */
    padding: 0.5rem 0.7rem;
    background-blend-mode: hard-light;
    box-shadow: 0px 2px 2px rgb(52 58 255 / 35%);
}
.chats .chat-but-filter svg {
    color: #d2c251!important;
}
.chats .table-custom thead th {
    border-top: 0;
    border-bottom: 0;
    padding: 1rem 1.25rem 0.5rem 1.25rem !important;
    font-size: 1.2rem;
    mix-blend-mode: hard-light; 
    text-transform: uppercase;
    filter: drop-shadow(-1px 1px 0px #686556) drop-shadow(1px -1px 5px #6397d6) blur(.11px);
    FONT-WEIGHT: 900;
    letter-spacing: .4px;
    color: #454a83; 
    color: #2e3582;
    text-shadow: 0 0 1.1px #ffd768;
}
.chats .table-custom tbody tr {
    border-top: 3px ridge #c2cdf26e !important;
}

.chats .table-custom-container { 
    border: 5px double #e5f6ff;
    background-image: url(/../themes/carand/assets/images/textures/34.webp), linear-gradient(217deg, rgb(245 119 61 / 80%), rgba(255, 0, 0, 0) 70.71%), linear-gradient(127deg, rgb(239 255 191 / 80%), rgba(0, 255, 0, 0) 70.71%), linear-gradient(336deg, rgb(121 162 255 / 80%), rgba(0, 0, 255, 0) 70.71%) !important;
    background-blend-mode: soft-light !important;
}
.chats .table-custom td {
    padding: .75rem 1.25rem;
    padding: 1rem 1.25rem;
    }
.chats .otstup {
    margin-left: 2.25rem;
}
.chats .table-custom svg {
    color: #6bb68e !important;
    color: #79b7b1 !important;
}

.chats .table-custom {
    font-weight:700;
    background: linear-gradient(37deg, #6896f7e3 77%, #c4cf4d96 78%), linear-gradient(322deg, #f568f700 78%, #4daacf96 79%), linear-gradient(218deg, #f568f700 78%, #4daacf66 79%), linear-gradient(139deg, #f768902b 78%, #4dcf6f96 79%), url(/../themes/carand/assets/images/textures/34.webp) !important;
    background-blend-mode: overlay;
 }

 .chats .table-custom thead {
    background: url(/../themes/carand/assets/images/textures/34.webp), linear-gradient(217deg, rgb(245 119 61 / 80%), rgba(255, 0, 0, 0) 70.71%), linear-gradient(127deg, rgb(239 255 191 / 80%), rgba(0, 255, 0, 0) 70.71%), linear-gradient(336deg, rgb(121 162 255 / 80%), rgba(0, 0, 255, 0) 70.71%) !important;
    background-blend-mode: luminosity;
 }

        @media screen and (max-width: 570px) {
            .chats .little-b { border-radius: 1.3rem; font-size: .8rem; line-height: 130%; }
            .chats .otstup { margin-left: 0; }
            .chats .chats h1 { font-size: 5rem !important; line-height: 80% !important; border-radius: 2.5rem; }
            .chats .chats-img-h1 { top: 10px; left: -29px; position: relative; width: 157px!important;}
            }

        @media screen and (max-width: 400px) {
            .chats .table-responsive { width: 350px; margin-left: -.5rem;  }
        }
 
.chatcreate h1 {
    color: #f9f6ec!important;
    filter: drop-shadow(-2px 2px 0px #e5ae6a) drop-shadow(-1px 2px 7px #72b8bd69) drop-shadow(-1px 2px 0px #bf679c7a)!important; 
    }

.chat-but-opt {
    color: #648da8 !important;
    border-radius: 2rem;
    background: #f9f9f9;
    border: 5px outset #98d6ff;
    filter: drop-shadow(2px 3px 4px #fff);
    padding: 0.4rem 0.3rem;
    background-blend-mode: hard-light;
}

.chat-but-send {
	background-color: #46bdff;
    border-radius: 1.3rem;
    font-family: 'Stereonic';
    FONT-WEIGHT: 700;
    padding: .5rem .5rem .25rem;
	box-shadow: 0px 2px 2px #3487ff4a, inset 0 0 8px #8bb2de;
    border: 2px ridge;

    @media screen and (max-width: 570px) {
        width: 100%!important;
        /* height: 51px!important; */
    }
}
.chat-but-send span{
    FONT-WEIGHT: 800;
    filter: drop-shadow(-0.25px 0.5px 0px #fdf5eb) drop-shadow(.5px -1px 0px #aba044);
    letter-spacing: .5px;
}
.chat-but-send:hover {
    background-color: #46bdff;
    border: 2px ridge;
    color: aliceblue;
    box-shadow: inset 0 0 8.7px #007cd8d4;
}

.chatcr-but {
	font-family: 'Stereonic'; 
	color: #f7f5eb;
	filter: drop-shadow(2px 4px 6px #89b7e2);
	font-weight: 700;
	font-size: 1.2rem;
	padding: 0.6rem 1.5rem 0.3rem 1.5rem; 
	border-radius: 2rem; 
	background-image: url(/../themes/carand/assets/images/textures/noisy.png), linear-gradient(#76cbff,#49b8ff)!important;
    border: 2px ridge;
}
.chat-as-choice {
	border: 5px outset #dbebff!important;
	border-radius: 8rem;
    background-image: linear-gradient(40deg, #6ef8ff 0%, #c3c6e9 82%, #a9a6e1 100%), url(/../themes/carand/assets/images/textures/34.webp) !important;
    background-blend-mode: multiply;
	background-image: linear-gradient(40deg, #31f5ff 0%, #a2a9ff 82%, #a9a6e1 100%), url(/../themes/carand/assets/images/textures/34.webp) !important;
    background-image: linear-gradient(40deg, #31f5ffc2 0%, #a2a9ffad 82%, #938dff 100%), url(/../themes/carand/assets/images/textures/34.webp) !important;
}

.chat-cr-card {
	border-radius: 1.5rem !important;
    background-image: url(/../themes/carand/assets/images/textures/34.webp), linear-gradient(217deg, #79a2ffcc, rgba(255, 0, 0, 0) 70.71%), linear-gradient(127deg, #79a2ffcc, rgba(0, 255, 0, 0) 70.71%), linear-gradient(336deg, #79a2ffcc, rgba(0, 0, 255, 0) 70.71%) !important;
    background-blend-mode: overlay;
}

.chat-cr-card input { 
	border-radius: 1.3rem;
    border: 1px inset #e5e7eb !important;
    background: #fffbf5;
    font-size: 14px;
    color: #494c4e;
}
.chat-card {
    font-size: .9rem;

    @media (min-width: 600px) {
        height: calc(100vh - 408px);
    }
}
.chat-card .card-body {
    background-image: url(/../themes/carand/assets/images/textures/34.webp), linear-gradient(217deg,#79a2ffcc,rgba(255, 0, 0, 0) 70.71%), linear-gradient(127deg, #79a2ffcc, rgba(0, 255, 0, 0) 70.71%),linear-gradient(336deg, #79a2ffcc, rgba(0, 0, 255, 0) 70.71%)!important;background-blend-mode: overlay;
}

.chat-messages {
        @media (min-width: 600px) {
        height: calc(100vh - 451px);
    }
}

.chat-ad-image {
    background: #7abee5;
    border: 3px outset;
    filter: drop-shadow(rgb(255, 255, 255) 2px 3px 4px);
    width: 72px;
    border-radius: 1rem !important;
}
.chat-ad-image img {
    width: 58px; padding:.3rem;
}
.chat-ad-image img {
    @media screen and (max-width: 600px) {
        width: 44px!important;
    }
}

.chat-datetime {
    font-size: 12px;
}
.chat-user {
    font-size: 14px;
    line-height: 1;
}
.ai-chat-ava-main {
    align-self: center;
    width: 75px;
    height: 75px;     
    width: 90px;
    height: 90px;     
}
 
.chat-setting {
    background-blend-mode: hard-light; background: linear-gradient(360deg, #ffec9ea1 20%, #ffec9ea1 20%), url(/../themes/carand/assets/images/textures/34.webp) !important;background-blend-mode: hard-light; background: linear-gradient(360deg, #ffec9ea1 20%, #ffec9ea1 20%), url(/../themes/carand/assets/images/textures/34.webp) !important;
}

.chats-ta {font-size: 20px!important;}
/* ТАРИФЫ */

/* .tarif-img {
	width: 362px; top: -64px;  filter: contrast(0.9) drop-shadow(-1px 2px 0px #fff3d5) drop-shadow(2px -1px 1px #fbeaca) contrast(0.95); 
} */
.plans .oblako {
    box-shadow: inset 1px 1px 55px #fff8f894; border-radius: 35rem;
    @media screen and (max-width: 600px) {   
            box-shadow: inset 1px 1px 55px #fff8f836;
    }
}
.accordion .card {
    border-style: groove;
    background-image: linear-gradient(#fff3cead, #fff3cead), url(/../themes/carand/assets/images/textures/34.webp) !important;
    background-blend-mode: darken !important;
    background-color: #fff3cead !important;
}
.tar-h1 {
	font-size: 2.5rem;
    z-index: 10;
    position: relative;
}
.tar-span {
	color: #fffcf5; color: #ffe097; filter: drop-shadow(rgb(229, 174, 106) -1px 1px 0px) drop-shadow(rgba(114, 184, 189, 0.41) -1px 1px 4px) drop-shadow(rgba(49, 136, 173, 0.48) -2px 1px 0px); font-weight: 900; font-size: 1.2rem; font-family: 'Stereonic'; line-height: 135%; max-width: 450px; z-index: 10;
}
 .tarif-img img {
 	 width: 245px;
    top: 18px;
    right: 0;
    z-index: 1;
 }

.tar-srok {
	font-family: 'PantonRust';
    border: none;
    margin-top: 1.3rem;
    font-size: 1.2rem;
    text-align: end;
    background-size: 171px;
    border-radius: 2rem;
    padding: .5rem .25rem;
    box-shadow: inset 1px 1px 5px #5e5e5e;
    background-image: url(/../themes/carand/assets/images/bl.png);
}

.tar-srok label {
    border-radius: 2rem !important;
    mix-blend-mode: hard-light;
    FONT-WEIGHT: 900 !important;
    font-family: 'Stereonic' !important;
    font-size: 1.5rem;
    border-style: groove;
    padding: .5rem 1rem .2rem;
    filter: drop-shadow(-0.5px 1.5px 0.7px #0f4b55d4) drop-shadow(2px -2px 0px #8b9cf7);
    background-size: 19px;
    color: #ff0000cf!important;
    text-shadow: -2px 2px 0px #e5ae6a, -1px 2px 7px #72b8bd69, -1px 2px 0px #3188ad7a;
}

.tarif-shapka {
	background: linear-gradient(0deg, #fff0 3%, #68acff4a 46%);
    font-family: 'PantonRust';
    color: #fff !important;
    line-height: 110%;
    border-radius: 2rem !important; 
    box-shadow: inset 1px 1px 5px #5e5e5e;
    background-image: url(/../themes/carand/assets/images/bl.png);
	background-image: url(/../themes/carand/assets/images/blu.png);
	background-image: url(/../themes/carand/assets/images/lav.png);
    background-size: 150px;
	border-bottom: 2px groove #fff3f3;
    text-shadow: -.5px .5px .25px #316e74, .5px -.5px .25px #ffefa7;

          @media screen and (max-width: 600px) {    
                line-height: 85%;
                display: flex;
                font-size: .9rem;
                text-shadow: -.5px .5px .25px #45edff, .5px -.5px .25px #ffefa7;
                text-align: center !important;
                justify-content: center;
                }        
}
.tarif-shapka-free {
    background-image: url(/../themes/carand/assets/images/textures/333.png)!important; 
    filter: saturate(.5) hue-rotate(98deg);
}
.tarif-shapka-free span {
    color: #477676!important;
}
.tarif-price {
    font-weight: 800 !important;
    /* margin-bottom: 1.5rem; */
    color: #4a4a4a;
   
    @media screen and (max-width: 600px) {    
        font-size: 1.5rem!important; 
        /* margin-bottom: 1rem; */
    }
    @media (min-width: 600px) and (max-width: 1200px) {    
        font-size: 1.2rem!important; 
        /* margin-bottom: 1rem; */
    }
}

.pricing-card .h5 {
        @media screen and (max-width: 600px) {    
            font-size: 1rem; 
        }
}

.tarif-descr {
    text-transform: uppercase;
    line-height: 115%; 
    justify-content: center;
    display: flex;
    color: #0072ce !important;
    text-shadow: -.5px .5px .5px #ecfdff, .5px -.5px .5px #225386;

            @media screen and (max-width: 600px) {    
                    font-size: 0.8rem; line-height: 105%; display: flex;
            }
    }
.tarif-spisok {
    font-size: 1.2rem;
    font-weight: 700;
    padding: 0rem .5rem;
    text-transform: uppercase;
    line-height: 105%;
    margin-bottom: 1rem;

        @media screen and (max-width: 600px) {    
                    font-size: 0.7rem;
                    padding: 0.25rem;
                    margin-bottom: 0rem;
            }
}
.t-card { 
    /*border-color: #135ac4;*/
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    background-image: url(/../themes/carand/assets/images/textures/4t.webp), linear-gradient(45deg,#ffffff,#ffffff)!important;
    background-blend-mode: multiply!important;
    border-radius: 1rem; 
     
    border-radius: 4rem 4rem 2.5rem 2.5rem;
    background-size: 328px;
    background-color: #f0f8ff6b;
    background-image: unset!important; }
    
.fichi .t-card {
    background-image: linear-gradient(#fff3cead, #fff3cead), url(/../themes/carand/assets/images/textures/34.webp) !important;
    background-blend-mode: darken!important;
}

.ficha-1 img {
    height: 86px;  
    font-size: 7rem;
    position: absolute;
    right: 0;
    top: 0;
    mix-blend-mode: darken;
    transform: scaleX(-1);
    filter: brightness(1.25) contrast(0.75);
}
.ficha-2 img {
    height: 302px;
    position: absolute;
    right: 3px;
    top: -17px;
    rotate: 108deg;
    mix-blend-mode: color-burn;
    filter: hue-rotate(316deg) opacity(0.5);
    image-rendering: pixelated;
}
.ficha-3 img {
    height: 200px;  
    position: absolute;
    right: 0;
    top: 0;
    rotate: 20deg;
    mix-blend-mode: multiply;
}
.ficha-3 .faq-q-text {
    color: #fff6d9 !important;
    mix-blend-mode: hard-light;
    text-shadow: .5px .5px 1.8px #9b0000bf, 0 0 .7px #93703f, 0 0 2px #697caf;
    }

.tarif-punkt {
	line-height: 1;
    filter: drop-shadow(.5px 1px 1px #7dc2ea8a) drop-shadow(-.5px 1px 1px antiquewhite) blur(.21px);
    color: #3872b4;
	color:#587695;
	color: #49525c;
    FONT-WEIGHT: 900;
    font-size: 1rem;
    letter-spacing: .5px; 
    border-bottom: 3px dotted #8abaf178;
    /* border-style: outset;*/

        @media screen and (max-width: 1220px) {
                 font-size: 0.7rem!important;
         }
        @media (min-width: 1280px) and (max-width: 1380px) {
                 font-size: 0.9rem!important;
         }
        @media (min-width: 1220px) and (max-width: 1280px) {
                 font-size: 0.8rem!important;
         }
}

.pricing-card-free  {
    @media screen and (max-width: 600px) {
       border-radius: 4rem 4rem 1.5rem 1.5rem!important;
    }
}
.pricing-card-free .card-body {
    @media screen and (max-width: 600px) {
       border-radius: 3rem 2rem 3rem 2rem!important;
    }
}

.pricing-card-free .tarif-punkt {
	color: #e8e3cf !important;
	filter: drop-shadow(.5px 1px 1px #7dc2ea8a) drop-shadow(-.5px 1px 1px #40898a) blur(.21px)!important; 
    /* --3: #8a6b40;
    --3: #4c62b2;
	 --3: #40898a; */
}

.tarif-but {
    background-image: linear-gradient(360deg, #ffffff00 21%, #68d9f736 73%, #4da2cf96 69%), linear-gradient(180deg, #ffffff00 21%, #68f7d787 74%, #4cc4f696 49%), url(/../themes/carand/assets/images/textures/34.webp) !important;
    font-weight: 800;
    background-image: linear-gradient(360deg, #ffffff00 21%, #68d9f71a 73%, #4db5cfcf 69%), linear-gradient(180deg, #ffffff00 21%, #a2fffbe3 74%, #4cc4f6d4 49%), url(/../themes/carand/assets/images/textures/34.webp) !important;
    background-blend-mode: multiply;
    padding: .5rem .75rem .3rem;
    color: #fff;
    background-color: #5dffbc85;
    border-color: #61a6fa;
    box-shadow: 0px 2px 2px #142a7b69;

        @media screen and (max-width: 600px) {
        font-size:.75rem;
        }
}
.tarif-but span {
    filter: drop-shadow(-0.25px 0.5px 0.47px #fdf5eb) drop-shadow(1px -1px 0px #5db1db);
    color: #f9efe7e6;
    letter-spacing: 2px;
    color: #144f8ce6;
    FONT-WEIGHT: 900;
            
        @media screen and (max-width: 600px) {
        font-size:.85rem;
        }
}

.tarif-shapka span {
    /* filter: drop-shadow(-0.5px 1.5px 0.7px #ea8a55) drop-shadow(2px -2px 0px #7e88bd); */
	color: #fffdf0;
}

.pricing-card .card-body {
	background-image: linear-gradient(33deg, #f568f736 76%, #4dcf5d96 77%), linear-gradient(322deg, #f568f700 78%, #4daacf96 79%), linear-gradient(218deg, #f568f700 78%, #4d7fcf96 79%), linear-gradient(139deg, #68f7d126 78%, #4dcacf96 79%), url(/../themes/carand/assets/images/textures/34.webp) !important;
    background-blend-mode: color-burn;
    border-radius: 1rem 1rem 3rem 3rem;
	background-size: 441px;
   /* filter: drop-shadow(-2px 4px 0px #7ca4cf) drop-shadow(2px -1px 1px #fbeaca);*/
    box-shadow: inset rgb(255 244 207 / 35%) 0px 0px 14px 8px;
	background-position-x: 100px;	
	border-bottom: 2px groove #fff;
	border-bottom: 2px ridge #fff;

    background-color: #007a83;
    background-blend-mode: hard-light !important;
    background-image: linear-gradient(#0e5bdcb8, #719affd1), url(/../themes/carand/assets/images/textures/34.webp) !important;
    background-size: cover;
    border: #bde0ff 4px;
    border-style: ridge;
    border-radius: 4rem;
    border-right-style: groove;
    border-bottom-style: groove;

        @media screen and (max-width: 570px) { 
            flex: none; padding: 1.5rem .5rem .5rem;border-radius: 3rem 3rem 2rem 2em;  box-shadow: rgba(255, 244, 207, 0.35) 0px 0px 8px 2px inset;
        }
}

.pay-card {
	border-radius: 1rem;
	/*background: url(/../themes/carand/assets/images/textures/30.webp), linear-gradient(#96b0ff94, #a4c2fa) !important;
	background-blend-mode: multiply;*/
	box-shadow: inset 0 0 5px #6e7f97;

	border: 3px solid #fff9e9!important;
    /* border-style: dotted; */
    background-color: #6ab1ef69;
    background-color: #6aef8b69!important;
	background: url(/../themes/carand/assets/images/textures/30.webp), linear-gradient(#ffffff94, #96e2ffd6)!important;
    background-blend-mode: multiply;
    border-radius: 1rem;
    color: #fff;
    /* background: url(/../themes/carand/assets/images/textures/30.webp), linear-gradient(#ffffff94, #97ff7e8a);*/

}
.pay-card .card-body {
    padding: 1rem 1.5rem .75rem 1.5rem;
}
.pay-head-card {
    font-weight: 800;
    color: #fff; 
    filter: drop-shadow(rgb(253, 245, 235) -0.5px 1.5px 0.7px) drop-shadow(#4b85a2 1px -1.2px 0px) blur(.31px); 
    font-size: 1.2rem;

    font-weight: 700;
    font-size: 1.2rem;
    filter: drop-shadow(rgb(253, 245, 235) -0.5px 1.5px 0.7px) drop-shadow(#4b85a2 1px -1.2px 0px) blur(.31px);
    color: #56759d;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.pay-card-title {
    font-weight: 700;
    font-size: 1.2rem;
	filter: drop-shadow(rgb(253, 245, 235) -0.5px 1.5px 0.7px) drop-shadow(#4b85a2 1px -1.2px 0px) blur(.31px); 
    color: #47b2be;
	color: #655efd;
    color: #fd5e5e;
	color: #d86464;
	color: #717eac;
	color: #f76b3c; 
    letter-spacing: 3px; 
}

.pay-card-title2 {
	color: #f1eee7;
    filter: drop-shadow(2px 4px 6px black);
    mix-blend-mode: overlay;
    font-weight: 900;
    font-size: 1.2rem;
    /* color: #ffffffb5; */
    filter: drop-shadow(-0.5px 1.5px 0.7px black) drop-shadow(2px -2px 0px #8b9cf7);
	letter-spacing: 3px; 
} 

.pay-card-title3 {
	color: #f1eee7;
    filter: drop-shadow(2px 4px 6px black);
    mix-blend-mode: overlay;
    font-weight: 700;
    font-size: 1.2rem; 
    letter-spacing: 3px; 
}

.pay-head-tick {
    border-bottom: 5px dotted #fff9e9;
    color: #fff9e9;
    filter: drop-shadow(-2px 2px 0px #e5ae6a) drop-shadow(-1px 2px 7px #72b8bd69) drop-shadow(-1px 2px 0px #3188ad7a);
    mix-blend-mode: luminosity;
    /* font-weight: 700; */
    font-size: 2rem;
    font-family: 'Stereonic';
    FONT-WEIGHT: 900;
    text-align: center;
    /* line-height: 1; */
    margin-top: .5rem;
}
.pay-but {
	box-shadow: 0px 2px 2px #6885a2; border-radius: 2rem;font-family: 'Stereonic';font-weight: 600; padding: .5rem 1rem .3rem;font-size: 1.25rem;
}

.pay-but span {
	filter: drop-shadow(.5px 1px 1px #00629b) drop-shadow(-.5px 1px 1px #dcdcdc);
    color: #fff0db;
    letter-spacing: 2px;
    FONT-WEIGHT: 900;
}

.index-faq .card-body {
	padding: 1rem 1.5rem;
}
.plans-razd-2 img {width: 87px; opacity: .9; filter: contrast(0.85) drop-shadow(0px 1px 0px antiquewhite);align-self: center;    background-color: antiquewhite;border-radius: 3rem;}


/* мобилка */
@media screen and (max-width: 570px) {
	.pay-card-title2 {
		font-size: 1rem;
    	line-height: 110%;
		filter: drop-shadow(-0.5px .5px 0.7px black) drop-shadow(1px -1px 0px #8b9cf7);
    	letter-spacing: 2px;
	}

	.tarif-img img {
        width: 195px;
        top: 71px;
        right: -3px; 
	}
    .tar-srok {
        left: -75px;
        top: 29px;
                left: -89px;
                top: 14px;
    }
	.faq-q-zag {
	line-height: 110%;font-size: 1.15rem;
	}
    .accordion .ff-PO { font-size: 0.85rem;  FONT-WEIGHT: 900;  }

    .plans .zag-on-doubl-page {line-height: 95%;filter: drop-shadow(rgb(229, 174, 106) -1px 1px 0px) drop-shadow(rgba(114, 184, 189, 0.41) -1px 1px 4px) drop-shadow(rgba(49, 136, 173, 0.48) -2px 1px 0px);}
    .plans-razd-1 {  box-shadow: inset 1px 1px 55px #fff8f836; overflow: hidden; border-radius:4rem}
    .plans-razd-2 { box-shadow: inset 1px 1px 55px #fff8f836;text-align-last: center;border-radius:4rem}
    .plans-razd-1 img { top: 10px; position: relative; }
    .plans-razd-2 h2 {position: relative; top: 3px;}
}

/* минимобилка */
    @media (max-width: 400px) {
         main {padding-right: .5rem;padding-left: .5rem;}
        .tarif-img img { width: 171px; top: 111px; }
        .tar-srok { left: -82px;}
        .tar-srok label {font-size: 1.25rem;padding: 0.25rem .75rem 0rem !important;}
        .pricing-card .card-body { padding: 1.5rem 0.25rem 0.5rem;}
        .tarif-shapka {margin-left: .25rem;margin-right: .25rem;}   
        .tarif-but span { letter-spacing: 1px; }
    }
    @media (max-width: 430px) {.tarif-punkt { font-size: 0.65rem !important;} }

.convert-card {
	 background-image: linear-gradient(44deg, #f568f736 92%, #564dcf29 97%), linear-gradient(322deg, #f568f700 -8% 7%, #4daacf96 79%), linear-gradient(218deg, #f568f700 70%, #4d7fcf6b 70%), linear-gradient(139deg, #68f7d126 42% 70%, #4dcacfa1 70%), url(/../themes/carand/assets/images/textures/34.webp) !important;
	background-image: linear-gradient(44deg, #f568f736 92%, #564dcf29 97%), linear-gradient(322deg, #f568f700 -8% 7%, #4daacf96 79%), linear-gradient(218deg, #f568f700 69%, #4d7fcf6b 70% ), linear-gradient(139deg, #68f7d126 42% 69%, #4dcacfa1 70%), url(/../themes/carand/assets/images/textures/34.webp) !important;
   background-blend-mode: color-burn;
	
}

.convert-card label {
	font-family: 'Stereonic';
	margin-bottom: .2rem;
    color: #427ab9;
    filter: drop-shadow(.5px .5px 0px antiquewhite);
    font-weight: 900;
    font-size: 1.2rem;
    line-height: 135%;
}
.convert-card svg {
    color: #76a4e6 !important;
    filter: drop-shadow(.5px .5px 0px #000) drop-shadow(-.5px -.5px 0px #fff);
}
.convert-card input {
	border-radius: 1.3rem;
    border: 1px inset #e5e7eb !important;
    background: #fffbf5;
    font-size: 14px;
    color: #494c4e;
}

.convert-card textarea {
	border-radius: 1.5rem;
    border: 1px inset #e5e7eb !important;
    background: #fffbf5;
    font-size: 14px;
    color: #494c4e;
}

.convert-card button {
	letter-spacing: 1.5px;
    FONT-WEIGHT: 900;
    font-size: 1.1rem;
	background-image: linear-gradient(360deg, #ffffff00 21%, #68f7b636 73%, #4dcfce96 69%), linear-gradient(180deg, #ffffff00 21%, #adffdd85 74%, #4cf6ae96 49%), url(/../themes/carand/assets/images/textures/34.webp) !important;
    background-blend-mode: multiply;
    padding: .5rem .75rem .3rem;
    color: #faf8ee;
    background-color: #699c695e;
    border-color: #70b175;
    box-shadow: 0px 2px 2px #417b1469;
    background-color: #81dd6c9c;
    text-shadow: .5px .5px 2px #74a67b;
}
 .convert-card button:hover {
     background-color: #4c93546b;color: #faf8ee;
 }
 /* Политики */
 .policy-card {
    border-radius: 1rem;
    background-image: linear-gradient(40deg, #9078ff 0%, #a9a7d9 29%, #cbcfed 31%, #c3c6e9 82%, #a9a6e1 100%), url(/../themes/carand/assets/images/textures/34.webp) !important;
    background-blend-mode: hard-light;
 }

.policy-card h1 {
    background-image: url(/../themes/carand/assets/images/красная_полоска.png);
    background-size: 405px;
    background-repeat: no-repeat;
    display: inline-flex;
    FONT-WEIGHT: 900;
    color: aliceblue;
    background-position: center;
 }

 .policy-card img {
    width: 35px;
    position: relative;
    pointer-events: none;
 }

 @media screen and (max-width: 570px) {
    .policy-card h1 {max-width: 238px;} 
    .policy-card img { top: 10px;}
    .policy-card bg-im-h h1 {background-position: right center;}
    }

/* ШАБЛОНЫ */
.templates h1 {
    mix-blend-mode: hard-light;
    filter: drop-shadow(-0.5px 1.5px 0.7px #f97235) drop-shadow(2px -2px 0px #8b9cf7);
    FONT-WEIGHT: 900 !important;
    font-family: 'Stereonic' !important;
    font-size: 5rem !important;
    color: #ffffffd9;
    border-bottom: 5px outset #a2ff70;
    line-height: .8 !important;
    margin-bottom: 1.25rem !important;
    margin-top: 1rem !important;
}

.templ-h1-im {width: 69px;}
.templates .zag-on-doubl-page {font-size:1.7rem;color: #fffcf9;}
.templ-search {
    box-shadow: inset 0px 1px 5px -1px rgb(194 186 166);
    padding-left: 1.5rem;
    border-radius: 2rem;
    border: #d6e6ff 3px;
    border-style: inset;
    font-family: 'Prosto One';
    background: #fffbf5;
    font-size: 1rem;
}
.number-of-sh {
    margin-bottom: 0rem;
    line-height: .3rem;
    margin-left: 18px;
    font-family: 'PantonRust';
    font-size: .9rem;
}
.shablon-cat {
  background-image: url(/../themes/carand/assets/images/textures/8t.png)!important; 
  background-blend-mode: multiply; 
  color: white;
  box-shadow: inset 1px 1px 5px #5e5e5e;
}
.shablon-cat .card-body {
  padding: 1rem 1.5rem 1.1rem;
}
.shablon-card {
    box-shadow: inset 0px 0px 46px -1px #9ac2ff80, 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
    border-radius: 1rem!important;
    background-image: linear-gradient(40deg, #566bff 0%, #cadbf1 29%, #cbd9ed 31%, #c3d7e9 82%, #a6cbe1 100%), url(/../themes/carand/assets/images/textures/34.webp) !important;
    background-blend-mode: color !important;
    background-color: unset !important;
}
.shablon-card .card-body {
    padding: 2.5rem 1.5rem 1rem;
}
 .shablon-card svg {
    font-size: .59em; 
    /* margin-bottom: .5rem; */
    transform: skewX(191deg) scale(14) skewY(163deg);
    mix-blend-mode: multiply;
    filter: drop-shadow(1px 0px 0px #8dcaf3);
    opacity: .2;
    float: right;
}
.shablon-descr {
    line-height: 125%;
    display: flex;
    color: #5a6c7b !important;
    font-family: 'Prosto One';
    font-size: 1rem;
    }
.shablon-card .h5 {
    color: #4f6d98 !important;
    color: #3c577f !important;
}
.templates .otstup {
    margin-left: 5rem;
}

    @media screen and (max-width: 570px) {
        .templates h1 { font-size: 4rem !important; border-width: 2px; color: #f7f9f6; filter: drop-shadow(-0.5px 1px 0.7px #f97235) drop-shadow(1px -1px 0px #8b9cf7);margin-bottom: .75rem !important;} 
        .templ-h1-im {width: 54px; top: 3px; position: relative;}
        .templates .zag-on-doubl-page , .documents .zag-on-doubl-page , .images .zag-on-doubl-page3, .chats .chat-podzag, .projects .zag-on-doubl-page  {font-size: 1.5rem!important;  text-align: right!important;margin-right: .5rem;margin-top: 1rem !important;color:#fffcf3!important}      
        .templates .otstup  {  margin-left: 0; }
        .shablon-card  { overflow: hidden!important; }
        .shablon-card .card-body { padding: 1rem!important; }
        .shablon-card svg {
            margin-bottom: 1rem !important;
            font-size: 5em !important;
            color: #e7fffd70 !important;
            transform: skewX(191deg) scale(2) skewY(163deg)!important;
            filter: drop-shadow(1px 0px 0px #8dcaf3) !important;
            position: absolute !important;
            opacity: .8 !important;
        }
        .shablon-card .h5 { font-size: 1.2rem!important;  color: #3e4c5f !important; line-height: 115%; }
        .shablon-descr { font-size: 15px!important; line-height: 115%!important; }
        .shablon-cat > .card-body { padding: .5rem 1rem 1rem 0.5rem!important; }
        .shablon-cat p { margin-bottom: 0rem!important; line-height: .39rem!important; margin-left: 18px!important; }
        }

/* ОПЛАТА */
.app {
    background-image: linear-gradient(0deg, #b8dcffc9 85%, #b8dcffc9 86%), url(/../themes/carand/assets/images/textures/34.webp) !important;
    background-blend-mode: multiply;
    box-shadow: inset 0px 2px 33px 6px rgb(206 218 255) !important;
}
.pay .plan-feat-img {
    top: 250px;
    }
.pay .pay-card {
     background-color: #6aef8b69 !important;
     background-color: #47db6cbd !important;
     background-color: #47db6cbd !important;}
    
.pay .pay-card-title2 {
    color: #f1eee7; 
     mix-blend-mode: unset;
    font-weight: 800;
    font-size: 1.2rem;
    filter: drop-shadow(-0.5px 1.5px 1px #354d90) drop-shadow(1px -1px 0px #8b9cf7);
    letter-spacing: 3px; 
    }

.pay .result-card ul {
    filter:none!important;
    }
.pay .result-card ul li {
    color: #fff;
    filter: drop-shadow(-0.5px 1.5px 1px #5d8d7c) drop-shadow(1px -1px 0px #8b9cf7)!important; 
    font-weight: 900;
    font-size: 1.2rem;
    font-family: 'Stereonic';
    line-height: 100%;
}
.pay .result-card .text-muted { 
    color: #ffcb9f !important;
    }
.pay .plan-feat-img {
    z-index:1;
    filter: contrast(0.9) drop-shadow(-3.3px 1.4px 0px #7ed9ff) drop-shadow(2px -1px 1px #fbeaca);
}
.pay .itog {
    z-index:2;  
    background-blend-mode: multiply; 
    color: #fff; 
    background: url(/../themes/carand/assets/images/011.jpg), linear-gradient(#6adeff42, #c7edff85);
    background-blend-mode: hard-light;
    color: #4f7695;
    /* color: #6f5757; */
    background-size: 328px;
}

.pay .pay-head-tick {
    border-bottom: 5px dotted #fff9e9;
    color: #b4f1ff;
    filter: drop-shadow(-2px 2px 0px #e5ae6a) drop-shadow(-1px 2px 7px #72b8bd69) drop-shadow(-1px 2px 0px #3188ad7a);
    font-size: 2rem;
    font-family: 'Stereonic';
    FONT-WEIGHT: 900;
    text-align: center;
    margin-top: .5rem;
    mix-blend-mode: unset;
    color: #ffffff;
    mix-blend-mode: luminosity;  
    }

.pay .itog span {
    filter: drop-shadow(-0.5px .5px 1px #fdf9c2) drop-shadow(.5px -.5px 0px #8b9cf7);
    letter-spacing: 1px;
    FONT-WEIGHT: 800;
    }

.pay .card-header {
    filter: drop-shadow(-0.5px .5px 1px #fdf9c2) drop-shadow(.5px -.5px 0px #8b9cf7);
    letter-spacing: 2px; 
    FONT-WEIGHT: 800;
    text-align: center;
    font-size: 1.25rem;
    padding: 1.5rem 1.5rem 1.25rem;
}

/* Успешная оплата */
.oplata-uspeh img {
    background: #fff5e8db;
    border-radius: 50%;
    box-shadow: inset 0 0 28px #28a4f1;
    padding: .75rem .5rem .5rem 1rem;
    width: 233px;
    border: 15px #94b7d5 double;
    border-style: double;
}
.oplata-uspeh h1 {
    font-family: 'Stereonic';
    FONT-WEIGHT: 900;
    color: aliceblue;
    text-shadow: 1px 0 .5px #75ccff, -1px 2px 1px #557a92;
}
.oplata-uspeh p {
    font-family: 'Prosto One';
    color: #cef9ff;
    font-size: 1.2rem;
    text-transform: uppercase;
    FONT-WEIGHT: 900;
    width: 51%;
    text-shadow: 1px 0 2px #fff3d7, 0px 2px 0px #25739a;
    border-radius: 2rem;
    padding: .5rem; 
        @media screen and (max-width: 570px) { width: auto; } 
}
.oplata-uspeh a {
    background-image: radial-gradient(#ffffffde 5%, #7ccfff 85%), url(/../themes/carand/assets/images/textures/34.webp);
    background-blend-mode: multiply;
    color: #fff;
    padding: 0.8rem 2rem 0.4rem 2rem;
    font-size: 1.25rem;
    font-family: 'Stereonic';
    font-weight: 800;
    text-align: right;
    background-color: unset;
    border-color: #ffead3;
    box-shadow: 0px 2px 2px #568390fa, inset 0 0 8px #8bb2de;
    border-radius: 1rem !important;
    border-width: 2px;
    text-align: center; 
          @media screen and (max-width: 570px) { line-height: 110%; } 
}
.oplata-uspeh a span {
    color: #557a92;
    letter-spacing: 1px;
    FONT-WEIGHT: 900;
    text-shadow: 1.5px 0 .5px #95d8ff, 0px 0px 1px #557a92;
}

/* КАРТИНКИ */

/*
.images h1 {
    mix-blend-mode: hard-light;
    filter: drop-shadow(-0.5px 1.5px 0.7px #0f4b55d4) drop-shadow(2px -2px 0px #8b9cf7);
    FONT-WEIGHT: 900 !important;
    font-family: 'Stereonic' !important;
    font-size: 5.5rem !important;
    color: #53e6ffd4;
    color: #0f4b55d4; 
    border-bottom: 5px solid #584f73; 
    border-bottom: 5px groove #8c6aee; //  6a73ee     eea26a  
    text-shadow: 1px 1px 0px #fff;
    width: min-content;
    line-height: 76% !important;
    }
*/

.images h1 {
    mix-blend-mode: hard-light;
    filter: drop-shadow(-0.5px 1.5px 0.7px #0f4b55d4) drop-shadow(2px -2px 0px #8b9cf7);
    FONT-WEIGHT: 900 !important;
    font-family: 'StereonicIn' !important;
    font-size: 5.5rem;
    color: #53e6ffd4;
    color: #154249e3;
    border-bottom: 5px groove #eea26a;  
    text-shadow: 1px 1px 0px #fff;
    width: min-content;
    line-height: 76% !important;

    @media (max-width: 400px) {
        font-size: 3.5rem !important;
    }
}


.images-img-h1 {
    filter:saturate(1.1) drop-shadow(-1px 2px 0px #74858d) drop-shadow(2px -1px 1px #fbeaca) brightness(1.15) contrast(1.35) drop-shadow(0px 5px 2px #a9a9a9)!important ;width: 174px;margin-left: 2rem!important;
}
.zag-on-doubl-page3 {
    filter: drop-shadow(-2px 2px 0px #e5ae6a) drop-shadow(-1px 2px 7px #af826c61) drop-shadow(-1px 2px 0px #b2ccdc96);
    line-height: 115%;
    text-wrap: auto;
    font-size: 1.7rem;
    max-width: 581px;
    color: #fff;
 } 
.im-but-filter {
    color: #48b2b5!important;
    border-radius: 2rem;
    background: #f9f9f9;
    border: 5px outset #9adbdb;
    filter: drop-shadow(2px 3px 4px #fff);
    padding: 0.5rem 0.7rem;
    background-blend-mode: hard-light;
    box-shadow: 0 0.9px 3.8px #579793;
}

.im-but-filter:hover {
    top: 2px;
    position:relative;
    border: 5px outset #78d3d3;
    color: #60b8ba;
    background-color: #f9f9f9;
}

.im-but-filter:active {
    color: #7e9bdb;
    background-color: #61a6fa;
    border-color: #61a6fa;
    border-style: inset !important;
    box-shadow: inset 0 0 7px #747373;
}
.im-but-create {
    /* background-image:url(/../themes/carand/assets/images/textures/noisy.png), linear-gradient(#80e564,#43c188)!important; */
    /*background-blend-mode: hard-light;*/
    background-image: url(/../themes/carand/assets/images/textures/noisy.png), radial-gradient(circle at 51%, #48e3dc 69%, #3bada8 143%) !important;
}
 .im-but-create span {
    FONT-WEIGHT: 900;
    filter: drop-shadow(-0.25px 0.5px 0px #fdf5eb) drop-shadow(1px -1px 0px #649185);
    letter-spacing: .4px;
    }

.im-but-create:hover {
     color: #fff;
     border: 2px ridge;
}
.otstup-im {
    margin-left: 3.25rem;

    @media (max-width: 400px) {
        padding-left: 0;
        padding-right: 0;
    }

}
.sel-size {     
    font-family: 'Prosto One'!important;
    font-size: 14px!important;
    justify-items: center;
    border:none;
    background-color: unset;
}

.sel-size span {  
    border: 1.25px solid #805f48 !important;
    padding: .35rem;
    /* height: 100px;
    width: 100px; */
    color: #528484;
    display: block;
    align-content: center;
    line-height: 109%;
    background:#f0f8ff99;
    background-image: linear-gradient(to bottom right, transparent 49%, #805f488a, transparent 50%), linear-gradient(to bottom left, transparent 49%, #805f488a, transparent 50%);
}

.sel-size.active span {
    background: #fff3d196;
    background: #ffdf8596;
    background-image: linear-gradient(to bottom right, transparent 49%, #805f488a, transparent 50%), linear-gradient(to bottom left, transparent 49%, #805f488a, transparent 50%);
}

.sel-size.active {
    border: 0.9px solid #d9c384 !important;
    border-radius: 15px;
    background-color: #2e475d3d!important; 
}
.sel-size:hover {
    background: #f0fffb9c;
    background: #f0f8ff9c;
    border-radius: 15px;}

.images .dropdown-toggle svg, .projects .dropdown-toggle svg, .documents .dropdown-toggle svg {
    @media screen and (max-width: 570px) {
        height: 1.5em;
    }
}


.table-image table {
    background: none !important;
    background-image: linear-gradient(37deg, #6896f7e3 77%, #c4cf4d96 78%), linear-gradient(322deg, #f568f700 78%, #4daacf96 79%), linear-gradient(218deg, #f568f700 78%, #4daacf66 79%), linear-gradient(139deg, #f768902b 78%, #4dcf6f96 79%), url(/../themes/carand/assets/images/textures/34.webp) !important;
    background-blend-mode: soft-light;
}
.table-image table-custom small {
    color: #6a8eb0;
    font-family: 'Prosto One';
}

.table-image .table-custom thead th {
    border-top: 0;
    border-bottom: 0;
    padding: 1rem 1.25rem 0.5rem 1.25rem !important;
    font-size: 1.2rem;
    mix-blend-mode: hard-light; 
    text-transform: uppercase;
    filter: drop-shadow(-1px 1px 0px #686556) drop-shadow(1px -1px 5px #6397d6) blur(.11px);
    FONT-WEIGHT: 900;
    letter-spacing: .4px; 
    text-shadow: 0 0 1.1px #ffd768;
    color: #eff1f3;
}

.table-image .table-custom td img {
    border-radius: .5rem ;
    border-radius: 1.3rem !important;
    width: 50px;
    height: 50px;
    min-width: 50px;
    min-height: 50px;
    filter: drop-shadow(2px -1px 0px antiquewhite) drop-shadow(-2px 1px 0px #528cc0);
    }

.table-image small {
    color: #6a8eb0;
    font-weight: 600;
    font-family: 'Prosto One';
    }
.badge-image {
    color: hsl(47.72deg 100% 89.77%);
    background-color: #fd6a17c4;
    border-radius: .5rem;
    padding: .25rem .4rem .25rem .4rem !important;
    border-radius: 0.5rem !important;
    font-family: 'Prosto One';
    text-transform: lowercase;
}
.images .table-custom-container {
    border-radius: 1.5rem;
    border: 5px outset #e5eeffcc;
}
.table-image svg {
        color: #73b5a4 !important;
}
.table-image a {
    color: #419c9b;
    font-weight: 800;
}
.table-image tbody tr {
    border-top: 3px ridge #c2f0f26e !important;
}
        @media screen and (max-width: 570px) {

            .im-table-name-file {
                line-height: 100%;
            }
            .im-but-create {
                padding: 0.8rem 1rem 0.4rem!important;
            }
            .badge-image {
                font-size: 11px;
                padding: .2rem .35rem .2rem .35rem !important;
            }

            .images-img-h1 {
                position: absolute;
                right: 98px;
                top: -46px;
                width: 118px!important;
                rotate: 66deg;      
                }
        }

/* СОЗДАНИЕ ТЕКСТОВ */

.docscreate .select2-container--default .select2-selection--single, .docsedit .select2-container--default .select2-selection--single {
     color:#f6fbff;
     background-image: url(/../themes/carand/assets/images/textures/noisy.png), linear-gradient(#64e5df, #43b3c1) !important;   
     background-image: url(/../themes/carand/assets/images/textures/noisy.png), linear-gradient(#40bfee, #2a70a2) !important;
     background-image: url(/../themes/carand/assets/images/textures/noisy.png), linear-gradient(#40eee6, #2a95a2) !important;
    background-image: url(/../themes/carand/assets/images/textures/noisy.png), linear-gradient(#8be0ff, #3e97d0) !important;
     font-family:'Prosto One';   
    border: none;
    color: #fff;
    font-size: 1.25rem;
    font-weight: 800;
    box-shadow: 0px 2px 2px rgb(52 58 255 / 35%);
    line-height: 115%;
    border-radius: 1rem !important;
    border-bottom: 3px #ededed double !important;
    background-color: unset !important;
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
    border-color: #54708e;
    border-style: double;
}

.docscreate .form-control::placeholder {
    color: #7bb6dc;
    opacity: 1;
}
.docscreate h1 {
    filter: drop-shadow(-2px 2px 0px #e5ae6a) drop-shadow(-1px 2px 7px #72b8bd69) drop-shadow(-1px 2px 0px #3188ad7a);
    text-wrap: auto;
    line-height: .72 !important;
    mix-blend-mode: normal;
    font-size: 2rem !important;
   color: #fff7e1;
   }
   
.docscreate label {
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 0.375rem;
    font-family: 'Stereonic';
    color: #666262;
}

.docscreate .form-control {
    font-size: .85rem!important;
    border: 2px inset #84dee57a!important;
}
.docscreate input {
    background: #fffbf5 !important;
    height: calc(1.5em + 0.9rem + 5px) !important;
    border-radius: 1.3rem!important;
    font-family: 'Prosto One'!important;
    font-weight: 500!important;
}
.docscreate textarea { padding: .75rem 1rem}
.text-cr-but-create2 span, .image-cr-but-create span {
    filter: drop-shadow(.5px 1px 1px #0597eb) drop-shadow(-.5px 1px 1px #dcdcdc);
    FONT-WEIGHT: 900;
    color: #fffff1ed;
    letter-spacing: 1px;
    font-size: 1.25rem;
}

.text-cr-style-set { 
    text-transform: uppercase;
    box-shadow: inset 1px 0px 7px 1px rgb(38 139 200);
    font-size: 0.8rem!important;
    padding: .6rem 1.3rem .5rem;
    background-color: #46bdff;
    font-weight: 700!important;
    color: #fff!important;
    border-radius: 2.5rem;
    line-height: 1rem;
   /* letter-spacing: 2px; */
    border: 2px inset #cce0e778;
    }

.text-cr-style-set span {
     letter-spacing: 2px;
     font-size: .65rem;
}
.text-cr-var-set {
    background-color: #46bdff;
    font-weight: 700;
    color: #fff!important;
    border-radius: 2.5rem;
    padding: .45rem .75rem .3rem;
    border: 2px inset #cce0e778;
    box-shadow: inset 1px 0px 7px 1px rgb(38 139 200);
}

.text-cr-but-set {
    filter: drop-shadow(-0.25px 0.5px 0.7px #fdf5eb) drop-shadow(0px 0px .25px #fcf5e2) drop-shadow(1px -1px .5px #5db1db);
    font-size: 1.25rem;
    FONT-WEIGHT: 900;
    line-height: 100%;
    color: #faebd7;
    padding: .45rem .75rem .3rem .75rem; 
    background: linear-gradient(360deg, #3d6c62f2 75%, #3d6c62f2 20%), url(/../themes/carand/assets/images/textures/34.webp) !important;
    color: #12a181a1;
    color: #fff1dd;
    border-radius: 1.3rem;
    background-blend-mode: hard-light;
}
.text-cr-but-create {
    background-image: linear-gradient(360deg, #ffffff00 21%, #68f79236 73%, #4dafcf96 69%), linear-gradient(180deg, #ffffff00 21% 21%, #68aaf787 74%, #4c85f696 49%), url(/../themes/carand/assets/images/textures/34.webp) !important;
    background-blend-mode: multiply; 
    border-radius: 0.5rem;
    padding: 0.8rem 2rem 0.4rem;
    background-color: unset;
    box-shadow: 0px 2px 2px rgb(52 58 255 / 35%);
    background-color: #79a5ff5e !important;
    font-size: 1.25rem; 
    FONT-WEIGHT: 900; 
    line-height: 1.25;  
    }
.text-cr-but-create:hover {
    color: #fff !important;
    background-color: #186cf426!important;
}
.text-cr-but-limit {
    border-radius: 0rem 3rem 3rem 0!important;
    font-family: 'Stereonic';
    padding: .45rem .75rem .3rem;
    FONT-WEIGHT: 900;
    width: 100%;
    justify-content: center;
    background: #9062ac;
    color: antiquewhite;
    border-style: inset;
    border-width: 2px;
    }
.text-upd-param {
    color: #fff;
    border-radius: 0.5rem;
    padding: 0.8rem 2rem 0.4rem 2rem;
    font-size: 1.25rem;
    font-family: 'Stereonic';
    font-weight: 800;
    background-color: unset;
    border-color: #9dbcdd;
    box-shadow: 0px 2px 2px rgb(52 58 255 / 35%);
    background-image: linear-gradient(0deg, #4fc1b79e 100%, #86cac49e 86%), url(/../themes/carand/assets/images/textures/34.webp) !important;
    background-blend-mode: multiply;
}

.two-elements .but-delete {
    border-radius: 2rem;
    filter: drop-shadow(0px 1px 3px #fff);
    box-shadow: 0px 2px 4px rgb(243 243 255 / 77%);
    background-blend-mode: hard-light;
    border: 5px outset #ffffff !important;
    background: #77b7d0;
    margin-left: .5rem;
    padding: .5rem .7rem .4rem;

     @media screen and (max-width: 570px) {
         margin-left: 0;
         margin-top: .25rem;
     }

}
.two-elements .but-delete svg { color: aliceblue!important;}

.docscreate .form-control {  border: 2px inset #84dee57a!important; border-radius: 1.3rem !important;}

        @media screen and (max-width: 570px) {
                .docscreate h1 { line-height: 0.92 !important; }
                .docscreate .input-group input { flex: 0 0 35% !important; height: 59.18px; text-align: center; }
                .docscreate .input-group .input-group-append { flex: 0 0 65%!important;  }
                .docscreate .input-group .input-group-append span { white-space: normal; }
                .docscreate .card-body { padding: 2rem 1.5rem!important; }
                .text-cr-but-set, .im-cr-but-set { font-size: 1.1rem; }
            }

/* РЕДАКТИРОВАНИЕ ТЕКСТОВ */
.docsedit h1 {
    color: #ffebb4;
    filter: drop-shadow(-2px 2px 0px #e5ae6a) drop-shadow(-1px 2px 7px #72b8bd69) drop-shadow(-1px 2px 0px #3188ad7a);
    text-wrap: auto;
    line-height: .9 !important;
    mix-blend-mode: normal;
    font-size: 2rem !important;
   }
 

.docsedit .ql-toolbar.ql-snow {
    background-color: #c3dfffa1;
    border-radius: 1rem 1rem 0 0;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAUVBMVEWFhYWDg4N3d3dtbW17e3t1dXWBgYGHh4d5eXlzc3OLi4ubm5uVlZWPj4+NjY19fX2JiYl/f39ra2uRkZGZmZlpaWmXl5dvb29xcXGTk5NnZ2c8TV1mAAAAG3RSTlNAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEAvEOwtAAAFVklEQVR4XpWWB67c2BUFb3g557T/hRo9/WUMZHlgr4Bg8Z4qQgQJlHI4A8SzFVrapvmTF9O7dmYRFZ60YiBhJRCgh1FYhiLAmdvX0CzTOpNE77ME0Zty/nWWzchDtiqrmQDeuv3powQ5ta2eN0FY0InkqDD73lT9c9lEzwUNqgFHs9VQce3TVClFCQrSTfOiYkVJQBmpbq2L6iZavPnAPcoU0dSw0SUTqz/GtrGuXfbyyBniKykOWQWGqwwMA7QiYAxi+IlPdqo+hYHnUt5ZPfnsHJyNiDtnpJyayNBkF6cWoYGAMY92U2hXHF/C1M8uP/ZtYdiuj26UdAdQQSXQErwSOMzt/XWRWAz5GuSBIkwG1H3FabJ2OsUOUhGC6tK4EMtJO0ttC6IBD3kM0ve0tJwMdSfjZo+EEISaeTr9P3wYrGjXqyC1krcKdhMpxEnt5JetoulscpyzhXN5FRpuPHvbeQaKxFAEB6EN+cYN6xD7RYGpXpNndMmZgM5Dcs3YSNFDHUo2LGfZuukSWyUYirJAdYbF3MfqEKmjM+I2EfhA94iG3L7uKrR+GdWD73ydlIB+6hgref1QTlmgmbM3/LeX5GI1Ux1RWpgxpLuZ2+I+IjzZ8wqE4nilvQdkUdfhzI5QDWy+kw5Wgg2pGpeEVeCCA7b85BO3F9DzxB3cdqvBzWcmzbyMiqhzuYqtHRVG2y4x+KOlnyqla8AoWWpuBoYRxzXrfKuILl6SfiWCbjxoZJUaCBj1CjH7GIaDbc9kqBY3W/Rgjda1iqQcOJu2WW+76pZC9QG7M00dffe9hNnseupFL53r8F7YHSwJWUKP2q+k7RdsxyOB11n0xtOvnW4irMMFNV4H0uqwS5ExsmP9AxbDTc9JwgneAT5vTiUSm1E7BSflSt3bfa1tv8Di3R8n3Af7MNWzs49hmauE2wP+ttrq+AsWpFG2awvsuOqbipWHgtuvuaAE+A1Z/7gC9hesnr+7wqCwG8c5yAg3AL1fm8T9AZtp/bbJGwl1pNrE7RuOX7PeMRUERVaPpEs+yqeoSmuOlokqw49pgomjLeh7icHNlG19yjs6XXOMedYm5xH2YxpV2tc0Ro2jJfxC50ApuxGob7lMsxfTbeUv07TyYxpeLucEH1gNd4IKH2LAg5TdVhlCafZvpskfncCfx8pOhJzd76bJWeYFnFciwcYfubRc12Ip/ppIhA1/mSZ/RxjFDrJC5xifFjJpY2Xl5zXdguFqYyTR1zSp1Y9p+tktDYYSNflcxI0iyO4TPBdlRcpeqjK/piF5bklq77VSEaA+z8qmJTFzIWiitbnzR794USKBUaT0NTEsVjZqLaFVqJoPN9ODG70IPbfBHKK+/q/AWR0tJzYHRULOa4MP+W/HfGadZUbfw177G7j/OGbIs8TahLyynl4X4RinF793Oz+BU0saXtUHrVBFT/DnA3ctNPoGbs4hRIjTok8i+algT1lTHi4SxFvONKNrgQFAq2/gFnWMXgwffgYMJpiKYkmW3tTg3ZQ9Jq+f8XN+A5eeUKHWvJWJ2sgJ1Sop+wwhqFVijqWaJhwtD8MNlSBeWNNWTa5Z5kPZw5+LbVT99wqTdx29lMUH4OIG/D86ruKEauBjvH5xy6um/Sfj7ei6UUVk4AIl3MyD4MSSTOFgSwsH/QJWaQ5as7ZcmgBZkzjjU1UrQ74ci1gWBCSGHtuV1H2mhSnO3Wp/3fEV5a+4wz//6qy8JxjZsmxxy5+4w9CDNJY09T072iKG0EnOS0arEYgXqYnXcYHwjTtUNAcMelOd4xpkoqiTYICWFq0JSiPfPDQdnt+4/wuqcXY47QILbgAAAABJRU5ErkJggg==) !important;
    background-blend-mode: color-burn;
    border-style: groove;
}
.docsedit .quill .ql-editor {
   border-radius: 0 0 0.5rem 0.5rem!important;
   }
.docsedit .ql-editor {
    background: linear-gradient(360deg, #a4d97eb5 75%, #a5c2cda1 20%), url(/../themes/carand/assets/images/textures/34.webp) !important;
    background: linear-gradient(360deg, #554d29d1 75%, #554d29d1 20%), url(/../themes/carand/assets/images/textures/34.webp) !important;
    background-blend-mode: screen;
    border: 1px solid #9acee9;
    padding: 26px 87px 32px 30px;
    border-radius: 0 0 1rem 1rem;
    }
.docsedit .ql-container {
    font-size: 15px; 
    }
.docsedit .ql-container.ql-snow {
    border-style: groove!important;
    border-radius: 0 0 1rem 1rem;
}
.ql-editor h1 {
    filter: none !important;
    color: #111827 !important;
    line-height: 110% !important;
    margin-bottom: 1rem;
}

.docsedit .im-upd-info {
    background-image: radial-gradient(#68bcf7 5%, #5db7eb 85%), url(/../themes/carand/assets/images/textures/34.webp) !important;}

.docsedit .text-upd-info {
    color: #fff;
    border-radius: 0.5rem;
    padding: 0.5rem 2rem 0.4rem 1.5rem;
    font-size: 1rem;
    font-family: 'Prosto One';
    font-weight: 800;
    background-color: unset;
    border-color: #9dbcdd;
    border-style: groove;
    box-shadow: 0px 2px 2px rgb(255 254 196 / 81%);
    /* background-image: linear-gradient(0deg, #4fc1b79e 100%, #86cac49e 86%), url(/../themes/carand/assets/images/textures/34.webp) !important; */
    /* background-image: linear-gradient(0deg, #4fc1b7d4 100%, #86cac49e 86%), url(/../themes/carand/assets/images/textures/34.webp) !important; */
    background-image: radial-gradient(#ceebff 5%, #a6dfff 85%), url(/../themes/carand/assets/images/textures/34.webp) !important;
    background-blend-mode: multiply;
    }
.docsedit .text-upd-shabl {
    padding: 0.5rem 1rem 0.4rem 1rem;
    border-radius: .5rem;
    font-family: 'Prosto One';
    /* Color: #6789b9; */
    font-size: 1rem;
    font-weight: 800;
    background-color: unset;
    border-color: #9dbcdd;
    box-shadow: 0px 2px 2px rgb(52 140 255 / 35%);
    }
.docsedit .text-upd-shabl-name {
    font-size: .9rem;
    text-transform: uppercase;
    line-height: 120%;
    margin-left: 3.5rem;} 

.docsedit .text-upd-shabl-name svg {
    height: 90px;
    position: absolute;
    top: -18px;
    width: 81px!important;
    opacity: .2;
    left: -16px;
}
.docsedit .text-upd-shabl-but { 
    border-radius: 1rem;
    padding: 0.25rem 0.5rem 0.1rem 0.5rem;
    FONT-WEIGHT: 800;
    color: #cf6161;
    border-color: #d95138;
    background: #fff5e5;
    line-height: 100%;
    background-blend-mode: hard-light;
    box-shadow: 0px 2px 2px rgb(165 183 180 / 51%);
    border-style: double;
    border-width: 2px;
    }
.docsedit .text-upd-but-upd {
    background-image: linear-gradient(360deg, #ffffff00 21%, #68d9f736 73%, #4da2cf96 69%), linear-gradient(180deg, #ffffff00 21%, #68f7d787 74%, #4cc4f696 49%), url(/../themes/carand/assets/images/textures/34.webp) !important;
    background-blend-mode: multiply;
    color: #fff;
    border-radius: 0.5rem;
    padding: 0.8rem 2rem 0.4rem 2rem;
    font-size: 1.25rem; 
    font-weight: 800;
    background-color: #23da8f5e !important;
    border-color: #9dbcdd;
    box-shadow: 0px 2px 2px rgb(52 58 255 / 35%);
    line-height: 1.25;
    }
.docsedit .text-upd-but-upd span {
    filter: drop-shadow(.5px 1px 1px #0597eb) drop-shadow(-.5px 1px 1px #dcdcdc);
    color: #fff9f0;
    FONT-WEIGHT: 900;
}
.docsedit .dropdown-toggle {
margin-left: 1rem;
padding: .5rem .65rem!important;
}
.docsedit .but-filter svg {
    color: #699ddc;
}
.docsedit .dropdown-toggle svg {
    color: #e7f2ff;
} 
.docsedit input {
    border-radius: 1.3rem!important;
    font-family: 'Prosto One'!important;
    font-weight: 500!important;
    }
.docsedit .form-control {
    font-size: .85rem!important;
    border: 1px inset #e5e7eb !important;
    } 
.select2-container--default .select2-selection--single {
    background-color: #31b6ff;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAUVBMVEWFhYWDg4N3d3dtbW17e3t1dXWBgYGHh4d5eXlzc3OLi4ubm5uVlZWPj4+NjY19fX2JiYl/f39ra2uRkZGZmZlpaWmXl5dvb29xcXGTk5NnZ2c8TV1mAAAAG3RSTlNAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEAvEOwtAAAFVklEQVR4XpWWB67c2BUFb3g557T/hRo9/WUMZHlgr4Bg8Z4qQgQJlHI4A8SzFVrapvmTF9O7dmYRFZ60YiBhJRCgh1FYhiLAmdvX0CzTOpNE77ME0Zty/nWWzchDtiqrmQDeuv3powQ5ta2eN0FY0InkqDD73lT9c9lEzwUNqgFHs9VQce3TVClFCQrSTfOiYkVJQBmpbq2L6iZavPnAPcoU0dSw0SUTqz/GtrGuXfbyyBniKykOWQWGqwwMA7QiYAxi+IlPdqo+hYHnUt5ZPfnsHJyNiDtnpJyayNBkF6cWoYGAMY92U2hXHF/C1M8uP/ZtYdiuj26UdAdQQSXQErwSOMzt/XWRWAz5GuSBIkwG1H3FabJ2OsUOUhGC6tK4EMtJO0ttC6IBD3kM0ve0tJwMdSfjZo+EEISaeTr9P3wYrGjXqyC1krcKdhMpxEnt5JetoulscpyzhXN5FRpuPHvbeQaKxFAEB6EN+cYN6xD7RYGpXpNndMmZgM5Dcs3YSNFDHUo2LGfZuukSWyUYirJAdYbF3MfqEKmjM+I2EfhA94iG3L7uKrR+GdWD73ydlIB+6hgref1QTlmgmbM3/LeX5GI1Ux1RWpgxpLuZ2+I+IjzZ8wqE4nilvQdkUdfhzI5QDWy+kw5Wgg2pGpeEVeCCA7b85BO3F9DzxB3cdqvBzWcmzbyMiqhzuYqtHRVG2y4x+KOlnyqla8AoWWpuBoYRxzXrfKuILl6SfiWCbjxoZJUaCBj1CjH7GIaDbc9kqBY3W/Rgjda1iqQcOJu2WW+76pZC9QG7M00dffe9hNnseupFL53r8F7YHSwJWUKP2q+k7RdsxyOB11n0xtOvnW4irMMFNV4H0uqwS5ExsmP9AxbDTc9JwgneAT5vTiUSm1E7BSflSt3bfa1tv8Di3R8n3Af7MNWzs49hmauE2wP+ttrq+AsWpFG2awvsuOqbipWHgtuvuaAE+A1Z/7gC9hesnr+7wqCwG8c5yAg3AL1fm8T9AZtp/bbJGwl1pNrE7RuOX7PeMRUERVaPpEs+yqeoSmuOlokqw49pgomjLeh7icHNlG19yjs6XXOMedYm5xH2YxpV2tc0Ro2jJfxC50ApuxGob7lMsxfTbeUv07TyYxpeLucEH1gNd4IKH2LAg5TdVhlCafZvpskfncCfx8pOhJzd76bJWeYFnFciwcYfubRc12Ip/ppIhA1/mSZ/RxjFDrJC5xifFjJpY2Xl5zXdguFqYyTR1zSp1Y9p+tktDYYSNflcxI0iyO4TPBdlRcpeqjK/piF5bklq77VSEaA+z8qmJTFzIWiitbnzR794USKBUaT0NTEsVjZqLaFVqJoPN9ODG70IPbfBHKK+/q/AWR0tJzYHRULOa4MP+W/HfGadZUbfw177G7j/OGbIs8TahLyynl4X4RinF793Oz+BU0saXtUHrVBFT/DnA3ctNPoGbs4hRIjTok8i+algT1lTHi4SxFvONKNrgQFAq2/gFnWMXgwffgYMJpiKYkmW3tTg3ZQ9Jq+f8XN+A5eeUKHWvJWJ2sgJ1Sop+wwhqFVijqWaJhwtD8MNlSBeWNNWTa5Z5kPZw5+LbVT99wqTdx29lMUH4OIG/D86ruKEauBjvH5xy6um/Sfj7ei6UUVk4AIl3MyD4MSSTOFgSwsH/QJWaQ5as7ZcmgBZkzjjU1UrQ74ci1gWBCSGHtuV1H2mhSnO3Wp/3fEV5a+4wz//6qy8JxjZsmxxy5+4w9CDNJY09T072iKG0EnOS0arEYgXqYnXcYHwjTtUNAcMelOd4xpkoqiTYICWFq0JSiPfPDQdnt+4/wuqcXY47QILbgAAAABJRU5ErkJggg==) !important;
    color: #fff;
    background-color: #31b6ffad;
}
 
.docsedit .two-elements > a, .docsedit .two-elements button{
    border-radius: 2rem;
    filter: drop-shadow(0px 1px 3px #fff);
    box-shadow: 0px 2px 4px rgb(243 243 255 / 77%);
    background-blend-mode: hard-light;
    border: 5px outset #ffffff !important;
    background: #72bddf;
    background: #72a6df;
    background: #77b7d0;
}

   @media screen and (max-width: 570px) {
        .docsedit h1 {line-height: 100% !important;}
        .docsedit .two-elements { flex-direction: column; }
        .docsedit .dropdown-toggle { margin-left: 0; margin-top: .25rem;}
        .docsedit .ql-toolbar {text-align:center;}
        .docsedit .text-upd-shabl {padding: 0.5rem 1rem 0.4rem 1rem;}
        .docsedit .text-upd-shabl svg {
            height: 90px;
            position: absolute;
            top: -18px;
            width: 81px;
            opacity: .2;
            left: -16px;
            filter: brightness(5) drop-shadow(2px 4px 2px #ababab);}
        .docsedit .text-upd-shabl-name {font-size: .9rem; line-height: 120%; margin-left:0;}
        .docsedit .dropdown-toggle {  padding: .5rem .6rem .2rem !important;  }
        .docsedit .dropdown-toggle svg { height: 1.35em; }
        .docsedit .ql-editor {  padding: 12px 15px; }
    }

/* СОЗДАНИЕ ИЗОБРАЖЕНИЙ */
.imagescreate h1 {
    font-weight: 900!important;
    font-size: 2rem!important;
    color: #fffcf5; 
    filter: drop-shadow(-2px 2px 0px #e5ae6a) drop-shadow(-1px 2px 7px #72b8bd69) drop-shadow(-1px 2px 0px #3188ad7a);
    font-family: 'Stereonic';
    line-height: 115%;
    max-width: 548px;
    /* text-shadow: 1px 1px 0px #d7baba; */ 
   }
.imagescreate label, .imagesedit label, .docscreate label, .docsedit label {
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 0.375rem;
    font-family: 'Stereonic';
    color: #666262;
}
.imagescreate .card-body {
    background-blend-mode: soft-light;
    background-image: linear-gradient(37deg, #6896f7e3 77%, #6896f7e3 78%), linear-gradient(322deg, #f568f700 78%, #4daacf96 79%), linear-gradient(218deg, #f568f700 78%, #4daacf66 79%), linear-gradient(139deg, #4dcf6f96 78%, #4dcf6f96 79%), url(/../themes/carand/assets/images/textures/34.webp) !important;
    border-radius: 1.5rem!important; 
    }
.imagescreate input, textarea {
    border-radius: 1.3rem!important;
    background: #fffbf5 !important;
    font-size: 15px!important;
    font-family: 'Prosto One'!important;
}
.imagescreate input {
    height: calc(1.5em + 0.9rem + 5px) !important;
    border: 2px inset #cce0e778 !important;
}
.imagescreate textarea.form-control  {
    height: 100px;
    padding: .5rem 1rem;
}
.imagescreate .select2-container--default .select2-selection--single, .imagesedit .select2-container--default .select2-selection--single {
     color:#f6fbff;
     background-image: url(/../themes/carand/assets/images/textures/noisy.png), linear-gradient(#64e5df, #43b3c1) !important;   
     background-image: url(/../themes/carand/assets/images/textures/noisy.png), linear-gradient(#40eee6, #2a95a2) !important;
     font-family:'Prosto One';   
    border: none;
    color: #fff;
    font-size: 1.25rem;
    font-weight: 800;
    box-shadow: 0px 2px 2px rgb(52 58 255 / 35%);
    line-height: 115%;
    border-radius: 1rem !important;
    border-bottom: 3px #ededed double !important;
    background-color: unset !important;
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
    border-color: #54708e;
    border-style: double;
    }
.im-cr-but-set {
    border: none;
    filter: drop-shadow(-0.25px 0.5px 0.7px #fdf5eb) drop-shadow(0px 0px .25px #fcf5e2) drop-shadow(1px -1px .5px #5db1db);
    font-size: 1.25rem;
    font-family: 'Stereonic';
    FONT-WEIGHT: 900;
    line-height: 100%;
    color: #faebd7;
    padding: .45rem .75rem .3rem .75rem;
    background: linear-gradient(360deg, #12a181a1 75%, #12a181a1 20%), url(/../themes/carand/assets/images/textures/34.webp) !important;
    background: linear-gradient(360deg, #d9500ca1 100%, #ff6518a1 20%), url(/../themes/carand/assets/images/textures/34.webp) !important;
    border-radius: 1.3rem;
    color: aliceblue;
    color: #f4efe8;
}
.image-cr-but-create {
    background-blend-mode: multiply;
    color: #fff;
    background-image: linear-gradient(360deg, #ffffff00 21%, #63d9f8a1 73%, #4da2cfc2 69%), linear-gradient(180deg, #ffffff00 21%, #68f7d7c2 74%, #4cc4f6cc 49%), url(/../themes/carand/assets/images/textures/34.webp) !important;
    background-image: linear-gradient(360deg, #ffffff00 21%, #63f8e2d9 73%, #4dcfcae6 69%), linear-gradient(180deg, #ffffff00 21%, #68f7c2e6 74%, #4ce2f6eb 49%), url(/../themes/carand/assets/images/textures/34.webp) !important;
    background-image: linear-gradient(360deg, #ffffff00 21%, #55d7c4d9 73%, #3faaa6e6 69%), linear-gradient(180deg, #ffffff00 21%, #5ee0b0e6 74%, #3fc1d2eb 49%), url(/../themes/carand/assets/images/textures/34.webp) !important;
    border-radius: 0.5rem;
    padding: 0.8rem 2rem 0.4rem 2rem;
    font-size: 1.25rem;
    font-family: 'Stereonic';
    font-weight: 800; 
    background-color: unset;
    border-color: #9dbcdd;
    box-shadow: 0px 2px 2px rgb(52 58 255 / 35%);
    line-height: 1.25;
}
.image-cr-but-create span {
    filter: drop-shadow(.5px 1px 1px #0597eb) drop-shadow(-.5px 1px 1px #dcdcdc);
    FONT-WEIGHT: 900;
    color: #fffff1ed;
    letter-spacing: 1px;
    font-size: 1.25rem;
}

.kvadrat { width: 100px; height: 100px;}
.pryamoug-gor {width: 154px; height: 99px;}
.pryamoug-ver {width: 78px; height: 100px;padding: 0.85rem;}
/*мобилка*/
@media screen and (max-width: 570px) {
    .vydacha img {width:108px!important}
    .kvadrat { width: 74px; height: 74px; padding: .75rem!important;}
    .pryamoug-gor {    width: 97.7px; height: 63px;}
    .pryamoug-ver {width: 74px; height: 95.7px; padding: 0.55rem!important;}
    .imagescreate textarea {line-height: 1.25;}
}
@media screen and (max-width: 400px) {
    .vydacha img {width:96px!important}
}

/* РЕДАКТИРОВАНИЕ ИЗОБРАЖЕНИЙ */
.imagesedit .two-elements button {
    border-radius: 2rem;
    filter: drop-shadow(0px 1px 3px #fff);
    box-shadow: 0px 2px 4px rgb(243 243 255 / 77%), 0px 2px 4px rgb(87 87 95 / 77%);
    background-blend-mode: hard-light;
    border: 5px outset #ffffff !important;
    background: #60b8ba;
    margin-left: .5rem;
    padding: .5rem .7rem;
    color: #fff !important;
}
.down-img {
    letter-spacing: 1px;
    font-size: 1rem;
    justify-self: center;
    position: relative;
    top: -25px;
    text-decoration: none;
    padding: .4rem .85rem .2rem;
    color: #4992d2;
    color: #393636;
    FONT-WEIGHT: 600;
    background: #4268ff47;
    border-radius: 8rem;
    z-index:100;
    border-style: groove;
}
.down-img svg { height: .8rem; border-bottom: solid; }

.imagesedit h1 {
    font-weight: 900!important;
    font-size: 2rem!important;
    filter: drop-shadow(rgb(229, 174, 106) -2px 2px 0px) drop-shadow(rgba(114, 184, 189, 0.41) -1px 2px 7px) drop-shadow(#315bad7a -1px 2px 0px);
    color: #fffdf7;
    line-height: 115%;
    max-width: 548px;
    text-wrap: wrap;
}
.imagesedcard.card-body {
    background-blend-mode: soft-light;
    background-image: linear-gradient(37deg, #6896f7e3 77%, #6896f7e3 78%), linear-gradient(322deg, #f568f700 78%, #4daacf96 79%), linear-gradient(218deg, #f568f700 78%, #4daacf66 79%), linear-gradient(139deg, #4dcf6f96 78%, #4dcf6f96 79%), url(/../themes/carand/assets/images/textures/34.webp) !important;
    border-radius: 1.5rem!important; 
}
.im-input.card-body {
    background-image: linear-gradient(45deg, #abbecb, #fff6dd), url(/../themes/carand/assets/images/textures/25.webp) !important;
    background-blend-mode: saturation;
    color: #6091a3;
    box-shadow: inset 1px 1px 5px #5e5e5e;
    border: 2px dashed #ffcd47; 
    padding: 1.5rem 3rem 1.6rem;
}
.imagesedit input {
    border-radius: 1.3rem!important;
    background: #fffbf5 !important;
    font-size: 15px!important;
    font-family: 'Prosto One'!important;
}
.imagesedit .form-control {
    height: calc(1.5em + 0.9rem + 5px) !important;
    border: 2px inset #cce0e778 !important;
}
.im-upd-info {
    color: #fff;
    border-radius: 0.5rem;
    padding: 0.5rem 2rem 0.4rem 1.5rem;
    font-size: 1rem;
    font-family: 'Prosto One';
    font-weight: 800;
    background-color: unset;
    border-color: #9dbcdd;
    border-style: groove;
    box-shadow: 0px 2px 2px rgb(255 254 196 / 81%);
    background-image: linear-gradient(0deg, #4fc1b79e 100%, #86cac49e 86%), url(/../themes/carand/assets/images/textures/34.webp) !important;
    background-image: linear-gradient(0deg, #4fc1b7d4 100%, #86cac49e 86%), url(/../themes/carand/assets/images/textures/34.webp) !important;
    background-blend-mode: multiply;
    }

   @media screen and (max-width: 570px) {
        .imagesedit h1 {line-height: 100% !important;}
        .imagesedit .two-elements { flex-direction: column; }
        .imagesedit .two-elements a {  right: -5px;  position: relative;}
        .im-input.card-body { padding: 1rem 1.5rem; line-height: 110%; font-size: 14px;}
        .imagesedit .dropdown-toggle , .docsedit .dropdown-toggle { margin-left: 0; margin-top: .25rem;}
        .img-fluid {border-radius:1rem!important}
        .imagesedit .ql-toolbar {text-align:center;}
        .imagesedit .dropdown-toggle , .docsedit .dropdown-toggle  { /*margin-left: 1rem;*/ padding: .5rem .6rem .2rem !important; }
        .imagesedit .dropdown-toggle svg { height: 1.35em;  }
        .down-img { 
            font-size: .8rem;
            top: 0;
            padding: .2rem .85rem 0rem;
            }
        .down-img svg { height: .6rem; }
    }

/* МОДАЛКА - УДАЛИТЬ */
.modal-delete-card {
    background-image: url(/../themes/carand/assets/images/textures/34.webp) !important;
}
.modal-close span {
    font-size: 1.75rem;
    color: #7a7166;
}
.but-modal-delete {
    background-image: linear-gradient(360deg, #ffffff00 21%, #fffdf5 73%, #cf734d96 69%), linear-gradient(180deg, #ffffff00 21%, #f7686887 74%, #ff323296 49%), url(/../themes/carand/assets/images/textures/34.webp) !important;
    background-blend-mode: multiply;
    color: #fff;
    border-radius: 0.75rem;
    padding: 0.8rem 2rem 0.4rem 2rem;
    font-size: 1.25rem;
    font-family: 'Stereonic';
    font-weight: 800;
    letter-spacing: .5px;
    border-color: #c33f17;
    box-shadow: 0px 2px 2px rgb(52 58 255 / 35%);
    background-color: #ff7f7f8c;
}
.but-modal-delete:hover {
    background-color: #ff8f9b!important;
    color: #ecf2ff!important;
}
.modal-delete {
    text-transform: uppercase;
    font-size: 1.5rem;
    filter: drop-shadow(1px -1.5px 0.5px #b7b8e6) drop-shadow(-0.5px 1.5px 0.7px #fdf5eb);
    place-items: center;
}

/* УВЕДОМЛЕНИЯ */

.noticard .card-body{
    background-image: linear-gradient(33deg, #4dcf5d96 78%, #4dcf5d96 79%), url(/../themes/carand/assets/images/textures/34.webp) !important;
    background-blend-mode: multiply;
}

.noti {
    background-image: linear-gradient(40deg, #566bff 0%, #cadbf1 29%, #cbd9ed 31%, #c3d7e9 82%, #a6cbe1 100%), url(/../themes/carand/assets/images/textures/34.webp) !important;
    background-blend-mode: color;
    background-color: unset !important; 
    border: 2px ridge aliceblue !important;
}

/* СТРАНИЦЫ */
.pagescard {
    background-color: unset !important;
    background-image: linear-gradient(45deg, #f1f7ff, #f1f7ff), url(/../themes/carand/assets/images/textures/4t.webp) !important;
    background-blend-mode: color;

    background-blend-mode: saturation;
    background-image: radial-gradient(#ff9d1bab 10%, #fff7eaab), url(/../themes/carand/assets/images/textures/4t.webp) !important;
    background-image: radial-gradient(#fff7eaab 10%, #fff7eaab), url(/../themes/carand/assets/images/textures/4t.webp) !important;
    
}

/* 404 */
.page404 h1  {
    font-weight: 800!important;
    mix-blend-mode: overlay;
    line-height: 100%!important;
}

.page404 .text404 { 
    font-weight: 800;
    color: #fff;
    filter: drop-shadow(2px 4px 6px black);
    mix-blend-mode: overlay;
    font-size: 2.5rem!important; 
    line-height: 130%;
}

.page404 .txt404 {
    font-size: 25rem;  
    font-weight: 900 !important; 
    line-height: 115%;
    mix-blend-mode: exclusion;
    color: #f6f7f6;
    filter: drop-shadow(-1px 1px 0px #7ca4cf) blur(.5px) drop-shadow(1px -.5px 1px #fbeaca);
    border-bottom: 6px dotted #fbf2d7;
    }
.page404 .txt404-2 { 
    color: #df7a3a;
    font-size: 4.5rem;
    line-height: 4rem;
    filter: drop-shadow(-1px 1px 0px #7ca4cf) blur(.5px) drop-shadow(1px -.5px 1px #fbeaca);
    FONT-WEIGHT: 900; 
    text-shadow: 1px 1px 0px #673AB7;
    
    }

.page404 .txt404-3 { 
    font-size: 4rem!important;
    color: #ffe38ebd;
    filter: drop-shadow(-0.5px 1.5px 0.7px #fdf5eb) drop-shadow(2px -2px 0px #5db1db);
    text-transform: uppercase;
    letter-spacing: 19px; 
    justify-self: anchor-center;}

.page404 .btn-404 {
    line-height: 97%;
    align-self: baseline;
    background: url(/../themes/carand/assets/images/textures/noisy.png), linear-gradient(#ebf8ff, #f9fdff) !important;
    padding: 1rem 2rem 0.4rem 2rem!important;
    background-blend-mode: hard-light; 
    color: #fff;
    font-size: 2rem;
    box-shadow: 0px 2px 2px #417b1469, inset 0 0 3px 3px #badbff;
    width: 240px;
    text-align: right;
    border-bottom: 5px #6dc27f;
    border-width: 3px;
    mix-blend-mode: hard-light;
    FONT-WEIGHT: 900 !important;
    border: 5px #6dc27f;   
    filter: drop-shadow(-0.5px 1.5px 0.7px #0f4b55d4) drop-shadow(2px -2px 0px #8b9cf7);
    border-radius: 3rem;
    border-style: double; 
    }
.page404 .cifr {
    left: -10px;
}
.page404 .btn-404 span {  
    color: #6fb4e1;
    FONT-WEIGHT: 900; 
    filter: drop-shadow(-0.25px 0.5px 0.7px #fdf5eb) drop-shadow(.5px -.6px 0px #5db1db);
    /* color: #5b4397b5; */
}
.page404 .illum404 {
    background: linear-gradient(#20238f26, #6277dfad), url(/../themes/carand/assets/images/cosmos444.svg);
    flex-flow: nowrap;
    justify-content: normal;
    overflow: hidden;
    border: 22px #cfe5ff;
    border-radius: 50%;
    border-style: ridge;
    box-shadow: 0 0 5px 2px #43676f70, inset 0 0 5px 2px #2f2f2f70;
    height: 300px;
    width: 300px;
    border-right-style: groove;
    border-bottom-style: groove;
    margin-left: 2.4rem !important;
}
.page404 .polet {
    filter: drop-shadow(0px 0px 0px #615302);
    height: 196px;
    width: 196px; 
    left: 79px;
    top: 89px;
    max-width: 110px;
    max-height: 110px;
    display: block;
    position: relative;
    }
.page404 .luna {
    border-radius: 50%;
    height: 155px;
    width: 160px;
    left: 79px;
    top: 89px;
    display: block;
    position: relative; 
    filter: drop-shadow(-5px 4px 0px #faebd7cc) drop-shadow(6px -1px 8px #75c4ffa2);
}
.page404 .planet { 
    left: 112px; 
    top: 89px; 
    max-width: 400px; 
    max-height: 500px; 
    border-radius: 50%; 
    display: block; 
    position: relative;
    filter: drop-shadow(0px 0px 0px antiquewhite) drop-shadow(0px 0px 58px antiquewhite) !important; 
    animation-timing-function: ease-in-out;
    transform-origin: bottom right; 
    animation-name: orbit; 
    animation-duration: 18s;  
    animation-iteration-count: infinite; 
    transition: all 0.3s ease-in-out; 
}
 
 @keyframes orbit { 
    from {transform: translateX(-120%) scale(1); filter: drop-shadow(-5px 4px 0px #faebd7cc) drop-shadow(6px -1px 0px #75c4ffa2) blur(0px);width: 400px; height: 400px;} 
    to {transform: translateY(-200%) scale(0.5); filter: drop-shadow(-5px 4px 0px #faebd7cc) drop-shadow(6px -1px 0px #75c4ffa2) blur(3px);width: 250px; height: 250px; rotate: 157deg;} 
    } 

   @keyframes bouncing404 {
     0%, 100% { transform: translateY(-10px)}
     50% { transform: translateY(0); }
     }
   .bounce404 {
     animation-name: bouncing404;
     animation-duration: 5s;
     animation-timing-function: ease-in-out;
     animation-iteration-count: infinite;
   }

    @media screen and (max-width: 570px) {
 
        .page404 h1 { font-size: 3.5rem!important; text-align: center; }
        .page404 .text404 { font-size: 1.5rem!important; text-align: center; }
        .page404 .cifr { left: 0; }
        .page404 .polet { width: 80px; height: 80px; left: 25px; top: 17px !important; }
        .page404 .luna { width: 50px; left: 25px; top: 11px; height: 62px; }
        .page404 .planet { max-width: 200px; max-height: 300px; left: 10px; top: 1px; }
        .page404 .txt404 { font-size: 9.8rem; line-height: 89.3%; }
        .page404 .illum404 {
                    border-width: 11px;
                    height: 131px !important;
                    width: 136px;
                    margin-left: 1rem !important;
                    top: -46px;
                    position: relative;
                }
        .page404 .txt404-3 { 
                font-size: 2rem !important; 
                margin-top: 1rem;
                filter: drop-shadow(-0.5px .5px 0.7px #fdf5eb) drop-shadow(1px -1px 0px #5db1db);
                letter-spacing: 13.7px;
                text-align: center;
            }
        .page404 .btn-404 {
                font-size: 1.25rem;
                letter-spacing: 1px;
                margin-top: 1rem;
            }
        .page404 .txt404-2 {
                    font-size: 2.7rem;
                    line-height: 2.5rem;
                    filter: blur(.5px);
                    text-align: center;
                    margin-right: 0rem !important;
            }
        .bounce404 { top: 33px!important; }

        }

        @media (max-width: 400px){  
                .page404 .otstupbig { margin-left: 1rem;} 
        }

/* НАСТРОЙКИ */

.zondp {
    font-weight: 900 !important;
    font-size: 2.5rem !important;
    border-bottom: 3px dotted #42bdc0;
    color: #fbf8df;
    line-height: 95% !important;
    text-align: left;
    text-shadow: 0px 0px 1.25px #faf8df, -2px 2px 0px #9bb0be;
    filter: drop-shadow(2px 3px 1px #6c92c3);
    font-family: 'Stereonic';
}

.zondp-1 { 
    font-weight: 900 !important;  
    color: #33bf79;
    filter: drop-shadow(-2px 1.5px .51px #4671a8) drop-shadow(0px 0px 11px #ffffff);
    font-size: 2.5rem !important;
    border-bottom: 3px solid #85cec2;
    line-height: 81%!important;
    line-height: 95%!important;
    border-bottom: 3px solid #53d5c8;
    border-bottom: 3px dotted #42bdc0;

    margin-left: 10px;
    color: #fbf8df; 
    font-size: 2.5rem; 
    line-height: 95%!important;
    text-align: left;
    FONT-WEIGHT: 900;
    text-shadow: 0px 0px 1.25px #faf8df, -2px 2px 0px #9bb0be;
}

.zondp-2 {
    font-weight: 900 !important;
    color: #33bf79;
    filter: drop-shadow(-2px 1.5px .51px #4671a8) drop-shadow(0px 0px 8px #ffffff);
    font-size: 2.5rem !important;
    border-bottom: 3px dotted #42bdc0;
    line-height: 95% !important;
    text-align: left;
    text-shadow: 0px 0px 1.25px #faf8df, -2px 2px 0px #486273;
    }

.zondp-3 {
    filter: drop-shadow(-2px 1.5px .51px #4671a8) drop-shadow(0px 0px 8px #f0f8ffb8);
    font-weight: 900 !important;
    color: #33bf79; 
    font-size: 2.5rem !important;
    border-bottom: 3px dotted #42bdc0;
    line-height: 95% !important;
    text-align: left;
    text-shadow: 0px 0px 1.25px #faf8df, -2px 2px 0px #486273;
    }

.zondp-4 {
    font-weight: 900 !important;
    color: #333fbf;
    color: #bf3333;
    color: #33bf79;
    filter: drop-shadow(-2px 1.5px .51px #4671a8) drop-shadow(0px 0px 8px #ffffff);
    font-size: 2.5rem !important;
    border-bottom: 3px dotted #42bdc0;
    line-height: 95% !important;
    text-align: left;
    text-shadow: 0px 0px 1.25px #faf8df, -2px 2px 0px #486273;
    mix-blend-mode: overlay;
    }

.account h1, .account-plan h1 {
    filter: drop-shadow(-2px 1.5px .51px #4671a8) drop-shadow(0px 0px 8px #f0f8ffb8);
    font-weight: 900 !important;
    color: #33bf79; 
    font-size: 2.5rem !important;
    border-bottom: 3px dotted #42bdc0;
    line-height: 95% !important;
    text-align: left;
    margin-left: 10px;
    text-shadow: 0px 0px 1.25px #faf8df, -2px 2px 0px #486273;
    }

.account .card {
    border-radius: 1.5rem!important;
    background-image: url(/../themes/carand/assets/images/textures/34.webp),linear-gradient(163deg, #e0f3fb 0%, #d9eefb 29%, #dbe7f5 31%, #dbe4eb 82%, rgb(197 221 237) 100%)!important;
    background-blend-mode: luminosity;
}

.account .form-control, .account-del .form-control {
    border-radius: 1.3rem;
    border: 2px inset #84dee57a !important;
    font-family: 'Prosto One';
    font-size: .9rem;
}

.account label {
    font-size: .9rem;
    font-weight: 500;
    margin-bottom: .375rem;
    font-family: 'Prosto One';
}

.settings-p {
    margin-top: .75rem;
    margin-left: 1rem;
    color: #f5faff;
    filter: drop-shadow(1px 1.5px 1px #7fa7cf);
    font-weight: 900;
    font-size: 1.25rem;
    font-family: 'Stereonic';
    line-height: 107%;
    max-width: 595px;
    }

.account .select2-container--default .select2-selection--single, .account-pay .select2-container--default .select2-selection--single, account-logs .select2-container--default .select2-selection--single, account-del .select2-container--default .select2-selection--single  {
    border: none;
    color: #fff;
    border-radius: 1rem; 
    font-size: 1.25rem;
    font-family: 'Stereonic';
    font-weight: 800; 
    border-color: #9dbcdd;
    box-shadow: 0px 2px 2px rgb(52 58 255 / 35%);
    line-height: 115%;
    background-image: linear-gradient(360deg, #ffffff00 21%, #f7686836 73%, #594dcf96 69%), linear-gradient(180deg, #ffffff00 21%, #688cf787 74%, #4c60f696 49%), url(/../themes/carand/assets/images/textures/34.webp) !important;
    border-radius: 1rem !important;
    border-bottom: 3px #ededed double !important;
    background-color: unset !important;
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
    border-color: #54708e;
    border-style: double;
    }

.account .select2-container .select2-selection--single .select2-selection__rendered, .account-pay .select2-container .select2-selection--single .select2-selection__rendered, .account-logs .select2-container .select2-selection--single .select2-selection__rendered, .account-del .select2-container .select2-selection--single .select2-selection__rendered {
    font-family: 'Stereonic';
    margin-top: 0rem;
    font-size: 20px;
    text-shadow: 1px 1px 1px #ffffff;
    mix-blend-mode: unset;
    line-height: 100%;
    FONT-WEIGHT: 800;
    outline: none !important;
    padding: .75rem 1rem .5rem 1rem !important;
    text-shadow: 1px 1px 1px #6c8fa9;
    color: #e2f2ff !important;}

 .account .select2-results__option, .account-plan .select2-results__option, .account-pay .select2-results__option, .account-logs .select2-results__option, .account-del .select2-results__option {
    margin: var(--input-padding-y) 0;
    border-radius: .5rem;
    user-select: none;
    -webkit-user-select: none;
    font-family: 'Stereonic';
    margin-top: 0rem;
    font-size: 20px;
    filter:none;
    text-shadow: 1px 1px 1px #ffffff;
    mix-blend-mode: unset;
    color: #84afcd;
    line-height: 100%; 
    FONT-WEIGHT: 800;
    padding: .5rem;
}

.settings-but {
     border: none;
    line-height: 115%;
    background-blend-mode: multiply;
    color: #8e8abf;
    /* color: #7796b1; */
    border-radius: 0.5rem;
    padding: 0.8rem 2rem 0.4rem 2rem;
    font-size: 1.5rem;
    font-family: 'Stereonic';
    font-weight: 900; 
    background-color: unset;
    border-color: #9dbcdd;
    box-shadow: 0px 2px 2px rgb(52 58 255 / 35%);
    text-shadow: 1px 1px 0 #ae6b92, 0 0 1px antiquewhite;
    background-image: linear-gradient(360deg, #ffffff00 21%, #f7686836 73%, #cf4dba96 69%), linear-gradient(180deg, #ffffff00 21%, #f768b987 74%, #f64cb296 49%), url(/../themes/carand/assets/images/textures/34.webp) !important;
    color: antiquewhite;}

/* ПЛАН АККАУНТА */

.plan-feat-img {
    width: 100px; 
    bottom: 0;
    right: 0;
    z-index:1;
    @media  (max-width: 400px) {
        right: -29px;
    }
}

.account-plan .tarifcard {
    border-style: outset; line-height: 1; width: max-content;background-image: url(/../themes/carand/assets/images/textures/34.webp), linear-gradient(360deg, #f9ffd6 14%, #e3f37e 16%, #15c55db8 16%)!important; background-blend-mode: multiply;
}
.account-plan .tarifcard p {
    text-align: center; margin-bottom: -25px !important;margin-top: 0.5rem;font-family: 'StereonicIn'; color: #f25e30;z-index: 2;position: relative;font-size: 1.75rem; FONT-WEIGHT: 900;margin-bottom: -20px !important;
    @media (max-width: 400px) { font-size: 1.5rem!important; }
}
.settings-upd-plan {
    background-color: #007a83;
    background-blend-mode: hard-light!important;
    background-image: linear-gradient(#999090b8, #ffffff05), url(/../themes/carand/assets/images/cosmosmin.png) !important;
    background-size: cover;
    border: #bde0ff 4px;
    border-style: ridge!important;
    border-radius: 9rem!important;
    width: 300px;
    height: 304px;
    /* transform: rotate3d(1, 1, 1, 11deg); */
    filter: sepia(0.1) contrast(1.1) brightness(1.05) saturate(0.7);
    image-rendering: pixelated;
    width: 290px;
    height: 282px;
}
.settings-upd-plan p {
    font-size: 3.2rem;
    filter: drop-shadow(-0.5px 1.5px 0.7px #fdf5eb) drop-shadow(2px -2px 0px #5db1db) blur(.3px);
    font-family: 'StereonicM';
    text-transform: uppercase;
    /* text-align: end; */
    FONT-WEIGHT: 900;
    color: #fff7e9;
    line-height: 100%;
    /* top: -14px; */
    margin-right: -1rem;
    width: fit-content;
    position: relative;
    text-align: right;
    transform: rotate3d(1, 1, 1, 46deg);
    filter: hue-rotate(329deg) drop-shadow(-2px 4px 0px #7ca4cf) drop-shadow(2px -1px 1px #fbeaca);
 }
 .settings-upd-plan2 {
    top: 22px!important;
    left: 24px!important;
}
.settings-upd-plan img {
    position: absolute;
    width: 198px;
    filter: drop-shadow(-2px 1.5px .51px #4671a8) drop-shadow(1px 1px 0px antiquewhite);
    left: 132px;
    filter: hue-rotate(329deg) drop-shadow(-2px 4px 0px #7ca4cf) drop-shadow(2px -1px 1px #fbeaca);
    top: 124px;
}
.acplan-exp {
    font-size: 1.25rem;
    line-height: 140%;
    background: #96ceff4a;
    border-radius: 1rem;
    padding: 0rem 1rem;
    background: #285dd97a;
    color: #f1eee7 !important; 
    color: #dbd6cb !important;
    background: #364e867a;
    border-style: inset;
}
.account-plan .bounc {
    animation-name: bounceplan;
    animation-duration: 2s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}

    @keyframes bounceplan {
                 0%, 100% { transform: translateY(-10px); }
                 50% { transform: rotate3d(1, 1, 1, 357deg) translateY(0);}
                 }

@media screen and (max-width: 570px) {
    .settings-upd-plan { width: 194px; height: auto;}
    .settings-upd-plan p { font-size: 2rem;  filter: drop-shadow(-0.5px .5px 0.7px #fdf5eb) drop-shadow(1px -2px 0px #5db1db)! important; top: -4px;}
    .settings-upd-plan img {  width: 73px;  left: 34px; filter: hue-rotate(310deg) drop-shadow(-2px 4px 0px #7ca4cf) drop-shadow(2px -1px 1px #fbeaca);top: 0;}
    .settings-upd-plan2 { top: auto!important; left: auto!important;}
    .account-plan .tarifcard { width: auto; }
    .acplan-exp { line-height: 110%; padding: 0.25rem 1rem;}
    .acplan-exp strong { text-wrap-mode: nowrap; }
    .account-plan .tarifcard .card-body { padding: .5rem 1.5rem 1.5rem; }
    }

.account-plan .select2-container--default .select2-selection--single, .account-pay .select2-container--default .select2-selection--single, .account-logs .select2-container--default .select2-selection--single, .account-del .select2-container--default .select2-selection--single {
    border: none;
    color: #fff;
    border-radius: 1rem; 
    font-size: 1.25rem;
    font-family: 'Stereonic';
    font-weight: 800; 
    border-color: #54708e;
    box-shadow: 0px 2px 2px rgb(52 58 255 / 35%);
    line-height: 115%;
    background-image: linear-gradient(360deg, #ffffff00 21%, #f7686836 73%, #cf4dba96 69%), linear-gradient(180deg, #ffffff00 21%, #f768b987 74%, #f64cb296 49%), url(/../themes/carand/assets/images/textures/34.webp) !important;
    background-image: linear-gradient(360deg, #ffffff00 21%, #f7686836 73%, #594dcf96 69%), linear-gradient(180deg, #ffffff00 21%, #688cf787 74%, #4c60f696 49%), url(/../themes/carand/assets/images/textures/34.webp) !important;
    /*background-blend-mode: multiply;*/
    border-bottom: 3px #ededed double !important;
    border-style: double;
    border-radius: 0.8rem !important;
    background-color: unset !important;
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
    }

.account-plan .select2-container .select2-selection--single .select2-selection__rendered, .account-pay .select2-container .select2-selection--single .select2-selection__rendered, .account-logs .select2-container .select2-selection--single .select2-selection__rendered, .account-del .select2-container .select2-selection--single .select2-selection__rendered {
    font-family: 'Stereonic';
    margin-top: 0rem;
    font-size: 20px;
    text-shadow: 1px 1px 1px #ffffff;
    text-shadow: 1px 1px 1px #6c8fa9;
    mix-blend-mode: unset;
    color: #6c8fa9 !important;
    color: #e2f2ff !important;
    line-height: 100%;
    FONT-WEIGHT: 800;
    outline: none !important;
    padding: .75rem 1rem .5rem 1rem !important;
    }

 /* ПЛАТЕЖИ */
 @media screen and (max-width: 570px) {
    .account-pay .table-custom tbody tr {
        border-top: 1px solid #89a2d4 !important;
    }
    .account-pay .table-custom td {
        padding: 0.55rem 0rem 0.6rem .81rem !important;
    }
}
 
.account-pay .badge {
    border-radius: .5rem;
    padding: 0.45em 0.9em .25em; 
 }

.account-pay .card {
    border-radius: 1.5rem!important;
    background-image: url(/../themes/carand/assets/images/textures/proba3.png),linear-gradient(163deg, #e0f3fb 0%, #c6ddeb 29%, #dbe7f5 31%, #dbe4eb 82%, rgb(197 221 237) 100%)!important;
    background-blend-mode: color-burn;
}

.account-pay .table-custom { 
    background-image: url(/../themes/carand/assets/images/textures/34.webp),linear-gradient(163deg, #e0f3fb 0%, #d9eefb 29%, #dbe7f5 31%, #dbe4eb 82%, rgb(197 221 237) 100%)!important;
    background-blend-mode: darken!important;
    background: none;
}
.account-pay .card-body {
    padding: 0.5rem 1.5rem!important
}
 
.set-but-down {
    color: #54b14c !important;
    border-radius: 2rem;
    background: #f9f9f9;
    border: 5px outset #c6e1e1;
    filter: drop-shadow(2px 3px 4px #fff);
    padding: 0.5rem 0.7rem;
    background-blend-mode: hard-light;
}

.set-but-fltr {
    color: #9089c5 !important;
    border-radius: 2rem;
    background: #f9f9f9;
    border: 5px outset #b6b0e7;
    filter: drop-shadow(2px 3px 4px #fff);
    padding: 0.5rem 0.7rem;
    background-blend-mode: hard-light;
}
.chek {
    background-color: #deebf4;
    border-radius: .5rem;
    width: fit-content;
    padding: .5rem;
    border: 2px dotted #b9dfff;
    border: 2px dotted #4f7493;
    margin-left: 20px;
    line-height: 124%;
}
.account-pay .table-responsive, .account-logs .table-responsive {
    border-style: groove;
    border-width: 5px;}

/* ЛОГИ */

.account-logs .card {
    border-radius: 1.5rem!important;
    background-image: url(/../themes/carand/assets/images/textures/proba3.png),linear-gradient(163deg, #e0f3fb 0%, #c6ddeb 29%, #dbe7f5 31%, #dbe4eb 82%, rgb(197 221 237) 100%)!important;
    background-blend-mode: color-burn;
}

.account-logs .table-custom { 
    background-image: url(/../themes/carand/assets/images/textures/34.webp),linear-gradient(163deg, #e0f3fb 0%, #d9eefb 29%, #dbe7f5 31%, #dbe4eb 82%, rgb(197 221 237) 100%)!important;
    background-blend-mode: luminosity!important;
    background: none;
    font-family: 'Stereonic';
}
.account-logs .card-body {
    padding: 0.5rem 1.5rem!important
}

/* УДАЛЕНИЕ АККАУНТА */
.account-del .card {
    border-radius: 1.5rem!important;
    background-image: url(/../themes/carand/assets/images/textures/34.webp),linear-gradient(163deg, #e0f3fb 0%, #d9eefb 29%, #dbe7f5 31%, #dbe4eb 82%, rgb(197 221 237) 100%)!important;
    background-blend-mode: luminosity;
    }
.account-del .btn-danger {
    background-color: #f95b35;
    border-color: #f95b35;
    padding: .5rem .75rem .3rem;
    } 
.account-del .btn:hover { 
    color: #f3edd5;
} 

/* ПОДВАЛ */
.footer-card {
    padding: 1rem 2rem;
    background-color: aliceblue;
    border-style: groove ridge ridge groove !important;
    box-shadow: rgb(185 242 255 / 22%) 5px 6px 2px, rgb(32 47 99 / 12%) -6px -5px 2px !important;
    border-color: antiquewhite !important;
    font-weight: 800;
    font-family: Stereonic;
    background-blend-mode: multiply;
    color: rgb(255, 255, 255);
    background-image: linear-gradient(360deg, rgba(255, 255, 255, 0) 21%, rgba(104, 182, 247, 0.21) 73%, rgba(77, 137, 207, 0.59) 69%), linear-gradient(rgba(255, 255, 255, 0) 21%, rgba(104, 226, 247, 0.51) 74%, rgba(76, 183, 246, 0.59) 49%), url(/../themes/carand/assets/images/textures/34.webp) !important;
    border-width: 2px !important;
    border-color: rgb(232, 238, 242) !important; 
    border-radius: 1.8rem !important;
}
.foot-prod {
    font-size: .75rem;
    color: #bc9869;
    letter-spacing: 1px; 
    filter: blur(.231px) drop-shadow(1px -1px 0px #ffebd0) drop-shadow(-2px 1px .4px #f5d7ab); 
}
.foot-mail {
    color: #4690c2 !important;
    filter: blur(.231px) drop-shadow(1px -1px 0px #ffebd0) drop-shadow(-1px 1px .4px  #83bdff);
    color: #977f61 !important;
    filter: blur(.231px) drop-shadow(1px -1px 0px #ffebd0) drop-shadow(-2px 1px .4px #f5d7ab);
}

.foot-punkt ul>li>a{
    mix-blend-mode: luminosity;
    filter: blur(.431px) drop-shadow(1px -1px 0px #ffebd0) drop-shadow(-1px 1px .4px #5ca9f7f0);
    color: #4d6293 !important; letter-spacing: .5px;
}

.footer-card img {
        filter: contrast(1.3) drop-shadow(-1.1px 1.6px .5px #609eae9c) drop-shadow(0px 0px 4.8px #b0ddff) !important;
}
.umony img {
    width: 94px;
    opacity: .8;
    filter: drop-shadow(1px -1px 0px #ffebd0) drop-shadow(-2px 1px .4px #f5d7ab)!important;
}


/* БЛОГ */
.blog-page h1 {
    filter: drop-shadow(-0.5px 1.5px .7px #fdf5eb) drop-shadow(2px -2px 0px #ffc64d); 
    color: #cadff2;  
    font-size: 7rem;
    line-height: 6rem;
}
.blog-page h2 {
    border-bottom: 2px #bcd4ff5c ridge;
    padding: .75rem 2rem .5rem;
    background: #7cb7ea2b;
    background-size: 100px;
    filter: drop-shadow(-0.5px 1.5px 0.7px #fdf5eb) drop-shadow(2px -2px 0px #8b9cf7);
    box-shadow: inset 1px 1px 5px #5e5e5e;
    background-image: url(/../themes/carand/assets/images/blu.png);
    width: fit-content;
    text-shadow: -2px 4px 2px #6da7e5d6, 2px -1px 1px #fbeaca40;
    border-radius: .75rem; 
    color: #fff7d4 !important;
}

.gap-1 {
    gap: 1rem;
}

.shad-med {
    box-shadow: 0px 2px 6px -2px rgba(0,0,0,0.6);
    }    
    
.blog-card {
    border-radius: 1rem;width: 350px;overflow: hidden;height: 360px;
}
/*.blog-card .card-body {
    border-radius: 1rem;background-image: linear-gradient(360deg, #f7756863 78%, #4dcf5d96 79%), url(/../themes/carand/assets/images/textures/34.webp)!important;background-blend-mode: multiply;
}*/
.blog-card h2 {
    color: #ffd289;
    /* color: #f1eee7; */
    filter: drop-shadow(2px 4px 6px black);
    /* mix-blend-mode: overlay; */
    font-weight: 700 !important;
    font-size: 3rem; 
    background: none;
    text-shadow: none;
    box-shadow: none;
    z-index: 1000;
    position: relative;
    width: fit-content;
}
.blog-card img {
    transform: rotate3d(1, 1, 1, 322deg);
    position: absolute;
    right: -17%;
    width: 56% !important;
    top: 33%;
    /* background: antiquewhite; */
    filter: drop-shadow(-2px 4px 0px #7ca4cf) drop-shadow(2px -1px 1px #fbeaca);
}
.blog-card-descr {
    font-family: 'Stereonic';
    FONT-WEIGHT: 800;
    font-size: 1.1rem;
    color: #ffffff;
    mix-blend-mode: normal;
    border: 2px solid #fffef000;
    line-height: 130%;
}
 
.blog-card-tip {
    font-family: 'PantonRust';
    color:#fff; 
    filter: drop-shadow(2px 4px 6px black);
    mix-blend-mode: overlay;
}

.style-a {
    border: #e8f1ff 4px;
    /* border-style: ridge; */
    Box-shadow: inset 0px 2px 6px -2px rgb(255 255 255 / 60%);
    background: url(/../themes/carand/assets/images/textures/34.webp), linear-gradient(#96b0ff94, #a296ff);
    background-blend-mode: multiply;
}
.style-a .blog-card-descr {
  filter: drop-shadow(1px 1px 0px #77b2ff) drop-shadow(1px 1px 1px #7a6e97);
  color: #f1fcff;
}
.style-a h2 {
  filter: drop-shadow(1px 1px 1px #fff8ec) drop-shadow(1px 1px 1px black); 
}
.style-b {
    overflow: hidden;
    background-image: linear-gradient(33deg, #ffffff00 21%, #f568f736 68%, #4dcf5d96 79%), linear-gradient(145deg, #ffffff00 21%, #f7ef6887 68%, #4cb7f696 79%), url(/../themes/carand/assets/images/textures/34.webp) !important;
    background-blend-mode: multiply;
}
.style-b h2 {
        line-height: 110%;
    font-size: 44px;
    width: 85%;
    text-shadow: 1px 1px 1px #ffffff;
    mix-blend-mode: unset;
    filter: drop-shadow(-1.5px 3px 0.3px #f6a380) drop-shadow(1px -1px 0.4px #fff3c5);
    FONT-WEIGHT: 800;
    color: #ee7070; 
}
.style-b .blog-card-descr {
    color: #fff8ec;
    filter: drop-shadow(1px 1px 1px #77b2ff) drop-shadow(1px 1px 1px #77b2ff);
    color: #f1fcff;
    font-size: 1.25rem;
    line-height: 120%;
    filter: drop-shadow(1px 1px 1px #fff8ec) drop-shadow(1px 1px 1px #77b2ff);
    color: #5dabc0!important;
}

.pop-posts h3 {
    font-family: 'StereonicM';
    FONT-WEIGHT: 800;
    mix-blend-mode: overlay;
    color: #fff9e7;
    filter: drop-shadow(1px 1px 1px #fff8ec) drop-shadow(1px 1px 1px #384789);
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
}
.pop-posts li a {
    filter: drop-shadow(1px 1px 1px #fff8ec) drop-shadow(1px 1px 1px #796c95);
    color: #fff7d4 !important; 
    line-height: 120%;
    display: flex;
}
.pop-posts li a {
    filter: drop-shadow(1px 1px 1px #fff8ec) drop-shadow(1px 1px 1px #77b2ff);
    FONT-WEIGHT: 900;
    color: #278ca8 !important;
    line-height: 120%;
    display: flex;
}
.pop-posts .small {
    font-family: 'PantonRust';
    filter: drop-shadow(1px 1px 1px #fff8ec) drop-shadow(1px 1px 1px #796c95);
    color: #fff7d4 !important; 
 
    line-height: 120%;
    display: flex;
}
.blog-im-gay {
    width: 129px; position: absolute;float: right;right: 30%;top: -68px;top: -50px;
}
.blog-im-car {
    width: 63px;filter: hue-rotate(338deg);position: absolute;
}
.text-sh {
    color: aliceblue;filter: drop-shadow(-2px 4px 0px #7ca4cf) drop-shadow(2px -1px 1px #fbeaca)
}

.text-yel-sh {
    filter: drop-shadow(-0.5px 1.5px .7px #fdf5eb) drop-shadow(2px -2px 0px #ffc64d);
    color: #f0e2c1;
    font-family: 'StereonicM';
    FONT-WEIGHT: 900;
}
.text-silv-sh {
    filter: drop-shadow(-2px 4px 0px #a3b4c9) drop-shadow(2px -1px 2px #a8c1e8);
    color: aliceblue;
    font-size: 2rem;  
    font-family: 'Stereonic';
    FONT-WEIGHT: 900;
    /*  filter: drop-shadow(-2px 4px 0px #7ca4cf) drop-shadow(2px -1px 1px #fbeaca); для светлого фона */
}
.text-ef-select {
    color: aliceblue;
    font-family: 'Stereonic';
    background: #92b9e9;
    box-shadow: 1px 0 4px #c9b5c1;
    filter: drop-shadow(-2px 4px 0px #a3b4c9) drop-shadow(2px -1px 2px #a8c1e8);
    width: fit-content;
    text-shadow: -2px 4px 2px #6da7e5d6, 2px -1px 1px #fbeaca40;
}
.text-ef-bege {
    font-family: 'Stereonic';
    FONT-WEIGHT: 800;
    font-size: 1.25rem;
    line-height: 120%;
    filter: drop-shadow(1px 1px 1px #fff8ec) drop-shadow(1px 1px 1px #796c95);
    color: #fff7d4 !important; 
}
.text-ef-lines {
    font-weight: 700 !important;
    font-size: 3rem; 
    line-height: 100%; 
    color: #f1eee7;
    font-family: 'StereonicM';
    FONT-WEIGHT: 900;
    filter: drop-shadow(-2px 4px 0px #7ca4cf) drop-shadow(2px -1px 0px #fbeaca);
}
.text-ef-potert {
    mix-blend-mode: overlay;
    font-weight: 700 !important;
    font-size: 3rem;
    font-family: 'Stereonic';
    line-height: 100%;  
    filter: drop-shadow(-2px 4px 0px #7ca4cf) drop-shadow(2px -1px 1px #fbeaca);
    color: #ff0000;
    }
.text-ef-potert-for-dark {
    color: #ebd5b7;
    font-weight: 700 !important;
    font-size: 1.5rem;
    font-family: 'Stereonic';
    line-height: 100%;
    filter: drop-shadow(-1px 1px 0px #7ca4cf) drop-shadow(1px -1px 1px #fbeaca);
    color: #ccb1b1;
    }
.soder ul li {
    line-height: 110%;
    margin-bottom: .25rem;
    margin-top: .25rem;
}

/*мобилка*/
@media (max-width: 468px) {
    .blog-im-gay {
        top: -50px; right: -4px;
    }

    .blog-page h1 {
        font-size: 6rem;
    }
    .blog-page h2 { 
        text-align: end;
    }
    .blog-im-car {
        left: 0; bottom: 0;
    }
}

/* СТАТЬЯ */
.blog-post h1 { 
    color: #fff;
    font-size: 4rem;
    line-height: 95%; 
    justify-content: start;
    position: relative;
    filter: drop-shadow(-0.25px 0.5px 0.7px #fdf5eb) drop-shadow(1px -1px 0px #5db1db) blur(.41px);
    mix-blend-mode: luminosity;
    z-index: 100; 
}
.blog-post-PR {
    font-size:1rem;
        @media screen and (max-width: 570px) { font-size: .8rem; }
}
.blog-post-avtor {
    align-items: center; font-size: 1rem; border-top: 1px solid #fff; color: aliceblue; 
}
.blog-post-avtor img { 
    width: 35px;
        @media screen and (max-width: 570px) { width: 25px;    margin-left: .75rem; }
}
.big-img-container img {
    margin: auto;
    max-height: 90vh;
    max-width: 90vw;
    object-fit: contain;
    border-radius: 10px;
    width: auto!important;
    height: 90vh;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
         @media screen and (max-width: 570px) { height: fit-content!important; }
}
   .blog-img {
      width: 418px;
      border-radius: 2rem;
      box-shadow: 0 0 2px 2.6px #4c4c4c;
      border-width: 4.1px;
      border-color: #61828c;
      filter: drop-shadow(2px 4px 6px black);
   }
   .big-img-container {
     display: none;  
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 1000;
     background-color: rgba(0, 0, 0, 0.8);  
     z-index: 1040;
     width: 100%;
     height: 100%;
     left: 0px;
     top: 0px;
     position: fixed !important;
   }

.bluerazdel {
    padding: 3rem;
    justify-content: normal;
    overflow: hidden;
    border: #cfe5ff;
    background-image: radial-gradient(#68bcf7de 5%, #7ccfff 85%), url(/../themes/carand/assets/images/textures/34.webp) !important;
    background-blend-mode: color;
    border-style: inset;
    border-radius: 1rem;
    display: flex;
    gap: 1em; flex-flow: row wrap;
}

.bluerazdel img {
    cursor: pointer;
    width: 418px;
    filter: drop-shadow(2px 2px 1px #fff);
    border-radius: 1.5rem;
    border-color: #4db2a1e6;
    border-style: double;
    border-width: 3.5px;
    padding: 7px;
    position: relative;
    display: flex;
}
.blackrazdel, .pravilo {
    padding: 3rem;justify-content: normal;overflow: hidden;
    border: #cfe5ff;gap: 1em; flex-flow: row wrap; display:flex;
    background-image: linear-gradient(40deg, #e7e6e4, #e7e6e4), url(/../themes/carand/assets/images/textures/34.webp)!important;
    background-blend-mode: exclusion; border-style: inset; border-radius: 1rem;
}
.blackrazdel h2, .pravilo h2, .bluerazdel h2 {color: #ff7878;}
.blackrazdel img {
    cursor: pointer;
    width: 418px;
    filter: drop-shadow(2px 4px 6px black);
    border-radius: 1.5rem;
    box-shadow: 0 0 2px 2.6px #62768c54;
    border-color: #fffcdfa3;
    border-style: double;
    border-width: 3.5px;
    padding: 7px;
    position: relative;
    display: flex ;
}

.blog-img {
    width: 418px;
    border-radius: 2rem;
    box-shadow: 0 0 2px 2.6px #4c4c4c;
    border-width: 4.1px;
    border-color: #61828c;
    filter: drop-shadow(2px 4px 6px black);
}
.post-share-card {
    border-radius: 3rem;width: fit-content;background: #64aa96;align-self: center;
}
.post-share-card .card-body {
    background: #fff2ca;border-radius: 3rem;padding-top: 1rem;padding-bottom: 1rem;width: fit-content;
        @media screen and (max-width: 570px) { padding: 1rem 1rem .5rem; }
}

.download-doc {
    background: #fff7ec;
    border: 5px double #fff;
}
.download-doc img {
    width: 57px;
    background: azure;
    border-radius: 50%;padding: .25rem;
    border: 2px solid #bb7c7c;
}
        @media screen and (max-width: 570px) { 
            .pop-posts .card-body {padding: 1rem .75rem;}
        }

/* приветствие */
.modal-privet { 
    text-align: center;
    /* max-width: 427px; */
    z-index: 1033;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1033;
}
.modal-privet .popup-content {
    background: white;
    padding: 2rem;
    border-radius: 8px;
    text-align: center;
    max-width: 400px;
    background-image: radial-gradient(#bce3ffde 5%, #7ccfff 85%), url(/../themes/carand/assets/images/textures/34.webp);
    background-blend-mode: multiply;
}
.modal-privet h2 {
    font-family: 'Stereonic';
    color: antiquewhite;
    font-size: 3rem;
    line-height: 100%;
    filter: drop-shadow(-1px 1px 0px #6ac9e5) drop-shadow(-1px 1px 2px #727bbd69);
}

.modal-privet p {
    font-family: 'Prosto One';
    color: #474c72;
    text-shadow: none;
    text-transform: none;
    line-height: 120%;
    margin-bottom: -1rem;
}

.modal-privet img {
    height: 210px;
    padding: 0;
    border: none;
    background: none;
    box-shadow: none;
    top: 21px;
    position: relative;
    z-index: 0;
    filter: drop-shadow(-2px 6px 0px #7ca4cf) drop-shadow(2px -1px 1px #fbeaca);
    border-radius: 0;
    width: 233px;
}
.modal-privet button {
    background-image: radial-gradient(#ffffffde 5%, #7ce1ff 85%), url(/../themes/carand/assets/images/textures/34.webp);
    background-blend-mode: multiply;
    color: #fff;
    padding: 0.8rem 2rem 0.4rem 2rem;
    font-size: 1.25rem;
    font-family: 'Stereonic';
    font-weight: 800; 
    background-color: unset;
    border-color: #ffead3;
    box-shadow: 0px 2px 2px #568390fa, inset 0 0 8px #8bb2de;
    border-radius: 1rem !important;
    border-width: 2px;
    text-align: center;
    z-index: 2;
    position: relative;
}
.modal-privet button span {
    color: #557a92;
    letter-spacing: 1px;
    FONT-WEIGHT: 900;
    text-shadow: 1.5px 0 .5px #95d8ff, 0px 0px 1px #557a92;
}