.sidebar-box{
	background: var(--bg-white);
	border-radius: var(--border-radius);
	padding: 3.6rem 0rem 3.2rem;
}
.back-category{
	margin-bottom: 2.6rem;
	padding: 0 2.4rem;
	font-size: 1.4rem;
	color: #B7B7B7;
	letter-spacing: 0.35px;
	line-height: 1.6rem;
}
.back-category a{
	color: var(--text-blue) !important;
}
.back-category a:hover{
	color: var(--text-black) !important;
}
.sidebar-category{
	padding: 0 2.4rem 4rem;
	margin-bottom: 4.6rem;
	border-bottom: 1px solid #E1E1E1;
}
.sidebar-title{
	margin-bottom: 2.1rem;
}
.sidebar-link a{
	display: inline-block;
	font-size: 1.4rem;
	letter-spacing: 0.35px;
	color: var(--text-light-black) !important;
	line-height: 1.8rem;
}
.sidebar-link a.active {
  color: var(--text-blue) !important;
}
.sidebar-link li{
	margin-bottom: 1.1rem;
}
.sidebar-link li.active a,
.sidebar-link li:hover a{
	color: var(--text-black) !important;
	font-weight: 500;
}
.sidebar-filter{
	padding: 0rem 2.4rem;
}
.filter-item{
	margin-top: 4rem;
}
.filter-item:first-child{
	margin-top: 0;
}
.color-item:nth-child(n + 10), .woof_list li:nth-child(n + 10) {
    display: none !important;
}
.color-item.active,
.woof_list li.active{
	display: block !important;
}
.color-list{
	margin-top: 2rem;
}
.color-item{
	margin-bottom: 1.5rem;
}
.color-item:last-child{
	margin-bottom: 0;
}
.color-item .chk{
	line-height: 2.1rem;
}
.color-item .chk .checkmark{
	border-radius: 50%;
	height: 2.1rem;
	width: 2.1rem;
	border: 0 !important;
	top: -0.1rem;
}
.color-item .chk .checkmark:after{
	border-color: #fff !important;
	left: 0.7rem;
    top: 0.3rem;
    width: 0.7rem;
    height: 1.1rem;
    border-width: 0 0.3rem 0.3rem 0;
}
.showmore{
	margin-top: 2.9rem;
	line-height: 1.4rem;
}
.showmore a{
	display: inline-flex;
	align-items: center;
	font-size: 1.4rem;
	line-height: 1.4rem;
	letter-spacing: 0.35px;
	color: var(--text-blue) !important;
}
.showmore a img{
	display: block;
	margin-left: 0.74rem;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.showmore.active a img{
	-webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.woof_list ul{
	margin-top: 2.3rem;
}
.woof_list li{
	padding: 0;
	margin-bottom: 1.8rem;
}
.woof_list li:last-child{
	margin-bottom: 0;
}
.woof_list li:after{
	content: none;
}
.woof_list li input{
	position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
.woof_checkbox_label {
	color: var(--text-light-black); !important;
	margin: 0 !important;
	padding: 0 !important;
	position: relative !important;
	padding-left: 3.2rem !important;
	font-size: 1.4rem !important;
	line-height: 1.8rem !important;
	display: flex !important;
    vertical-align: middle !important;
    align-items: center !important;
    font-weight: normal !important;
	letter-spacing: 0.35px !important;
	cursor: pointer !important;
}
.woof_checkbox_label:after{
	content: "";
    position: absolute;
    top: 0rem;
    left: 0;
    height: 1.8rem;
    width: 1.8rem;
    border: 1px solid var(--checkbox-border);
    border-radius: 0.2rem;
}
.woof_checkbox_label:before{
	content: "" !important;
    position: absolute !important;
    left: 0.6rem;
    top: 0.24em;
    width: 0.6rem;
    height: 1rem;
    border: solid transparent;
    border-width: 0 0.2rem 0.2rem 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.woof_list li input:checked ~ label:before,
.woof_list li input:checked ~ label:after{
    border-color: var(--checkbox-tick-color) !important;
}
.sidebar-rating-list{
	margin-top: 2.2rem;
}
.rating-item{
	margin-bottom: 1.8rem;
}
.rating-item:last-child{
	margin-bottom: 0;
}
.rating-chk {
    width: 1.8rem;
    height: 1.8rem;
    padding: 0;
    margin-right: 1rem;
    margin-top: -0.3rem;
}
.woof_price_filter_txt_container{
	margin-top: 2rem;
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
}
.woof_price_filter_txt_container:after{
    content: "";
    position: absolute;
    height: 1px;
    width: 1rem;
    background: #B5B5B5;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.woof_price_filter_txt{
	width: calc(50% - 1.5rem) !important;
	border: 1px solid #E1E1E1 !important;
	border-radius: var(--border-radius) !important;
	padding: 0 2rem !important;
	color: var(--text-black) !important;
	font-size: 1.4rem !important;
	height: 5rem !important;
	outline: none !important;
	letter-spacing: 0.35px !important
}
.woof_price_filter_txt:focus{
	border-color: var(--text-light-blak) !important;
}
.woof_price_filter_txt::placeholder{
	opacity: 1;
	color: #B7B7B7;
}
.woof_submit_search_form_container{
	margin: 2.1rem 0 0 !important;
	display: flex !important;
    justify-content: space-between !important;
}
.woof_submit_search_form_container .woof_submit_search_form, 
.woof_submit_search_form_container .woof_reset_search_form {
    width: 100%;
    outline: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--border-radius);
    height: 5rem;
    letter-spacing: 0.04rem;
    font-size: 1.6rem;
    padding: 0 2rem;
    border: 0 !important;
    letter-spacing: 0.4px;
    background: var(--btn-blue);
    color: var(--btn-text-white) !important;
    font-weight: 500 !important;
}
.woof_submit_search_form_container .woof_submit_search_form:hover{
	background: var(--btn-blue-hover);
}
.woof_submit_search_form_container .woof_reset_search_form {
    border: 1px solid var(--btn-blue) !important;
    color: var(--btn-blue) !important;
    margin-right: 1rem;
    width: 10rem !important;
    background: transparent !important;
}
.woof_submit_search_form_container .woof_reset_search_form:hover{
	background: var(--btn-blue) !important;
    color: var(--btn-text-white) !important;
}
#filterBtn{
	width: 100%;
	margin-bottom: 3rem;
	display: none;
}
#filterBtn img{
	margin-right: 1.2rem;
}
.closeFilter{
    display: none;
    flex-wrap: wrap;
    align-items: center;
    background: #F5F6F8;
    height: 6.5rem;
    padding: 0 1.5rem;
    cursor: pointer;
}
.closeFilter img{
	margin-right: 1.6rem;
}
.closeFilter h3 {
    margin: 0;
}
@media(max-width:991px){
    #filterBtn,.closeFilter{
    	display: flex;
    }
    .closeFilter{
    	display: flex;
    	flex-wrap: wrap;
    	align-items: center;
    }
    .sidebar {
    	position: fixed;
    	top: 0;
    	left: -100%;
    	width: 35rem;
    	background: var(--bg-white);
    	height: 100vh;
    	z-index: 9999;
    	-webkit-transition: all 0.3s linear;
    	-moz-transition: all 0.3s linear;
    	-ms-transition: all 0.3s linear;
    	transition: all 0.3s linear;
	}
	.sidebar.show{
		left: 0;
	}
	.sidebar-box {
    	background: transparent;
    	border-radius: 0;
    	padding: 3rem 0 8.5rem;
    	height: calc(100% - 6.5rem);
    	overflow: hidden;
    	overflow-y: overlay;
	}
	.back-category {
    	margin-bottom: 2rem;
    	padding: 0 1.5rem;
    }
	.sidebar-title {
    	margin-bottom: 1.5rem;
	}
	.sidebar-category {
    	padding: 0 1.5rem 2.5rem;
    	margin-bottom: 2.5rem;
    }
    .sidebar-link li {
    	margin-bottom: 0.6rem;
	}
	.sidebar-filter {
    	padding: 0rem 1.5rem;
	}
	.showmore {
    	margin-top: 2.5rem;
    }
    .filter-item {
    	margin-top: 3rem;
	}
	.woof_list li {
    	margin-bottom: 1.3rem;
	}
	.rating-item {
    	margin-bottom: 1.3rem;
	}
	.woof_submit_search_form_container {
    	margin: 0 !important;
    	position: absolute;
    	left: 0;
    	bottom: 1.5rem;
    	width: 100%;
    	padding: 0 1.5rem;
	}
	.sidebar-outer{
		height: initial !important;
	}
	.inner-wrapper-sticky {
    	position: relative !important;
    	top: auto !important;
    	left: 0 !important;
    	bottom: auto !important;
    	width: 100% !important;
    	transform: none !important;
	}
}
@media(max-width:767px){
	.sidebar {
    	width: 100%;
    }
}