:root {
   --light-color: #3EAB79;
  --dark-color: #18412E;
   --main-color: #0d5736;
  --middle-color: #0D5735;
  --add-color: #85793f;
}

body,.sp-preloader {
    background-color: #ffffff;
    color: #252525
}

.sp-preloader>div {
    background: var(--main-color);
}

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

#sp-top-bar {
    background: var(--main-color);
    color: #ffffff;
}

#sp-top-bar a {
    color: #ffffff;
}

#sp-header {
    background: #ffffff
}

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

a {
    color: var(--main-color);
}

a:hover,a:focus,a:active {
    color: var(--add-color);
  
}

.tags>li {
    display: inline-block
}

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

.tags>li a:hover {
    background: var(--dark-color);
}

.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(--main-color);
}

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

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

.sp-megamenu-parent>li>a {
    color: #252525
}
.sp-megamenu-parent > li:hover > span {
  color: var(--add-color);
    /*background-color: #d5c472;*/
  /*background-color: var(--add-color);*/
}
.sp-megamenu-parent>li:hover>a {
    color: var(--add-color);
    /*background-color: #d5c472;*/
  /*background-color: var(--add-color);*/
}
.sp-megamenu-parent>li:last-child>a:hover {
  /*color: #252525;
  background-color: #fff;*/
}

.sp-megamenu-parent>li.active>a,.sp-megamenu-parent>li.active:hover>a {
    color: var(--add-color);
    /*background-color: #d5c472;*/
  /*background-color: var(--add-color);*/
}
.sp-megamenu-parent>li:last-child.active>a,.sp-megamenu-parent>li:last-child.active:hover>a {
    color: #252525;
  background-color: #fff;
}

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

.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(--add-color);
    /*background-color: #d5c472;*/
  /*background-color: var(--add-color);*/
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active>a {
    color: var(--add-color);
    /*background-color: #d5c472;*/
  /*background-color: var(--add-color);*/
}

.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(--add-color);
    /*background-color: #d5c472;*/
  /*background-color: var(--add-color);*/
}

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

#offcanvas-toggler>.fas:hover,#offcanvas-toggler>.fas:focus,#offcanvas-toggler>.fas:active {
   color: var(--add-color);
    /*background-color: #d5c472;*/
  /*background-color: var(--add-color);*/
}

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

#offcanvas-toggler>.far:hover,#offcanvas-toggler>.far:focus,#offcanvas-toggler>.far:active {
    color: var(--add-color);
    /*background-color: #d5c472;*/
  /*background-color: var(--add-color);*/
}

.offcanvas-menu {
    background-color: #ffffff;
    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(--add-color);
    /*background-color: #d5c472;*/
  /*background-color: var(--add-color);*/
}

.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(--add-color);
    /*background-color: #d5c472;*/
  /*background-color: var(--add-color);*/
}

.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, 0.5)
}

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

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

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

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

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

.sp-page-title {
    background: var(--main-color);
}

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

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

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

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

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

.sp-module .tagscloud .tag-name:hover {
    background: var(--main-color);
}

.search .btn-toolbar button {
    background: var(--main-color);
}

#sp-footer,#sp-bottom {
    background: #171717;
    color: #ffffff
}

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

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

.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(--main-color);
    background-color: var(--main-color);
}

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

.error-code,.coming-soon-number {
    color: var(--main-color);
}
.iframe_vs {
  width: 100%;
  height: 480px;
}
.menu-child li {
  padding: 4px 0;
}