body {
    font-family: 'Cairo', sans-serif;
	font-weight: 400;
	color: #000;
	font-size: 14px;
	line-height: 20px;
	width: 100%;
	letter-spacing: 0.6px;
	background-color: #fff;
}
/* default font size */
.fa {
	font-size: 14px;
}
/* Override the bootstrap defaults */
h1 {
	font-size: 33px;
}
h2 {
	font-size: 27px;
}
h3 {
	font-size: 21px;
}
h4 {
	font-size: 15px;
}
h5 {
	font-size: 12px;
}
h6 {
	font-size: 10.2px;
}
b, strong {
    font-weight: 600;
}
a {
	color: #000;
	transition: 0.3s ease;
}
:focus{
	outline: none;
}
a:focus, a:hover,.btn-link:focus, .btn-link:hover{
	text-decoration: none;
	outline: none;
	color: #88b121;
}
legend {
	font-size: 18px;
	padding: 7px 0px;
	color: #000;
	border-color: #f2f2f2;
}
label {
	font-size: 13px;
	font-weight: normal;
}
/* select.form-control, textarea.form-control, input[type="text"].form-control, input[type="password"].form-control, input[type="datetime"].form-control, input[type="datetime-local"].form-control, input[type="date"].form-control, input[type="month"].form-control, input[type="time"].form-control, input[type="week"].form-control, input[type="number"].form-control, input[type="email"].form-control, input[type="url"].form-control, input[type="search"].form-control, input[type="tel"].form-control, input[type="color"].form-control {
	font-size: 13px;
} */
.input-group input, .input-group select, .input-group .dropdown-menu, .input-group .popover {
	font-size: 13px;
}
.input-group .input-group-addon {
	font-size: 12px;
	height: 30px;
	color: #000
}
/* Fix some bootstrap issues */
span.hidden-xs, span.hidden-sm, span.hidden-md, span.hidden-lg {
	display: inline;
}

.nav-tabs {
	margin-bottom: 15px;
}
div.required .control-label:before {
	content: '* ';
	color: #F00;
	font-weight: bold;
}
@media (max-width: 991px){
    .container {
        width: 100%;
    }
}
@media (min-width: 992px) and (max-width: 1199px){
    .container {
        width: 963px;
    }
}
@media (min-width:1200px) and (max-width:1409px){
    .container {
       width: 1170px;
    }
}
@media (min-width: 1410px){
    .container {
        width: 1380px;
    }
}
.form-control{
	box-shadow: none;
	border: 1px solid #eee;
}
.input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn{
	border-radius: 0
}
.form-control:focus{
	border: 1px solid #88b121;
	box-shadow: none
}
/* search */
#search .input-lg {
	height: 45px;
	padding: 0 10px;
	border: none;
	font-size: 14px;
	border-radius: 0
}
#search .btn-lg {
	height: 45px;border-radius: 0 4px 4px 0;
}
#search .form-control:focus{
	border: none;
	box-shadow: none;
}
/* cart */
#cart-total{
	margin-left: 3px;
	color: #88b121;
}
.btn-group.open .dropdown-toggle{
	box-shadow: none;
}
#cart.open > .btn {
	background-image: none;
	background-color: #FFFFFF;
	border: 1px solid #E6E6E6;
	color: #666;
	box-shadow: none;
	text-shadow: none;
}
#cart .dropdown-menu {
	z-index: 1001;
}
#cart .dropdown-menu {
	min-width: 295px;
	padding: 10px 0;
}
.dropdown-menu{
	border-radius: 0;
}
#cart .btn-danger {
    background-color: #fff;
    color: #222;
    padding: 0;
    border-color: #fff;
    border: none;
    transition: all 0.4s ease-in-out 0s;
}
#cart .dropdown-menu table {
	margin-bottom: 10px;
	font-size: 14px;
}
#cart .table-striped > tbody > tr:nth-of-type(2n+1) {
    background: none;
}
#cart li tbody tr td {
    border-bottom: 1px solid #eee !important;
	border: none;
}
#cart li tbody tr td {
    border-bottom: 1px solid #eee !important;
	border: none;
	font-size: 12px;
}
.cartqt{
	width: 12%;
}
.cartdrop {
    padding: 0;
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
}
.cartdrop img{
	max-width: 60px;
	padding: 0
}
.cartname {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 0 10px;
    width: 160px;
    font-size: 14px;
    transition: 0.3s ease;
}
.cartname:hover{
	color: #000;
}
.cartname a{
	font-weight: 500;
}
.cartprice {
    clear: both;
    position: relative;
    top: -35px;
    left: 70px;
    width: 50%;
    color: #000;
    font-size: 13px;
    direction: ltr;
    margin-bottom: -10px;
}
#cart .dropdown-menu li > div {
	padding: 0 10px;
}
#cart .dropdown-menu li > div table td {
	border: 1px solid #eee;
}
/* menu */
#menu .dropdown-menu {
	padding-bottom: 0;
}
#menu .dropdown-inner {
	display: table;
}
#menu .dropdown-inner ul {
	display: table-cell;
}
#menu .collapse .nav li {
    padding: 0 15px;
}
#menu .dropdown-inner a {
	min-width: 200px;
	display: block;
	padding: 3px 2px;
	clear: both;
	line-height: 23px;
	text-transform: capitalize;
	letter-spacing: 0.5px;
}
#menu .dropdown-inner .dropdown-submenu ul.grand-child li {
    padding: 0;
}
#menu .dropdown-inner .dropdown-submenu .submenu-title {
    font-weight: 600;
    font-size: 15px;
    padding: 0;
    margin-bottom: 10px;
    text-transform: uppercase;
    color: #000
}

/* content */
#content {
	min-height: 600px;
}
/* alert */
.alert {
	padding: 8px 14px 8px 14px;
	border-radius: 4px
}
/* breadcrumb */
.breadcrumb {
    margin: 0 15px 20px 15px;
	padding: 8px 15px;
	background: #f7f7f7;
	border-radius: 4px;
	text-transform: capitalize;
	font-weight: 600;
}
.breadcrumb i {
	font-size: 15px;
}
.breadcrumb > li{
	display: inline
}
.breadcrumb > li a:hover{
	color: #000;
}
.breadcrumb > li a:hover{
	color: #88b121;
}
.breadcrumb > li a::after {
	content: '|';
	padding: 0 15px;
	color: #000;
}
.breadcrumb > li:last-child a::after {
	content: '';
	padding: 0;
}
.breadcrumb > li + li::before {
    padding: 0;
    color: #000;
    content: "";
}
.pagination {
	margin: 0;
	padding: 0;
}
/* buttons */
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover{
	background-color: transparent;
}
.buttons {
	margin: 1em 0;
}
.btn {
	padding: 7.5px 12px;
	font-size: 14px;
	border: none;
	border-radius: 4px;
	box-shadow: none;
}
.btn-xs {
	font-size: 9px;
}
.btn-sm {
	font-size: 10.2px;
}
.btn-lg {
	padding: 10px 16px;
	font-size: 15px;
}
.btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover {
	font-size: 12px;
}
.btn-group > .btn-xs {
	font-size: 9px;
}
.btn-group > .btn-sm {
	font-size: 10.2px;
}
.btn-group > .btn-lg {
	font-size: 15px;
}
.btn-default {
	color: #777;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	background-color: #e7e7e7;
	background-image: linear-gradient(to bottom, #eeeeee, #dddddd);
	background-repeat: repeat-x;
	border-color: #dddddd #dddddd #b3b3b3 #b7b7b7;
}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus,.btn.active, .btn:active{
	outline: none;
	box-shadow: none
}
.btn-primary {
	background-color: #88b121;
	color: #fff;
	border: none;
	text-transform: capitalize;
	transition: 0.3s ease;
	font-size: 14px;
}
.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled],.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover,.btn-primary.focus, .btn-primary:focus,
.btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary[disabled].active, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover{
	background-color: #000;
	color: #fff
}
.btn-warning {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #faa732;
	background-image: linear-gradient(to bottom, #fbb450, #f89406);
	background-repeat: repeat-x;
	border-color: #f89406 #f89406 #ad6704;
}
.btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] {
	box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}
.btn-danger,.btn-info{
	color: #ffffff;
	background-color: #88b121;
	transition: 0.3s ease;
}
.btn-danger.focus, .btn-danger:focus,.btn-info.focus, .btn-info:focus,.btn-danger.active.focus, .btn-danger.active:focus, .btn-danger.active:hover, .btn-danger:active.focus, .btn-danger:active:focus, .btn-danger:active:hover, .open > .dropdown-toggle.btn-danger.focus, .open > .dropdown-toggle.btn-danger:focus, .open > .dropdown-toggle.btn-danger:hover,.btn-danger.active, .btn-danger:active, .open > .dropdown-toggle.btn-danger,.btn-info.active, .btn-info:active, .open > .dropdown-toggle.btn-info,.btn-danger:hover,.btn-info:hover,.btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info:active.focus, .btn-info:active:focus, .btn-info:active:hover, .open > .dropdown-toggle.btn-info.focus, .open > .dropdown-toggle.btn-info:focus, .open > .dropdown-toggle.btn-info:hover{
	background-color: #000;
	color: #fff
}
.btn-success {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #5bb75b;
	background-image: linear-gradient(to bottom, #62c462, #51a351);
	background-repeat: repeat-x;
	border-color: #51a351 #51a351 #387038;
}
.btn-link {
	border-color: rgba(0, 0, 0, 0);
	cursor: pointer;
	color: #000;
	border-radius: 4px;
	transition: 0.3s ease;
}
.btn-link, .btn-link:active, .btn-link[disabled] {
	background-color: rgba(0, 0, 0, 0);
	background-image: none;
	box-shadow: none;
}
.btn-inverse {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #363636;
	background-image: linear-gradient(to bottom, #444444, #222222);
	background-repeat: repeat-x;
	border-color: #222222 #222222 #000000;
}
.btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] {
	background-color: #222222;
	background-image: linear-gradient(to bottom, #333333, #111111);
}
/* list group */
.list-group a {
	border: 1px solid #eee;
	padding: 12px 12px;
	text-transform: capitalize;
	font-weight: 600;
}
.catlistpage.list-group a.active,.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover,.catlistpage.list-group a.active:hover{
    background: #fff;
	color: #88b121;
	border: 1px solid #eee;
}
a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover,.catlistpage.list-group a:hover{
	background-color: #fff;
	color: #88b121
}
.catlistpage .list-group-item:nth-child(1){
	border-radius: 4px 4px 0 0
}
/* carousel */
.carousel-caption {
	color: #FFFFFF;
	text-shadow: 0 1px 0 #000000;
}
.carousel-control .icon-prev:before {
	content: '\f053';
	font-family: FontAwesome;
}
.carousel-control .icon-next:before {
	content: '\f054';
	font-family: FontAwesome;
}
.rating .fa-stack {
	font-size: 6px;
	width: 12px;
	height: 12px;
}
.rating .fa-star-o,.rating .fa-star{
	color: #ffc600;
	font-size: 13px;
}
.rating .fa-star + .fa-star-o {
	color: #ffc600;
}
h2.price {
	margin: 0;
}
.thumbnails {
	clear: both;
	list-style: none;
	padding: 0;
	margin: 0;
}
.thumbnails > img {
	width: 100%;
}
.image-additional a {
	margin-bottom: 20px;
	padding: 5px;
	display: block;
	border: 1px solid #ddd;
}
.image-additional {
	max-width: 78px;
}
.thumbnails .image-additional {
	float: left;
	margin-left: 20px;
}

/* fixed colum left + content + right*/
@media (min-width: 768px) {
    #column-left  .product-layout .col-md-3 {
       width: 100%;
    }

	#column-left + #content .product-layout .col-md-3 {
       width: 50%;
    }

	#column-left + #content + #column-right .product-layout .col-md-3 {
       width: 100%;
    }

    #content + #column-right .product-layout .col-md-3 {
       width: 100%;
    }
}

/* fixed product layouts used in left and right columns */
#column-left .product-layout, #column-right .product-layout {
	width: 100%;
}

/* fixed mobile cart quantity input */
.input-group .form-control[name^=quantity] {
	min-width: 50px;
}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover{
	background-color: transparent;
}

/*loader start */
.s-panel{
    position: relative;
}
.s-panel .wrloader {
    background: url('../../../../../image/catalog/loader.gif') 50% 50% no-repeat rgba(255, 255, 255, 1);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
}
.s-panel .slick-dots{
	bottom: 15px;
}
.s-panel .slick-dots li{
	margin: 0 2px;
}
.s-panel .slick-dots li button::before{
	font-size: 50px;
}
.slick-dotted.slick-slider{
	margin: 0
}
/* alert design */
.a-one{
    position: fixed;
    top: 0;
    left: 0;
    right: 0
}
.a-one {
    background-color: #000;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    background-color: rgba(0, 0, 0, .6);
    bottom: 0;
    z-index: 99
}
.alert a {
    color: #222;
    font-weight: 600
}

.alert a:hover {
    color: #88b121
}

.alert h2 {
    font-size: 27px;
    color: #111;
    margin-bottom: 15px;
    margin-top: 26px;
    text-transform: capitalize;
}
.alert.alertsuc{
	padding: 13px 12px;
    background-color: #fff;
    border: 1px solid #ededed;
    color: #666;
    font-size: 14px;
    position: fixed;
    z-index: 99;
    transition: all ease .6s;
    border-radius: 4px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
    max-width: 500px;
    text-align: center;
    margin: 0 auto;
    top: 30%;
    padding: 40px
}

.alert-danger svg,
.alert-info svg,
.alert-success svg {
    display: block;
    margin: 0 auto 20px;
    width: 65px;
    height: 65px
}

.alert-success svg {
    fill: #4CAF50
}

.alert-danger svg {
    fill: #E2574C
}

.alert-info svg {
    fill: #31708f
}

.a-one .alert-dismissable .close,.a-one .alert-dismissible .close{
    position: absolute;
    top: 8px;
    right: 8px;
    opacity: 1;
    color: #222;
    color: inherit
}
/* custom css */
.fixed {
    position: fixed;
    z-index: 9;
    top: 0;
    background-color: #fff;
    transition: 0.4s top cubic-bezier(.3, .73, .3, .74);
    left: 0;
    right: 0;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
}
ol, ul{
	margin-bottom: 0;
}
.list-inline{
	margin: 0
}
.list-inline > li{
	padding: 0;
	vertical-align: middle
}
/* search */
.list-inline > li.desktop-search{
	vertical-align: baseline
}
#madebyhand-search-category{
	float: left;
	width: 200px;
	border: none;
	height: 45px;
	padding: 10px;
	-moz-appearance: none;
	background: #fff url("../../../../../image/catalog/arrow.png");
	background-position: right bottom 7px;
	background-repeat: no-repeat;
	-webkit-appearance: none;
	border-radius: 4px 0 0 4px;
}
svg{
	vertical-align: middle;
	transition: 0.3s ease
}
.d-search button{
	background: transparent;
	border: none;
	cursor: pointer;
	padding: 0;
}
.sideb{
    display: block;
}
.siden{
    display: none;
}
body.active-search .wbSearch {
    opacity: 1;
	transform: translateY(0);
}
.wbSearch{
	z-index: 99;
	position: fixed;
	top: 0;
	right: 0;
	display: flex;
	background-color: rgba(0,0,0,.7);
	opacity: 0;
	transition: all 0.3s ease-in-out;
	transform: translateY(-100%);
	align-items: center;
	justify-content: center;
	width: 100%;
	padding: 38px
}
.wbSearch .close-nav i{
    margin-left: 15px;
	display: inline-block;
	color: #fff;
	font-size: 18px;
	position: relative;
	top: 5px;
}
.wbSearch #search_block_top{
	position: relative;
	align-items: center;
	width: 100%;
	max-width: 1000px;
}
/* result */
.madebyhand-dis{
	padding-top: 10px;
}
.madebyhand-search-result .searchbr{
    padding-top: 0;
    padding-bottom: 0;
    border: 1px solid #eee;
    margin: 15px 0;
    float: left;
    width: 100%;
    border-radius: 4px;
}
.madebyhand-search-loader{
	position: absolute;
	z-index: 110;
	height: 300px;
	background-color: white;
	border: 1px solid #eee;
	margin: 0 auto;
	left: 0;
	right: 0;
}
.madebyhand-search-result {
	left: 0;
	top: 100%;
	right: 0;
	box-shadow: none;
	background-color: #fff;
	border-radius: 0;
	position: absolute;
	z-index: 99;
	max-height: 530px;
	overflow-y: auto;
	margin-top: 1px;
}
.madebyhand-dis h4{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-top: 0;
	font-weight: 600;
	text-transform: capitalize;
}
.madebyhand-dis .list-des {
    font-size: 12px;
    color: #777;
    text-transform: capitalize;
    color: #282828;
    margin: 0 0 10px 0;
    max-height: 40px;
    overflow: hidden;
}
.madebyhand-dis .price{
	font-weight: 500;
}
.madebyhand-search-result .product-info {
    padding: 0;
}
.madebyhand-search-result p{
	margin: 5px 15px;
}
.madebyhand-search-loader .loaders {
    position: absolute;
    top: 35%;
    z-index: 4;
    background: url('../../../../../image/catalog/loader.gif') 50% 50% no-repeat;
    width: 100px;
    height: 100px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
#search_block_top .input-group{
	position: unset
}
/* search over */
.inuser{
	margin: 0 25px;
}
#logo a{
	display: inline-block;
	vertical-align: middle
}
.topbsp{
	background-color: #88b121;
	padding: 7px 0;
	color: #fff;
	text-transform: capitalize;
}
.topbsp p{
	margin: 0
}
#cart button.dropdown-toggle{
	border: none;
	padding: 0;
	background: transparent;
}
#top-links ul li svg,.inuser .dropdown-toggle svg{
	width: 24px;
	height: 23px;
	fill: #000;
	cursor: pointer
}
#top-links ul li #cart svg{
	width: 26px;
	height: 25px;
}
#top-links ul li #search_toggle svg{
	width: 21px;
	height: 20px;
}
#top-links ul li.wishcom svg{
	width: 16px;height: 16px;
}
#top-links ul li svg:hover,.inuser .dropdown-toggle:hover svg,#cart .dropdown-toggle:hover svg{
	fill: #88b121
}
#cart .dropdown-menu p{
	margin-bottom: 0;
	font-size: 13px;
}
.cartbt-empty { margin-top: 10px !important; }
.midheadleft,#top-links{
	margin-top: 18px;
}
.hsticky{
	background-color: #fff;
	padding: 22px 0;
	border-bottom: 1px solid #e1e1e1;
	margin: 0 150px;
}
.curr,.langg,.hphone,.inuser{
	display: inline-block;vertical-align: middle;
}
.curr .btn-group button.test,.langg .btn-group button.test,.inuser a.dropdown-toggle{
	padding: 0;border: none;
	font-weight: 600;
	font-size: 14px;
}
.hphone{
	margin: 0 20px;
}
/* user dropdowm */
.alogin li {
    border-bottom: 1px solid #eee;
    padding: 14px 12px;
    text-transform: capitalize;
    display: block;
}
.alogin li:last-child{
	border-bottom: none;
}
#top-links ul.alogin li svg{
	margin: 0 7px;
	fill: #88b121;
	width: 14px;
    height: 13px;
}
.alogin {
    min-width: 215px;
}
.hlogout {
    text-align: center;
    padding: 15px 8px;
	min-width: 264px;
}
.hlogout h5 {
    font-size: 16px;
    margin-top: 0;
}
.hlogout h6 {
    font-size: 12px;
    color: #777;
}
.acd,.hlogout .wishcom{
    border: 1px solid #eee;
    display: inline-block;
    padding: 7px 0;
    margin-top: 10px;
    width: 48%;
    text-align: center;
    margin-left: 2px;
	margin-right: 2px;
}
.user-down.dropdown-menu > li > a:focus,.user-down.dropdown-menu > li > a:hover{
	color: #88b121;
}
.user-down.dropdown-menu > li > a{
	padding: 0;
	text-transform: capitalize;
}
.drpbot{
	min-width: 250px;
	padding: 15px 10px;
}
.drpbot .hcoms{
	margin: 12px 0
}
.wishcom svg{
	margin: 0 5px;
}
/* menu */
#menu .navbar-collapse{
	padding: 0
}
.navbar{
	min-height: auto;
	margin-bottom: 0;
	border: none;
}
.nav > li > a:focus, .nav > li > a:hover{
	background-color: transparent;
}
.menusp{
	padding: 0;
}
#menu .navbar-nav li a{
    font-size: 13px;
	text-transform: uppercase;
	padding: 14px 0;
	font-weight: 600;
}
#menu .navbar-nav li .dropdown-menu a{
	font-size: 14px;
	padding: 3px 2px;
	text-transform: capitalize;
	font-weight: normal;
}
#menu .navbar-nav li .dropdown-menu a::after,#menu .navbar-nav li .more-menu a::after{
	display: none
}
.navbar-nav{
	float: none
}
.navbar-nav > li{
	float: none;
	display: inline-block;vertical-align: middle
}
.dropdown-menu {
	border-radius: 4px;
    border: none;
    box-shadow: 0 0px 5px rgba(0,0,0,.175);
}
/* slider */
.owl-carousel.owl-theme .owl-controls{
	margin-top: 0
}
.owl-carousel .owl-wrapper-outer{
	box-shadow: none;
	border: none;
	border-radius: 0
}
.owl-theme.owl-carousel{
	background-color: transparent;
	margin: 0
}
#slideshow0.owl-theme .owl-controls .owl-buttons{
	position: unset;
}
#slideshow0.owl-carousel.owl-theme .owl-controls .owl-buttons div{
	position: absolute;
	background: #88b121;
	text-shadow: none;
	border-radius: 100%;
	min-width: 40px;
	min-height: 40px;
	opacity: 0;
	color: #fff;
	padding: 6px 0 0 0;
}
#slideshow0.owl-carousel.owl-theme .owl-controls .owl-buttons div:hover{
	background-color: #000;
	color: #fff;
}
#slideshow0.owl-carousel.owl-theme:hover .owl-controls .owl-buttons div{
	opacity: 1;
}
#slideshow0 .owl-controls .owl-buttons .owl-prev,#slideshow0 .owl-controls .owl-buttons .owl-next{
	top: 45%
}
#slideshow0.owl-carousel:hover .owl-buttons .owl-next {
    right: 30px;
}
#slideshow0.owl-carousel:hover .owl-buttons .owl-prev {
    left: 30px;
}
#slideshow0 .owl-pagination{
	position: absolute;
	top: auto;
	left: 0;
	right: 0;
	bottom: 0;
}
#slideshow0.owl-theme.owl-carousel .owl-buttons div i {
    font-size: 24px;
    margin: 0;
}
.owl-carousel.owl-theme .owl-controls .owl-page span {
    margin: 5px 0px;
}
.owl-carousel.owl-theme .owl-controls .owl-page span {
    background-color: #88b121;
}


.s-panel .slick-current.slick-active .slideff {
    transform: none;
    opacity: 1;
}
.slideff {
    position: relative;
    overflow: hidden;
    transform: translateX(-100px);
    opacity: 0;
    transition: opacity 0.5s 0.7s,-webkit-transform 0.5s 0.7s;
}
.slidertext {
    position: absolute;
	top: 180px;
	width: 700px;
	margin: 0 140px;
}
.slidertext h1{
    font-size: 70px;
    text-transform: capitalize;
    color: #000;
    font-weight: 700;
    margin-bottom: 10px;
    margin-top: 0;
}
.slidertext p {
    font-size: 16px;
    color: #777;
    margin: 0;
    text-transform: capitalize;
    line-height: 24px;
}
.slidertext a.btn-primary{
    margin-top: 50px;
    text-transform: uppercase;
    border-radius: 4px;
    padding: 12px 36px;
}
/* qty */
.homeqt{
	position: relative;
	display: inline-block;
	vertical-align: middle
}
.homeqt .btnminus{
	position: absolute;
	left: 0;
	top: 0;
	width: auto;
	float: none !important;
	display: inline-block;
	padding: 0 6px;
	border: none;
	line-height: normal;
	height: auto;
	bottom: 0;
	background: transparent;
	font-size: 10px;
	color: #888;
}
.homeqt .btnplus{
	position: absolute;
	right: 0;
	top: 0;
	display: inline-block;
	float: none !important;
	width: auto;
	padding: 0 6px;
	border: none;
	line-height: normal;
	height: auto;
	bottom: 0;
	background: transparent;
	font-size: 10px;
	color: #888;
}
.homeaddq{
	margin-top: 8px;
	margin-bottom: 0;
}
.form-group .addhqty{
	display: inline-block;
	vertical-align: middle;
	float: none !important;
	width: 65px;
	border: 1px solid #e1e1e1;
	border-radius: 4px;
	height: 35px;
	padding: 5px;
	text-align: center
}
.homeaddq .cartb svg{
	width: 20px;
	height: 19px;
	fill: #fff;
}
.homeaddq .cartb {
    border: none;
    background: #88b121;
    color: #fff;
    border-radius: 4px;
    height: 35px;
    padding: 0 8px;
    text-transform: capitalize;
    font-weight: 600;
    cursor: pointer;
    transition: 0.3s ease;
    margin: 0 5px;
    display: inline-block;
	vertical-align: middle;
}
.homeaddq .cartb:hover{
	background-color: #333;
	color: #fff;
}
/* banner text */
.beffect{
	position: relative
}
/* timer */
.timerpro .image{
	padding: 0
}
.timerpro .product-thumb .button-group{
	margin-top: 18px;
}
.timerpro .product-thumb .button-group button,.timerpro .bquickv a{
	padding: 7px 7px;
	display: inline-block;
	margin-top: 0;
	background-color: #f5f5f5;
}
.timerpro .product-thumb .button-group button:hover{
	color: #fff
}
.countdown-section {
    background: #f5f5f5;
    min-width: 60px;
    min-height: 60px;
    display: inline-block;
    margin-right: 10px;
    text-align: center;
    padding: 10px 0
}
.countdown-amount {
    display: block;
    font-size: 20px;
    font-weight: 500;
}
.countdown-period {
    display: block;
    color: #777;
}
.timerpro .countdes{
	color: #888;
	margin-bottom: 15px;
	margin-top: 10px;
}
.timerpro .rating{
	margin-bottom: 10px;
}
.timerpro .product-thumb{
	float: left;
	width: 100%;
	border: 1px solid #eee;
	padding: 15px;
}
/* product */
.heading{
	text-transform: capitalize;
	font-weight: normal;
	position: relative;
	margin: 0 0 30px 0;
	font-size: 14px;
}
.heading span{
	display: inline-block;
	vertical-align: middle;
	position: relative;
	font-size: 24px;
	font-weight: 700;
	text-transform: capitalize;
}
.heading strong{
	display: block;
	font-size: 13px;
	text-transform: capitalize;
	font-weight: normal;
	margin: 6px 0 0 0;
	letter-spacing: 0.5px;
	color: #333;
}
.nav-tabs > li{
	display: inline-block;
	float: none;
	margin-bottom: 0
}
.nav-tabs{
	border-bottom: none
}
.tab-head .heading h1{
	margin: 0;
}
.pro-tab.nav-tabs{
	margin-bottom: 0;
}
.pro-tab li {
    margin-right: 15px;
}
.pro-tab li a{
	border-radius: 4px;
	text-transform: capitalize;
	font-size: 16px;
	position: relative;
	font-weight: 600;
	background: #f5f5f5;
	padding: 7px 15px;
	letter-spacing: 0.8px;
	border: none;
}
.pro-tab li.active > a,.pro-tab li.active > a:focus,.pro-tab li.active > a:hover,.pro-tab.nav-tabs > li > a:hover,
.pro-tab.nav > li > a:focus,.pro-tab.nav > li > a:hover{
	background: #88b121;
	color: #fff;
	border: none;
}
.product-thumb:hover .second-img {
    opacity: 1;
}
.product-thumb .second-img {
    top: 0;
    left: 0;
    margin: 0 auto;
    opacity: 0;
    position: absolute;
    right: 0;
    transition: all 400ms ease-in-out 0s;
}
.sale{
	position: absolute;
	right: 0;
	top: 35px;
	margin: 0 auto;
	display: inline-block;
	text-transform: uppercase;
	line-height: normal;
	font-size: 11px;
	border: none;
	background: #ec2c2c;
	color: #fff;
	padding: 0 3px;
}
.sale::before {
    position: absolute;
    top: 0;
    content: "";
    left: -10px;
    border-top: 5px solid #ec2c2c;
    border-right: 5px solid #ec2c2c;
    border-left: 5px solid transparent;
    border-bottom: 5px solid transparent;
}
.sale::after {
    position: absolute;
    left: -10px;
    bottom: 0;
    content: "";
    border-bottom: 5px solid #ec2c2c;
    border-right: 5px solid #ec2c2c;
    border-left: 5px solid transparent;
    border-top: 5px solid transparent;
}
.reduce-price {
    position: absolute;
	right: 0;
	top: 10px;
	margin: 0 auto;
	display: inline-block;
	text-transform: uppercase;
	line-height: normal;
	font-size: 11px;
	border: none;
	background: #88b121;
	color: #fff;
	padding: 0 5px;
}
.reduce-price::before {
    position: absolute;
    top: 0;
    content: "";
    left: -10px;
    border-top: 5px solid #88b121;
    border-right: 5px solid #88b121;
    border-left: 5px solid transparent;
    border-bottom: 5px solid transparent;
}
.reduce-price::after {
    position: absolute;
    left: -10px;
    bottom: 0;
    content: "";
    border-bottom: 5px solid #88b121;
    border-right: 5px solid #88b121;
    border-left: 5px solid transparent;
    border-top: 5px solid transparent;
}
.new{
	position: absolute;
	left: 0;
	top: 10px;
	margin: 0 auto;
	display: inline-block;
	text-transform: uppercase;
	line-height: normal;
	font-size: 11px;
	border: none;
	background: #88b121;
	color: #fff;
	padding: 0 5px;
}
.new::before {
    position: absolute;
    top: 0;
    content: "";
    border-left: 5px solid #88b121;
    border-top: 5px solid #88b121;
    border-bottom: 5px solid transparent;
    border-right: 5px solid transparent;
    right: -10px;
}
.new::after {
    position: absolute;
    right: -10px;
    bottom: 0;
    content: "";
    border-left: 5px solid #88b121;
    border-bottom: 5px solid #88b121;
    border-top: 5px solid transparent;
    border-right: 5px solid transparent;
}
.product-thumb{
	position: relative
}
.product-thumb .image{
	position: relative
}
.product-thumb .image img{
	border-radius: 4px;
}
.protitle{
	font-size: 16px;
	margin: 0;
	transition: 0.3s ease;
	padding: 0 0 8px 0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-weight: 600;
	text-transform: capitalize;
}
.protitle:hover,.protitle:hover a{
	color: #88b121;
}
.product-thumb .price {
    color: #000;
    font-size: 16px;
    font-weight: 600;
    transition: 0.3s ease;
    letter-spacing: 0;
    min-height: 22px;
    margin-bottom: 15px;
}
.price-old {
    color: #999;
    text-decoration: line-through;
    font-size: 12px;
}
.product-thumb .image .rating{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
}
.webi-main .form-control {
    padding: 3px 12px;
    margin-top: 0;
    margin-bottom: 0;
}
/* button effect */
.product-thumb .button-group svg{
	width: 20px;height: 19px;
}
.product-thumb .button-group .bquickv{
	display: inline-block;vertical-align: middle
}
.product-thumb .button-group button,.bquickv a{
	background-color: #fff;
	color: #000;
	min-width: 36px;
	min-height: 36px;
	text-align: center;
	border: none;
	padding: 7px 3px;
	font-size: 14px;
	text-transform: capitalize;
	transition: 0.3s ease;
	vertical-align: middle;
	display: inline-block;
	border-radius: 4px;
	margin: 0 2px;
}
.product-thumb .button-group button:hover,.bquickv a:hover{
	background-color: #88b121;
}
.product-thumb .button-group button:hover svg,.bquickv a:hover svg{
	fill: #fff;
}
.product-thumb{
	margin-bottom: 30px;
	position: relative;
	overflow: hidden;
	transition: 0.3s ease;
	background-color: #f8f8f8;
	border-radius: 4px;
}
.product-layout:last-child .product-thumb{
	margin-bottom: 1px;
}
.product-thumb .caption{
	padding: 8px;
}
/* service */
.deliveryinfo{
    border: 1px solid #e1e1e1;
    margin-left: 0;
    margin-right: 0;
    padding: 38px 0;
    border-radius: 4px;
}
.deliveryinfo li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 8px;
}
.deliveryinfo li span{
    display: inline-block;
    vertical-align: middle;
    transition: 0.3s ease;
}
.deliveryinfo li:last-child{
    width: 77%;
}
.deliveryinfo li h4{
	font-size: 18px;
    text-transform: capitalize;
    font-weight: 600;
    margin: 0 0 8px 0;
}
.deliveryinfo li p{
    text-transform: capitalize;
    margin-bottom: 0;
    font-size: 12px;
    color: #777
}
.deliveryinfo ul svg{
    width: 40px;height: 40px;
}
/* onsale */
.onsl{
    background: url('../../../../../image/catalog/parallex.jpg');
    background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 50px 0;
	margin: 0 -15px;
}
.onsl .product-layout .image{
	padding: 0
}
.onsl .heading span{
	color: #fff
}
.onsl .heading strong{
	color: #aaa
}
.onsl .rating{
	margin-bottom: 8px;
}
.onsl .product-thumb .button-group{
	position: unset;
	opacity: 1;
	margin-top: 10px;
}
/* category */
.homecategory{
	margin-top: -5px;
}
.homecategory .block-cat-wr{
	padding: 0;
	position: relative
}
.homecategory .catcontent {
    position: absolute;
	right: 15px;
	top: 100px;
	width: 250px;
	transition: 0.3s ease;
}
.homecategory .catcontent h2{
	font-size: 30px;
	text-transform: uppercase;
	font-weight: 700;
	color: #fff;
	margin: 0;
	transition: 0.3s ease;
}
.homecategory .catcontent h4{
	text-transform: capitalize;
	margin: 8px 0 0;
	color: #fff;
	font-weight: 600;
}
.homecategory .categorybr:hover .catcontent h2{
	text-shadow: 2px 1px 2px rgba(0,0,0,0.7)
}
.categorybr a{
	display: block
}
/* image text */
.imgbnrtext {
    margin-top: 70px;
}
.imgbnrtext h5 {
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #777;
    margin: 0;
}
.imgbnrtext h1 {
    font-size: 50px;
    text-transform: capitalize;
    font-weight: 700;
    margin: 5px 0 20px 0;
}
.imgbnrtext p {
    margin: 0;
    letter-spacing: 0.5px;
    color: #777;
    line-height: 24px;
}
.imgbnrtext .btn-primary {
    border: 1px solid #88b121;
    background: #fff;
    color: #88b121;
    padding: 10px 25px;
    margin-top: 40px;
}
.imgbnrtext .btn-primary:hover {
    background-color: #88b121;
    color: #fff;
}
/* product category */
.home-cat ul {
    border: 1px solid #eee;
    border-radius: 4px;
    margin-bottom: 0;
}
.home-cat ul li {
    padding: 0 15px;
    display: block
}
.home-cat ul li.view_more{
	padding: 0
}
.home-cat ul.nav-tabs li a {
    display: block;
	border: none;
    border-bottom: 1px solid #eee;
    padding: 17px 0;
    text-transform: capitalize;
    color: #777;
    border-radius: 4px;
    line-height: normal
}
.home-cat ul.nav-tabs li.active a,.home-cat ul.nav-tabs li a:hover{
	color: #88b121;
	border: none;
    border-bottom: 1px solid #eee;
    cursor: pointer
}
.home-cat ul.nav-tabs li.view_more a,.home-cat ul.nav-tabs li.view_more.active a,.home-cat ul.nav-tabs li.view_more a:hover{
	border-bottom: transparent
}
.category-tab .tab-content > .tab-pane:not(.active), .category-tab .pill-content > .pill-pane:not(.active) {
    display: block;
    height: 0;
    overflow-y: hidden;
}
/* testimonial */
.parallex .item .timg{
	border-radius: 100%;
	border: 2px solid #88b121;
	margin-bottom: 10px;
}
.parallex .item{
	max-width: 1150px;
	margin: 0 auto;
}
.parallex .item h2 {
    font-size: 16px;
    text-transform: uppercase;
    color: #88b121;
    display: inline-block;
    vertical-align: middle;
    font-weight: 600;
    margin: 0
}
.parallex .item h5 {
    font-size: 14px;
    text-transform: capitalize;
    color: #777;
    display: inline-block;
    vertical-align: middle;
    font-weight: normal;
    margin: 0
}
.parallex .item p {
    color: #333;
    margin-top: 15px;
    line-height: 21px;
}
.parallex .owl-pagination{
	top: auto;
}
/* blog */
.blogshadow{
	box-shadow: 0px 0px 8px 0px rgba(4, 0, 0, 0.08);
	margin-bottom: 5px;
}
.blog-left{
	position: relative
}
.blogdt{
	display: block;
	color: #666
}
.blog_webi .blog-right h4{
	font-size: 22px;
	text-transform: capitalize;
	line-height: 28px;
	padding: 0 0 15px 0;
	font-weight: 600;
	overflow: hidden;
	height: 62px;
	margin: 0
}
.blog_webi .blog-right h4:hover{
	color: #88b121
}
.blog_webi .blog-right{
	padding: 18px 20px;
}
.lb-nav a{
	transition: none
}
.blog-left:hover .webi_post_hover {
    opacity: 1;
    visibility: visible;
    z-index: 1;
    -webkit-transform: scale(0.9,0.9);
}
.blog-left:hover .blog_mask {
    visibility: visible;
}
.webi-blog-image {
    position: relative;
    margin-bottom: 15px;
}
.webi-blog-image img{
	border-radius: 4px;
}
#blog .product-block .webi-blog-image {
    margin-bottom: 0;
}
.webi_post_hover {
    opacity: 0;
    visibility: hidden;
    z-index: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: 0.4s ease;
    -webkit-transform: scale(0.8);
    background-color: rgba(255, 255, 255, 0.4);
    padding: 10px;
    border-radius: 4px;
}
.webi_post_hover .icon {
	border-radius: 4px;
	transform: translate(-50%, -50%);
	padding: 12px 12px;
	display: inline-block;
	line-height: 0px;
	background: #88b121;
	color: #fff;
}
.webi_post_hover .icon:hover{
	background-color: #000;
	color: #fff;
}
.blog-ic {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    top: 50%;
}


.blogal .alert {
    position: unset;
}
.blog-desc {
    color: #777;
    line-height: 25px;
    font-size: 13px;
    margin-bottom: 20px;
}
.blog-comment {
    margin: 0 0 10px 0;
}
.blogal .block-title h3,.blog-comment{
	text-transform: capitalize;
	font-size: 18px;
	margin-top: 0;
	margin-bottom: 20px;
}
.wco{
    margin-left: 38px;
    position: relative;
    top: 6px;
    margin-bottom: 10px;
    font-size: 12px;
    color: #777;
}
.bcomment{
	background-color: #fff;
	border: 1px solid #eee;
	padding: 15px;
	margin-bottom: 30px;
}
.view-comment{
	border-bottom: 1px solid #f2f2f2;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
.view-comment:last-child{
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0
}
.blogu span{
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin: 0 23px;
}
.date span{
	margin: 0 20px;
}
.view-comment i {
    font-size: 18px;
    line-height: 30px;
}
.allcomment h5{
	font-weight: 500;
	font-size: 16px;
	margin: 0;
	line-height: 23px;
}
.blog_comment::before,.blog_comment::after{
	content: '|';
	padding: 0 15px;
}
.blog_links{
	margin: 15px 0
}
.allmb{
	margin-bottom: 15px;
	background: #fff;
	padding: 0;
}
.sngblog h3{
	font-size: 16px;
	margin: 0;
	padding-bottom: 10px;
	text-transform: capitalize;
	line-height: 23px;
}
.sngblog .blog-desc{
	margin-bottom: 0
}
.allmb .blog-desc{
	overflow: hidden;
	height: 150px;
}
/* newsletter */
.newsl #newsletter{
	position: relative;
	max-width: 800px;
	margin: 0 auto;
}
.newsbtn{
	font-size: 14px;
}
.footer-top{
	padding: 30px 15px
}
.white-popup .alert{
	position: unset
}
.newsl .alert{
	padding: 5px 7px;
	bottom: -40px;
	top: auto;
	margin: 0;
	left: 15px;
	right: 15px;
}
.newsl #newsletter input{
	border: none;
	height: 45px;
	border-radius: 4px;
}
.newsl .form-group{
	position: relative;
	margin: 0
}
.newsl h5{
	color: #fff;
	text-transform: uppercase;
	margin: 0 0 15px 0;
	font-size: 30px;
	font-weight: 600;
	text-align: center;
}
.newsl .description-top{
	color: #999;
	margin-top: 10px;
	text-align: center
}
.fsocial{
	margin-top: 15px;
}
.newsbtn{
	margin: 0 10px !important;
	border-radius: 4px !important;
	height: 45px;
	font-weight: 600;
	text-transform: capitalize;
	font-size: 14px;
	letter-spacing: 1px;
	padding: 0 20px;
}
.newsbtn:hover{
	background-color: #222
}
/* newsletter popup */
.white-popup {
  	position: relative;
	background: #FFF;
	padding: 40px 30px;
	width: auto;
	max-width: 500px;
	margin: 20px auto;
	text-align: center;
	border-radius: 4px;
}
.white-popup h1{
	font-weight: 500;
	text-transform: uppercase;
	font-size: 26px;
	margin: 0;
}
.white-popup p{
	color: #777;
	margin: 15px;
	line-height: 23px;
}
.white-popup .form-group  .checkbox label{
	position: relative
}
.white-popup  .mfp-close{
    background:#fff;
    border-radius: 4px;
}
.newsletter-bg{
   background-repeat: no-repeat;
   background-size: cover;
}
.slide-bottom{
    position: absolute;
    padding:30px;
    background:#FFF;
    bottom: 0;
    right: 10%;
    border: solid 1px #000;
}
.slide-bottom .inner{
    position: relative;
}
.button-slide{
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    background:#000;
    color: #FFF;
    text-align: center;
    line-height: 30px;
}
/* footer */
#scroll {
    position: fixed;
    right: 20px;
    bottom: 60px;
    cursor: pointer;
    z-index: 8;
    height: 40px;
    width: 40px;
    line-height: 0;
    padding: 10px 0;
    display: none;
    outline: none;
    text-align: center;
    transition: all .5s ease-in-out;
    background: #88b121;
    color: #fff;
    border-radius: 4px;
}
#scroll:hover{
	background-color: #000;
}
#scroll i {
    font-size: 20px;
}
.middle-footer{
	padding: 50px 0;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
}
footer{
	background: #000;
	margin-top: 50px;
}
.middle-footer h5 {
    font-weight: 600;
	font-size: 18px;
	text-transform: uppercase;
	margin-bottom: 15px;
	color: #fff;
}
.middle-footer a,.f-left li{
    cursor: pointer;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 33px;
    color: #ddd;
    padding: 0;
}
.middle-footer a:hover{
	color: #88b121
}
.f-left svg {
    fill: #88b121;
    margin-right: 10px;
}
.f-left li {
    word-break: break-all;
}
.copy{
	padding: 15px 0;
	border-top: 1px solid #333;
	color: #ddd;
}
.copy a{
	color: #ddd;
}
.copy .foot-payment{
	margin-top: 8px;
}
.copy .foot-payment a{
	color: #aaa;
}
.copy .foot-payment a i{
	font-size: 24px;
}
.copy a:hover,.copy .foot-payment a:hover{
	color: #88b121
}
.middle-footer .fsocial a{
    line-height: normal;
	min-width: 35px;
	min-height: 35px;
	text-align: center;
	padding-top: 3px;
	display: inline-block;
	background: #f5f5f5;
	vertical-align: middle;
	color: #777;
	font-size: 16px;
	margin: 0 2px;
	border-radius: 4px;
}
.middle-footer .fsocial a:hover{
	background-color: #88b121;
	color: #fff;
}
.footpay svg {
    width: 40px;
    height: 40px;
}
.footblink li a {
    color: #ddd;
    position: relative;
    text-transform: capitalize;
    line-height: 26px;
}
.footblink li a:hover{
	color: #88b121;
}
.footblink li a::after{
    content: '|';
    color: #656565;
    margin: 0 12px;
}
.footblink li:last-child a::after{
	display: none
}
.footblink {
    padding: 30px 0;
    max-width: 1200px;
    margin: 0 auto;
}
/* carousel button */
.owl-carousel.owl-theme .owl-controls .owl-buttons div{
	position: unset;
	background: #f5f5f5;
	color: #000;
	opacity: 1;
	padding: 7px 0 0 0;
	margin: 0 0 0 5px;
	min-width: 36px;
	min-height: 36px;
	border-radius: 4px;
	transition: 0.3s ease;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer
}
.owl-carousel.owl-theme .owl-controls .owl-buttons div:hover{
	background-color: #88b121;
	color: #fff;
}
.owl-carousel.owl-theme .owl-buttons{
	position: absolute;
	right: 15px;
	top: -65px;
}
.owl-theme.owl-carousel .owl-buttons div svg{
    width: 18px;
    height: 17px;
    margin: 0;
    text-shadow: none;
}
.owl-carousel.owl-theme .owl-controls .owl-buttons div:hover svg{
	fill: #fff;
}
/* pagination */
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: #88b121;
    border-color: #88b121;
    z-index: 0;
    color: #fff
}
.pagination > li > a, .pagination > li > span {
    color: #252525;
    padding: 7px 12px 5px 12px;
}
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
    color: #fff;
    background-color: #88b121;
    border-color: #88b121;
}
.pagi .tot{
	line-height: 34px;
	font-size: 12px;
}
.pagi{
	margin: 0;
	background-color: #fff;
	padding: 8px 0;
	border: 1px solid #eee;
	border-radius: 4px;
}
.pagination > li:first-child > a, .pagination > li:first-child > span{
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.pagination > li:last-child > a, .pagination > li:last-child > span{
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.pagination > li {
    display: inline-flex;
}
/* product page */
#product-product .pro-content .alert {
    margin: 15px 0 0 0;
}
 .form-rating .form-rating-container, .radi .form-rating,.radi label{
    display: inline-block;vertical-align: middle;margin: 0
}
.form-rating .form-rating-container label,
.form-rating .form-rating-container:hover label {
    margin-bottom: 0;
    cursor: pointer
}
#tab-review .fa-stack-2x {
    color: #ffc600;
}
.form-rating .form-rating-container input {
    display: none
}
.form-rating .form-rating-container:hover label:hover i.fa-star-o,
.form-rating .form-rating-container:hover label:hover~label i.fa-star-o {
    color: #ffc600;
}
.form-rating input:checked~label i.fa-star,.form-rating input:checked~label i.fa-star-o,.form-rating .form-rating-container:hover label:hover i.fa-star,
.form-rating .form-rating-container:hover label:hover~label i.fa-star {
    color: #ffc600;
}
.form-rating .form-rating-container label i.fa-star-o, .form-rating .form-rating-container:hover label i.fa-star-o, .form-rating .form-rating-container label i.fa-star, .form-rating .form-rating-container:hover label i.fa-star {
    color: #d9d9d9;
}

.btn.datebtn {
    min-height: 34px;
    margin: 0 !important
}
.btn.datebtn i{
	vertical-align: middle
}
.btn.pcrt.btn-primary {
    min-height: 35px;
}
#product-product .pro-content .alert,#account-register .alert{
	position: unset;
}
.zoomWrapper{
	position: relative
}
.thumbnail{
	border: none;
	padding: 0;
}
#zoom_03{
	border-radius: 4px;
}
/* .pro-price{
	font-size: 18px !important;
	font-weight: 500;
} */
.palert,#tab-review .alert{
	position: relative;
}
#tab-review #review{
	margin-bottom: 15px;
}
.product-tab .nav-tabs li.active::after {
    height: 2px;
    width: 100%;
}
.product-tab .nav-tabs li::after {
    content: '';
    position: absolute;
    bottom: 0;
    transition: all .3s ease-in-out;
    width: 0;
    border-bottom: 2px solid #88b121;
    left: 0;
}
.product-tab .nav-tabs > li.active > a,.product-tab .nav-tabs > li.active > a:focus,.product-tab .nav-tabs > li.active > a:hover {
    color: #88b121;
    cursor: default;
    background-color: #fff;
    border: none;
    cursor: pointer;
}
.product-tab .nav > li > a:focus,.product-tab .nav > li > a:hover,.product-tab .nav-tabs > li > a{
    border: none;
    background: transparent;
}
.product-tab .nav > li > a{
	padding-left: 0;
	padding-right: 0;
	font-size: 16px;
	font-weight: 600;
}
#tab-specification .table-bordered > thead > tr > td,#tab-specification .table-bordered > tbody > tr > td{
	border: 1px solid #f6f6f6;
}
.pro-content h1 {
	font-size: 20px;
	text-transform: capitalize;
	margin-top: 0;
	font-weight: 600;
}
.pro-content #product h3{
	font-size: 18px;
}
.pro-content .alert,.product-quickview-detail .alert,#accordion .alert{
    position: unset;
}
.pro-content .qty-plus-minus .form-control {
    width: 45px;
    text-align: center;
}
.pro-content .input-group{
	z-index: 0;
}
.btnminus,.btnplus{
    line-height: 22px;
}
.btnminus span,.btnplus span{
	position: unset;
	margin-top: 4px;
}
.producthr {
    border-top: 1px solid #f2f2f2;
}
.text-decor, .text-de {
    text-transform: capitalize;
    font-size: 14px;
    letter-spacing: 1px;
    min-width: 150px;
    display: inline-block;
    line-height: 25px;
    vertical-align: middle;
}
.product-tag .tagtitle {
    font-weight: 500;
    font-size: 14px;
}
.product-tag a {
	background-color: #f5f5f5;
	border-radius: 4px;
	padding: 2px 5px;
	border: 1px solid #ccc;
	color: #4f4f4f;
	margin-right: 5px;
	transition: all 0.3s ease;
}
.product-tag a:hover {
	background-color: #88b121;
	border: 1px solid #88b121;
	color: #fff;
}
.product-tag a:last-child {
	display: none;
}
#product {
	background-color: #f5f5f5;
	border: 1px solid #ccc;
	border-radius: 5px;
	padding: 20px;
	list-style: none;
	margin-top: 20px;
}
.pro-discou {
    background-color: #fff;
    border: 1px solid #ccc;
    display: inline-block;
    padding: 10px;
    margin-right: 5px;
    margin-bottom: 15px;
    border-radius: 5px;
}
.product-soc, .product-tag {
	margin-top: 20px;
}
.price-old {
    color: #999;
    text-decoration: line-through;
    font-size: 13px;
    font-weight: normal;
}
.textdeb {
    margin: 0 4px;
    color: #88b121;
}
.textdeb:hover{
    color: #000;
}
.text-decor-bold{
    text-transform: capitalize;
    font-size: 14px;
}
.text-decor-bold h2{
	font-weight: 600;
	font-size: 22px;
	margin-top: 0;
	margin-bottom: 0
}
.stock_bg .bg-success {
	background-color: #28a745;
	color: #fff;
	padding: 2px 6px;
	border-radius: 4px;
	font-size: 13px;
	display: inline-block;
	vertical-align: middle;
}
.stock_bg .bg-danger {
	background-color: #f1b70e;
	color: #fff;
	padding: 2px 6px;
	border-radius: 4px;
	font-size: 13px;
}
.stock_bg .bg-warning {
	background-color: #e07122;
	color: #fff;
	padding: 2px 6px;
	border-radius: 4px;
	font-size: 13px;
}
.stock_bg .bg-red {
	background-color: #e91f2b;
	color: #fff;
	padding: 2px 6px;
	border-radius: 4px;
	font-size: 13px;
}
.custom-radio .img-thumbnail {
    display: block;
	border-radius: 50%;
	height: 35px;
	width: 35px;
	border: 1px solid #ccc;
	padding: 3px;
}
.custom-radio-design label span {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #000;
}
.custom-radio .radio label input:checked + img, .custom-radio-design label input:checked + span {
	border: 1px solid #000;	
}
.custom-radio label input, .checkbox_input label input {
    position: absolute;
	z-index: 0;
	opacity: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 100%;
}
.custom-radio .checkbox input[type="checkbox"]{
	margin: 0;
}
.custom-radio .radio label {
	padding: 0;
	text-align: center;
	font-size: 12px;
	text-transform: capitalize;
	color: #808080;
}
.custom-radio label .radio_price, .custom-radio label.color-option span {
	display: none;
}
.custom-radio .radio, .checkbox_input .checkbox {
	display: inline-block;
	margin: 0 4px 0 0;
}
.checkbox_input .checkbox label.size-option span {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
}
.webi-main .checkbox_input .checkbox label.size-option span {
    width: auto;
    padding: 0 10px;
    height: 30px;
}
.checkbox_input .checkbox label.size-option {
    padding: 0;
}
.webi-main .checkbox input[type="checkbox"]:checked + span {
    background-color: #88b121;
    transform: rotate(0) scale(1);
    border: 1px solid #88b121;
    color: #fff;
}
.text-decorop {
    text-transform: capitalize;
    font-size: 14px;
    letter-spacing: 0;
}
.datebtn {
    background-color: #000;
    box-shadow: none;
    transition: all 0.3s ease;
    font-size: 12px;
    color: #fff;
}
.cpagerow {
  display: flex;
  flex-wrap: wrap;
}
.cpagerow > [class*='col-'] {
  display: flex;
  flex-direction: column;
}
.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group{
	z-index: 0;
}
.datebtn:hover, .btnup:hover{
    background-color: #88b121;
    color: #fff;
}
.pro-content .rating li{
	display: inline-block;
	text-transform: capitalize;
}
#tab-description{
	line-height: 22px;
}
.btnup {
    background-color: #000;
    transition: all 0.3s ease;
    font-size: 14px;
    box-shadow: none;
    border: none;
    color: #fff;
}
.proreview {
	border-right: 1px solid #aaa;
	border-left: 1px solid #aaa;
	margin: 0 30px;
	padding: 0 30px;
}
.productwish button {
    background-color: transparent;
    color: #000;
    box-shadow: none;
    border: none;
    font-size: 37px;
    margin-right: 10px;
    padding: 0;
}
.pro-content .pcrt svg{
	fill: #fff;
	width: 18px;
	height: 17px;
}
.pro-content .qty-plus-minus .form-control:focus{
    border-color: #ededed;
}
.pro-content #input-quantity{
	border-radius: 0;
}
.product-tab{
	margin-top: 30px;
	margin-bottom: 40px;
	border: 1px solid #ededed;
	border-radius: 4px;
}
.product-tab .nav-tabs{
	border-bottom: 1px solid #ededed;
	padding: 0;
	margin-bottom: 0;
}
.product-tab li{
	margin: 0 10px;
}
.product-tab .tab-pane{
	padding: 15px;
}
a.thumbnail.active, a.thumbnail:focus, a.thumbnail:hover{
	border-color: #ededed;	
}
.qtlabel{
	margin-top: 5px;
}
.product-tab #review .fa-stack{
	font-size: 8px;
}
#gallery_01 img{
	margin-bottom: 1px;
	border-radius: 4px;
}
.rsep{
	padding: 0 20px;
}
.custreview{
	text-transform: capitalize;
	border-top: 1px solid #eee;
	padding-top: 10px;
	margin-top: 10px;
}
#review .custreview:nth-child(1)  {
	border-top: none;
	margin-top: 0;
	padding-top: 0
}
#tab-review #review{
	border: 1px solid #eee;
	padding: 10px;
}
#tab-review #review p{
	margin-bottom: 0;
	font-size: 13px;
}
.custreview p{
	color: #777;
	line-height: 23px;
	font-size: 13px;
	margin-bottom: 0;
}
.crspc{
	padding: 10px 0;
}
.crspc span{
	display: inline-block
}
/* category page */
.product-grid .catlist-des {
    display: none;
}
.catlist-des {
    color: #727272;
	font-size: 13px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-transform: capitalize;
}
.filter-panel .panel-footer{
	background-color: #fff;
}
.filter-panel .list-group a {
    color: #000;
    border-bottom: 1px dotted #ededed;
    padding-bottom: 10px;
    font-weight: normal;
}
.filter-panel .list-group a:hover {
    background-color: transparent;
    border-bottom: 1px dotted #ededed;
}
.filter-panel .list-group-item {
    background-color: transparent;
}
.cate-top {
    background-color: #fff;
	padding: 15px;
	margin-bottom: 20px;
	border: 1px solid #eee;
	margin-left: 0;
	margin-right: 0;
	border-radius: 4px;
}
.cate-top h2{
	font-size: 18px;
	color: #000;
	letter-spacing: 0.5px;
	margin-top: 0;
	text-transform: capitalize;
}
.cate-top p{
	font-size: 12px;
	color: #3a3a3a;
	letter-spacing: 0.5px;
	text-transform: capitalize;
}
.cate-top img{
	border-radius: 4px;
}
.cate-border {
    background-color: #fff;
	margin: 0 0 20px 0;
	padding: 10px 0px;
	border: 1px solid #eee;
	border-radius: 4px;
}
#compare-total{
	padding: 0;
	font-weight: 500;
	margin-top: 5px;
}
.catesort label {
    background-color: #fff;
    border: none;
    color: #1e1e1e !important;
}
.lgrid{
	margin-top: 5px;
}
.lgrid svg {
    fill: #333;
    cursor: pointer;
}
.lgrid .active svg {
    fill: #88b121;
    cursor: pointer;
}
.catesort select option {
    background-color: #fff;
    color: #000;
}
.select-input::after {
    font-family: 'fontawesome';
	content: '\f107';
	font-size: 14px;
	position: absolute;
	right: 10px;
	top: 7px;
	pointer-events: none;
}
.catesort .input-group .form-control{
	z-index: 0;
	border-radius: 4px;
}
.catesort select.form-control {
    appearance: none;
    -o-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
}
.listgridbtn {
    background-color: #fff;
    padding: 0 !important;
    margin: 0 2px;
    border: none;
    box-shadow: none
}
.listgridbtn.active, .listgridbtn.active:hover, .listgridbtn:hover {
    background-color: transparent;
    box-shadow: none;
}
.listgridbtn i {
    font-size: 22px;
}
.btn-link:focus, .btn-link:hover{
	text-decoration: none;
}
.product-grid,.product-list{
	margin-bottom: 30px;
}
.product-grid .product-thumb,.product-list .product-thumb{
	margin-bottom: 0;
}
/* .cpagerow{
	margin: 0 -5px;
} */
.product-list .product-thumb {
    float: left;
    width: 100%;
}
.product-list .product-thumb .button-group{
	position: unset;
	opacity: 1;
	margin-top: 15px;
	text-align: left;
}
.product-list .product-thumb .rating{
	margin-top: 6px;
}
.product-list .homeaddq{
	margin-top: 15px;
}
/* filter */
.catfilter.panel-default > .panel-heading,.cathed{
	color: #fff;
    background-color: #000;
    border: none;
    text-transform: uppercase;
    border-radius: 4px;
    margin-bottom: 10px;
}
.catfilter .panel-heading button{
	border: none;
	background: transparent;
	box-shadow: none;
}
.catfilter .checkbox input{
	margin-top: 3px;
}
#xsfilter .list-group{
	margin-bottom: 0
}
.panel-default {
    border: none;
    box-shadow: none;
    border-radius: 4px;
}
.list-group-item {
    border: 1px solid #eee;
}
.panel-footer {
    background-color: #fff;
    border: 1px solid #eee;
}
/* refine search */
.refines{
	margin-bottom: 20px;
}
.refines ul{
	display: inline-block
}
.refines li{
	border-radius: 4px;
	border: 1px solid #eee;
	font-size: 12px;
	padding: 6px 12px;
	vertical-align: middle;
	margin-right: 10px;
	text-transform: capitalize;
	margin-bottom: 4px;
	font-weight: 600;
}
.refines h3{
	text-transform: capitalize;
	font-size: 18px;
	margin-top: 0;
	margin-bottom: 10px;
}
/* search page */
.search-page select.form-control {
    appearance: none;
    -o-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
}
.search-page .select-input {
    position: relative;
}
#product-search .checkbox-inline {
    margin-top: 7px;
}
/* banner effect */
.banner-right{
	margin-top: 54px;
}
.beffect a{
	display: block;
	position: relative
}
.beffect a::after {
    content: "";
	left: 0;
	opacity: 1;
	position: absolute;
	right: 0;
	top: 0;
	background: rgba(255,255,255,0.9) none repeat scroll 0 0;
	height: 0;
	transition: all 700ms ease-in-out 0s;
	width: 100%;
}
.beffect:hover a::after {
    opacity: 0;
	height: 85%;
}
.beffect img{
	border-radius: 4px;
}
/* cart page */
.allcart {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    position: relative;
}
.cart-img {
    flex: 0 0 92px;
    width: 92px;
    margin: 0;
    text-align: center;
}
.cart-img img {
    width: 92px;
    height: 92px;
    object-fit: contain;
    border: 1px solid #f0f0f0;
    border-radius: 8px;
}
.cart-des .input-group {
    max-width: 180px!important;
    margin-top: 12px;
}
.cart-des{
    flex: 1 1 auto;
    min-width: 0;
    margin: 0;
}
.allcart {
    box-shadow: 0 0 3px 2px rgba(0, 0, 0, .05);
    padding: 16px;
    margin-bottom: 12px;
    border-radius: 4px;
}
.allcart .cart-re {
    flex: 0 0 40px;
    background-color: transparent;
    border: none;
    position: static;
    margin: 0;
    padding: 8px 10px;
}
.wish-stock {
    color: green;
    margin-bottom: 10px
}
.cart-des .cart-des-name{
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
}
.cart-des .price {
    display: flex;
    align-items: baseline;
    gap: 10px;
    margin: 8px 0;
    color: #777;
}
.cart-des .price strong { color: #1775d1; font-size: 17px; }
.cartpsp .btn-danger {
    margin: 0 2px;
    height: 34px;
}
.cart-des button:hover{
    color: #fff;
}
.cart-des button i{
    font-size: 14px
}
.cart-re i{
	font-size: 18px;
	transition: 0.3s ease;
}
.cart-re i:hover{
	color: #88b121
}
.cart-des .input-group input{
	border-radius: 4px 0 0 4px
}
.cart-empty-state {
    margin: 12px 0 28px;
    padding: 42px 20px;
    text-align: center;
    border: 1px solid #edf0e9;
    border-radius: 12px;
    background: #fff;
}
.cart-empty-icon { color: #88b121; font-size: 42px; margin-bottom: 14px; }
.cart-empty-state h2 { margin: 0 0 8px; font-size: 22px; }
.cart-empty-state p { color: #777; margin-bottom: 20px; }
/* cart page end*/
/* other page */
.acspace input[type="checkbox"]{
	vertical-align: middle;
	margin: 0;
}
.bannerser,.onsl,.imgbnr,.parallex{
	margin-top: 60px;
	margin-bottom: 60px;
}
.logo-slider{
	margin-top: 60px;
}
#checkout-cart .table-bordered > thead > tr > td {
    background: #f5f5f5;
}
#checkout-cart .table-bordered > tbody > tr > td:nth-child(2) {
    font-weight: 500;
}
.product-quickview-detail .swiper-viewport{
	margin: 0
}
.product-quickview-detail {
    width: 100%;
    background-color: #fff;
}
.product-quickview-detail #content{
	min-height: auto;
	margin-top: 20px;
}
.mfp-iframe-scaler iframe{
	background: #fff !important;
	box-shadow: none !important
}
.product-quickview-detail .pro-content h1{
	margin-top: 0;
}
.swiper-button-prev::before,.swiper-button-next::before{
	color: #000 !important;
	font-size: 26px !important;
}
.product-quickview-detail #content {
    min-height: auto;
    margin-top: 20px;
    margin-bottom: 20px;
}
#checkout-checkout .infobg [class*="col-"] h2 {
    font-size: 18px;
    text-transform: capitalize;
    margin-top: 0;
}
.contsp {
    margin-left: 35px;
    line-height: 25px;
    margin-bottom: 13px;
    text-transform: capitalize;
}
.infocnt i{
	font-size: 16px;
	vertical-align: bottom
}
.infocnt{
	margin-bottom: 20px;
}
.table-bordered,.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th{
	border: 1px solid #eee;
}
.panel-group .panel,.panel-heading{
	border-radius: 4px
}
#accordion .panel-default {
    border: 1px solid #eee;
}
.cartpsp .btn-danger {
    margin: 0 2px;
    height: 34px;
}
.subheading, .acpage h1, .not-found-head {
    border-bottom: 1px solid #eee;
    margin-top: 0;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    color: #000;
    padding: 10px 0;
}
.acpage .pull-right input[type="checkbox"]{
	margin-top: 0;
	vertical-align: middle;
}
.sitem ul{
	line-height: 35px;
	padding-left: 25px;
	padding-right: 25px;
}
.sitem ul li{
	list-style: url;
}
#accordion #input-password,#affiliate-login #input-password,#account-login #input-password{
	margin-bottom: 10px;
}
#accordion .panel-title i {
    float: right;
}
.panel-title{
	font-size: 14px;
}
.valign{
	vertical-align: middle !important;
}
.well {
    background-color: #fff;
    border: none;
    border-radius: 4px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #ededed;
    padding: 0 15px 15px 15px;
}
.well p{
	font-size: 12px;
}
.well p strong{
	font-size: 13px;
}
.table-hover > tbody > tr:hover {
    background-color: transparent;
}
.addlist{
	border: 1px solid #ededed;
	padding: 10px;
	line-height: 25px;
}
.addl{
	border-top: 1px solid #ededed;
	padding-top: 10px;
	margin-top: 10px;
}
.alert {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    font-size: 12px;
    border-radius: 4px;
    z-index: 99;
    text-transform: capitalize;
}
.alert .close {
    opacity: 1;
    right: 0;
    top: 0;
}
.co-heading {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 15px;
    margin-top: 0;
}
.img-thumbnail{
	border-radius: 4px
}
.comb .btn-primary{
	margin: 3px 0;
}
.com-description {
    width: 25%;
    color: #777;
	font-size: 13px;
	white-space: normal !important;
}
.com-summary {
    width: 1%;
}
.brand-list .brands-content {
    padding: 8px;
}
.bname {
    background: none repeat scroll 0 0 #f2f2f2;
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 6px 0;
    padding: 5px 8px;
}
.brand-list {
    border: 1px solid #f2f2f2;
    padding: 5px;
    margin-bottom: 20px;
    background-color: #fff;
}
/* account page */
/*-------------*/
.acco span{
	display: inline-block;
	vertical-align: middle;
}
#account-account.acpage #content[class*="col-"] a {
    display: inline-block;
    border: 1px solid #eee;
    width: 100%;
    padding: 25px 25px;
    border-radius: 4px;
    margin-bottom: 30px;
}
#account-account.acpage #content[class*="col-"] span:first-child{
	border-right: 1px solid #eee;
	padding-right: 25px;
	margin-right: 25px;
}
#account-account.acpage #content[class*="col-"] span:last-child{
	font-size: 16px;
	font-weight: 600;
}
#account-account.acpage #content[class*="col-"] span:last-child span{
	font-size: 14px;
	font-weight: 400;
	color: #bcbcbc;
	margin-top: 6px;
	text-transform: capitalize;
	letter-spacing: 0.3px;
}
#account-account.acpage #content[class*="col-"] span svg{
	fill: #88b121;
}
#account-account .achead {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
    margin-top: 0;
}
/*------------*/
/* account - left column */
a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover{
	background-color: transparent;
	color: #88b121;
}
.accolumn{
	/* box-shadow: 0 2px 4px 0 rgba(0,0,0,.09); */
	box-shadow: 0px 0 3px 2px rgba(0,0,0,.05);
	border-radius: 4px;
	padding: 15px 0px;
}
.accolumn.list-group a{
	border: none;
	padding: 10px 50px;
	font-size: 14px;
}
.accolumn.list-group a.logu{
	padding: 10px 0;
	color: #000
}
.accolumn h3{
	font-size: 16px;
	font-weight: 500;
	color: #333;
	display: inline-block;
	margin-top: 0;
	padding: 0 20px;
}
.accolumn h3 a{
	font-size: 16px;
	font-weight: 600;
	color: #878787;
	padding: 0;
	display: inline-block;
	margin-top: 0;
	padding: 0 0px;
}
.accolumn h3 svg{
	fill: #88b121;
	margin-right: 10px;
}
.accolumn hr{
	border-top: 1px solid #f0f0f0;
}
.acl{
	margin-bottom: 5px;
}
@media (max-width: 779px){
	.product-quickview-detail .pro-content h1 {
	    margin-top: 50px;
	}
}
@media (min-width: 768px){
	.homecategory .block-cat-wr:hover .catcontent{
		right: 30px;
	}
	.product-list .product-thumb .rating {
	    bottom: 8px;
	}
	.product-list .caption{
		margin-top: 15px;
	}
	.product-list .product-thumb .price{
		font-size: 18px; 
	}
	.pro-tab.nav-tabs{
		margin-right: 80px;
		position: relative;
		top: 21px;
	}
	.sticky,.blogsticky{
		position: sticky;
		top: 15px
	}
	.product-list .caption {
	    text-align: left;
	    padding-left: 10px;
	    padding-right: 10px;
	}
	.product-list .image, .product-list .caption {
	    float: left;
	    position: relative;
	}
	#xsfilter {
	    display: block !important;
	}
	.catfilter .panel-heading button{
		display: none
	}
	.middle-footer h5 button {
	    display: none;
	}
	.footer-collapse.collapse {
	    display: block !important;
	    height: auto !important;
	    padding-bottom: 0;
	    overflow: visible !important;
	}
}
@media (min-width: 1410px){
	#column-right,#column-left,.manucom .product-list .image{
		width: 22%;
	}
	#content.colright,.manucom .product-list .caption{
		width: 78%;
	}
	.product-list .image {
	    width: 30%;
	}
	.product-list .caption {
	    width: 70%;
	}
	.manucom .product-grid{
		width: 25%;
	}
	#onsale .product-thumb .caption{
		margin-top: 6px;
	}
}
@media (max-width: 1409px){
	.hsticky{
		margin: 0 15px;
	}
}
@media (min-width: 1200px) and (max-width: 1409px){
	.imgbnrtext{
		margin-top: 40px;
	}
	.onsl .product-thumb .button-group button,.onsl .bquickv a{
		margin: 0
	}
	.slidertext{
		top: 50px;
	}
	.home-cat ul.nav-tabs li a{
		padding: 14px 0
	}
	#account-account.acpage #content[class*="col-"] a{
		padding: 25px 15px;
	}
	#account-account.acpage #content[class*="col-"] span:last-child{
		font-size: 14px;letter-spacing: 0
	}
	.product-grid{
		width: 33.33%;
	}
	.manucom .product-grid{
		width: 25%;
	}
	.manucom .product-list .image{
		width: 22%;
	}
	.manucom .product-list .caption{
		width: 78%;
	}
	.list-group a{
		font-size: 13px;letter-spacing: 0
	}
	.product-list .image {
	    width: 30%;
	}
	.product-list .caption {
	    width: 70%;
	}
	.countdown-amount{
		font-size: 16px;
	}
	.countdown-section{
		min-width: 50px;
		min-height: 50px;
		padding: 5px 0
	}
}
@media (min-width: 992px) and (max-width: 1199px){
	#account-wishlist tr td{
		white-space: nowrap;
	}
	.deliveryinfo li:last-child{
		width: 72%
	}
	.imgbnrtext{
		margin-top: 0
	}
	.imgbnrtext .btn-primary{
		margin-top: 20px;
	}
	.onsl .product-thumb .button-group{
		display: none;
	}
	.homecategory .catcontent h2{
		font-size: 20px;
	}
	.midheadleft, #top-links{
		margin-top: 15px;
	}
	.product-grid, .product-list{
		margin-bottom: 20px;  
	}
	.slidertext h1{
		font-size: 45px;
	}
	.home-cat ul.nav-tabs li a{
		padding: 16px 0
	}
	.slidertext{
		top: 20px;
		margin: 0 50px;
		width: 500px;
	}
	.deliveryinfo li h4{
		font-size: 16px;letter-spacing: 0
	}
	.countdown-amount{
		font-size: 16px;letter-spacing: 0
	}
	.countdown-section{
		min-width: 42px;
		min-height: 42px;
		padding: 4px 0
	}
	.middle-footer a, .f-left li,.newsl #newsletter .newsbtn{
		letter-spacing: 0
	}
	#account-account.acpage #content[class*="col-"] span:first-child{
		padding-right: 10px;
		margin-right: 10px;
	}
	#account-account.acpage #content[class*="col-"] span:last-child{
		font-size: 13px;letter-spacing: 0
	}
	#account-account.acpage #content[class*="col-"] a{
		padding: 15px 9px;
	}
	#account-account.acpage #content[class*="col-"] span svg{
		width: 35px;height: 35px;
	}
	.accolumn.list-group a{
		padding: 10px 20px;
	}
	.accolumn h3{
		font-size: 14px;letter-spacing: 0
	}
	#menu .navbar-nav > li > a{
		font-size: 15px;letter-spacing: 0;
	}
	.product-list .image {
	    width: 30%;
	}
	.product-list .caption {
	    width: 70%;
	}
	#menu .collapse .nav li {
	    padding: 0 10px;
	}
	.timerpro .countdes{
		font-size: 13px;letter-spacing: 0
	}
}
@media (min-width: 992px){
	.sborder ul {
	    border-left: 1px solid #e1e1e1;
	}
	.curr{
		border-right: 1px solid #e1e1e1;
		padding-right: 15px;
		margin-right: 15px;
	}
	.product-thumb .button-group{
		position: absolute;
		left: 0;
		right: 0;
		bottom: 55%;
		opacity: 0;
		transition: 0.3s ease-in-out
	}
	.product-thumb:hover .button-group{
		opacity: 1
	}
	#menu .navbar-nav li a i {
	    margin: 0 4px;
	}
	.brightimg:nth-child(1){
		margin-bottom: 30px;
	}
	#menu .dropdown-menu {
	    background: #fff;
	    visibility: hidden;
	    display: block;
	    opacity: 0;
	    filter: alpha(opacity=0);
	    -webkit-transition: all 0.35s ease-out 0s;
	    -o-transition: all 0.35s ease-out 0s;
	    transition: all 0.35s ease-out 0s;
	    border: none;
	    padding: 15px 0 20px 0;
	    border-bottom: 3px solid #88b121;
	    margin-top: 0px;
	}
	#menu .dropdown:hover .dropdown-menu {
	    display: block;
	    visibility: visible;
	    opacity: 1;
	    filter: alpha(opacity=100);
	}
	.more-menu {
	    padding: 10px;
	    position: absolute;
	    left: auto;
	    right: 0;
	    margin: 0;
	    border-radius: 4px;
	    border: none;
	    box-shadow: 0 0px 5px rgba(0,0,0,.175);
	    min-width: 230px;
	    border-bottom: 3px solid #88b121;
	    background: #fff;
	    z-index: 9;
	    opacity: 0;
	    display: inline-block;
	    transition: all 0.35s ease-out 0s;
	    text-align: left;
	    line-height: 28px;
	}
	.view_cat_menu:hover .more-menu {
	    opacity: 1;
	    visibility: visible;
	}
}
@media (min-width: 768px) and (max-width: 991px){
	#account-wishlist tr td{
		white-space: nowrap;
	}
	.deliveryinfo li:last-child{
		width: auto;
	}
	.imgbnrtext h1 {
	    font-size: 24px;
	    margin: 4px 0 5px 0;
	}
	.imgbnrtext p{
		font-size: 13px;letter-spacing: 0
	}
	.imgbnrtext .btn-primary {
	    margin-top: 10px;
	}
	.homecategory .catcontent h2{
		font-size: 18px;
		text-transform: capitalize;
	}
	.homecategory .catcontent{
		top: 60px;
	}
	.midheadleft, #top-links {
	    margin-top: 13px;
	}
	.blog_links {
	    margin: 6px 0;
	}
	.allmb .blog-desc{
		margin-bottom: 8px;
	}
	.product-list .catlist-des{
		overflow: hidden;
		height: 42px;
	}
	.home-cat ul.nav-tabs li a{
		padding: 14px 0
	}
	.deliveryinfo ul li p{
		font-size: 11px;
	}
	.deliveryinfo ul li h4{
		margin-top: 5px;
		font-size: 13px;
		letter-spacing: 0
	}
	.deliveryinfo ul li{
		display: block;
		text-align: center
	}
	.slidertext{
		top: 10px;
		width: 450px;
		margin: 0 40px;
	}
	.slidertext h3{
		font-size: 20px;
	}
	.slidertext h1{
		font-size: 35px;
	}
	.slidertext p{
		font-size: 13px;
	}
	.slidertext a.btn-primary{
		margin-top: 12px;
	}
	.bnrbottom, .bnrright {
	    margin-top: 18px;
	}
	#account-account.acpage #content[class*="col-"] span:last-child{
		letter-spacing: 0;font-size: 14px;
	}
	.accolumn.list-group a{
		padding: 10px 20px;
	}
	.accolumn h3{
		font-size: 14px;letter-spacing: 0
	}
	#column-left1{
		margin-bottom: 30px;
	}
	.blog_comment::before, .blog_comment::after{
		padding: 0 3px;
	}
	.proreview{
		margin: 0 15px;
		padding: 0 15px;
	}
	.manucom .product-grid{
		width: 33.33%;
	}
	.manucom .product-list .image{
		width: 30%;
	}
	.manucom .product-list .caption{
		width: 70%;
	}
	.product-list .image {
	    width: 40%;
	}
	.product-list .caption {
	    width: 60%;
	}
	.middle-footer a, .f-left li{
		font-size: 13px;
		letter-spacing: 0
	}
	#menu .navbar-toggle {
	    display: block;
	}
}
@media (min-width: 992px){
	#menu .dropdown:hover .dropdown-menu {
		display: block;
	}
}
@media (max-width: 991px){
	.product-thumb{
		margin-bottom: 15px;
	}
	.onsl{
		padding: 15px 0;
	}
	.blog_webi .blog-right h4{
		font-size: 16px;
		line-height: 22px;
		height: 48px;
	}
	.bannerser, .onsl, .imgbnr, .parallex{
		margin-top: 30px;
		margin-bottom: 30px;
	}
	.logo-slider{
		margin-top: 30px;
	}
	.deliveryinfo{
		padding: 20px 0
	}
	.homecategory .row{
		margin: 0
	}
	.onsl{
		margin-left: 0;
		margin-right: 0
	}
	.imgbnrtext{
		margin-top: 0
	}
	.homemenu{
		display: none
	}
	.s-panel{
		margin: 0
	}
	.middle-footer .fsocial a{
		margin: 0 1px;
	}
	.newsl li h5{
		font-size: 18px;
	}
	#top-links{
		float: right
	}
	.hlogout .curr,.hlogout .langg{
	    border: 1px solid #eee;
	    display: inline-block;
	    padding: 7px 0;
	    margin-top: 10px;
	    width: 48%;
	    text-align: center;
	    margin-left: 2px;
	    margin-right: 2px;
	}
	#menu .collapse .nav li{
		padding: 0
	}
	.middle-footer #column-right1{
		margin-bottom: 20px;
	}
	.spepro .product-thumb .caption {
	    margin-top: 0;
	}
	footer{
		margin-top: 30px;
	}
	#menu .navbar-nav li a{
		border-bottom: 1px solid #eee;
		padding: 13px 0;
	}
	.product-thumb .button-group{
		margin-top: 8px;
	}
	.product-thumb .button-group button, .bquickv a{
		display: inline-block;
		min-width: 30px;
		min-height: 30px;
		padding: 5px 5px;
		margin: 0
	}
	.middle-footer{
		padding: 20px 0
	}
	#common-home #content {
	    padding: 0;
	}
	.rless{
		margin-left: -5px;
		margin-right: -5px;
	}
	.cless{
		padding-left: 5px;
		padding-right: 5px;
	}
	.product-thumb .price{
		font-size: 14px;
	}
	.wbSearch{
		padding: 15px;
	}
	header #logo{
		padding: 0
	}
	.menusp{
		text-align: left
	}
	.navbar-nav{
		margin: 0
	}
	#menu div.dropdown-inner > ul.list-unstyled {
		display: block;
	}
	#menu div.dropdown-menu {
		margin-left: 0 !important;
	}
	#menu .dropdown-inner {
		display: block;
	}
	#menu .dropdown-inner a {
		width: 100%;
	}
	#menu .dropdown-inner .submenu-title{
		padding: 3px 28px;
	}
	#menu .dropdown-inner .dropdown-submenu .grand-child a{
		padding: 0;border-bottom: none
	}
	#menu .dropdown-submenu {
	    margin-top: 15px;
	    padding: 0 !important;
	}
	#menu .navbar-nav li a.see-all {
		display: inline-block;
		letter-spacing: 0;
		margin-top: 10px;
		border-bottom: 1px solid;
		padding-bottom: 0;
		font-weight: 500;
	}
	.navbar-nav .open .dropdown-menu {
	    position: static;
	    float: none;
	    width: auto;
	    margin-top: 0;
	    background-color: transparent;
	    border: 0;
	    -webkit-box-shadow: none;
	    box-shadow: none;
	}
	#menu .dropdown-inner ul{
		display: block;
	}
	#menu .nav li{
		display: block;
	}
	#mySidenav li a i{
		margin-top: 4px;
		float: right
	}
	#menu .dropdown-inner .dropdown-submenu .submenu-title{
		border-bottom: none
	}
	.hsticky {
	    padding: 10px 0;
	    border-bottom: none;
	}
	.middle-footer h5{
		font-size: 16px;
	}
	.menusp .navbar-header button{
		border: none;
		padding: 0;
		background: transparent;
		margin: 0;
		margin-top: 16px;
		float: none;
		position: unset;
	}
	.menusp .navbar-header button i{
		font-size: 17px;
	}
	/* sidenav */
	#mySidenav li a i{
		margin-top: 4px;
		float: right
	}
	body.active {
	    overflow: hidden;
	}
	body.active::before {
	    background: #000000 none repeat scroll 0 0;
	    content: "";
	    height: 100%;
	    left: 0;
	    opacity: 0.7;
	    position: absolute;
	    top: 0;
	    width: 100%;
	    z-index: 99;
	    transition: all .2s ease 0s;
	}
	body.active .sidenav {
	    overflow-x: unset;
	    overflow-y: scroll;
	}
	.sidenav {
	    height: 100%;
	    width: 0;
	    position: fixed;
	    z-index: 999;
	    top: 0;
	    left: 0;
	    transition: 0.5s;
	    padding-top: 60px;
	    overflow-x: hidden;
	    box-shadow: 5px 0 5px 0 rgba(0,0,0,.06);
	    clear: both;
	    height: 100%;
	    background-color: #fff;
	    list-style: none;
	    margin: 0;
	    padding: 0;
	    text-align: left;
	}
	.sidenav .close-nav {
		background-color: #1e1e1e;
		padding: 12px 15px;
		width: 100%;
		display: inline-block;
		color: #fff;
		letter-spacing: 1px;
	}
	.closebtn,.closebtn:hover,.closebtn:focus{
		color: #fff;
	}
	#mobile_top_menu_wrapper { 
	    margin: 0;
	    line-height: 20px;
	    display: block !important;
	}
	#menu .navbar-collapse {
	    display: block;
	    padding: 0 15px;
	}
	.dblock{
		display: block;
	}
	.dnone{
		display: none
	}
	.heading{
		margin: 0 0 20px 0
	}
	.heading span{
		font-size: 20px;
	}
	.heading strong{
		font-size: 11px;
	}
	.pro-tab li a{
		font-size: 16px;
	}
	.owl-carousel.owl-theme .owl-controls .owl-buttons div{
		min-width: 30px;min-height: 30px;
		padding: 5px 0 0 0;
	}
	.owl-carousel.owl-theme .owl-buttons{
		right: 5px;
		top: -50px;
	}
}
@media (max-width: 767px){
	.cartb span{
		display: none
	}
	.cart-des .cart-des-name{
		font-size: 14px;
	}
	.allcart{ gap: 10px; padding: 12px; min-height: 122px; }
	.cart-img{ flex-basis: 62px; width: 62px; }
	.cart-img img{ width: 62px; height: 62px; }
	.cart-des{ width: auto; }
	.cart-des .input-group{ max-width: 156px!important; }
	.allcart .cart-re{ flex-basis: 34px; padding: 6px 4px; }
	.cart-des .price{ flex-wrap: wrap; gap: 4px 8px; }
	.product-thumb .caption {
	    padding: 4px;
	}
	.product-list .product-thumb .caption{
		padding: 8px;
	}
	.product-grid, .product-list{
		margin-bottom: 15px;
	}
	.product-list .product-thumb .button-group{
		display: block;
		margin-top: 10px;
	}
	#menu .dropdown-submenu{
		margin-top: 10px;
	}
	#menu .dropdown-inner .dropdown-submenu .submenu-title{
		font-size: 14px;
		margin-bottom: 5px;
	}
	.newsbtn{
		padding: 0 10px;
	}
	.deliveryinfo li h4{
		font-size: 14px;
		margin: 0 0 4px 0
	}
	.deliveryinfo li:last-child{
		width: 70%;
		margin: 0 5px;
	}
	.onsl .rating {
	    margin-bottom: 4px;
	}
	#onsale .protitle{
		padding-bottom: 4px;
	}
	.onsl .heading{
		text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
	}
	.product-thumb .button-group{
		display: none;
	}
	.onsl .product-thumb .button-group{
		display: block;
		margin-top: 7px;
	}
	.reduce-price::before,.reduce-price::after,.sale::before,.sale::after,.new::before,.new::after{
		display: none;
	}
	.pro-tab li{
		margin-right: 2px;
	}
	.imgbnrtext .btn-primary{
		padding: 5px 13px;
		margin-top: 10px;
	}
	.imgbnrtext h1{
        font-size: 18px;
        margin: 5px 0 6px 0;
    }
    .imgbnrtext h5{
        letter-spacing: 0;
        text-transform: capitalize;
    }
	.homecategory .catcontent{
		position: unset;
		width: auto;
		text-align: center
	}
	.homecategory .catcontent h4{
		display: none;
	}
	.homecategory .catcontent h2{
		font-size: 16px;
		font-weight: normal;
		margin-top: 5px;
		color: #000;
		text-transform: capitalize;
		padding-bottom: 1px;
	}
	.tab-head .heading{
		display: none;
	}
	.pro-tab.nav-tabs{
		text-align: left;
		margin-bottom: 20px;
	}
	.deliveryinfo [class*="col-"]{
		margin-bottom: 20px;
	}
	.deliveryinfo [class*="col-"]:last-child{
		margin-bottom: 0;
	}
	.copy{
		border-top: none;
	}
	.newsl h5{
		font-size: 20px;
	}
	.newsl .description-top{
		margin-top: 5px;
		font-size: 12px;
	}
	.newsl .alert{
		position: unset;
		margin-top: 6px;
	}
	.pro-tab li a {
	    font-size: 14px;
	    letter-spacing: 0;
	    padding: 7px 8px;
	}
	.protitle{
		font-size: 14px;
		padding: 0 0 4px 0
	}
	.product-thumb .price,.caption .webi-main .form-group{
		margin-bottom: 5px;
	}
	.webi-main .checkbox_input .checkbox label.size-option span {
    	padding: 0 6px;
	}
	.homecategory{
		margin-left: 0;
		margin-right: 0;
	}
	.webi-main .checkbox_input .checkbox label.size-option span {
    	margin: 2px 0;
	}
	.product-timer, .product-btn {
	    width: 100%;
	    text-align: left;
	    margin-top: 15px;
	}
	.spepro .product-thumb .caption .rating{
		margin-bottom: 6px;
	}
	.spepro .protitle{
		padding-bottom: 5px;
	}
	.spepro .product-thumb{
		margin-bottom: 15px;
	}
	.mfp-close{
		width: 30px !important;height: 30px !important;
	}
	.madebyhand-dis .list-des {
	    margin-bottom: 8px;
	    max-height: 37px;
	}
	.madebyhand-dis h4 {
	    margin-bottom: 5px;font-size: 14px;
	}
	.madebyhand-search-result .searchbr {
	    border: none;
	    margin: 0;
	    border-bottom: 1px solid #eee;
	    padding-top: 15px;
	    padding-bottom: 15px;
	}
	.product-list .product-thumb .rating{
		margin-top: 0
	}
	.hlogout{
		min-width: 245px;
	}
	.user-down.dropdown-menu > li > a,.curr .btn-group button.test, .langg .btn-group button.test{
		font-size: 13px;letter-spacing: 0
	}
	.slidertext h3{
		font-size: 14px;
	}
	.slidertext span{
		display: none
	}
	.deliveryinfo{
		text-align: left
	}
	.newsl #newsletter input,.newsbtn{
		height: 40px;
	}
	.footer-top{
		padding: 15px;
	}
	.sale{
		font-size: 11px;
		padding: 1px 3px;
		line-height: normal;
		background-color: transparent;
		color: #000;
	}
	.reduce-price{
		background-color: transparent;
		color: #000;
		text-transform: capitalize;
		letter-spacing: 0;
	}
	.parallex .item p{
		font-size: 13px;
		margin-top: 8px;
	}
	#cart-total span{
		display: none
	}
	#top-links {
	    margin-top: 11px;
	}
	.inuser {
	    margin: 0 10px;
	}
	.countdown-amount{
		font-size: 16px;letter-spacing: 0
	}
	.countdown-section{
		min-width: 42px;
		min-height: 42px;
		padding: 4px 0
	}
	.countdown-period{
		font-size: 12px;letter-spacing: 0
	}
	.timerpro .caption{
		padding: 0
	}
	.appaccount{
		margin: 0 12px;
	}
	.alogin .langcdrop li{
		border-bottom: none;padding: 0
	}
	.alogin .langcur .test strong,.alogin .langcur .test img{
		margin: 0 7px;
	}
	.menusp .navbar-header button{
		margin-top: 5px;
	}
	.product-thumb .button-group svg {
	    width: 16px;
	    height: 16px;
	}
	#account-account.acpage #content[class*="col-"] span:first-child{
		padding-right: 5px;
		margin-right: 5px;
	}
	#account-account.acpage #content[class*="col-"] span:last-child{
		font-size: 13px;letter-spacing: 0
	}
	#account-account.acpage #content[class*="col-"] a{
		padding: 15px 9px;
	}
	#account-account.acpage #content[class*="col-"] span svg{
		width: 25px;height: 25px;
	}
	.product-grid, .product-list{
		padding-left: 5px;padding-right: 5px;
	}
	.cpagerow{
		margin-left: -5px;
		margin-right: -5px;
	}
	.product-list .product-thumb .price {
	    margin-bottom: 2px;
	    margin-top: 0px;
	}
	.appmenu,header #logo,#top-links{
		float: none;
		width: auto;
		display: inline-block;
		vertical-align: middle;
	}
	#top-links{
		padding-left: 0;
		float: right;
	}
	header #logo img{
		max-width: 125px;
	}
	.mfp-iframe-holder .mfp-content {
	    height: 100%;
	}
	.allcomment h5{
		font-size: 14px;
	}
	.blog_links{
		font-size: 12px;letter-spacing: 0;
		margin: 8px 0
	}
	.blog_comment::before, .blog_comment::after{
		padding: 0 3px;
	}
	.allmb .blog-desc{
		margin-bottom: 5px;
	}
	.pro-content h1{
		margin-top: 15px;
		font-size: 18px;
	}
	.search-page .select-input {
	    margin: 10px 0;
	}
	.catlist-des{
		height: 40px;
		overflow: hidden;
		margin: 4px 0;
	}
	.middle-footer .btn.toggle{
	    color: #fff;
	    text-shadow: none;
	    background: none;
	    background-image: none;
	    background-image: none;
	    border: 0;
	    box-shadow: none;
	    font-size: 12px;
	    position: absolute;
	    top: -3px;
	    right: 0;
	    padding: 0;
	    width: 100%;
	}
	footer h5 .toggle::after,.catfilter .toggle::after{
	    font-family: 'FontAwesome';
	    content: '\f068';
	    font-size: 14px;
	    font-weight: normal;
	    float: right;
	    cursor: pointer;
	}
	footer h5 .toggle.collapsed::after,.catfilter .toggle.collapsed::after{
	    font-family: 'FontAwesome';
	    content: '\f067';
	    font-size: 14px;
	    font-weight: normal;
	    float: right;
	    cursor: pointer;
	}
	.catfilter .panel-heading button {
	    position: absolute;
	    top: 10px;
	    width: 100%;
	    right: 0;
	    padding: 0 15px;
	    background: transparent;
	    color: #fff
	}
	.catfilter .panel-heading{
		position: relative;
	}
	.catfilter .panel-heading{
		padding: 10px 15px;
	}
	.middle-footer h5{
		font-size: 16px;
		margin-bottom: 10px;
		position: relative
	}
	.middle-footer {
	    padding: 20px 0;
	}
	.footpay{
		margin-top: 6px;
	}
}
@media (max-width: 450px){
	.slidertext a.btn-primary{
		padding: 5px 12px;
	    margin-top: 0;
	    font-size: 13px;
	}
	.slidertext p{
		display: none
	}
	.slidertext h1{
		font-size: 20px;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.slidertext{
		top: 20px;
		width: 230px;
		margin: 0 10px;
	}
}
@media (max-width: 375px){
	.s-panel img {
	    border-radius: 4px;
	    width: 100%;
	    transform: translate(-6%, 0);
	    min-width: 400px;
	    left: 50%;
	}
	.s-panel .slick-slide{
	    overflow: hidden;
	}
}
@media (min-width: 451px) and (max-width: 599px){
	.slidertext a.btn-primary{
		margin-top: 10px;
		padding: 7px 20px;
	}
	.slidertext p{
		font-size: 12px;
		text-transform: capitalize;
	}
	.slidertext h1{
		font-size: 26px;
		margin-bottom: 8px;
		margin-top: 10px;
	}
	.slidertext{
		top: 10px;
		width: 350px;
		margin: 0 10px;
	}
}
@media (max-width: 599px){
	.slidertext p{
		display: none;
	}
	.imgbnrtext p{
		display: none;
	}
	.imgbnr [class*="col-"]{
		margin-bottom: 15px;
	}
	.imgbnr [class*="col-"]:last-child{
		margin-bottom: 0
	}
	#search .input-lg{
		border-radius: 4px 0 0 4px
	}
	.s-panel .slick-dots{
		bottom: 6px;
	}
	.home-cat ul.nav-tabs li a{
		padding: 10px 0
	}
	.home-cat ul{
		margin-bottom: 15px;
	}
	.category-tab .heading{
		position: relative;
		text-align: left;
	}
	.category-tab .heading .catb {
	    position: absolute;
	    right: 0;
	    top: 15px;
	    border-radius: 4px;
	    padding: 2px 7px;
	}
	.catb.toggle.collapsed::after {
	    font-family: 'FontAwesome';
	    content: '\f067';
	    font-size: 14px;
	    font-weight: normal;
	    float: right;
	    cursor: pointer;
	}
	.catb.toggle::after {
	    font-family: 'FontAwesome';
	    content: '\f068';
	    font-size: 14px;
	    font-weight: normal;
	    float: right;
	    cursor: pointer;
	}
	#cat_tab{
		width: 100%
	}
	.cattabright{
		width: 100%
	}
	.a-one .alert{
		left: 15px;
		right: 15px;
	}
	.alert.alertsuc{
		padding: 40px 20px;
	}
	.white-popup{
		padding: 30px 20px;
	}
	.white-popup h1{
		font-size: 20px;letter-spacing: 0
	}
	.white-popup p{
		font-size: 13px;letter-spacing: 0
	}
	.product-tab .nav > li > a{
		font-size: 14px;
		letter-spacing: 0
	}
	.product-tab li {
	    margin: 0 6px;
	}
	.pro-content .rating li {
	    letter-spacing: 0;
	    font-size: 13px;
	}
	.proreview {
	    margin: 0 8px;
	    padding: 0 8px;
	}
	#madebyhand-search-category{
		display: none
	}
	.product-grid{
		width: 50%;
	}
	.catesort {
	    width: 100%;
	    margin-top: 15px;
	}
	.pagi .text-left{
		margin-bottom: 5px;
	}
	.pagi .text-left, .pagi .text-right {
	    text-align: center;
	    width: 100%;
	}
}
@media (min-width: 600px){
	.catb {
    	display: none;
	}
	.home-cat.collapse {
	    display: block !important;
	    height: auto !important;
	    padding-bottom: 0;
	    overflow: visible !important;
	}
}
@media (min-width: 600px) and (max-width: 767px){
	.imgbnrtext p{
		line-height: 20px;
		font-size: 12px;
	}
	.madebyhand-search-result .madebyhand-cat {
	    width: 50%;
	}
	.slidertext{
		top: 10px;
		width: 400px;
		margin: 0 10px;
	}
	.slidertext h1{
		font-size: 28px;
	}
	.slidertext p{
		font-size: 14px;
	}
	.slidertext a.btn-primary{
		margin-top: 10px;
		padding: 10px 20px;
	}
	.product-grid{
		width: 33.33%;
	}
	.ct{
		display: none
	}
	.home-cat ul.nav-tabs li a{
		padding: 9px 0
	}
	.imgbnr [class*="col-"]{
		width: 50%
	}
}
@media (min-width: 400px) and (max-width: 767px){
	.product-list {
	    width: 50%;
	}
}
@media (min-width: 1410px) and (max-width: 1600px){
	.homecategory .catcontent{
		top: 85px;
	}
	.slidertext{
		top: 110px;
	}
	.hsticky{
		margin: 0 80px;
	}
}
@media (min-width: 400px) and (max-width: 599px){
	#onsale .product-thumb .caption{
		margin-top: 15px;
	}
}

#marquee-container{
	height: 10px !important;
	text-align: center;
}

:root{
    --color-greenRGB: 64, 192, 87;
    --color-green600: ##40C057;
    --color-redRGB: 255, 0, 0;
    --color-red600: #ff0000;
}

.stock_bg .product-stock.in-stock {
    background-color: rgba(var(--color-greenRGB), 0.1);
    color: var(--color-green600) !important;
    font-size: 0.8125rem;
    padding: 0.25rem 0.625rem;
    border-radius: calc(var(--theme-radius-form) / 2);
}

.account-order-shell {
	padding: 24px;
}

.account-order-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 20px;
}

.account-order-head h1 {
	margin: 0 0 6px;
	font-size: 26px;
	line-height: 1.25;
}

.account-order-list {
	display: grid;
	gap: 14px;
}

.account-order-card,
.shipment-panel,
.order-address-grid section,
.order-note,
.order-history-timeline {
	border: 1px solid #e9ecef;
	background: #fff;
	border-radius: 6px;
}

.account-order-card {
	padding: 18px;
}

.order-card-main {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap: 16px;
	align-items: center;
}

.order-card-label {
	display: block;
	margin-bottom: 4px;
	color: #777;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
}

.order-card-id {
	font-size: 18px;
}

.order-status-pill {
	display: inline-flex;
	align-items: center;
	min-height: 28px;
	padding: 4px 10px;
	border-radius: 4px;
	background: #eef7f1;
	color: #2f7d46;
	font-weight: 600;
}

.order-card-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 18px;
	margin-top: 14px;
	color: #555;
}

.order-card-actions {
	display: flex;
	justify-content: flex-end;
	gap: 8px;
	margin-top: 16px;
}

.order-pagination {
	margin-top: 18px;
}

.order-empty-state {
	padding: 24px;
	border: 1px dashed #d8dde2;
	border-radius: 6px;
	background: #fafafa;
}

.order-summary-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 12px;
	margin-bottom: 16px;
}

.order-summary-item {
	padding: 14px;
	border: 1px solid #e9ecef;
	border-radius: 6px;
	background: #fff;
}

.shipment-panel {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 18px;
	margin-bottom: 18px;
	border-left: 4px solid #9aa4ad;
}

.shipment-panel h2 {
	margin: 0 0 6px;
	font-size: 20px;
}

.shipment-panel p,
.shipment-panel small {
	display: block;
	margin: 0 0 4px;
	color: #555;
}

.shipment-in_transit {
	border-left-color: #2f80ed;
}

.shipment-step-pending .shipment-step-body strong,
.shipment-step-pending .shipment-step-body p {
	color: #98a2b3;
}

.shipment-timeline-subtitle {
	margin: 0 0 8px;
	color: #667085;
}

.shipment-delivered {
	border-left-color: #2f7d46;
}

.shipment-exception {
	border-left-color: #c0392b;
}

.order-address-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 14px;
	margin-bottom: 18px;
}

.order-address-grid section,
.order-note,
.order-history-timeline {
	padding: 18px;
}

.order-address-grid h3,
.order-note h3,
.order-history-timeline h3 {
	margin-top: 0;
	font-size: 18px;
}

.order-products-table {
	margin-bottom: 18px;
}

.order-products-card {
	margin-bottom: 18px;
	padding: 18px 20px;
	border: 1px solid #e9ecef;
	border-radius: 14px;
	background: #fff;
	overflow: visible;
}

.order-products-title {
	margin: 0 0 14px;
	font-size: 18px;
}

.order-products-list {
	display: grid;
	gap: 12px;
}

.order-product-item {
	padding: 14px;
	border: 1px solid #e2e8f0;
	border-radius: 12px;
	background: #f8fafc;
}

.order-product-item-name {
	margin: 0 0 10px;
	font-size: 14px;
	font-weight: 700;
	color: #0f172a;
	line-height: 1.45;
	word-break: break-word;
}

.order-product-item-meta {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 8px 12px;
	margin: 0 0 12px;
}

.order-product-item-meta > div {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}

.order-product-item-meta dt {
	margin: 0;
	font-size: 10px;
	font-weight: 700;
	text-transform: uppercase;
	color: #64748b;
	letter-spacing: .04em;
}

.order-product-item-meta dd {
	margin: 0;
	font-size: 13px;
	color: #0f172a;
	word-break: break-word;
}

.order-product-item-actions {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
}

.order-product-item-actions .btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	min-height: 36px;
	padding: 8px 14px;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 600;
}

.order-totals-panel {
	margin-top: 14px;
	padding-top: 14px;
	border-top: 1px solid #e2e8f0;
}

.order-total-row {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 12px;
	padding: 8px 0;
	border-bottom: 1px solid #f1f5f9;
}

.order-total-row:last-child {
	padding-top: 10px;
	border-bottom: none;
	border-top: 2px solid #e2e8f0;
	font-size: 15px;
}

.order-total-row span {
	color: #475569;
	font-size: 13px;
	line-height: 1.4;
	word-break: break-word;
}

.order-total-row strong {
	color: #0f172a;
	font-size: 14px;
	white-space: nowrap;
	flex-shrink: 0;
}

.order-total-row:last-child strong {
	font-size: 16px;
	color: #1f7a3f;
}

.history-row {
	position: relative;
	padding: 12px 0 12px 18px;
	border-left: 2px solid #e5e9ed;
}

.history-row:before {
	content: '';
	position: absolute;
	left: -5px;
	top: 18px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #2f7d46;
}

.history-row span {
	display: block;
	color: #777;
	font-size: 12px;
}

.history-row p {
	margin: 6px 0 0;
}

@media (max-width: 767px) {
	.account-order-shell {
		padding: 16px;
	}

	.account-order-head,
	.shipment-panel {
		align-items: stretch;
		flex-direction: column;
	}

	.account-order-head .btn,
	.shipment-panel .btn {
		width: 100%;
	}

	.order-card-main,
	.order-summary-grid,
	.order-address-grid {
		grid-template-columns: 1fr;
	}

	.order-card-actions {
		flex-direction: column;
	}

	.order-card-actions .btn {
		width: 100%;
	}

	.order-product-item-meta {
		grid-template-columns: 1fr;
	}

	.order-product-item-actions .btn {
		flex: 1;
	}

	.order-total-row span {
		max-width: 65%;
	}
}

@media (min-width: 992px) {
	.order-product-item-meta {
		grid-template-columns: repeat(4, 1fr);
	}
}

.shipment-timeline-card {
	margin-bottom: 18px;
	padding: 22px;
	border: 1px solid #e8edf2;
	border-radius: 16px;
	background: #fff;
	box-shadow: 0 10px 30px rgba(16, 24, 40, 0.06);
}

.shipment-timeline-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 16px;
}

.shipment-timeline-label {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-height: 34px;
	padding: 0 14px;
	border: 1px solid #e5e9ed;
	border-radius: 999px;
	background: #fff;
	font-weight: 600;
	color: #344054;
	white-space: nowrap;
}

.shipment-timeline-label i {
	display: inline-block;
	line-height: 1;
	flex-shrink: 0;
}

.shipment-timeline-badge {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	min-height: 34px;
	padding: 0 14px;
	border-radius: 999px;
	font-weight: 600;
}

.shipment-badge-pending {
	background: #f2f4f7;
	color: #667085;
}

.shipment-badge-in-progress {
	background: #eef5ff;
	color: #2f80ed;
}

.shipment-badge-delivered {
	background: #edf8f1;
	color: #2f7d46;
}

.shipment-timeline-progress {
	height: 6px;
	margin-bottom: 22px;
	border-radius: 999px;
	background: #edf1f5;
	overflow: hidden;
}

.shipment-timeline-progress-bar {
	height: 100%;
	border-radius: inherit;
	background: linear-gradient(90deg, #5b8def, #7cc7ff);
}

.shipment-timeline-delivered .shipment-timeline-progress-bar {
	background: linear-gradient(90deg, #3f9f63, #7ed39a);
}

.shipment-timeline-steps {
	list-style: none;
	margin: 0;
	padding: 0;
}

.shipment-step {
	display: grid;
	grid-template-columns: 48px 1fr auto;
	gap: 14px;
	align-items: start;
	position: relative;
	padding-bottom: 22px;
}

.shipment-step:not(:last-child):before {
	content: '';
	position: absolute;
	left: 23px;
	top: 46px;
	bottom: 0;
	width: 2px;
	background: #e5e9ed;
}

.shipment-step-icon {
	width: 46px;
	height: 46px;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #f8fafc;
	color: #98a2b3;
	border: 2px dashed #d0d5dd;
	font-size: 16px;
}

.shipment-step-done .shipment-step-icon,
.shipment-step-active .shipment-step-icon {
	background: #eef5ff;
	color: #2f80ed;
	border-style: solid;
	border-color: #b8d4ff;
}

.shipment-timeline-delivered .shipment-step-done .shipment-step-icon,
.shipment-timeline-delivered .shipment-step-active .shipment-step-icon {
	background: #edf8f1;
	color: #2f7d46;
	border-color: #b9e3c8;
}

.shipment-step-body strong {
	display: block;
	font-size: 16px;
	color: #101828;
}

.shipment-step-body p {
	margin: 4px 0 0;
	color: #667085;
	line-height: 1.5;
}

.shipment-step-date {
	color: #98a2b3;
	font-size: 13px;
	white-space: nowrap;
	padding-top: 4px;
}

.shipment-timeline-footer {
	margin-top: 8px;
}

.shipment-timeline-footer .btn-track {
	border-radius: 999px;
	padding: 10px 18px;
}

.order-history-list {
	display: grid;
	gap: 12px;
}

.order-history-item {
	padding: 16px 18px;
	border: 1px solid #e8edf2;
	border-radius: 12px;
	background: #fafbfc;
}

.order-history-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 12px;
	align-items: center;
	margin-bottom: 8px;
}

.order-history-meta time {
	color: #98a2b3;
	font-size: 13px;
}

.order-history-status {
	display: inline-flex;
	align-items: center;
	min-height: 28px;
	padding: 4px 10px;
	border-radius: 999px;
	background: #eef5ff;
	color: #2f80ed;
	font-weight: 600;
	font-size: 13px;
}

.order-history-comment {
	color: #475467;
	line-height: 1.6;
}

.order-status-in_transit,
.order-status-delivered {
	font-weight: 600;
}

.order-status-delivered {
	background: #edf8f1 !important;
	color: #2f7d46 !important;
}

.order-status-in_transit {
	background: #eef5ff !important;
	color: #2f80ed !important;
}

.account-sidebar-card {
	border: 1px solid #e4e9ef;
	border-radius: 16px;
	background: #fff;
	overflow: hidden;
	box-shadow: 0 12px 32px rgba(15,23,42,.07);
}
.account-sidebar-card .account-sidebar-profile {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 18px 16px;
	background: linear-gradient(135deg, #f4faf6 0%, #eef6ff 100%);
	border-bottom: 1px solid #e8edf2;
}
.account-sidebar-card .account-sidebar-avatar {
	width: 42px;
	height: 42px;
	border-radius: 12px;
	background: linear-gradient(135deg, #1f7a3f, #2f9b5a);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 17px;
	font-weight: 700;
	flex-shrink: 0;
}
.account-sidebar-card .account-sidebar-profile-text strong {
	display: block;
	font-size: 15px;
	color: #101828;
	line-height: 1.3;
}
.account-sidebar-card .account-sidebar-profile-text span {
	font-size: 12px;
	color: #667085;
}
.account-sidebar-card .account-sidebar-section {
	padding: 6px 0;
}
.account-sidebar-card .account-sidebar-section-title {
	padding: 12px 16px 6px;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: #94a3b8;
}
.account-sidebar-card .account-sidebar-nav {
	list-style: none;
	margin: 0;
	padding: 0 8px;
}
.account-sidebar-card .account-sidebar-nav li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.account-sidebar-card .account-sidebar-link {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 12px;
	margin-bottom: 2px;
	border-radius: 10px;
	color: #475467;
	font-size: 14px;
	font-weight: 500;
	text-decoration: none !important;
	transition: background .18s, color .18s, box-shadow .18s;
}
.account-sidebar-card .account-sidebar-link i {
	width: 18px;
	text-align: center;
	font-size: 14px;
	color: #94a3b8;
	transition: color .18s;
}
.account-sidebar-card .account-sidebar-link:hover {
	background: #f8fafc;
	color: #1f7a3f;
}
.account-sidebar-card .account-sidebar-link:hover i {
	color: #1f7a3f;
}
.account-sidebar-card .account-sidebar-link.is-active {
	background: #edf8f1;
	color: #1f7a3f;
	box-shadow: inset 3px 0 0 #1f7a3f;
	font-weight: 600;
}
.account-sidebar-card .account-sidebar-link.is-active i {
	color: #1f7a3f;
}
.account-sidebar-card .account-sidebar-divider {
	height: 1px;
	margin: 6px 16px;
	background: #eef2f6;
	border: none;
}
.account-sidebar-card .account-sidebar-footer {
	padding: 10px 8px 12px;
	border-top: 1px solid #eef2f6;
}
.account-sidebar-card .account-sidebar-logout {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 12px;
	border-radius: 10px;
	color: #b42318;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none !important;
	transition: background .18s, color .18s;
}
.account-sidebar-card .account-sidebar-logout:hover {
	background: #fef3f2;
	color: #912018;
}
@media (min-width: 992px) {
	.account-sidebar-card {
		position: sticky;
		top: 24px;
	}
}

/* Account pages: sidebar + content grid layout */
.acpage .account-page-row {
	display: grid !important;
	grid-template-columns: minmax(240px, 280px) minmax(0, 1fr) !important;
	gap: 20px;
	align-items: start;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.acpage .account-page-row::before,
.acpage .account-page-row::after {
	display: none !important;
}

.acpage .account-page-row > #column-right,
.acpage .account-page-row > #column-left {
	grid-column: 1;
	width: 100% !important;
	max-width: none !important;
	float: none !important;
	min-width: 0;
}

.acpage .account-page-row > #content,
.acpage .account-page-row > .account-page-content {
	grid-column: 2;
	width: 100% !important;
	max-width: 100% !important;
	float: none !important;
	min-width: 0;
}

.acpage .account-page-row:has(#column-left):has(#column-right) {
	grid-template-columns: minmax(220px, 260px) minmax(0, 1fr) minmax(220px, 260px) !important;
}

.acpage .account-page-row:has(#column-left):has(#column-right) > #column-left {
	grid-column: 1;
}

.acpage .account-page-row:has(#column-left):has(#column-right) > #content,
.acpage .account-page-row:has(#column-left):has(#column-right) > .account-page-content {
	grid-column: 2;
}

.acpage .account-page-row:has(#column-left):has(#column-right) > #column-right {
	grid-column: 3;
}

.acpage .account-page-row:not(:has(#column-right)):not(:has(#column-left)) {
	grid-template-columns: 1fr !important;
}

.acpage .account-page-row:not(:has(#column-right)):not(:has(#column-left)) > #content,
.acpage .account-page-row:not(:has(#column-right)):not(:has(#column-left)) > .account-page-content {
	grid-column: 1;
}

#column-right .siyez-account-nav,
#column-left .siyez-account-nav {
	width: 100%;
}

@media (max-width: 767px) {
	.acpage .account-page-row {
		grid-template-columns: 1fr !important;
		gap: 14px;
	}

	.acpage .account-page-row > #column-right,
	.acpage .account-page-row > #column-left,
	.acpage .account-page-row > #content,
	.acpage .account-page-row > .account-page-content {
		grid-column: 1 !important;
		width: 100% !important;
	}
}

/* Account pages: transaction, wishlist, newsletter */
#account-transaction .account-page-shell,
#account-wishlist .account-page-shell,
#account-newsletter .account-page-shell {
	padding: 24px;
	border-radius: 14px;
}

.account-page-head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 20px;
}

.account-page-head h1 {
	margin: 0 0 4px;
	font-size: 26px;
	line-height: 1.25;
}

.account-page-subtitle {
	margin: 0;
	color: #667085;
	font-size: 14px;
}

.account-summary-card {
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding: 20px 22px;
	margin-bottom: 18px;
	border: 1px solid #dce8df;
	border-radius: 12px;
	background: linear-gradient(135deg, #f6fbf7 0%, #edf8f1 100%);
}

.account-summary-label {
	color: #667085;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .04em;
}

.account-summary-value {
	font-size: 28px;
	line-height: 1.2;
	color: #1f7a3f;
}

.account-data-list {
	display: grid;
	gap: 12px;
}

.account-data-card {
	display: grid;
	grid-template-columns: 160px 1fr auto;
	gap: 16px;
	align-items: center;
	padding: 16px 18px;
	border: 1px solid #e9ecef;
	border-radius: 12px;
	background: #fff;
	transition: box-shadow .2s, border-color .2s;
}

.account-data-card:hover {
	border-color: #d5deea;
	box-shadow: 0 6px 20px rgba(16, 24, 40, .06);
}

.account-data-label {
	display: block;
	margin-bottom: 4px;
	color: #8b95a5;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .04em;
}

.account-data-desc p {
	margin: 0;
	color: #344054;
	line-height: 1.5;
}

.account-data-amount {
	text-align: right;
}

.account-data-amount strong {
	font-size: 18px;
}

.account-data-amount.is-positive strong {
	color: #1f7a3f;
}

.account-data-amount.is-negative strong {
	color: #b42318;
}

.account-pagination {
	margin-top: 18px;
}

.account-empty-state {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 12px;
	padding: 36px 24px;
	border: 1px dashed #d8dde2;
	border-radius: 12px;
	background: #fafbfc;
	text-align: center;
}

.account-empty-state i {
	font-size: 36px;
	color: #c4cdd5;
}

.account-empty-state p {
	margin: 0;
	color: #667085;
	font-size: 15px;
}

.wishlist-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
	gap: 16px;
}

.wishlist-card {
	display: flex;
	flex-direction: column;
	border: 1px solid #e9ecef;
	border-radius: 14px;
	background: #fff;
	overflow: hidden;
	transition: box-shadow .2s, border-color .2s;
}

.wishlist-card:hover {
	border-color: #d5deea;
	box-shadow: 0 8px 24px rgba(16, 24, 40, .08);
}

.wishlist-card-image {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 180px;
	padding: 16px;
	background: #f8fafc;
	border-bottom: 1px solid #eef2f6;
}

.wishlist-card-image img {
	max-width: 100%;
	max-height: 148px;
	object-fit: contain;
}

.wishlist-card-placeholder {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	color: #c4cdd5;
	font-size: 42px;
}

.wishlist-card-body {
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: 10px;
	padding: 16px;
}

.wishlist-card-title {
	color: #101828;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.4;
	text-decoration: none !important;
}

.wishlist-card-title:hover {
	color: #1f7a3f;
}

.wishlist-card-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.wishlist-meta-chip,
.wishlist-stock-chip {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding: 4px 10px;
	border-radius: 999px;
	background: #f4f7fb;
	color: #5b6677;
	font-size: 12px;
}

.wishlist-stock-chip {
	background: #edf8f1;
	color: #1f7a3f;
}

.wishlist-card-price {
	font-size: 16px;
	font-weight: 700;
	color: #101828;
}

.wishlist-card-price s {
	margin-left: 8px;
	color: #98a2b3;
	font-size: 13px;
	font-weight: 400;
}

.wishlist-card-actions {
	display: flex;
	gap: 8px;
	margin-top: auto;
	padding-top: 4px;
}

.btn-cart-wishlist {
	display: inline-flex;
	flex: 1;
	align-items: center;
	justify-content: center;
	gap: 6px;
	padding: 9px 14px;
	border: none;
	border-radius: 999px;
	background: #1f7a3f;
	color: #fff !important;
	font-size: 13px;
	font-weight: 600;
}

.btn-cart-wishlist:hover {
	background: #196a35;
	color: #fff !important;
}

.btn-remove-wishlist {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	min-width: 40px;
	height: 40px;
	border: 1px solid #fecdca;
	border-radius: 999px;
	background: #fff;
	color: #b42318 !important;
	text-decoration: none !important;
}

.btn-remove-wishlist:hover {
	background: #fef3f2;
	color: #912018 !important;
}

.newsletter-form {
	max-width: 640px;
}

.newsletter-card {
	display: flex;
	gap: 18px;
	padding: 22px 24px;
	border: 1px solid #e9ecef;
	border-radius: 14px;
	background: #fff;
}

.newsletter-card-icon {
	display: flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	border-radius: 14px;
	background: linear-gradient(135deg, #edf8f1 0%, #d9f0e0 100%);
	color: #1f7a3f;
	font-size: 24px;
}

.newsletter-card-content h2 {
	margin: 0 0 8px;
	font-size: 18px;
}

.newsletter-card-content p {
	margin: 0 0 16px;
	color: #667085;
	font-size: 14px;
	line-height: 1.55;
}

.newsletter-toggle-group {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.newsletter-toggle {
	position: relative;
	margin: 0;
	padding: 12px 18px;
	border: 2px solid #e5e9ed;
	border-radius: 12px;
	background: #fafbfc;
	cursor: pointer;
	transition: border-color .18s, background .18s, box-shadow .18s;
}

.newsletter-toggle input {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

.newsletter-toggle span {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: #475467;
	font-size: 14px;
	font-weight: 600;
}

.newsletter-toggle span i {
	color: #98a2b3;
}

.newsletter-toggle:has(input:checked) {
	border-color: #1f7a3f;
	background: #edf8f1;
	box-shadow: 0 0 0 3px rgba(31, 122, 63, .12);
}

.newsletter-toggle:has(input:checked) span {
	color: #1f7a3f;
}

.newsletter-toggle:has(input:checked) span i {
	color: #1f7a3f;
}

.newsletter-form-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: space-between;
	margin-top: 18px;
}

.newsletter-form-actions .btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 18px;
	border-radius: 999px;
}

@media (max-width: 767px) {
	#account-transaction .account-page-shell,
	#account-wishlist .account-page-shell,
	#account-newsletter .account-page-shell {
		padding: 16px;
	}

	.account-page-head {
		flex-direction: column;
		align-items: stretch;
	}

	.account-page-head .btn {
		width: 100%;
	}

	.account-data-card {
		grid-template-columns: 1fr;
		gap: 12px;
	}

	.account-data-amount {
		text-align: left;
	}

	.newsletter-card {
		flex-direction: column;
	}

	.newsletter-toggle-group {
		flex-direction: column;
	}

	.newsletter-toggle {
		width: 100%;
	}

	.newsletter-form-actions {
		flex-direction: column;
	}

	.newsletter-form-actions .btn {
		justify-content: center;
		width: 100%;
	}

	.wishlist-card-actions {
		flex-direction: column;
	}
}

/* Mobile category drawer */
@media (max-width: 991px) {
	body.active::before {
		background: rgba(15, 23, 42, 0.5);
		opacity: 1;
		backdrop-filter: blur(3px);
		-webkit-backdrop-filter: blur(3px);
	}

	#mySidenav.sidenav {
		padding-top: 0;
		box-shadow: 8px 0 32px rgba(15, 23, 42, 0.18);
		transition: width 0.35s cubic-bezier(0.4, 0, 0.2, 1);
		display: flex;
		flex-direction: column;
	}

	#mySidenav .mobile-nav-head,
	#mySidenav .close-nav {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 12px;
		padding: 18px 16px;
		background: linear-gradient(135deg, #1f7a3f 0%, #2f9b5a 100%);
		color: #fff;
		letter-spacing: 0;
		position: sticky;
		top: 0;
		z-index: 2;
		flex-shrink: 0;
		width: 100%;
	}

	#mySidenav .mobile-nav-title,
	#mySidenav .close-nav .categories {
		font-size: 17px;
		font-weight: 700;
		text-transform: none;
		letter-spacing: 0;
	}

	#mySidenav .mobile-nav-close,
	#mySidenav .closebtn {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 36px;
		height: 36px;
		border-radius: 10px;
		background: rgba(255, 255, 255, 0.18);
		color: #fff !important;
		text-decoration: none !important;
		transition: background 0.18s;
		float: none;
	}

	#mySidenav .mobile-nav-close:hover,
	#mySidenav .closebtn:hover,
	#mySidenav .closebtn:focus {
		background: rgba(255, 255, 255, 0.28);
		color: #fff !important;
	}

	#mySidenav .mobile-nav-close i,
	#mySidenav .closebtn i {
		font-size: 16px;
	}

	#mySidenav .mobile-nav-body,
	#mySidenav .navbar-collapse {
		flex: 1;
		overflow-y: auto;
		padding: 8px 10px 24px !important;
		-webkit-overflow-scrolling: touch;
	}

	#mySidenav .navbar-nav {
		margin: 0;
	}

	#mySidenav .navbar-nav > li {
		display: block;
		margin-bottom: 2px;
	}

	#mySidenav .navbar-nav > li > a {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 8px;
		padding: 12px 14px !important;
		border-bottom: none !important;
		border-radius: 10px;
		font-size: 14px !important;
		font-weight: 500 !important;
		text-transform: none !important;
		letter-spacing: 0 !important;
		color: #344054 !important;
		transition: background 0.18s, color 0.18s;
	}

	#mySidenav .navbar-nav > li > a:hover,
	#mySidenav .navbar-nav > li > a:focus {
		background: #f8fafc;
		color: #1f7a3f !important;
	}

	#mySidenav .navbar-nav > li.open > a.header-menu {
		background: #edf8f1;
		color: #1f7a3f !important;
		font-weight: 600 !important;
		box-shadow: inset 3px 0 0 #1f7a3f;
	}

	#mySidenav .navbar-nav > li > a i {
		float: none !important;
		margin: 0 !important;
		font-size: 14px;
		color: #94a3b8;
		transition: transform 0.25s ease, color 0.18s;
	}

	#mySidenav .navbar-nav > li.open > a i {
		transform: rotate(180deg);
		color: #1f7a3f;
	}

	#mySidenav .dropdown-menu {
		position: static !important;
		float: none;
		width: 100%;
		margin: 0 !important;
		padding: 4px 0 8px 8px !important;
		background: transparent !important;
		border: none !important;
		box-shadow: none !important;
		display: none;
	}

	#mySidenav .dropdown.open > .dropdown-menu {
		display: block;
	}

	#mySidenav .dropdown-inner {
		display: block;
		background: #f8fafc;
		border-radius: 10px;
		padding: 6px 8px;
		margin: 0 4px 4px;
	}

	#mySidenav .dropdown-inner .dropdown-submenu {
		margin-top: 0 !important;
		padding: 0 !important;
	}

	#mySidenav .dropdown-inner .submenu-title {
		display: block;
		padding: 8px 12px !important;
		font-size: 13px !important;
		font-weight: 500 !important;
		color: #475467 !important;
		border-radius: 8px;
		margin-bottom: 0 !important;
	}

	#mySidenav .dropdown-inner .submenu-title:hover {
		background: #fff;
		color: #1f7a3f !important;
	}

	#mySidenav .dropdown-inner .grand-child {
		padding-left: 8px;
		margin-bottom: 4px;
	}

	#mySidenav .dropdown-inner .grand-child a {
		display: block;
		padding: 6px 12px 6px 20px !important;
		font-size: 13px !important;
		color: #667085 !important;
		border-bottom: none !important;
		border-radius: 6px;
	}

	#mySidenav .dropdown-inner .grand-child a:hover {
		background: #fff;
		color: #1f7a3f !important;
	}

	#mySidenav a.see-all {
		display: inline-flex !important;
		align-items: center;
		margin: 8px 12px 4px !important;
		padding: 6px 12px !important;
		border-bottom: none !important;
		font-size: 12px !important;
		font-weight: 600 !important;
		color: #1f7a3f !important;
		background: #edf8f1;
		border-radius: 20px;
	}

	#mySidenav a.see-all:hover {
		background: #d4f0dc;
	}

	.menusp .navbar-header button {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 42px;
		height: 42px;
		border-radius: 10px !important;
		background: #f4faf6 !important;
		border: 1px solid #e4e9ef !important;
	}

	.menusp .navbar-header button i {
		font-size: 18px !important;
		color: #1f7a3f;
	}

	body.active .fixed-bottom,
	body.active [class*="whatsapp"],
	body.active [id*="whatsapp"] {
		z-index: 50 !important;
	}
}

/* Navigation polish: lighter dropdowns and modern mobile drawer */
#menu .navbar-nav > li > a {
	font-family: var(--theme-menu-font, "Wix Madefor Text", sans-serif) !important;
	font-weight: 500 !important;
	letter-spacing: 0 !important;
}

#menu .dropdown-menu,
#menu .more-menu {
	border-radius: 12px !important;
	border: 1px solid #eef0ea !important;
	border-bottom: 1px solid #eef0ea !important;
	box-shadow: 0 18px 45px rgba(16, 24, 40, 0.12) !important;
}

#menu .dropdown-inner a,
#menu .navbar-nav li .dropdown-menu a,
#menu .navbar-nav li .more-menu a {
	font-family: var(--theme-body-font, "Wix Madefor Text", sans-serif) !important;
	font-size: 13px !important;
	font-weight: 400 !important;
	line-height: 1.35 !important;
	letter-spacing: 0 !important;
	color: #344054 !important;
	text-transform: none !important;
	border-radius: 8px;
}

#menu .dropdown-inner a:hover,
#menu .navbar-nav li .dropdown-menu a:hover,
#menu .navbar-nav li .more-menu a:hover {
	background: #f6faf4 !important;
	color: var(--color-default-color) !important;
}

@media (max-width: 991px) {
	body.active {
		overflow: hidden;
	}

	body.active::before {
		background: rgba(17, 24, 39, 0.56);
		opacity: 1;
		backdrop-filter: blur(2px);
		-webkit-backdrop-filter: blur(2px);
	}

	#mySidenav.sidenav {
		max-width: calc(100vw - 44px);
		padding-top: 0 !important;
		background: #fbfcf8;
		box-shadow: 18px 0 48px rgba(17, 24, 39, 0.22);
		transition: width 0.28s ease;
		display: flex;
		flex-direction: column;
		overflow: hidden;
		border-radius: 0 18px 18px 0;
	}

	#mySidenav .mobile-nav-head,
	#mySidenav .close-nav {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 12px;
		width: 100%;
		padding: 16px 14px;
		background: #ffffff;
		color: #182230;
		border-bottom: 1px solid #edf0e8;
		position: sticky;
		top: 0;
		z-index: 2;
	}

	#mySidenav .mobile-nav-title,
	#mySidenav .close-nav .categories {
		font-size: 15px;
		font-weight: 600;
		letter-spacing: 0 !important;
		text-transform: none;
	}

	#mySidenav .mobile-nav-close,
	#mySidenav .closebtn {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 34px;
		height: 34px;
		border-radius: 50%;
		background: #f3f6ef;
		color: #344054 !important;
		text-decoration: none !important;
		float: none;
		transition: background 0.18s, color 0.18s;
	}

	#mySidenav .mobile-nav-close:hover,
	#mySidenav .closebtn:hover,
	#mySidenav .closebtn:focus {
		background: #e8f4df;
		color: var(--color-default-color) !important;
	}

	#mySidenav .mobile-nav-close i,
	#mySidenav .closebtn i {
		font-size: 14px;
	}

	#mySidenav .mobile-nav-body,
	#mySidenav .navbar-collapse {
		flex: 1;
		overflow-y: auto;
		padding: 10px 12px 26px !important;
		background: #fbfcf8;
		-webkit-overflow-scrolling: touch;
	}

	#mySidenav .navbar-nav {
		margin: 0 !important;
		width: 100%;
	}

	#mySidenav .navbar-nav > li {
		display: block;
		margin: 0 0 6px !important;
		padding: 0 !important;
	}

	#mySidenav .navbar-nav > li > a {
		display: flex;
		align-items: center;
		justify-content: space-between;
		min-height: 46px;
		padding: 12px 12px !important;
		background: #fff;
		border: 1px solid #edf0e8 !important;
		border-radius: 12px;
		font-size: 13px !important;
		font-weight: 500 !important;
		line-height: 1.25 !important;
		letter-spacing: 0 !important;
		color: #182230 !important;
		text-transform: none !important;
		box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04);
		transition: background 0.18s, border-color 0.18s, color 0.18s;
	}

	#mySidenav .navbar-nav > li > a:hover,
	#mySidenav .navbar-nav > li > a:focus,
	#mySidenav .navbar-nav > li.open > a.header-menu {
		background: #f6faf2 !important;
		border-color: #dbead1 !important;
		color: var(--color-default-color) !important;
	}

	#mySidenav .navbar-nav > li > a i {
		float: none !important;
		margin: 0 !important;
		font-size: 13px;
		color: #98a2b3;
		transition: transform 0.2s ease, color 0.18s;
	}

	#mySidenav .navbar-nav > li.open > a i {
		transform: rotate(180deg);
		color: var(--color-default-color);
	}

	#mySidenav .dropdown-menu {
		position: static !important;
		float: none !important;
		display: none;
		width: 100% !important;
		margin: 6px 0 4px !important;
		padding: 0 !important;
		background: transparent !important;
		border: 0 !important;
		box-shadow: none !important;
	}

	#mySidenav .dropdown.open > .dropdown-menu {
		display: block;
	}

	#mySidenav .dropdown-inner {
		display: block;
		padding: 8px;
		margin: 0;
		background: #ffffff;
		border: 1px solid #edf0e8;
		border-radius: 12px;
	}

	#mySidenav .dropdown-inner ul {
		margin: 0 !important;
		width: 100%;
	}

	#mySidenav .dropdown-inner .dropdown-submenu {
		margin: 0 !important;
		padding: 0 !important;
	}

	#mySidenav .dropdown-inner .submenu-title,
	#mySidenav .dropdown-inner .grand-child a {
		display: block;
		padding: 9px 10px !important;
		border: 0 !important;
		border-radius: 9px;
		font-size: 13px !important;
		font-weight: 400 !important;
		line-height: 1.3 !important;
		letter-spacing: 0 !important;
		color: #475467 !important;
	}

	#mySidenav .dropdown-inner .submenu-title:hover,
	#mySidenav .dropdown-inner .grand-child a:hover {
		background: #f6faf2 !important;
		color: var(--color-default-color) !important;
	}

	#mySidenav .dropdown-inner .grand-child {
		margin: 0 0 4px 10px !important;
		padding-left: 8px !important;
		border-left: 1px solid #e5ecd9;
	}

	#mySidenav a.see-all {
		display: flex !important;
		align-items: center;
		justify-content: center;
		min-height: 38px;
		margin: 8px 0 0 !important;
		padding: 9px 12px !important;
		border: 1px solid #dbead1 !important;
		border-radius: 12px;
		background: #f6faf2 !important;
		color: var(--color-default-color) !important;
		font-size: 12px !important;
		font-weight: 500 !important;
		letter-spacing: 0 !important;
		text-transform: none !important;
	}

	.menusp .navbar-header button {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 42px;
		height: 42px;
		border-radius: 12px !important;
		background: #ffffff !important;
		border: 1px solid #e5eadf !important;
		box-shadow: 0 1px 2px rgba(16, 24, 40, 0.06);
	}

	.menusp .navbar-header button i {
		font-size: 17px !important;
		color: var(--color-default-color);
	}
}
