body, .sp-preloader {
    background-color: #FFFFFF;
    color: #272727;
}

.sp-preloader > div {
    background: #228B22;
}

.sp-preloader > div:after {
    background: #228B22;
}

#sp-top-bar {
    background: #8B0000;
    color: #8B0000;
}

#sp-top-bar a {
    color: #8B0000;
}

#sp-header {
    background: #8B0000; /* Замените #00FF00 на нужный цвет или градиент */
    /* background: linear-gradient(to right, #FF5733, #C70039); Замените на нужный градиент */
}

a {
    color: #5590F7;
}

a:hover, a:focus, a:active {
    color: #8B0000;
}

.tags > li {
    display: inline-block;
}

.tags > li a {
    background: rgba(85, 144, 247, 0.1);
    color: #8B0000;
}

.tags > li a:hover {
    background: #8B0000;
}

.article-social-share .social-share-icon ul li a {
    color: #272727;
}

.article-social-share .social-share-icon ul li a:hover,
.article-social-share .social-share-icon ul li a:focus {
    background: #5590F7;
}

.pager > li a {
    border: 1px solid #EDEDED;
    color: #272727;
}

.sp-megamenu-parent > li > a {
    color: #FFFFFF;
}

.sp-megamenu-parent > li:hover > a {
    color: #FFFFFF;
}

.sp-megamenu-parent > li.active > a,
.sp-megamenu-parent > li.active:hover > a {
    color: #FFFFFF;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    background: #FFFFFF;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
    color: #8F8F8F;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {
    color: #27285D;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a {
    color: #27285D;
}

.sp-megamenu-parent .sp-mega-group > li > a {
    color: #8F8F8F;
}

#offcanvas-toggler > .fa {
    color: #8B0000;
}

#offcanvas-toggler > .fa:hover,
#offcanvas-toggler > .fa:focus,
#offcanvas-toggler > .fa:active {
    color: #8B0000;
}

.offcanvas-menu {
    background-color: #8B0000;
    color: #8F8F8F;
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li a,
.offcanvas-menu .offcanvas-inner .sp-module ul > li span {
    color: #8F8F8F;
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li a:hover,
.offcanvas-menu .offcanvas-inner .sp-module ul > li a:focus,
.offcanvas-menu .offcanvas-inner .sp-module ul > li span:hover,
.offcanvas-menu .offcanvas-inner .sp-module ul > li span:focus {
    color: #27285D;
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li.active > a,
.offcanvas-menu .offcanvas-inner .sp-module ul > li.active > span {
    color: #27285D;
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > a > .menu-toggler,
.offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > .menu-separator > .menu-toggler {
    color: rgba(143, 143, 143, 0.5);
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li ul li a {
    color: rgba(143, 143, 143, 0.8);
}

.btn-primary, .sppb-btn-primary {
    border-color: #5590F7;
    background-color: #5590F7;
}

.btn-primary:hover, .sppb-btn-primary:hover {
    border-color: #375EA2;
    background-color: #375EA2;
}

ul.social-icons > li a:hover {
    color: #5590F7;
}

.layout-boxed .body-innerwrapper {
    background: #FFFFFF;
}

.sp-module ul > li > a {
    color: #272727;
}

.sp-module ul > li > a:hover {
    color: #5590F7;
}

.sp-module .latestnews > div > a {
    color: #272727;
}

.sp-module .latestnews > div > a:hover {
    color: #5590F7;
}

.sp-module .tagscloud .tag-name:hover {
    background: #5590F7;
}

.search .btn-toolbar button {
    background: #5590F7;
}

#sp-footer, #sp-bottom {
    background: #272727;
    color: #8F8F8F;
}

#sp-footer a, #sp-bottom a {
    color: #A2A2A2;
}

#sp-footer a:hover, #sp-footer a:active, #sp-footer a:focus,
#sp-bottom a:hover, #sp-bottom a:active, #sp-bottom a:focus {
    color: #FFFFFF;
}

#sp-bottom .sp-module-content .latestnews > li > a > span {
    color: #8F8F8F;
}

.sp-comingsoon body {
    background-color: #5590F7;
}

.pagination > li > a, .pagination > li > span {
    color: #272727;
}

.pagination > li > a:hover, .pagination > li > a:focus,
.pagination > li > span:hover, .pagination > li > span:focus {
    color: #272727;
}

.pagination > .active > a, .pagination > .active > span {
    border-color: #5590F7;
    background-color: #5590F7;
}

.pagination > .active > a:hover, .pagination > .active > a:focus,
.pagination > .active > span:hover, .pagination > .active > span:focus {
    border-color: #5590F7;
    background-color: #5590F7;
}

.error-code, .coming-soon-number {
    color: #5590F7;
}