/* ================================================ */
/* =========== © 2010 - 2025 ArtProfits =========== */
/* ================ Andrey Mironov ================ */

html,
body {color: #555555; background: url(../images/bg-body.png) repeat #f5f5f5;}
[data-bs-theme="light"] {--bs-body-color: #555555;}
[data-bs-theme="dark"] body {color: #274165; background: url(../images/bg-body.png) repeat #7aa3db;}

h1, .h1 {font-size: 24px; font-weight: normal; text-decoration: none; font-style: normal;}
h2, .h2 {font-size: 22px; font-weight: normal; text-decoration: none; font-style: normal;}
h3, .h3 {font-size: 20px; font-weight: normal; text-decoration: none; font-style: normal;}
h4, .h4 {font-size: 18px; font-weight: normal; text-decoration: none; font-style: normal;}
h5, .h5 {font-size: 16px; font-weight: normal; text-decoration: none; font-style: normal;}
h6, .h6 {font-size: 14px; font-weight: normal; text-decoration: none; font-style: normal;}

a {color: #3d8bfd; outline: none; text-decoration: none;}
a:hover {color: #e35d6a;}
[data-bs-theme="dark"] a {color: #005c8a;}
[data-bs-theme="dark"] a:hover {color: #3385ad;}

.color-green {color: #198754;}
[data-bs-theme="dark"] .color-green {color: #009933;}
.color-red {color: #db704d;}
[data-bs-theme="dark"] .color-red {color: #CC0000;}

.flash {color: #be5046;}
[data-bs-theme="dark"] .flash {color: #db704d;}

::selection {background: #bedcda; color: #61838d;}

.mejs-container {max-width: 100% !important;}
iframe, video {max-width: 100% !important;}
.instagram-media, .twitter-tweet {display: inline-block !important;}

.header-bg {background: #3eaaf5 url(../images/header-bg.jpg) repeat scroll top center; background-size: cover;}
.header-top-list {background-color: rgba(34, 34, 34, 0.5); color: #fafafa; border-bottom: 1px solid #99b4d6;}
.header-top-list a {color: #fafafa;}
[data-bs-theme="dark"] .header-bg {background: #7aa3db url(../images/header-bg-dark.jpg) repeat scroll top center; background-size: cover;}
[data-bs-theme="dark"] .header-top-list {background-color: hsla(214, 29%, 34%, 0.5); color: #f2f6fb; border-bottom: 1px solid #cadaf1;}
[data-bs-theme="dark"] .header-top-list a {color: #f2f6fb;}
[data-bs-theme="dark"] .header-top-list a:hover {color: #FFFFFF;}

.footer-bootom {background-color: #256693;}
.footer-bg {background-color: #256693;}
[data-bs-theme="dark"] .footer-bootom {background-color: #3d526e;}
[data-bs-theme="dark"] .footer-bg {background-color: #3d526e;}
.link-footer {color: #d3dfed;}
.link-footer:hover {color: #a7bfdc;}
[data-bs-theme="dark"] .link-footer {color: #d3dfed;}
[data-bs-theme="dark"] .link-footer:hover {color: #a7bfdc;}


/* ================= меню и навигация ===================== */
.navbar {padding: 0 1rem;}
.navbar-bg {background-color: hsla(210, 10%, 23%, 0.2) !important;}
[data-bs-theme="dark"] .navbar-bg {background-color: hsla(214, 29%, 34%, 0.5);}

.navbar .nav-link:hover, .navbar .nav-link:focus {color: #ffffff; background-color: hsla(0, 0%, 100%, 0.2); transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out;}
[data-bs-theme="dark"] .navbar .nav-link {color: #f2f6fb;}
[data-bs-theme="dark"] .navbar .nav-link:hover, .navbar .nav-link:focus {color: #ffffff; background-color: hsla(0, 0%, 100%, 0.1);}

/* == боковое меню вкладки == */
.nav-link {padding: 1rem; color: #f8f9fa;}
[data-bs-theme="dark"] .nav-link {padding: 1rem; color: #005c8a;}
.nav-item-reled a {color: #4a4a4a; font-weight: 600;}
.nav-item-reled::after {content: ""; display: block; width: 0px; height: 2px; background: #328bc8; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out;}
[data-bs-theme="dark"] .nav-item-reled::after {background: #005c8a;}
.nav-item-reled:hover::after {width: 100%;}

.nav-link-login {padding: 0rem !important;}
.nav-link-login span {font-size: 0.9rem;}
.link-login a {color: #555555;}
[data-bs-theme="dark"] .link-login a {color: #f2f6fb;}
[data-bs-theme="dark"] .link-login a:hover {color: #FFFFFF;}

.dropdown-item.active,
.dropdown-item:active {background-color: #abb6c2; color: #ffffff; text-decoration: none;}
[data-bs-theme="dark"] .dropdown-item.active,
.dropdown-item:active {background-color: #49738f; color: #f2f6fb; text-decoration: none;}

.nav-item-main {font-size: 1.05rem;}
.dropdown-menu {padding: 4px; border-radius: 0 0 0.25rem 0.25rem;}
[data-bs-theme="dark"] .dropdown-menu {background: #6282af; border-color: #95b5e2;}

.dropdown-item-custom {transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out;}
.dropdown-item-custom:first-child {border-top-left-radius: calc(0rem - 0px); border-top-right-radius: calc(0rem - 0px);}
.dropdown-item-custom:last-child {border-bottom-right-radius: calc(0rem - 0px); border-bottom-left-radius: calc(0rem - 0px);}
.dropdown-item-custom:hover, .dropdown-item-custom:focus {background-color: #3380ce; color: #fafafa; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out;}
[data-bs-theme="dark"] .dropdown-item-custom {color: #f2f6fb;}
[data-bs-theme="dark"] .dropdown-item-custom:hover, .dropdown-item-custom:focus {background-color: #557299; color: #ffffff; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out;}

.search-menu {background-color: #e4e4e4;}

.card-body {color: #4a4a4a;}
[data-bs-theme="dark"] .card {background-color: #a2bfe6; border: 1px solid #719ad5; color: #274165;}
[data-bs-theme="dark"] .card-body {color: #2e4d79;}

.border-club {border-color: #d3d3d3;}
[data-bs-theme="dark"] .border-club {border-color: #719ad5 !important;}
[data-bs-theme="dark"] .border-bottom-header {border-color: #cadaf1 !important;}
[data-bs-theme="dark"] .list-group-item {border-bottom: 1px solid #99b4d6;}
[data-bs-theme="dark"] .bg-atachment {background-color: #cadaf1;}
.badge-active {color: #FFFFFF; background-color: #0097fa;}
.badge-notactive {color: #7a7a7a; background-color: #e0e0e0;}
[data-bs-theme="dark"] .badge-active {color: #FFFFFF; background-color: #3385ad;}
[data-bs-theme="dark"] .badge-notactive {color: #FFFFFF; background-color: #719ad5;}


/* ================= костомизация Bootstrap ===================== */
.mass_comments_action > select {background: #f6f6f6; padding: 5px; font-size: 14px; border: 1px solid #cecece;}
[data-bs-theme="dark"] .mass_comments_action > select {background: #2d5067; padding: 5px; font-size: 14px; border: 1px solid #3b6682;}
.mass_comments_action {text-align: right; border-top: 1px dotted #f6f6f6; padding: 1.5% 0;}
[data-bs-theme="dark"] .mass_comments_action {text-align: right; border-top: 1px dotted #89b2d1; padding: 1.5% 0;}
.form-check-input[type="checkbox"] {width: 1.2em; height: 1.2em; border-color: #328bc8; border-radius: 2px; margin-right: 5px;}
[data-bs-theme="dark"] .form-check-input[type="checkbox"] {width: 1.2em; height: 1.2em; border-color: #365a8d; background-color: #a6c0e5; border-radius: 2px; margin-right: 5px;}
.form-check-input:checked[type="checkbox"] {background-color: #198754; border-color: #187b4d;}
[data-bs-theme="dark"] .form-check-input:checked[type="checkbox"] {background-color: #ca8000; border-color: #e99a27;}
.form-check-input[type="radio"] {width: 1.2em; height: 1.2em; border-color: #328bc8; margin-right: 5px; margin-left: 5px; border-radius: 50px;}
[data-bs-theme="dark"] .form-check-input[type="radio"] {width: 1.2em; height: 1.2em; border-color: #365a8d; background-color: #a6c0e5; margin-right: 5px; margin-left: 5px; border-radius: 50px;}
.form-check-input:checked[type="radio"] {background-color: #198754; border-color: #187b4d;}
[data-bs-theme="dark"] .form-check-input:checked[type="radio"] {background-color: #ca8000; border-color: #e99a27;}
[data-bs-theme="dark"] .form-control {background-color: #cad9ef; border-color: #87acdf; color: #3d526e;}
[data-bs-theme="dark"] .form-control:focus {border-color: #FFFFFF !important; box-shadow: 0px 0px 10px 3px hsla(0, 0%, 100%, 0.5);}
[data-bs-theme="dark"] .form-floating > label {color: #557299;}
[data-bs-theme="dark"] .form-select {background-color: #cad9ef; border-color: #87acdf; color: #3d526e;}
[data-bs-theme="dark"] .form-select:focus {border-color: #FFFFFF !important; box-shadow: 0px 0px 10px 3px hsla(0, 0%, 100%, 0.5);}
[data-bs-theme="dark"] {--bs-body-bg: #cad9ef;}
[data-bs-theme="dark"] {--bs-tertiary-bg: #87acdf;}
[data-bs-theme="dark"] .input-group-text {border: 1px solid #89b2d1;}
[data-bs-theme="dark"] .modal-header {background-color: #6e93c5; color: #edf2fa; border-bottom: 1px solid #cad9ef}

[data-bs-theme="dark"] .alert-success {color: #1a4d33; background-color: #add6c2; border-color: #70b894;}
[data-bs-theme="dark"] .alert-danger {color: #660033; background-color: #f5cce0; border-color: #e066a3;}
[data-bs-theme="dark"] .alert-warning {color: #664d00; background-color: #f0e0b3; border-color: #d1a31a;}
[data-bs-theme="dark"] .border-danger {--bs-border-opacity: 1; border-color: #e066a3 !important;}
[data-bs-theme="dark"] .border-warning {--bs-border-opacity: 1; border-color: #d1a31a !important;}
[data-bs-theme="dark"] .list-group-item {background-color: transparent;}
[data-bs-theme="dark"] .list-group {--bs-list-group-bg: #3b6682;}
[data-bs-theme="dark"] {--bs-secondary-color: hsla(0, 0%, 26%, 0.75); --bs-body-color: #005c8a; --bs-secondary-bg: #b8cdea;}
[data-bs-theme="dark"] .tooltip {--bs-tooltip-color: #4574b6;}

textarea {width: 100%; margin-top: 0; border-radius: 0.25rem; border: 1px solid #328bc8; padding: 10px; color: #292929;}
[data-bs-theme="dark"] textarea {width: 100%; margin-top: 0; border-radius: 0.25rem; border: 1px solid #87acdf; padding: 10px; color: #3d526e; background-color: #bdd1ed;}
textarea:focus {border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);}
[data-bs-theme="dark"] textarea:focus {border-color: #FFFFFF !important; box-shadow: 0px 0px 10px 3px hsla(0, 0%, 100%, 0.5);}


/* ================= кнопки на сайте ===================== */
.btn-success {--bs-btn-color: #ffffff; --bs-btn-bg: #73a839; --bs-btn-border-color: #73a839; --bs-btn-hover-color: #ffffff; --bs-btn-hover-bg: #628f30; --bs-btn-hover-border-color: #5c862e; --bs-btn-focus-shadow-rgb: 136, 181, 87; --bs-btn-active-color: #ffffff; --bs-btn-active-bg: #5c862e; --bs-btn-active-border-color: #567e2b; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #73a839; --bs-btn-disabled-border-color: #73a839;}
.btn-success {background-image: linear-gradient(#89b659, #73a839 60%, #6c9e36);}
.btn-success:hover {background-image: linear-gradient(#73a839, #6da036 60%, #628f30);}
.btn-success:active {background-image: linear-gradient(#5c862e, #5c862e 60%, #517628);}
.btn-check:checked + .btn-success {background-image: linear-gradient(#5c862e, #5c862e 60%, #517628);}

.btn-primary {--bs-btn-color: #ffffff !important; --bs-btn-bg: #2fa4e7; --bs-btn-border-color: #2fa4e7; --bs-btn-hover-color: #ffffff !important; --bs-btn-hover-bg: #288bc4; --bs-btn-hover-border-color: #2683b9; --bs-btn-focus-shadow-rgb: 78, 178, 235; --bs-btn-active-color: #ffffff !important; --bs-btn-active-bg: #2683b9; --bs-btn-active-border-color: #237bad; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #2fa4e7; --bs-btn-disabled-border-color: #2fa4e7;}
.btn-primary {background-image: linear-gradient(#50b3eb, #2fa4e7 60%, #2c9ad9);}
.btn-primary:hover {background-image: linear-gradient(#2fa4e7, #2d9cdb 60%, #288bc4);}
.btn-primary:active {background-image: linear-gradient(#2683b9, #2683b9 60%, #2173a2);}
.btn-check:checked + .btn-primary {background-image: linear-gradient(#2683b9, #2683b9 60%, #2173a2);}

.btn-secondary {--bs-btn-color: #000000 !important; --bs-btn-bg: #f6f8f6; --bs-btn-border-color: #f6f8f6; --bs-btn-hover-color: #000000 !important; --bs-btn-hover-bg: #f2f5f2; --bs-btn-hover-border-color: #ebeef1; --bs-btn-focus-shadow-rgb: 198, 201, 203; --bs-btn-active-color: #000000 !important; --bs-btn-active-bg: #edf0f2; --bs-btn-active-border-color: #ebeef1; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000000 !important; --bs-btn-disabled-bg: #f6f8f6; --bs-btn-disabled-border-color: #f6f8f6;}
.btn-secondary, .btn-outline-secondary {color: #495057 !important;}
.btn-secondary {background-image: linear-gradient(#edeff2, #e9ecef 60%, #dbdee1);}
.btn-secondary:hover {background-image: linear-gradient(#e9ecef, #dde0e3 60%, #c6c9cb);}
.btn-secondary:active {background-image: linear-gradient(#edf1ed, #edf1ed 60%, #a3a5a7);}
.btn-check:checked + .btn-secondary {background-image: linear-gradient(#edf1ed, #edf1ed 60%, #a3a5a7);}

.btn-club {background-color: #328bc8; color: #ffffff; border-radius: 0.25rem;}
.btn-club a, .btn-club a:hover {color: #ffffff !important; font-size: 0.95rem; display: block !important;}
.btn-club:hover {background-color: #be5046; color: #ffffff !important;}
.btn-club:active {background-color: #e35d6a; color: #ffffff !important;}
[data-bs-theme="dark"] .btn-club {background-color: #4d81ca; color: #ffffff;}
[data-bs-theme="dark"] .btn-club a, .btn-club a:hover {color: #ffffff !important; font-size: 0.95rem; display: block !important;}
[data-bs-theme="dark"] .btn-club:hover {background-color: #4574b6;}
[data-bs-theme="dark"] .btn-club:active {background-color: #4574b6;}

.btn-outline-pm {color: #555555; border-left: 2px solid #ffffff;}
.btn-outline-pm a, .btn-outline-pm a:hover {color: #444444 !important; font-size: 0.95rem; display: block !important; border-left: 2px solid #ffffff;}
.btn-outline-pm:hover {border-left: 2px solid #be5046; color: #328bc8 !important; background-color: #f5f5f5 !important;}
.btn-outline-pm:active {border-left: 2px solid #be5046; color: #328bc8 !important; background-color: #f5f5f5 !important;}
[data-bs-theme="dark"] .btn-outline-pm {color: #274165; border-left: 2px solid #bdd1ed;}
[data-bs-theme="dark"] .btn-outline-pm a, .btn-outline-pm a:hover {color: #274165 !important; font-size: 0.95rem; display: block !important; border-left: 2px solid #3b6682;}
[data-bs-theme="dark"] .btn-outline-pm:hover {border-left: 2px solid #274165; color: #edf2fa !important; background-color: #94b3df !important;}
[data-bs-theme="dark"] .btn-outline-pm:active {border-left: 2px solid #274165; color: #edf2fa !important; background-color: #94b3df !important;}

.btn-club-red {background-color: #be5046; color: #ffffff;}
.btn-club-red a, .btn-club-red a:hover {color: #ffffff !important; font-size: 0.95rem; display: block !important;}
.btn-club-red:hover {background-color: #328bc8; color: #ffffff !important;}
.btn-club-red:active {background-color: #e35d6a; color: #ffffff !important;}
[data-bs-theme="dark"] .btn-club-red {background-color: #8e4872; border: 1px solid #8b6279; color: #ffffff;}
[data-bs-theme="dark"] .btn-club-red a, .btn-club-red a:hover {color: #ffffff !important; font-size: 0.95rem; display: block !important;}
[data-bs-theme="dark"] .btn-club-red:hover {background-color: #ad5161; color: #ffffff !important;}
[data-bs-theme="dark"] .btn-club-red:active {background-color: #8b6279; border: 1px solid #8b6279; color: #ffffff !important;}

.btn-download {background-color: #83a603; color: #ffffff !important;}
.btn-download a, .btn-download a:hover {font-size: 0.95rem; display: block !important;}
.btn-download:hover {background-color: #608500; color: #ffffff !important;}
.btn-download:active {background-color: #608500;}
.btn-readi {background-color: #f29f05; color: #333333 !important;}
.btn-readi a, .btn-readi a:hover {font-size: 0.95rem; display: block !important;}
.btn-readi:hover {background-color: #c57a00; color: #ffffff !important;}
.btn-readi:active {background-color: #c57a00;}

.btn-club-search {background-color: #328bc8; color: #ffffff !important;}
.btn-club-search:hover {background-color: #be5046 !important; color: #ffffff !important;}
[data-bs-theme="dark"] .btn-club-search {background-color: #557299; color: #f2f6fb !important;}
[data-bs-theme="dark"] .btn-club-search:hover {background-color: #496283 !important; color: #FFFFFF !important;}

.club-hover:hover {background-color: rgba(0, 0, 0, 0.05); transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out;}
.link-club {color: #6c757d;}
[data-bs-theme="dark"] .link-club {color: #005c8a;}
.link-club:hover {color: #ff485b;}
[data-bs-theme="dark"] .link-club:hover {color: #3385ad;}

.text-club-mute {color: #6c757d;}
[data-bs-theme="dark"] .text-club-mute {color: #2e4d79;}
.btn-shadow:hover {box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45);}

.bbcodes, .dlevotebutton {color: #ffffff; padding: 0.25rem 0.5rem; border: 1px solid #3d8bfd; background: #328bc8; font-size: 0.875rem;}
.bbcodes:hover, .dlevotebutton:hover {color: #ffffff; background: #be5046; border-color: #e35d6a; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45);}
.bbcodes:active, .dlevotebutton:active {color: #ffffff; background: #be5046; border-color: #e35d6a; background-image: none;}
[data-bs-theme="dark"] .bbcodes, .dlevotebutton {color: #ffffff; padding: 0.25rem 0.5rem; border: 1px solid #3b6682; background: #2d5067; font-size: 0.875rem;}
[data-bs-theme="dark"] .bbcodes:hover, .dlevotebutton:hover {color: #f2f6fb; background: #002941; border-color: #3b6682; box-shadow: 0 2px 8px hsla(0, 0%, 100%, 0.5);}
[data-bs-theme="dark"] .bbcodes:active, .dlevotebutton:active {color: #f2f6fb; background: #11435d; border-color: #3b6682; background-image: none;}

.bg-loginmodal {background-color: #fafafa; color: #555555;}
[data-bs-theme="dark"] .bg-loginmodal {background: #b8cdea; color: #274165; border: 1px solid #f2f6fb; -webkit-box-shadow: 0px 0px 50px -10px hsla(0, 0%, 100%, 0.5); -moz-box-shadow: 0px 0px 50px -10px hsla(0, 0%, 100%, 0.5); box-shadow: 0px 0px 50px -10px hsla(0, 0%, 100%, 0.5);}


/* ================= шапка разделов ===================== */
.block-title-wrap {position: static;}
.block-title {line-height: 1; margin-top: 0; margin-bottom: 26px; border-bottom: 2px solid #328bc8;}
.block-title span {line-height: 17px; display: inline-block; padding: 7px 12px 4px; background-color: #328bc8; color: #ffffff; border-radius: 0.25rem 0.25rem 0 0;}
[data-bs-theme="dark"] .block-title {line-height: 1; margin-top: 0; margin-bottom: 26px; border-bottom: 2px solid #4d81ca;}
[data-bs-theme="dark"] .block-title span {line-height: 17px; display: inline-block; padding: 7px 12px 4px; background-color: #4d81ca; color: #ffffff; border-radius: 0.25rem 0.25rem 0 0;}
.block-title-r {line-height: 1; margin-top: 0; margin-bottom: 26px; border-bottom: 2px solid #be5046;}
.block-title-r span {line-height: 17px; display: inline-block; padding: 7px 12px 4px; background-color: #be5046; color: #fafafa; border-radius: 0.25rem 0.25rem 0 0;}
[data-bs-theme="dark"] .block-title-r {line-height: 1; margin-top: 0; margin-bottom: 26px; border-bottom: 2px solid #db704d;}
[data-bs-theme="dark"] .block-title-r span {line-height: 17px; display: inline-block; padding: 7px 12px 4px; background-color: #db704d; color: #ffffff; border-radius: 0.25rem 0.25rem 0 0;}
.block-title-b {line-height: 1; margin-top: 0; margin-bottom: 26px; border-bottom: 2px solid #606878;}
.block-title-b span {line-height: 17px; display: inline-block; padding: 7px 12px 4px; background-color: #606878; color: #ffffff; border-radius: 0.25rem 0.25rem 0 0;}
[data-bs-theme="dark"] .block-title-b {line-height: 1; margin-top: 0; margin-bottom: 26px; border-bottom: 2px solid #557299;}
[data-bs-theme="dark"] .block-title-b span {line-height: 17px; display: inline-block; padding: 7px 12px 4px; background-color: #557299; color: #ffffff; border-radius: 0.25rem 0.25rem 0 0;}


/* ================= дата публикации ===================== */
.date {float: left; margin-right: 10px; min-width: 60px; text-align: center; background: #ffffff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);}
[data-bs-theme="dark"] .date {background: #f1f1e6;}
.month {color: #ffffff; text-align: center; font-size: 10px; line-height: 12px; padding-top: 3px; padding-bottom: 4px; font-weight: 700; display: block;}
.day {color: #555555; font-weight: 700; font-size: 1.3rem; line-height: 1.8rem; text-align: center;}
.year {color: #555555; font-size: 12px; line-height: 12px; padding-bottom: 4px; display: block; text-align: center;}
.bg-month-b {background-color: #328bc8;}
.bg-month-r {background-color: #be5046;}
[data-bs-theme="dark"] .bg-month-b {background-color: #557299;}
[data-bs-theme="dark"] .bg-month-r {background-color: #db704d;}


.story-img {line-height: 18px;}
.story-img img {padding: 5px 5px 0px 0px;}
.card-footer {border-top: 1px solid rgba(255, 255, 255, 0.15);}
.card-user-bg {background: url(../images/userbg.jpg) center center; background-size: cover;}
.card-user-bg p {line-height: 0.1rem;}
.card-user-text {font-weight: 600;}
.card-user > .nav-pills .nav-link {border-radius: 0rem; color: #328bc8;}
[data-bs-theme="dark"] .card-user > .nav-pills .nav-link {border-radius: 0rem; color: #FFFFFF;}
.card-user > .nav-pills .nav-link.active, .nav-pills .show > .nav-link {color: #be5046; background-color: rgba(190, 80, 70, 0); border-bottom: 3px solid #be5046;}
[data-bs-theme="dark"] .card-user > .nav-pills .nav-link.active, .nav-pills .show > .nav-link {color: #004c7d; background-color: rgba(255, 214, 79, 0); border-bottom: 3px solid #004c7d;}
.page-header {border-bottom: 1px solid rgba(182, 189, 202, 0.5); margin: 5px 0px 5px 0px !important; padding-bottom: 10px !important;}
.bg-addcomments {background-color: #f8f8f8;}
[data-bs-theme="dark"] .bg-addcomments {background: #b8cdea;}
.comments {background-color: #ffffff; border: 1px solid rgba(182, 189, 202, 0.5);}
[data-bs-theme="dark"] .comments {background-color: #b8cdea; border: 1px solid #94b3df;}
[data-bs-theme="dark"] .bg-light-subtle {background-color: #b8cdea !important; border: 1px solid #89b2d1 !important;}
[data-bs-theme="dark"] .border-light-subtle {border-color: #628ba8 !important;}

.comments-tree-list {display: block; margin: 0; padding: 0; list-style: none;}
.comments-tree-list .comments-tree-list {padding-left: 30px;}
.comments-tree-item {display: block;  margin: 0; padding: 0;}
#dlefastreplycomments {padding: 5px; background: #e4ecf0; margin: 5px 5px 5px 30px;}
.commentsreplyname {padding: 2px; border: 1px solid #bcc0c2; width: 200px; background: #ffffff;}

.breadcrumb {background-color: #ffffff; border: 1px solid rgba(0, 0, 0, 0.15);}
[data-bs-theme="dark"] .breadcrumb {background-color: #a2bfe6; border: 1px solid #719ad5; color: #274165;}




/* ================= навигация по сайту ===================== */
.navigation {color: #fafafa;}
.navigation a:active,
.navigation a:visited,
.navigation a:link {color: #fafafa; padding: 8px 14px; border: 1px solid rgba(255, 255, 255, 0.15); background-color: #606878;}
.navigation a:hover {color: #fafafa; border: 1px solid #d05151; background-color: #be5046;}
.navigation span {color: #fafafa; padding: 8px 14px; border: 1px solid #3d8bfd; background-color: #61afef; cursor: not-allowed;}
.nav_ext {color: #fafafa; border: 1px solid rgba(255, 255, 255, 0.15); background-color: #3f4756; cursor: not-allowed;}
[data-bs-theme="dark"] .navigation {color: #fafafa;}
[data-bs-theme="dark"] .navigation a:active,
[data-bs-theme="dark"] .navigation a:visited,
[data-bs-theme="dark"] .navigation a:link {color: #fafafa; padding: 8px 14px; border: 1px solid #b8cdea; background-color: #4574b6;}
[data-bs-theme="dark"] .navigation a:hover {color: #fafafa; border: 1px solid #80cbfd; background-color: #0097fa;}
[data-bs-theme="dark"] .navigation span {color: #fafafa; padding: 8px 14px; border: 1px solid #b8cdea; background-color: #719ad5; cursor: not-allowed;}


/* ================= теги публикаций ===================== */
.tag_list > a {color: inherit; text-decoration: none; padding-right: 3px; margin: 0 2px 2px 0;}
.tag_list > a:before {display: inline-block; content: " ";}
.tag_list > a:hover {color: #be5046;}
[data-bs-theme="dark"] .tag_list > a:hover {color: #ffd54f;}
.tag_list > span {margin: 0 2px 2px 0;}
.tag_list > span,
.tag_list > span > a:before {display: inline-block; content: " ";}
.tag_list > span > a {color: inherit; text-decoration: none; padding-right: 3px;}
.tag_list > span > a:hover {color: #be5046;}
[data-bs-theme="dark"] .tag_list > span > a:hover {color: #ffd54f;}
.tags_more {margin-top: 1em;}
.clouds_xsmall {font-size: 1rem;}
.clouds_small {font-size: 1.25rem;}
.clouds_medium {font-size: 1.5rem;}
.clouds_large {font-size: 1.75rem;}
.clouds_xlarge {font-size: 2rem;}
[data-bs-theme="dark"] .clouds_xsmall a {font-size: 1rem; color: #996600;}
[data-bs-theme="dark"] .clouds_xsmall a:hover {font-size: 1rem; color: #3385ad;}
[data-bs-theme="dark"] .clouds_small a {font-size: 1.25rem; color: #336600;}
[data-bs-theme="dark"] .clouds_small a:hover {font-size: 1.25rem; color: #3385ad;}
[data-bs-theme="dark"] .clouds_medium a {font-size: 1.5rem; color: #3300FF;}
[data-bs-theme="dark"] .clouds_medium a:hover {font-size: 1.5rem; color: #3385ad;}
[data-bs-theme="dark"] .clouds_large a {font-size: 1.75rem; color: #990033;}
[data-bs-theme="dark"] .clouds_large a:hover {font-size: 1.75rem; color: #3385ad;}
[data-bs-theme="dark"] .clouds_xlarge a {font-size: 2rem; color: #660066;}
[data-bs-theme="dark"] .clouds_xlarge a:hover {font-size: 2rem; color: #3385ad;}


/* ================= диалоговые окна на сайте ===================== */
.ui-widget-overlay {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000000; opacity: 0.5; filter: alpha(opacity=50);}
.ui-widget-content {background-color: #fafafa;}
[data-bs-theme="dark"] .ui-widget-content {background: #cad9ef; color: #274165}
.ui-corner-all input {background-color: #ffffff; border: 1px solid #cccccc; color: #555555; border-radius: 3px;}
.ui-corner-all input:focus {outline: none;}
[data-bs-theme="dark"] .ui-corner-all input {border-color: #82a7da; background-color: #dbe6f4; color: #2e4d79;}
.ui-helper-clearfix:after,
.ui-helper-clearfix:before {content: ""; display: table; border-collapse: collapse;}
.ui-helper-clearfix:after {clear: both;}
.ui-dialog {position: fixed; top: 0; left: 0; background-color: #ffffff; border: 1px solid #848a97; border-radius: 0; outline: 0; overflow: hidden; -webkit-box-shadow: 0 10px 20px -4px rgba(0, 0, 0, 0.4); box-shadow: 0 10px 20px -4px rgba(0, 0, 0, 0.4);}
[data-bs-theme="dark"] .ui-dialog {background-color: #49738f; border: 1px solid #82a7da; -webkit-box-shadow: 0px 0px 50px -10px hsla(0, 0%, 100%, 1); -moz-box-shadow: 0px 0px 50px -10px hsla(0, 0%, 100%, 1); box-shadow: 0px 0px 50px -10px hsla(0, 0%, 100%, 1);}
.ui-dialog-titlebar {position: relative; padding: 0.5rem 0.8rem; background-color: #328bc8;}
[data-bs-theme="dark"] .ui-dialog-titlebar {background: #6e93c5;}
.ui-dialog-title {float: left; color: #ffffff; font-weight: 600; overflow: hidden; text-overflow: ellipsis;}
[data-bs-theme="dark"] .ui-dialog-title {color: #f8f8f8;}
.ui-dialog-titlebar button {visibility: hidden;}
.ui-dialog-titlebar-close:before { font-family: "artprofit"; font-style: normal; font-weight: normal; content: "\e9a0"; visibility: visible; color: #ffffff; font-size: 20px; position: absolute; top: 6px; right: 12px;}
[data-bs-theme="dark"] .ui-dialog-titlebar-close:before {color: #f8f8f8;}
.ui-dialog-titlebar-close:hover {opacity: 0.75;}
.ui-draggable .ui-dialog-titlebar {cursor: move;}
.ui-dialog-content {position: relative; font-size: 0.9rem; border: 0; padding: 20px; overflow: auto; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
.ui-dialog-content select {background: #ffffff; border: 1px solid #cccccc; color: #555555;}
[data-bs-theme="dark"] .ui-dialog-content select {background: #3b6682; border: 1px solid #628ba8; color: #f8f8f8;}
.ui-dialog-buttonpane {text-align: left; padding: 2px 10px; background: #eeeeee;}
[data-bs-theme="dark"] .ui-dialog-buttonpane {background: #b8cdea;}
.ui-dialog-buttonpane .ui-dialog-buttonset {float: right; outline: none;}
.ui-dialog-buttonset button {font-size: 0.85rem; border: 0 none; vertical-align: middle; cursor: pointer; border-radius: 3px; outline: none; padding: 5px 15px; text-decoration: none !important; text-shadow: 1px 1px 2px rgba(51, 51, 51, 0.5); margin: 0.5rem; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); box-sizing: border-box; -webkit-transition: all ease 0.1s; transition: all ease 0.1s;}
.ui-dialog-buttonset button:first-child {background-color: #c48c3a; color: #ffffff !important;}
.ui-dialog-buttonset button:first-child:hover {background-color: #976410;}
.ui-dialog-buttonset button:nth-child(2) {background-color: #66968b; color: #ffffff !important;}
.ui-dialog-buttonset button:nth-child(2):hover {background-color: #417166;}
.ui-dialog-buttonset button:last-child {background-color: #729900; color: #ffffff !important;}
.ui-dialog-buttonset button:last-child:hover {background-color: #4a7300;}
.ui-dialog-buttonset button.ui-button-delete {background-color: #f44336; color: #ffffff !important;}
.ui-dialog-buttonset button.ui-button-delete:hover {background-color: #db3a2f;}
.ui-state-error {border: 1px solid #f44336 !important;}
.ui-front {z-index: 1000;}
.ui-button-icon-only {overflow: hidden; text-indent: -9999px;}

.file-box {width: 95%; max-width: 437px; border: 1px solid #b3b3b3; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-color: #f5f5f5; padding: 10px; margin-top: 10px;}
.qq-uploader {position: relative; width: 100%;}
.qq-upload-button {display: inline-block; padding: 4px 10px 4px 10px; margin-top: 5px; font: bold 11px/1.5em Verdana; color: #000000; border: 1px solid #cacaca; cursor: pointer;}
.qq-upload-drop-area {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; max-width: 437px; background: #ff9797; text-align: center;}
.qq-upload-drop-area span {display: block; position: absolute; top: 50%; width: 100%; margin-top: -8px; font-size: 16px;}
.qq-upload-drop-area-active {background: #ff7171;}
.uploadedfile {float: left !important; width: 115px; height: 130px; margin: 10px 5px 5px 5px; border: 1px solid #b3b3b3; -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3); text-align: center; background: #ffffff;}
.uploadedfile .uploadimage {margin-top: 5px; width: 115px; height: 90px; display: flex; align-items: center; justify-content: center; cursor: move; cursor: -webkit-grabbing;}
.uploadedfile .info {text-align: left; white-space: nowrap; margin: 0px 5px 0px 5px; overflow: hidden;}
.sortable-ghost {opacity: 0.4;}
.progress {overflow: hidden; margin-top: 10px; margin-bottom: 10px; background-color: whitesmoke; height: 10px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; background: #eee; -webkit-box-shadow: 0 1px 0 white, 0 0px 0 1px rgba(0, 0, 0, 0.1) inset, 0 1px 4px rgba(0, 0, 0, 0.2) inset; box-shadow: 0 1px 0 white, 0 0px 0 1px rgba(0, 0, 0, 0.1) inset, 0 1px 4px rgba(0, 0, 0, 0.2) inset;}
.progress .progress-bar {float: left; width: 0%; font-size: 12px; line-height: 20px; color: white; text-align: center; background-color: #428bca; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-transition: width 0.6s ease; transition: width 0.6s ease; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; height: 8px;}
.progress-bar span {position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); border: 0;}
.progress-blue {background-image: -webkit-gradient(linear, left 0%, left 100%, from(#9bcff5), to(#6db9f0)); background-image: -webkit-linear-gradient(top, #9bcff5, 0%, #6db9f0, 100%); background-image: -moz-linear-gradient(top, #9bcff5 0%, #6db9f0 100%); background-image: linear-gradient(to bottom, #9bcff5 0%, #6db9f0 100%); background-repeat: repeat-x; border: 1px solid #55aeee;}
.findrelated {background-color: #fff3cd; color: #664d03; position: relative; padding: 1rem; margin-bottom: 1rem; border-color: transparent; border: 1px solid #ffecb5;}


/* ================= спинер загрузчика ===================== */
#loading-layer {display: block !important; z-index: 9999; position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; text-indent: -9999px; overflow: hidden; white-space: nowrap;}
#loading-layer::after {content: ""; display: block; position: absolute; left: 50%; top: 50%; height: 100px; width: 100px; margin: 0px auto; -webkit-animation: rotation 0.6s infinite linear; -moz-animation: rotation 0.6s infinite linear; -o-animation: rotation 0.6s infinite linear; animation: rotation 0.6s infinite linear; border-left: 4px solid rgba(0, 174, 239, 0.15); border-right: 4px solid rgba(0, 174, 239, 0.15); border-bottom: 4px solid rgba(0, 174, 239, 0.15); border-top: 4px solid rgba(0, 174, 239, 0.8); border-radius: 100%;}
@-webkit-keyframes rotation {from {-webkit-transform: rotate(0deg);} to {-webkit-transform: rotate(359deg);}}
@-moz-keyframes rotation {from {-moz-transform: rotate(0deg);} to {-moz-transform: rotate(359deg);}}
@-o-keyframes rotation {from {-o-transform: rotate(0deg);} to {-o-transform: rotate(359deg);}}
@keyframes rotation {from {transform: rotate(0deg);} to {transform: rotate(359deg);}}

.xfieldsrow {padding-top: 10px; clear: both;}
.xfieldsrow label > input[type="checkbox"] {margin-right: 5px;}
.xfieldscolleft {width: 30%;}
.xfieldscolright {width: 70%;}
.xfieldscolright select {--bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); display: block; width: 100%; padding: 0.375rem 2.25rem 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #005c8a; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: var(--bs-body-bg); background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none); background-repeat: no-repeat; background-position: right 0.75rem center; background-size: 16px 12px; border: var(--bs-border-width) solid var(--bs-border-color); border-radius: var(--bs-border-radius); transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;}
[data-bs-theme="dark"] .xfieldscolright select {border-color: #628ba8; background-color: #3b6682;}
.xfieldimagegallery {margin: 0; padding: 0; list-style: none; clear: both;}
.xfieldimagegallery li {list-style: none; margin: 0; padding: 0;}
.xfieldimagegallery li img {float: left; margin: 8px; -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.176); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.176); width: 160px; height: auto;}
.xfieldimagegallery li img:hover {box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.4);}
.xfieldsnote {color: #838383; font-size: 0.9em;}
.xprofile input {display: block; width: 100%; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #ffffff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0rem; -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; margin-bottom: 0.5rem !important;}
.xprofile input:focus {color: #495057; background-color: #ffffff; border-color: #a1d6f4; outline: 0; -webkit-box-shadow: 0 0 0 0.075rem rgba(13, 110, 253, 0.075); box-shadow: 0 0 0 0.075rem rgba(13, 110, 253, 0.075);}
.xprofile select {color: #000000; border: 1px solid #8a8989; background-color: #ffffff;}
.xprofile textarea {height: 70px; margin: 0px 1px 0px 0px; padding: 0px;}
.xfields_table td {vertical-align: middle;}

.title_quote {font-size: 0.9rem; font-weight: 600; color: #ffffff; padding: 5px 10px; background-color: #ff9800; border-top-left-radius: 3px; border-top-right-radius: 3px;}
.title_quote + .quote {border-top-width: 0; border-left-width: 1px; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;}
.quote,
blockquote {font-size: 0.95rem; padding: 0.5rem 0.7rem; border: 1px solid #ff9800; border-left-width: 1px; color: #333333; background-color: #fff3e0; border-left-width: 5px; margin: 0;}
[data-bs-theme="dark"] .title_quote {font-size: 0.9rem; font-weight: 600; color: #663d00; padding: 5px 10px; background-color: #e68900; border-top-left-radius: 3px; border-top-right-radius: 3px;}
[data-bs-theme="dark"] .title_quote + .quote {border-top-width: 0; border-left-width: 1px; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;}
[data-bs-theme="dark"] .quote,
blockquote {font-size: 0.9rem; padding: 0.5rem 0.7rem; border: 1px solid #e68900; border-left-width: 1px; color: #663d00; background-color: #ffe0b3; border-left-width: 5px; margin: 0;}
.title_spoiler a {color: #052c65;}
.title_spoiler a:hover {color: #465999;}
.title_spoiler {font-size: 0.9rem; font-weight: 600; padding: 5px 10px; background-color: #cfe2ff; border: 1px solid #9ec5fe; border-top-left-radius: 5px; border-top-right-radius: 5px;}
.title_spoiler + .text_spoiler {border-top-width: 0; border-left-width: 1px; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
.text_spoiler {font-size: 0.95rem; padding: 0.5rem 0.7rem; border: 1px solid #9ec5fe; color: #052c65; background-color: #e6f4f1; margin: 0;}
[data-bs-theme="dark"] .title_spoiler a {color: #f0fbff;}
[data-bs-theme="dark"] .title_spoiler a:hover {color: #f0fbff;}
[data-bs-theme="dark"] .title_spoiler {font-size: 0.9rem; font-weight: 600; padding: 5px 10px; background-color: #375a7f; border: 1px solid #375a7f; border-top-left-radius: 5px; border-top-right-radius: 5px;}
[data-bs-theme="dark"] .title_spoiler + .text_spoiler {border-top-width: 0; border-left-width: 1px; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
[data-bs-theme="dark"] .text_spoiler {font-size: 0.95rem; padding: 0.5rem 0.7rem; border: 1px solid #375a7f; color: #ffffff; background-color: #6b8cb4; margin: 0;}

#dropmenudiv {min-width: 140px; width: auto !important; background-color: #ffffff; font-size: 15px; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0 0 5px 5px; -webkit-box-shadow: 0 6px 10px rgba(0, 0, 0, 0.5); box-shadow: 0 6px 10px rgba(0, 0, 0, 0.5); margin-bottom: 2px; padding: 5px 0; opacity: 0.95 !important;}
[data-bs-theme="dark"] #dropmenudiv {background: #cad9ef;}
#dropmenudiv a {display: block; text-decoration: none; color: #292929; padding: 5px; margin: 5px;}
[data-bs-theme="dark"] #dropmenudiv a {color: #274165;}
#dropmenudiv a:hover {color: #ffffff; background-color: #9966CC; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out;}

#searchsuggestions {z-index: 2200; width: 400px; overflow: hidden; background: #ffffff; box-shadow: 0px 2px 20px rgba(0, 1, 0, 0.176); border-right: 1px solid #66afe9; border-bottom: 1px solid #66afe9; border-left: 1px solid #66afe9; background-clip: padding-box; font-size: 0.9em; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
#searchsuggestions a,
#searchsuggestions span.notfound {padding: 15px 25px; display: block; text-decoration: none; border-bottom: 1px solid #66afe9;}
#searchsuggestions a {color: inherit;}
#searchsuggestions a:hover {background-color: #f7f7f7;}
#searchsuggestions a span {display: block; cursor: pointer;}
#searchsuggestions span.searchheading {display: block; font-weight: bold; margin-bottom: 0.2em;}
#searchsuggestions span.seperator {display: block;}
#searchsuggestions span.seperator a {padding: 10px 0; text-align: center; border: 0 none; background-color: #54b4eb; color: #ffffff;}
#searchsuggestions span.seperator a:hover {background-color: #2fa4e7;}
#searchsuggestions span.notfound {padding: 15px 25px; display: block;}
#searchsuggestions .break {display: none;}

.quick-edit-text {padding: 0.4em; width: 100%;}
.quick-edit-textarea {height: 250px; box-sizing: border-box; padding: 2px; border: 1px solid #d7d7d7; width: 100%; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;}
.vote {margin-bottom: 5px;}
.voteprogress,
.pollprogress,
.pm_progress_bar {vertical-align: baseline; display: -webkit-box; display: -ms-flexbox; display: flex; height: 1.5rem; overflow: hidden; font-size: 1rem; text-shadow: 1px 1px 2px rgba(51, 51, 51, 0.5); border-radius: 0.375rem; margin-bottom: 10px; background-color: #e9ecef;}
.voteprogress span,
.pollprogress span,
.pm_progress_bar span {display: flex; flex-direction: column; justify-content: center; color: #ffffff; text-align: center; white-space: nowrap; background-color: #73a839; -webkit-transition: width 0.6s ease; transition: width 0.6s ease; background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 1rem 1rem; animation: 1s linear infinite progress-bar-stripes; animation-direction: reverse;}
.voteprogress .vote1,
.pollprogress .poll1 {background-color: #0d6efd; background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);}
.voteprogress .vote2,
.pollprogress .poll2 {background-color: #73a839; background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);}
.voteprogress .vote3,
.pollprogress .poll3 {background-color: #dd5600; background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);}
.voteprogress .vote4,
.pollprogress .poll4 {background-color: #c71c22; background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);}
.voteprogress .vote5,
.pollprogress .poll5 {background-color: #993dbc; background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);}
.pollallvotes {text-align: center; margin-top: 10px;}

.ui-autocomplete {position: absolute; cursor: default;}
* html .ui-autocomplete {width: 1px;}
.ui-menu {list-style: none; padding: 2px; margin: 0; float: left; background: #ffffff 50% bottom repeat-x; border: 1px solid #dedede; color: #353535;}
.ui-menu .ui-menu {margin-top: -3px;}
.ui-menu .ui-menu-item {margin: 0; padding: 0; zoom: 1; float: left; clear: left; width: 100%;}
.ui-menu .ui-menu-item a {text-decoration: none; display: block; padding: 0.2em 0.4em; line-height: 1.5; zoom: 1;}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {font-weight: normal; margin: -1px; border: 1px solid #a7a7a7; color: #4e4e4e;}

.owl-carousel {display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1;}
.owl-carousel .owl-stage {position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; backface-visibility: hidden; -moz-backface-visibility: hidden;}
.owl-carousel .owl-stage:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.owl-carousel .owl-stage-outer {position: relative; overflow: hidden; transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {backface-visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0);}
.owl-carousel .owl-item {position: relative; min-height: 1px; float: left; backface-visibility: hidden; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none;}
.owl-carousel .owl-item img {display: block; width: 100%;}
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {display: none;}
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {background: none; color: inherit; border: none; padding: 0 !important; font: inherit;}
.owl-carousel.owl-loaded {display: block;}
.owl-carousel.owl-loading {opacity: 0; display: block;}
.owl-carousel.owl-hidden {opacity: 0;}
.owl-carousel.owl-refresh .owl-item {visibility: hidden;}
.owl-carousel.owl-drag .owl-item {-ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.owl-carousel.owl-grab {cursor: move; cursor: grab;}
.owl-carousel.owl-rtl {direction: rtl;}
.owl-carousel.owl-rtl .owl-item {float: right;}
.no-js .owl-carousel {display: block;}
.owl-carousel .animated {animation-duration: 1000ms; animation-fill-mode: both;}
.owl-carousel .owl-animated-in {z-index: 0;}
.owl-carousel .owl-animated-out {z-index: 1;}
.owl-carousel .fadeOut {animation-name: fadeOut;}
@keyframes fadeOut {0% {opacity: 1;} 100% {opacity: 0;}}
.owl-height {transition: height 500ms ease-in-out;}
.owl-carousel .owl-item .owl-lazy {opacity: 0; transition: opacity 400ms ease;}
.owl-carousel .owl-item .owl-lazy[src^=""],
.owl-carousel .owl-item .owl-lazy:not([src]) {max-height: 0;}
.owl-carousel .owl-item img.owl-lazy {transform-style: preserve-3d;}
.owl-theme .owl-nav {margin-top: 10px; text-align: center; -webkit-tap-highlight-color: transparent;}
.owl-theme .owl-nav [class*="owl-"] {color: #ffffff; font-size: 14px; margin: 5px; padding: 4px 7px; background: #d6d6d6; display: inline-block; cursor: pointer; border-radius: 3px;}
.owl-theme .owl-nav [class*="owl-"]:hover {background: #869791; color: #ffffff; text-decoration: none;}
.owl-theme .owl-nav .disabled {opacity: 0.5; cursor: default;}
.owl-theme .owl-nav.disabled + .owl-dots {margin-top: 10px;}
.owl-theme .owl-dots {text-align: center; -webkit-tap-highlight-color: transparent;}
.owl-theme .owl-dots .owl-dot {display: inline-block; zoom: 1;}
.owl-theme .owl-dots .owl-dot span {width: 10px; height: 10px; margin: 5px 7px; background: #d6d6d6; display: block; backface-visibility: visible; -webkit-backface-visibility: visible; transition: opacity 200ms ease; border-radius: 30px;}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {background: #869791;}
@-webkit-keyframes fadeInUp {0% {opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);} to {opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0);}}
@keyframes fadeInUp {0% {opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);} to {opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0);}}
.fadeInUp {-webkit-animation-name: fadeInUp; animation-name: fadeInUp;}
@-webkit-keyframes fadeOut {0% {opacity: 1;} to {opacity: 0;}}
@keyframes fadeOut {0% {opacity: 1;} to {opacity: 0;}}
.fadeOut {-webkit-animation-name: fadeOut; animation-name: fadeOut;}

/* ================= 9.5 ===================== */
/*--- Подсветка кода в теге [code] ---*/
pre code {display: block; padding: 0.5em; background: #f9fafa; border: 1px solid #dce7e7; overflow: auto; white-space: pre;}
[data-bs-theme="dark"] pre code {background: #6b8cb4; border: 1px solid #375a7f;}
pre .comment, pre .template_comment, pre .diff .header, pre .doctype, pre .lisp .string, pre .javadoc {padding: 0; margin: 0; border: none; box-shadow: none; background-color: inherit; color: #93a1a1; font-style: italic;}
pre .keyword, pre .css .rule .keyword, pre .winutils, pre .javascript .title, pre .method, pre .addition, pre .css .tag, pre .lisp .title {color: #859900;}
pre .number, pre .command, pre .string, pre .tag .value, pre .phpdoc, pre .tex .formula, pre .regexp, pre .hexcolor {color: #2aa198;}
pre .title, pre .localvars, pre .function .title, pre .chunk, pre .decorator, pre .builtin, pre .built_in, pre .lisp .title, pre .identifier, pre .title .keymethods, pre .id {color: #268bd2;}
pre .tag .title,
pre .rules .property,
pre .django .tag .keyword {font-weight: bold; font-size: 1.08em !important;}
pre .attribute, pre .variable, pre .instancevar, pre .lisp .body, pre .smalltalk .number, pre .constant, pre .class .title, pre .parent, pre .haskell .label {color: #b58900;}
pre .preprocessor, pre .pi, pre .shebang, pre .symbol, pre .diff .change, pre .special, pre .keymethods, pre .attr_selector, pre .important, pre .subst, pre .cdata {color: #cb4b16;}
pre .deletion {color: #dc322f;}
pre .tex .formula {background: #eee8d5;}
pre .comment:hover {background-color: inherit; box-shadow: none;}

/* ================= 14.0 ===================== */
.emoji {border: none; vertical-align: middle; width: 22px; height: 22px;}
.emoji_box {width: 100%; max-width: 390px;}
.emoji_category {padding: 7px; clear: both;}
.emoji_list {margin-top: 5px; margin-bottom: 5px; width: 100%; font-family: "Apple Color Emoji", "Segoe UI Emoji", "NotoColorEmoji", "Segoe UI Symbol", "Android Emoji", "EmojiSymbols"; font-size: 2em;}
.emoji_symbol {float: left; margin-bottom: 10px; width: 12.5%; text-align: center;}
.emoji_symbol a,
.emoji_symbol a:hover {cursor: pointer; text-decoration: none;}
.native-emoji {font-size: 1.3em; font-family: "Apple Color Emoji", "Segoe UI Emoji", "NotoColorEmoji", "Segoe UI Symbol", "Android Emoji", "EmojiSymbols";}

/* ================= 14.3 ===================== */
/*--- Подсветка исходного кода ---*/
.hljs-comment,
.hljs-quote {color: #a0a1a7; font-style: italic;}
.hljs-doctag,
.hljs-keyword,
.hljs-formula {color: #a626a4;}
.hljs-section,
.hljs-name,
.hljs-selector-tag,
.hljs-deletion,
.hljs-subst {color: #e45649;}
.hljs-literal {color: #0184bb;}
.hljs-string,
.hljs-regexp,
.hljs-addition,
.hljs-attribute,
.hljs-meta-string {color: #50a14f;}
.hljs-built_in,
.hljs-class .hljs-title {color: #c18401;}
.hljs-attr,
.hljs-variable,
.hljs-template-variable,
.hljs-type,
.hljs-selector-class,
.hljs-selector-attr,
.hljs-selector-pseudo,
.hljs-number {color: #986801;}
.hljs-symbol,
.hljs-bullet,
.hljs-link,
.hljs-meta,
.hljs-selector-id,
.hljs-title {color: #4078f2;}
.hljs-emphasis {font-style: italic;}
.hljs-strong {font-weight: bold;}
.hljs-link {text-decoration: underline;}

/* ================= 15.1 ===================== */
figure {margin: 0;}
figure.align-left {float: left;}
figure.align-right {float: right;}
figure.image.align-center {display: table; margin-left: auto; margin-right: auto;}
figure.image figcaption {padding: 1rem; background-color: #fafafa; font-size: 0.8rem; caption-side: bottom; word-break: break-word; text-align: center;}
figure.image.align-center figcaption {display: table-caption;}

/* ================= 15.3 ===================== */
.comments-image-gallery {margin: 0; padding: 0; list-style: none; clear: both;}
.comments-image-gallery li {list-style: none; margin: 0; padding: 0;}
.comments-image-gallery li img {float: left; margin-right: 5px; border: 5px solid #ffffff; width: 100px; height: 100px; transition: box-shadow 0.5s ease;}
.comments-image-gallery li img:hover {box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.4);}
.mce-toc {border: 1px solid #dbdada; margin: 0 0 0.7rem 0;}
.mce-toc h2 {margin: 4px;}
.mce-toc ul {padding-left: 20px; list-style: none; margin-top: 0; margin-bottom: 0; margin-block-start: 1em; margin-block-end: 1em;}
.mce-toc ul ul {padding-left: 20px; margin-block-start: 0; margin-block-end: 0;}
.mce-toc li {list-style-type: none;}

/* ================= 16.0 ===================== */
.image-bordered {border: 1px solid #dddddd;}
.image-shadows {box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;}
.image-padded {padding: 0.5rem;}
.comments-user-profile {font-weight: bold; cursor: pointer; color: #3394e6;}

.dle-popup-mediaupload .tabs a {color: #000000;}
[data-bs-theme="dark"] .dle-popup-mediaupload .tabs a {color: #f8f8f8;}
.dle-popup-mediaupload .tabs a.current,
.dle-popup-mediaupload .tabs a.current:hover {color: #428bca; background-color: #ffffff; border: 1px solid #dddddd; border-top-color: #be5046; border-bottom-color: transparent;}
[data-bs-theme="dark"] .dle-popup-mediaupload .tabs a.current,
.dle-popup-mediaupload .tabs a.current:hover {color: #f8f8f8; background-color: #606878; border: 1px solid #dddddd; border-top-color: #be5046; border-bottom-color: transparent;}
.dle-popup-mediaupload .tabs a:hover {background-color: #ffffff; border: 1px solid #dddddd; border-bottom-color: transparent;}
[data-bs-theme="dark"] .dle-popup-mediaupload .tabs a:hover {color: #f8f8f8; background-color: #848a97; border: 1px solid #dddddd; border-bottom-color: transparent;}
.title_spoiler svg {vertical-align: middle; margin-top: -4px; margin-right: 7px; height: 16px; width: 16px;}
.mce-accordion summary {cursor: pointer;}
[data-bs-theme="dark"] .dle-popup-mediaupload .mediaupload-insert-params {padding: 10px; background-color: transparent; border-top: 0px; animation: slide-out 500ms;}
[data-bs-theme="dark"] .mediaupload-box {border: 1px solid #628ba8; border-top-color: #628ba8;}
[data-bs-theme="dark"] .mediaupload-row {border-top: 1px solid #628ba8;}
[data-bs-theme="dark"] .upload-options {border-top: 1px solid #628ba8; border-bottom: 1px solid #628ba8;}

/* ================= 17.1 ===================== */
.DLEPush {z-index: 2001; position: fixed; right: 20px; top: 20px;}
@keyframes DLEPush-show {0% {transform: translateY(100%); opacity: 0;} 100% {transform: translateY(0); opacity: 1;}}
.DLEPush-notification.wrapper {animation-name: DLEPush-show; animation-duration: 1s; position: relative; display: grid; grid-template-columns: auto 1fr; align-items: center; color: #333; margin-bottom: 10px; width: 100%; max-width: 400px; box-shadow: 0 10px 15px rgb(0 0 0 / 20%); background-color: #ffffff; border-radius: 10px;}
.DLEPush-notification .DLEPush-icon {grid-column: 1; grid-row: 1 / span 2; display: flex; align-items: center; justify-content: center; color: #ffffff; width: 45px; height: 100%; border-top-left-radius: 10px; border-bottom-left-radius: 10px; text-align: center;}
.DLEPush-notification .DLEPush-icon svg {scale: 0.8;}
.DLEPush-notification .DLEPush-header {font-weight: 500; grid-column: 2; grid-row: 1; font-size: 1rem; margin-left: 1rem; margin-top: 0.5rem;}
.DLEPush-notification .DLEPush-header:empty {margin-top: 0;}
.DLEPush-notification .DLEPush-message {grid-column: 2; grid-row: 2; font-size: 0.875rem; margin: 1rem;}
.DLEPush-notification .DLEPush-message li,
.DLEPush-notification .DLEPush-message ul {list-style-type: none; padding-left: 0;}
.DLEPush-notification .DLEPush-close {position: absolute; top: 8px; right: 10px; font-weight: 300; background: none; border: 0; font-size: 1.15rem; cursor: pointer; line-height: 1; padding: 0; color: inherit; outline: 0; opacity: 0.75;}
@media only screen and (min-width: 601px) {.DLEPush-notification.wrapper {min-width: 400px;}}
.DLEPush-notification .DLEPush-close:hover {opacity: 1;}
.DLEPush-notification.wrapper.push-success {background-color: #e0f2f1;}
.DLEPush-notification.wrapper.push-success .DLEPush-icon {background-color: #00897b;}
.DLEPush-notification.wrapper.push-warning {background-color: #fff3e0;}
.DLEPush-notification.wrapper.push-warning .DLEPush-icon {background-color: #ff9800;}
.DLEPush-notification.wrapper.push-error {background-color: #fbe9e7;}
.DLEPush-notification.wrapper.push-error .DLEPush-icon {background-color: #ff5722;}

.self_delete_link {border: 0 none; display: inline-block; vertical-align: middle; cursor: pointer; padding: 0.5rem 1rem; margin-left: 15px; outline: none; background-color: #f44336; color: #ffffff; text-shadow: 0 1px #333; text-decoration: none !important; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); box-sizing: border-box; transition: all ease 0.1s; transition: all ease 0.1s;}
input[type="text"].comments_author_field {width: 100%; margin-bottom: 10px;}
.item1-links a {padding: 0.8rem 1.25rem; font-weight: 400; font-size: 0.875rem; color: #2e384d; display: flex; border-bottom: 1px solid #e0e8f3; border-left: 1px solid #e0e8f3;}

/* ================= 18.0 ===================== */
.pm-bg {background-color: #fcfcfc;}
[data-bs-theme="dark"] .pm-bg {background-color: #bdd1ed;}
.pm th {text-align: left; font-weight: 500; white-space: nowrap;}
.pm th.pm_checkbox {text-align: center;}
.pm_list.pm_subj,
.pm_list.pm_icon,
.pm_list.pm_last_user {cursor: pointer;}
.pm_list.pm_icon svg {width: 1.4rem; height: 1.4rem; vertical-align: middle; margin: 5px;}
.pm_list.pm_icon.pm-unread-image {color: #3394e6;}
.pm td.pm_list.pm_icon,
.userstop td,
th.pm_head.pm_icon {border-bottom: none;}
.pm_list.pm_icon.pm-reply-image {color: #00897b;}
.pm_list.pm_icon.pm-read-image {color: #428bca;}
.pm_list .pm_last_message,
.pm_list .pm_last_date,
.pm_list .pm_with_user {color: #64748b; font-size: 0.8rem;}
.pm tbody > tr:hover {background-color: #e2e8f0;}
.pm_navigation {margin-top: 1rem;}
.pm_navigation .navigation {display: inline-block; color: #333333; background-color: #f5f5f5; border-radius: 0.188rem; padding: 0.4rem;}
.pm_navigation .navigation a,
.pm_navigation .navigation span {padding: 0.5rem; min-width: 2.25rem;}
.pm_navigation .navigation span {background-color: #4581d0; color: #ffffff;}
.pm_navigation .navigation a {text-decoration: none; color: #000000;}
.pm_navigation .navigation a:hover {background-color: #e2e8f0;}

/* ================= 18.1 ===================== */
.quote_link {float: right;}
.quote_link svg {color: #6c838e; vertical-align: middle;}

/* ================= 19.0 ===================== */
.clipboard-copy-link svg {color: #6c838e; vertical-align: middle; margin-top: -3px;}



/* ================================================ */
/* =========== © 2010 - 2025 ArtProfits =========== */
/* ================ Andrey Mironov ================ */
/* =============== artprofit v.4.1 ================ */
@font-face {font-family: "artprofit";  src: url("../fonts/artprofit.ttf?orypd3") format("truetype"), url("../fonts/artprofit.woff?orypd3") format("woff"); font-weight: normal; font-style: normal; font-display: block;}
.ar {font-family: "artprofit" !important; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; letter-spacing: 0; -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga=1";
    -moz-font-feature-settings: "liga"; -ms-font-feature-settings: "liga" 1; font-feature-settings: "liga";  -webkit-font-variant-ligatures: discretionary-ligatures; font-variant-ligatures: discretionary-ligatures; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.ar {display: inline-block; font: normal normal normal 14px/1 artprofit; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.ar-sm {font-size: 0.8em;}
.ar-lg {font-size: 1.33333333em; line-height: 0.75em; vertical-align: -15%;}
.ar-2x {font-size: 2em;}
.ar-3x {font-size: 3em;}
.ar-4x {font-size: 4em;}
.ar-5x {font-size: 5em;}
.ar-y180 {transform: rotateY(3.142rad);}

.ar-home:before {content: "\e900";} .ar-setting:before {content: "\e901";} .ar-setting-fill:before {content: "\e902";} .ar-settings:before {content: "\e903";} .ar-settings-fill:before {content: "\e904";} .ar-key:before {content: "\e905";} .ar-key-fill:before {content: "\e906";} .ar-add-key:before {content: "\e907";} .ar-add-key-fill:before {content: "\e908";} .ar-address-book:before {content: "\e909";} .ar-address-book-fill:before {content: "\e90a";} .ar-calendar:before {content: "\e90b";} .ar-calendar-fill:before {content: "\e90c";} .ar-calendar-off:before {content: "\e90d";} .ar-calendar-off-fill:before {content: "\e90e";} .ar-content:before {content: "\e90f";} .ar-web-design:before {content: "\e910";} .ar-web-design-fill:before {content: "\e911";} .ar-edit-property:before {content: "\e912";} .ar-edit-property-fill:before {content: "\e913";} .ar-renew-subscription:before {content: "\e914";} .ar-renew-subscription-fill:before {content: "\e915";} .ar-contact-card:before {content: "\e916";} .ar-contact-card-fill:before {content: "\e917";} .ar-exclamation-circle:before {content: "\e918";} .ar-exclamation-circle-fill:before {content: "\e919";} .ar-info-circle:before {content: "\e91a";} .ar-info-circle-fill:before {content: "\e91b";} .ar-dash-circle:before {content: "\e91c";} .ar-dash-circle-fill:before {content: "\e91d";} .ar-plus-circle:before {content: "\e91e";} .ar-plus-circle-fill:before {content: "\e91f";} .ar-user-circle:before {content: "\e920";} .ar-user-circle-fill:before {content: "\e921";} .ar-user:before {content: "\e922";} .ar-user-fill:before {content: "\e923";} .ar-user-valid:before {content: "\e924";} .ar-user-valid-fill:before {content: "\e925";} .ar-user-add:before {content: "\e926";} .ar-user-add-fill:before {content: "\e927";} .ar-user-group:before {content: "\e928";} .ar-user-group-fill:before {content: "\e929";} .ar-user-update:before {content: "\e92a";} .ar-user-update-fill:before {content: "\e92b";} .ar-user-update-circle:before {content: "\e92c";} .ar-user-update-circle-fill:before {content: "\e92d";} .ar-user-unfriend-fill:before {content: "\e92e";} .ar-reading:before {content: "\e92f";} .ar-reading-fill:before {content: "\e930";} .ar-user-manual:before {content: "\e931";} .ar-user-manual-fill:before {content: "\e932";} .ar-cloud:before {content: "\e933";} .ar-cloud-fill:before {content: "\e934";} .ar-download-cloud:before {content: "\e935";} .ar-download-cloud-fill:before {content: "\e936";} .ar-inbox:before {content: "\e937";} .ar-inbox-fill:before {content: "\e938";} .ar-message:before {content: "\e939";} .ar-message-fill:before {content: "\e93a";} .ar-message-reply:before {content: "\e93b";} .ar-message-send:before {content: "\e93c";} .ar-add-message:before {content: "\e93d";} .ar-add-message-fill:before {content: "\e93e";} .ar-message-open:before {content: "\e93f";} .ar-message-open-fill:before {content: "\e940";} .ar-group-message:before {content: "\e941";} .ar-group-message-fill:before {content: "\e942";} .ar-contact:before {content: "\e943";} .ar-phone:before {content: "\e944";} .ar-phone-fill:before {content: "\e945";} .ar-callback:before {content: "\e946";} .ar-callback-fill:before {content: "\e947";} .ar-comments:before {content: "\e948";} .ar-comments-fill:before {content: "\e949";} .ar-comment-oval:before {content: "\e94a";} .ar-comment-oval-fill:before {content: "\e94b";} .ar-security-checked:before {content: "\e94c";} .ar-security-checked-fill:before {content: "\e94d";} .ar-send:before {content: "\e94e";} .ar-send-fill:before {content: "\e94f";} .ar-pin:before {content: "\e950";} .ar-pin-fill:before {content: "\e951";} .ar-bell:before {content: "\e952";} .ar-bell-fill:before {content: "\e953";} .ar-print:before {content: "\e954";} .ar-print-fill:before {content: "\e955";} .ar-error:before {content: "\e956";} .ar-error-fill:before {content: "\e957";} .ar-combo-chart:before {content: "\e958";} .ar-combo-chart-fill:before {content: "\e959";} .ar-rss:before {content: "\e95a";} .ar-rss-fill:before {content: "\e95b";} .ar-like-on:before {content: "\e95c";} .ar-like-off:before {content: "\e95d";} .ar-eye:before {content: "\e95e";} .ar-eye-hide:before {content: "\e95f";} .ar-star:before {content: "\e960";} .ar-star-rat:before {content: "\e961";} .ar-star-fill:before {content: "\e962";} .ar-stack-photos:before {content: "\e963";} .ar-stack-photos-fill:before {content: "\e964";} .ar-tags:before {content: "\e965";} .ar-tags-fill:before {content: "\e966";} .ar-visit:before {content: "\e967";} .ar-visit-fill:before {content: "\e968";} .ar-worldwide:before {content: "\e969";} .ar-worldwide-fill:before {content: "\e96a";} .ar-worldwide-location:before {content: "\e96b";} .ar-worldwide-location-fill:before {content: "\e96c";} .ar-worldwide-domain:before {content: "\e96d";} .ar-worldwide-domain-fill:before {content: "\e96e";} .ar-hashtag:before {content: "\e96f";} .ar-hashtag-fill:before {content: "\e970";} .ar-bug:before {content: "\e971";} .ar-bug-fill:before {content: "\e972";} .ar-spam:before {content: "\e973";} .ar-spam-fill:before {content: "\e974";} .ar-search:before {content: "\e975";} .ar-search-fill:before {content: "\e976";} .ar-map:before {content: "\e977";} .ar-map-fill:before {content: "\e978";} .ar-facebook-circle:before {content: "\e979";} .ar-facebook:before {content: "\e97a";} .ar-vk-circle:before {content: "\e97b";} .ar-vk:before {content: "\e97c";} .ar-informacia:before {content: "\e97d";} .ar-clock:before {content: "\e97e";} .ar-info:before {content: "\e97f";} .ar-clock-circle:before {content: "\e980";} .ar-quotes:before {content: "\e981";} .ar-reply:before {content: "\e982";} .ar-trash:before {content: "\e983";} .ar-checked:before {content: "\e984";} .ar-checked-box:before {content: "\e985";} .ar-pencil-square:before {content: "\e986";} .ar-vote:before {content: "\e987";} .ar-mail-at:before {content: "\e988";} .ar-question:before {content: "\e989";} .ar-question-answer:before {content: "\e98a";} .ar-off:before {content: "\e98b";} .ar-number:before {content: "\e98c";} .ar-bookmark:before {content: "\e98d";} .ar-bookmark-plus:before {content: "\e98e";} .ar-bookmark-minus:before {content: "\e98f";} .ar-bookmarks:before {content: "\e990";} .ar-mark:before {content: "\e991";} .ar-mark-plus:before {content: "\e992";} .ar-mark-minus:before {content: "\e993";} .ar-link:before {content: "\e994";} .ar-check-in:before {content: "\e995";} .ar-earth:before {content: "\e996";} .ar-compass:before {content: "\e997";} .ar-handshake:before {content: "\e998";} .ar-volume-up:before {content: "\e999";} .ar-sun:before {content: "\e99a";} .ar-moon:before {content: "\e99b";} .ar-circle-half:before {content: "\e99c";} .ar-chevron-double-left:before {content: "\e99d";} .ar-chevron-double-right:before {content: "\e99e";} .ar-quote:before {content: "\e99f";} .ar-x-lg:before {content: "\e9a0";} .ar-flash:before {content: "\e9a1";} .ar-update:before {content: "\e9a2";}