::-webkit-input-placeholder {color: #9fa3a6 !important;}
:-moz-placeholder {color: #9fa3a6 !important;}
::-moz-placeholder {color: #9fa3a6 !important;}
:-ms-input-placeholder {color: #9fa3a6 !important;}
::-webkit-scrollbar {width: 12px;}
::-webkit-scrollbar-thumb {background-color: #ccc;border-radius: 4px;}
* {outline: none;box-shadow: none !important;}
body {color: #7f888f;font-family: 'Roboto Slab';font-weight: 300;transition: 0.5s;}
body.overflow {overflow: hidden;}
h1, h2, h3, h4, h5, h6 {color: #000 !important;}
h1 {font-size: 1.8rem!important;}
h2 {font-size: 1.1rem!important;}
form input[type="text"] {font-size: 16px;font-weight: 300;border: var(--bs-border-width) solid var(--bs-border-color) !important;}
a {text-decoration: none;}
p a {color: #f56a6a;}
hr {border-top: 2px solid #d9d9d9;opacity: 1;}
ul {padding: 0 0 0 20px;}
h2.underline {border-bottom: 3px solid #f56a6a;padding: 0 0 10px;display: inline-block;}
ul.side-nav {display: none;list-style: none;padding: 0;margin: 0;}
ul.side-nav li {display: block;widows: 100%;border-bottom: 1px solid #d9d9d9;}
ul.side-nav li a {display: block;text-transform: uppercase;text-decoration: none;padding: 10px 0;color: #000;font-size: 12px;transition: .25s;font-weight: 400;}
ul.side-nav li:last-child {border-bottom: none;}
ul.side-nav li a:hover {text-decoration: none;color: #f56a6a;padding: 10px 0 10px 10px;}
ul.side-nav li ul {display: block;overflow: hidden;max-height: 0;transition: .25s;padding: 0 0 0 15px;}
ul.side-nav li ul.expand {max-height: 1000px;}
ul.side-nav li ul li {border-bottom: none;}
ul.side-nav li ul li a {padding: 5px 0;color: #888;font-size: 12px;}
ul.side-nav li ul li a:hover {padding: 5px 0 5px 7px;}
a.caret {background: url('../img/caret.png') no-repeat right center;}
a.caret.expand {background: url('../img/caret-up.png') no-repeat right center;}
p {font-family: 'Open Sans',serif;font-weight: 300;font-size: 18px;color: #444 !important;text-align: justify;}
p.copyrights {font-size: 12px;color: #999;}
p.copyrights a {color: #000;}
img {max-width: 100%;height: auto;}
/*.start, .stop {-moz-appearance: none;-webkit-appearance: none;-ms-appearance: none;appearance: none;-moz-transition: background-color .2s ease-in-out,color .2s ease-in-out;-webkit-transition: background-color .2s ease-in-out,color .2s ease-in-out;-ms-transition: background-color .2s ease-in-out,color .2s ease-in-out;transition: background-color .2s ease-in-out,color .2s ease-in-out;background-color: transparent;border-radius: 0.375em;border: 0;box-shadow: inset 0 0 0 2px #f56a6a!important;color: #f56a6a!important;cursor: pointer;display: inline-block;font-family: "Roboto Slab",serif;font-size: .8em;font-weight: 700;height: 3.5em;letter-spacing: .075em;line-height: 3.5em;padding: 0 2.25em;text-align: center;text-decoration: none;text-transform: uppercase;white-space: nowrap;}*/
.button {background-color: transparent;border-radius: 5px;padding: 7px 15px;border: 2px #c11818 solid;color: #c11818;cursor: pointer;font-size: 14px;font-weight: 500;text-transform: uppercase;white-space: nowrap;text-decoration: none;text-align: center;}
.button.btn-empty {background: transparent;}
.button.btn-fill {background: #c11818;color: #fff;}
.bg-light-grey {background: #f5f6f7;transition: 0.5s;}
.main-h1 {font-size: 4em;font-weight: 800;}
.burger {position: fixed;top: 0;right: 0;width: 55px;height: 55px;background: url('../img/burger.png') no-repeat center;cursor: pointer;z-index: 900;}
.close {position: absolute;top: 0;right: 0;width: 65px;height: 70px;background: url('../img/close.png') no-repeat center;cursor: pointer;z-index: 900;}
.aside {display: block;}
.aside.show {right: 0;}
.aside h2 {width: 100%;font-size: 22px;}
.aside h2.caret {background: url('../img/caret.png') no-repeat right center;cursor: pointer;}
.aside h2.caret.expand {background: url('../img/caret-up.png') no-repeat right center;}
.thumb-item {position: relative;margin: 0 10px 10px;display: block;}
.thumb-item img {display: block;width: 100%;border-radius: 8px;}
.thumb-item span {display: flex;align-items: end;justify-content: center;position: absolute;background: rgba(193,24,24,1);color: #fff;padding: 5px;width: 100%;bottom: 0;transition: .25s;border-radius: 0;border-bottom-right-radius: 8px;border-bottom-left-radius: 8px;}
.thumb-item:hover span {background: rgba(245,106,106,.75);height: 100%;border-radius: 8px;}
.thumb-item:hover:before {content: '';display: block;position: absolute;width: 100%;height: 100%;background: rgba(245,106,106,.25);border-radius: 4px;top: 0;left: 0;}
.slick-dots {margin: 0;list-style: none;display: flex;width: 100%;justify-content: center;gap: 10px;padding: 0 0 20px;}
.slick-dots li button {background: #ddd;font-size: 0;border: none;width: 12px;height: 12px;border-radius: 50%;padding: 0;margin: 0;transition: .25s;}
.slick-dots li.slick-active button {background: #f56a6a;}
.logo {text-decoration: none;color: #444;font-size: 18px;}
.logo:hover {color: #f56a6a;}
.logo strong {font-weight: 700;}
.bottom-line {border-bottom: 4px solid #f56a6a;}
.ug-thumb-wrapper[data-fav="true"] {border-color: #f56a6a!important;}
.select-all {display: none;}
.coloring-modal {display: none;position: fixed;width: 100%;height: 100%;left: 0;top: 0;z-index: 10000;}
.coloring-modal-shadow {display: block;position: absolute;width: 100%;height: 100%;background: rgba(0,0,0,0.5);z-index: 1;}
.coloring-modal-content {display: block;position: absolute;width: 600px;max-width: 100%;height: 600px;max-height: 100%;background: #fff;box-shadow: 10px 10px 30px rgba(0,0,0,0.5);z-index: 2;top: 50%;left: 50%;margin: -300px 0 0 -300px;padding: 20px;border-radius: 8px;}
.coloring-modal-content .close {display: block;position: absolute;width: 40px;height: 40px;right: -20px;top: -20px;z-index: 3;background: #f56a6a!important;border: none;border-radius: 50%;padding: 0;box-shadow: 0 5px 10px rgba(0,0,0,0.5);}
.coloring-modal-content .close i {color: #fff;font-size: 18px;line-height: 18px;font-weight: 300;display: flex;width: 40px;height: 40px;justify-content: center;align-items: center;}
.coloring-modal-content .prev {position: absolute;left: 20px;top: 195px;z-index: 1000;}
.coloring-modal-content .next {position: absolute;right: 20px;top: 195px;z-index: 1000;}
.coloring-modal-content button {border: 0;background: #fff!important;box-shadow: inset 0 0 0 2px #f56a6a!important;color: #f56a6a!important;cursor: pointer;display: inline-block;font-family: "Roboto Slab",serif;font-size: .8em;font-weight: 700;height: 3.5em;letter-spacing: .075em;border-radius: 4px;line-height: 3.5em;padding: 0 2.25em;text-align: center;text-decoration: none;text-transform: uppercase;white-space: nowrap;}
.coloring-modal-image {display: block;width: 100%;height: 390px;background: #eee;margin-bottom: 10px;}
.coloring-modal-buttons {display: flex;width: 100%;height: 50px;margin-bottom: 10px;justify-content: space-between;}
.coloring-modal-buttons button {background-color: #fff;color: #f56a6a!important;height: 50px;font-size: 12px;}
.coloring-modal-buttons button:hover {background-color: #f56a6a!important;color: #fff!important;}
.coloring-modal-ad {display: block;width: 100%;height: 100px;background: #eee;border-radius: 4px;}
.coloring-modal .add-to-fav {display: none;}
.coloring-modal .remove-from-fav {display: none;background-color: #f56a6a!important;color: #fff!important;}

.thumb-item[data-fav="true"] {border-color: #f56a6a!important;}

.my_fav {margin: 0;position: absolute;bottom: 0;right: 0;}
.color-cats {display: flex;flex-wrap: wrap;}
.color-cats a {display: flex;flex: 0 0 23.8%;margin: 0 1.1% 1% 0;border: 1px solid #e0e0e0;padding: 15px;border-radius: 8px;font-size: 16px;font-weight: bold;line-height: 18px;text-align: center;color: #f56a6a;text-decoration: none;font-family: 'Open Sans',serif;}
.color-cats a:hover {border: 1px solid #f56a6a;box-shadow: 5px 5px 15px rgba(0,0,0,.1);}
.color-cats a div {flex: 0 0 60%;}
.color-cats a img {flex: 0 0 25%;height: 70px;object-fit: scale-down;margin: 0 15px 0 0;}
.color-cats span {font-size: 14px;display: block;background: #e9e9e9;color: #777;padding: 4px;border-radius: 20px;margin: 7px 0 0;}
.jqEmoji{cursor:pointer;opacity:0.2;text-decoration:none;font-size:16px;}
.jqEmoji.active{opacity:1;}
.jqEmoji-container span {color: #f90;margin: 0 3px 0 0;}
.jqEmoji-container:hover span {opacity:1;}
.jqEmoji-container span:hover ~ span {opacity:0.2;}
.image.left {float: left;padding: 0 1.5em 1em 0;top: 0.25em;}
.image.left, .image.right {max-width: 40%;}
#wrapper {background: #fff;}
.countdown-timer-wrapper {border-radius: 5px;background-color: #f56a6a;width: auto;display: inline-block;}
.countdown-timer-wrapper .timer {padding: 10px;text-align: center;padding-top: 15px;}
.countdown-timer-wrapper .timer .timer-wrapper {display: inline-block;width: 116.5px;height: 50px;}
.countdown-timer-wrapper .timer .timer-wrapper .time {font-size: 64px;line-height: 64px;font-weight: bold;color: #ffffff;}
.countdown-timer-wrapper .timer .timer-wrapper .text {font-size: 12px;color: rgba(255, 255, 255, 0.6);}
.countdown-timer-wrapper-2 {border-radius: 5px;background-color: #f56a6a;width: auto;display: inline-block;white-space: nowrap;margin: 0 0 30px;}
.countdown-timer-wrapper-2 p {color: #f56a6a!important;}
.countdown-timer-wrapper-2 .text {display: none;}
.countdown-timer-wrapper-2 .timer {padding: 10px;text-align: center;padding-top: 15px;display: inline-block;}
.countdown-timer-wrapper-2 .timer-title {display: inline-block;vertical-align: top;padding: 3px;margin: 1px 1px 0 0;}
.countdown-timer-wrapper-2 .timer-title p {background: #fff;white-space: nowrap;padding: 5px 10px;margin: 3px;font-weight: bold;display: table-cell;vertical-align: middle;height: 55px;border-radius: 3px;}
.countdown-timer-wrapper-2 .timer .timer-wrapper {display: inline-block;padding: 0 5px;position: relative;}
.countdown-timer-wrapper-2 .timer .timer-wrapper:after {content: ':';display: block;position: absolute;color: #fff;top: 5px;right: -5px;font-size: 24px;line-height: 24px;}
.countdown-timer-wrapper-2 .timer .timer-wrapper:nth-of-type(4):after {display: none;}
.countdown-timer-wrapper-2 .timer .timer-wrapper:nth-of-type(5):after {display: none;}
.countdown-timer-wrapper-2 .timer .timer-wrapper .time {font-size: 34px;line-height: 34px;font-weight: bold;color: #ffffff;}
.countdown-controls-wrapper {border: 3px solid #f56a6a;border-radius: 5px;width: auto;display: inline-block;text-align: center;}
.controls-wrapper {padding: 10px;text-align: center;padding-top: 15px;display: inline-block;}
.controls-wrapper input {font-size: 48px;display: inline-block;width: 100px;border: none;outline: none;text-align: center;}
.controls-wrapper span {font-size: 12px;display: block;}
.goodnight {display: none;position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 10000;background: #1e2229 url('/images/goodnight-sign.png') no-repeat center;}
.goodnight-logo {display: block;position: absolute;top: 20px;left: 20px;z-index: 1;max-width: 70%;object-fit: contain;}
.goodnight-close {display: block;position: absolute;top: 14px;right: 14px;cursor: pointer;z-index: 2;}
.aplayer .aplayer-icon {box-shadow: none;line-height: 0;}
.atsearchid {display: inline-block !important;float: right !important;width: auto !important;}
.atheader {display: none !important;}
header {position: relative !important;}
.atheader.sticky {position: fixed !important;top: 20px !important;right: 20px !important;z-index: 1000 !important;}
.tags {list-style: none;padding: 0;margin: 0;display: block;width: 100%;}
.tags li {display: inline-block;vertical-align: top;padding: 0;margin: 0 5px 5px 0;}
.tags li a {display: block;padding: 3px 10px;margin: 0;color: #aaa;font-size: 13px;border: 1px solid #ccc;border-radius: 20px;text-decoration: none;}
.tags li a:hover {color: #fff!important;background: #ccc;}
.tags-2 {list-style: none;padding: 0;margin: 20px 0 0;display: block;width: 100%;display: flex;flex-direction: column;}
.tags-2 li {display: flex;align-items: center;border-bottom: 1px solid #ccc;justify-content: space-between;}
.tags-2 li a {display: block;color: #555;font-size: 13px;text-decoration: none;padding: 10px 5px;}
#rating {margin: 15px 0 0;}
#rating div {display: inline-block;vertical-align: top;margin: 0 5px 0 0;}
.pull-right-lg {float: right;margin-top: -60px!important;}
.select-some-layer {display: block;position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 1001;background: rgba(0,0,0,0.5);color: #fff;font-size: 36px;cursor: pointer;}
.select-some-layer i {display: flex;position: absolute;width: 100%;height: 100%;justify-content: center;align-items: center;}
.print-some {display: none;}
.aplayer {box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12)!important;padding: 0!important;}
.breadcrumb {padding: 0;margin: 0;list-style: none;color: #444;background: #fafafa;padding: 10px;display: flex;flex-wrap: wrap;}
.breadcrumb li:before {content: '/';margin: 0 10px;}
.breadcrumb li:first-child:before {display: none;}
.breadcrumb a {color: #f56a6a;font-family: 'Open Sans',serif;font-weight: 600;border-bottom: 1px dashed #f56a6a;}
.breadcrumb i {color: #f56a6a;margin: 0 5px 0 0;}
.mob {display: none;}
.pc {display: block;}
.search {position: relative;}
.a-font {display: flex;position: absolute;right: 0;bottom: -66px;border: 2px solid #d9d9d9;height: 38px; border-radius: 35px;}
.a-font div {user-select: none;cursor: pointer;background: #f5f6f7;color: #2d2f37;width: 45px;display: flex;align-items: center;justify-content: center;transition: 0.5s;}
.a-font #decreaseFontButton {border-top-left-radius: 35px;border-bottom-left-radius: 35px;border-right: 2px solid #d9d9d9;font-size: 14px;}
.a-font #increaseFontButton {border-top-right-radius: 35px;border-bottom-right-radius: 35px;font-size: 18px;font-weight: bold;}
.switch-day-night {display: block;position: absolute;bottom: -66px;border: 2px solid #d9d9d9;width: 86px;height: 38px;overflow: hidden;cursor: pointer;border-radius: 35px;transition: 0.5s;}
.switch-day {background: url('/images/sw-day.png') no-repeat right bottom;}
.switch-night {background: url('/images/sw-night.png') no-repeat left bottom;}
body.theme-night {background: #24262d;transition: 0.5s;color: #ccc !important;}
body.theme-night p {color: #ccc !important;}
body.theme-night h1,
body.theme-night h2,
body.theme-night h3,
body.theme-night h4,
body.theme-night h5,
body.theme-night h6 {
    color: #ccc !important;
}
body.theme-night .bg-light-grey {background: #2d2f37;transition: 0.5s;}
body.theme-night p.copyrights a {color: #fff;}
body.theme-night ul.side-nav li a {color: #ccc;}
body.theme-night .breadcrumb {background: #2d2f37;color: #ccc;}
body.theme-night .logo {color: #ccc;}
body.theme-night table.dataTable.stripe tbody tr.odd,
body.theme-night table.dataTable.display tbody tr.odd {background: #2d2f37;}
body.theme-night table.dataTable.display tbody tr.odd > .sorting_1,
body.theme-night table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {background: #2d2f37;}
body.theme-night table.dataTable.display tbody tr.even > .sorting_1,
body.theme-night table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {background: #24262d;}
body.theme-night table.dataTable tbody tr,
body.theme-night table.dataTable tbody tr:hover {background-color: #24262d;}
body.theme-night table.dataTable tbody tr.even td,
body.theme-night table.dataTable tbody tr.even:hover td {background-color: #24262d;}
body.theme-night .dataTables_wrapper .dataTables_length,
body.theme-night .dataTables_wrapper .dataTables_filter,
body.theme-night .dataTables_wrapper .dataTables_info,
body.theme-night .dataTables_wrapper .dataTables_processing,
body.theme-night .dataTables_wrapper .dataTables_paginate {color: #ccc;}
body.theme-night .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
body.theme-night .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
body.theme-night .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {color: #ccc !important;}
body.theme-night .dataTables_wrapper .dataTables_paginate .paginate_button {color: #ccc !important;}
body.theme-night .dataTables_wrapper .dataTables_paginate .paginate_button.current,
body.theme-night .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {background: #24262d;}
body.theme-night .aplayer .aplayer-list ol li.aplayer-list-light {background: #2d2f37;}
body.theme-night .aplayer .aplayer-info {background: #2d2f37;}
body.theme-night .a-font div {background: #2d2f37;color: #cfd9e1;transition: 0.5s;}
#bookmarkButton {display: block;position: fixed;top: -110px;right: 20px;width: 40px;height: 143px;background: url('/images/bookmark.png');z-index: 1000;transition: .2s;cursor: pointer;}
#bookmarkButton:hover,
#bookmarkButton.active {top: 0;}


@media (min-width: 991px) {
	.w-lg-100 {width: 100% !important;}
}
@media (max-width: 1280px) {
	.atsearchid {display: none !important;}
	.atheader {display: block !important;position: absolute !important;right: 210px !important;bottom: 10px !important;width: auto !important;}
}
@media (max-width: 1200px) {
	.aside {position: fixed;top: 0;right: 0;width: 100%;height: 100%;z-index: 1000;right: 100%;transition: 0.5s;overflow-y: auto;}
	#bookmarkButton {left: 20px;right: auto;}
}
@media (max-width: 1024px) {
	.color-cats a {flex: 0 0 47.6%;}
}
@media (max-width: 768px) {
	.mob {display: block;}
	.pc {display: none;}
	.color-cats a {flex: 0 0 100%;}
	.coloring-modal-content {width: 90%;height: 94%;top: 3%;left: 5%;margin: 0;overflow-y: auto;}
	.coloring-modal-buttons {display: block;height: auto;}
	.coloring-modal-buttons button {display: block;width: 100%;margin-top: 5px;}
	.coloring-modal-content .close {right: 5px;top: 5px;}
	.my_fav {position: relative;display: block;width: 100%;}
}
@media (max-width: 736px) {
	.atheader {display: block !important;position: absolute !important;right: 0 !important;bottom: 10px !important;width: auto !important;}
	.pull-right-lg {float: none;margin-top: 0!important;}
	.countdown-timer-wrapper-2 .timer .timer-wrapper .time {font-size: 28px;line-height: 28px;}
	.countdown-timer-wrapper-2 .timer {padding: 8px 5px 0 5px;text-align: center;display: block;}
	.countdown-timer-wrapper-2 .timer .timer-wrapper:after {top: 0;}
	.countdown-timer-wrapper-2 .timer-title {display: block;width: 100%;}
	.countdown-timer-wrapper-2 .timer-title p {display: flex;width: calc(100% - 5px);align-items: center;justify-content: center;}
	.countdown-timer-wrapper-2 {width: 100%}
}
@media (max-width: 576px) {
	.tags {clear: both;}
}
@media (max-width: 767px) {
  .col-sm-5.col-xs-12 {
    margin-top: -20px; /* Поднимаем картинку выше */
  }
}