.body-wrapper {
	background-image: url(/images/bg/bg-blured.webp);
background-position: center top !important; 
    background-repeat: no-repeat;
background-size: cover;
}


#sp-header {
	height: 60px;
	background: #d5d8d69c;
}
@media (max-width: 992px) {
    .logo-image {
        height: 60px!important;
    }
}

#sp-contact .fab, .icon-joomla, .fa-brands{
	font-size: 35px;
}

#sp-main-body {padding: 20px 0;}
#sp-main-body .container{
	background: #d5d8d69c;
	box-shadow: 0 2px 3px 2px rgba(0, 0, 0, .1);
	min-height: 715px;
}
#sp-header-topbar .container-inner{
	border:none;
}
#sp-slider {padding-top: 10px;}
.hidden-menu{
	font-size: 0!important;
    display: block;
    position: relative;
    top: -6px;
}
.hidden-menu .fas:before{
	font-weight: 900;
    font-size: 18px;
    line-height: 38px;
	display: inline-table;
    vertical-align: middle;
}
.sp-megamenu-wrapper:before {
   content: "";
    top: 2rem;
    position: absolute;
    left: 11rem;
    transform: translateY(-50%);
    width: 45px;
    height: 65px;
    background-image: url(/images/bg/leaf.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span, .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a{
	color:#2a5600;
	background: #d5d8d69c;
	transition:0.6s;
}
.sp-megamenu-parent>li.active>a, .sp-megamenu-parent>li.active>a{
	color:white;
	background: #1bb1221a;
    box-shadow: none;	
}

.sp-megamenu-parent>li.active>a, .sp-megamenu-parent>li.active:hover>a{
	color:white;
	background: #1bb1221a;
	box-shadow: none;
	transition:0.6s;
}

.sp-megamenu-parent > li > a:hover, .sp-megamenu-parent > li > span:hover, .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover{
	background: #1bb1221a;
	transition:0.6s;
	box-shadow: none;
}
.sp-megamenu-parent>li a {
    padding: 0px 25px!important;
}
.sp-megamenu-parent>li:last-child>a {
    padding: 0px 25px!important;
}

.offcanvas-menu .offcanvas-inner ul.menu li.active a{
	color:white;
	background: #bde78b;
}

.offcanvas-menu .offcanvas-inner ul.menu li:hover a{
	color:white;
	background: #bde78b;
}

.offcanvas-menu {
    background-color: #11b325;
    color: #ffffff;
}


.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:white;
	background: #bde78b;
}

.offcanvas-menu .offcanvas-inner ul.menu>li>a, .offcanvas-menu .offcanvas-inner ul.menu>li>span {
    padding: 10px 14px;
}
@media (max-width: 768px) 
{
	.sp-megamenu-wrapper .d-flex{ display:none;}
	
}
@media (min-width: 1000px) 
{
#offcanvas-toggler{ display:none!important;}
}
.article-intro-image {
	width: 300px!important;
    float: left!important;
    margin: 0 20px 0px 0!important;
	max-height: 240px;}
.article-intro-image img{
	max-height: 240px;
	display: block;
    width: auto;
    max-width: 299px;
    height: auto;
    margin: auto;}
	
	.article-list .article {	
	    display: flow-root;
}
div.wrapper { background-image: radial-gradient(ellipse farthest-corner at 50% 50%, #ffffff 0%, #ffffff 100%)!important;}

#sp-footer{
    background: #d5d8d69c;
    color: #fff;
}
.btn-primary, .sppb-btn-primary{
	border-color: #d5d8d69c;
    background-color: #d5d8d69c;
}
.btn-primary:hover, .sppb-btn-primary:hover {
    border-color: #1bb1221a;
    background-color: #1bb1221a;
}

a {
    color: #000000;
}
a:hover, a:focus, a:active {
    color: #f5fff7;
}
.pagination>.active>a:hover, .pagination>.active>a:focus, .pagination>.active>span:hover, .pagination>.active>span:focus {
    border-color: #1bb1221a;
    background-color: #d5d8d69c;
}

.pagination>.active>a, .pagination>.active>a, .pagination>.active>span, .pagination>.active>span {
    border-color: #1bb1221a;
    background-color: #d5d8d69c;
}
.article-list .article{
	background-color: #d5d8d69c;
}
.article-list .article .article-intro-image, .article-list .article .article-featured-video, .article-list .article .article-featured-audio, .article-list .article .article-feature-gallery {

    border-radius: 3px 3px 0 0;
    border-bottom: none;
}
.com-content-category-blog__counter.counter {
	color: #fff;
}
.bg-body {
    --bs-bg-opacity: 1;
background-color: #d5d8d69c !important;
}
.nav-link{
	color:#3b3b3b;
}
.nav-link:hover{
	color:#3b3b3b;
}
.jshop h1{
	    font-size: 2.5rem;
        color: white;
        text-shadow: black 0px 0px 3px;
        background: none;
        transition: 0.6s;
        text-align: center;
}

.jshop .h4{
	    font-size: 1.5rem;
        color: white!important;
        text-shadow: black 0px 0px 3px;
        background:none;
        transition: 0.6s;
        text-align: center;
}


.extra_fields{display:none;border: none;}
.description.mt-2{display:none;border: none;}
.oiproduct .d-flex.justify-content-around.align-items-center{display:none;border: none;}
.oiproduct .price_extra_info.small.text-muted.text-center{display:none;border: none;}
#productImagesSlider{
	background-color: #d5d8d6bd !important;
    padding: 10px;
}
#ProductTabs{
	background-color: #d5d8d6bd !important;
    padding: 10px;
}
.news #sp-main-body .container {
    background: none;
    box-shadow: none;
}
.mainpage #sp-main-body .container {
    background: #ffff;
	max-width:1200px;
    box-shadow: none;
	min-height: 0;
}
.mainpage #sp-main-body{padding:0!important;}

.article-list .article .readmore a:hover, .article-list .article .readmore a:active, .article-list .article .readmore a:focus{
	    color: #ffffff;
}
.article-header{
	font-size: 2.5rem;
    color: white;
    text-shadow: black 0px 0px 3px;
    transition: 0.6s;
    text-align: center;
}
.jshop.list_product .container{
	background: none!important;
    box-shadow: none!important;
}
.article-details.news{
		background: #d5d8d69c;
	box-shadow: 0 2px 3px 2px rgba(0, 0, 0, .1);
	padding:20px;
}

.n2-ss-button-container a:hover{
background: RGBA(186, 60, 123, 0.69);
}
.n2-ss-button-container a{
	    background: rgb(222 76 149 / 69%);
}