/**
 * @package Helix Ultimate Framework
 * @author JoomShaper https://www.joomshaper.com
 * @copyright Copyright (c) 2010 - 2018 JoomShaper
 * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or Later
 */
body,
.sp-preloader {
    background-color: #fff;
    color: #252525
}

.sp-preloader>div {
    background: var(--maincolor)
}

.sp-preloader>div:after {
    background: #fff
}

#sp-top-bar {
  background: var(--thirdcolor);
  color: #000;
}

#sp-top-bar a {
    color: #aaa
}

#sp-header {
    background: #fff
}

#sp-menu ul.social-icons a:hover,
#sp-menu ul.social-icons a:focus {
    color: var(--maincolor)
}

a {
    color: var(--maincolor)
}

a:hover,
a:focus,
a:active {
    color: #044cd0
}

.tags>li {
    display: inline-block
}

.tags>li a {
    background: rgba(3, 69, 191, .1);
    color: var(--maincolor)
}

.tags>li a:hover {
    background: #044cd0
}

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

.article-social-share .social-share-icon ul li a:hover,
.article-social-share .social-share-icon ul li a:focus {
    background: var(--maincolor)
}

.pager>li a {
    border: 1px solid #ededed;
    color: #252525
}

.sp-reading-progress-bar {
    background-color: var(--maincolor)
}

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

.sp-megamenu-parent>li:hover>a {
    color: var(--maincolor)
}

.sp-megamenu-parent>li.active>a,
.sp-megamenu-parent>li.active:hover>a {
    color: var(--maincolor)
}

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

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

.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a:hover {
    color: var(--maincolor)
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active>a {
    color: var(--maincolor)
}

.sp-megamenu-parent .sp-mega-group>li>a {
    color: #252525
}

#offcanvas-toggler>.fa {
    color: #252525
}

#offcanvas-toggler>.fa:hover,
#offcanvas-toggler>.fa:focus,
#offcanvas-toggler>.fa:active {
    color: var(--maincolor)
}

#offcanvas-toggler>.fas {
    color: #252525
}

#offcanvas-toggler>.fas:hover,
#offcanvas-toggler>.fas:focus,
#offcanvas-toggler>.fas:active {
    color: var(--maincolor)
}

#offcanvas-toggler>.far {
    color: #252525
}

#offcanvas-toggler>.far:hover,
#offcanvas-toggler>.far:focus,
#offcanvas-toggler>.far:active {
    color: var(--maincolor)
}

.offcanvas-menu {
    background-color: #fff;
    color: #252525
}

.offcanvas-menu .offcanvas-inner a {
    color: #252525
}

.offcanvas-menu .offcanvas-inner a:hover,
.offcanvas-menu .offcanvas-inner a:focus,
.offcanvas-menu .offcanvas-inner a:active {
    color: var(--maincolor)
}

.offcanvas-menu .offcanvas-inner ul.menu>li a,
.offcanvas-menu .offcanvas-inner ul.menu>li span {
    color: #252525
}

.offcanvas-menu .offcanvas-inner ul.menu>li a:hover,
.offcanvas-menu .offcanvas-inner ul.menu>li a:focus,
.offcanvas-menu .offcanvas-inner ul.menu>li span:hover,
.offcanvas-menu .offcanvas-inner ul.menu>li span:focus {
    color: var(--maincolor)
}

.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>a>.menu-toggler,
.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>.menu-separator>.menu-toggler {
    color: rgba(37, 37, 37, .5)
}

.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent .menu-toggler {
    color: rgba(37, 37, 37, .5)
}

.offcanvas-menu .offcanvas-inner ul.menu>li li a {
    color: rgba(37, 37, 37, .8)
}

.btn-primary,
.sppb-btn-primary {
    border-color: var(--maincolor);
    background-color: var(--maincolor)
}

.btn-primary:hover,
.sppb-btn-primary:hover {
    border-color: #044cd0;
    background-color: #044cd0
}

ul.social-icons>li a:hover {
    color: var(--maincolor)
}

.sp-page-title {
    background: var(--maincolor)
}

.layout-boxed .body-innerwrapper {
    background: #fff
}

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

.sp-module ul>li>a:hover {
    color: var(--maincolor)
}

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

.sp-module .latestnews>div>a:hover {
    color: var(--maincolor)
}

.sp-module .tagscloud .tag-name:hover {
    background: var(--maincolor)
}

.search .btn-toolbar button {
    background: var(--maincolor)
}

#sp-footer,
#sp-bottom {
    background: #23283e;
    color: #fff
}

#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: #fff
}

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

.sp-comingsoon body {
    background-color: var(--maincolor)
}

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

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

.pagination>.active>a,
.pagination>.active>span {
    border-color: var(--maincolor);
    background-color: var(--maincolor)
}

.pagination>.active>a:hover,
.pagination>.active>a:focus,
.pagination>.active>span:hover,
.pagination>.active>span:focus {
    border-color: var(--maincolor);
    background-color: var(--maincolor)
}

.error-code,
.coming-soon-number {
    color: var(--maincolor)
}
.sp-comingsoon body {
  background-color: var(--maincolor);
}
.pagination > li > a, .pagination > li > span {
  color: #3a3736;
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
  color: #3a3736;
}
.pagination > .active > a, .pagination > .active > span {
  border-color: var(--maincolor);
  background-color: var(--maincolor);
}
.pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
  border-color: var(--maincolor);
  background-color: var(--maincolor);
}
.error-code, .coming-soon-number {
  color: var(--maincolor);
}

.text-primary {
  color: var(--maincolor) !important;
}


:root {
  --maincolor: #1b2348;
  --secondcolor: #c00;
  --thirdcolor: #E7E9F5;
  --fourthcolor: #f4f5fa;
}