.transparent-header #sp-header.header-sticky {
    position: fixed;
    background-color: #000;
}

#sp-menu .sp-module .sppb-btn.gradient-button {
    padding: 9px 30px 17px 32px;
    background: rgba(0, 0, 0, 0);
    border: 2px solid #4cb748;
    font-size: 14px;
}

:root,
body {
  --text-color: #000;
  --link-color: #4cb748;
  --gradient-color-1: #4cb748;
  --gradient-color-2: #4cb748;
}


body,.sp-preloader {
    background-color: #fff;
    color: #000
}

.sp-preloader>div {
    background: #4cb748
}

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

#sp-top-bar {
    background: #000;
    color: #fff
}

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

#sp-menu ul.social-icons a:hover,#sp-menu ul.social-icons a:focus {
    color: #4cb748
}

a {
    color: #4cb748
}

a:hover,a:focus,a:active {
    color: #4cb748
}

.tags>li {
    display: inline-block
}

.tags>li a {
    background: fadeOut(#4cb748, 0.9);
    color: #4cb748
}

.tags>li a:hover {
    background: #4cb748
}

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

.article-social-share .social-share-icon ul li a:hover,.article-social-share .social-share-icon ul li a:focus {
    background: #4cb748
}

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

.sp-reading-progress-bar {
    background-color: #4cb748
}

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

.sp-megamenu-parent>li:hover>a {
    color: #4cb748
}

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

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

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

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

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

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

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

#offcanvas-toggler>.fa:hover,#offcanvas-toggler>.fa:focus,#offcanvas-toggler>.fa:active {
    color: #4cb748
}

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

#offcanvas-toggler>.fas:hover,#offcanvas-toggler>.fas:focus,#offcanvas-toggler>.fas:active {
    color: #4cb748
}

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

#offcanvas-toggler>.far:hover,#offcanvas-toggler>.far:focus,#offcanvas-toggler>.far:active {
    color: #4cb748
}

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

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

.offcanvas-menu .offcanvas-inner a:hover,.offcanvas-menu .offcanvas-inner a:focus,.offcanvas-menu .offcanvas-inner a:active {
    color: #4cb748
}

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

.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: #4cb748
}

.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(255,255,255,.5)
}

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

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

.btn-primary,.sppb-btn-primary {
    border-color: #4cb748;
    background-color: #4cb748;
}

.btn-primary:hover,.sppb-btn-primary:hover {
    border-color: #4cb748;
    background-color: #4cb748;
}

ul.social-icons>li a:hover {
    color: #4cb748;
}

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

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

.sp-module ul>li>a:hover {
    color: #4cb748;
}

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

.sp-module .latestnews>div>a:hover {
    color: #4cb748;
}

.sp-module .tagscloud .tag-name:hover {
    background: #4cb748;
}

.search .btn-toolbar button {
    background: #4cb748;
}

#sp-footer,#sp-bottom {
    background: #000;
    color: #ccc
}

#sp-footer a,#sp-bottom a {
    color: #ccc
}

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

.sp-comingsoon body {
    background-color: #4cb748
}

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

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

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

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

.error-code,.coming-soon-number {
    color: #4cb748;
}

.hero-section .sppb-row-overlay {
  background: linear-gradient(
    170deg,
    #000000 0%,
    rgba(76, 183, 72, 0.3) 75%,
    rgba(0, 0, 0, 0.4) 90%,
    transparent 140%
  ) !important;
}

.service-feature {
    transition: all .3s linear;
    background: #212120;
    padding: 30px;
    border-radius: 16px
}

.clients-testimonial-pro .sppb-carousel-inner .sppb-item .sp-carousel-image::after {
    background: #4cb748;
    z-index: 0
}

.sppb-btn-success {
    color: #fff;
    background-color: #4cb748;
    border-color: #4cb748
}

.sppb-btn-success.sppb-btn-3d {
    border-bottom-color: #4cb748
}

.sppb-btn-success.sppb-btn-gradient {
    background-color: #4cb748;
    border: none
}

.sppb-btn-success:hover {
    color: #fff;
    background-color: #4cb748;
    border-color: #4cb748
}

.sp-menu-heading  {
  color: #cccccc;
}

.sp-menu-item  {
  color: #cccccc;
}

.sp-megamenu-parent>li>a,.sp-megamenu-parent>li>span {
    color: #ccc;
}

.sp-megamenu-parent {
    color: #ccc;
}

.view-article #sp-main-body>.container .article-title-wrap {
    padding-top: 90px;
    background-color: #212120;
}

.article-full-image.item-image.float-left {
    float: none !important;
    margin: 0 auto !important;
    display: block !important;
    text-align: center;
}


