.products-content.loading,
.tf-products-single.loading {
    position: relative;
}

.products-content.loading::after,
.tf-products-single.loading:after,
.content-area ul.products.loading:after {
    background-color: #fff;
    width: 100%;
    height: 100%;
    z-index: 100;
    position: absolute;
    content: '';
}

.zoomContainer {
    z-index: 10;
}

.products-content.loading::after {
    top: 0;
    left: 0;
}

.products-content.loading::before,
.tf-products-single.loading:before,
.content-area ul.products.loading:before {
    border-width: 1px;
    border-color: #666 #666 #666 transparent;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border-style: solid;
    -webkit-animation: fl-spin-fast 1s linear infinite;
    animation: fl-spin-fast 1s linear infinite;
    content: " ";
    width: 50px;
    height: 50px;
    font-weight: 400;
    top: 30px;
    right: 50%;
    transition: all 0.3s ease;
    position: absolute;
    background-color: #fff;
    z-index: 110;
    margin-right: -25px;
}


/*Start Sidebar Filter*/

.widget_filter_categories .widget-title {
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    padding: 13px 18px;
    background: #F5F5F5;
    border-radius: 8px 8px 0px 0px;
    margin: 0;
}

.widget_filter_categories > ul {
    padding: 18px;
    border-radius: 0px 0px 10px 10px;
    border: 1px solid #ebebeb;

}

.widget_filter_categories ul ul {
    padding-left: 15px;
    
}

.widget_filter_categories ul .children {
    position: relative;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}


.widget_filter_categories ul .children .toggle-category::before ,
.widget_filter_categories ul .children .toggle-category::after {
    content: '';
    width: 8px;
    height: 2px;
    position: absolute;
    right: 0%;
    top: 7px;
    background-color: var(--theme-primary-color);
}

.widget_filter_categories ul .children .toggle-category {
    position: absolute;
    width: 50px;
    height: 20px;
    right: 0;
    top: 0;
    cursor: pointer;
}

.widget_filter_categories ul .children .toggle-category::after {
    height: 8px;
    width: 2px;
    right: 3.5px;
    top: 4px;
}

.sidebar-right .widget_filter_categories ul .children .toggle-category::after {
    right: 2.5px;
}
.widget_filter_categories ul .children ul {
    display: none;
}

.widget_filter_categories ul .children.show ul {
    display: block;
}

.widget_filter_categories ul .children.show .toggle-category::after {
    display: none;
}

.widget_filter_categories ul  li {
    padding: 0;
    margin: 0;
}

.widget_filter_categories ul  li a {
    padding: 15px 0;
    padding-right: 15px;
    font-family: 'Inter';
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    color: var(--theme-primary-color);
    border-bottom: 1px solid #ECECEC;
}

.widget_filter_categories ul  li a.active {
    color: var(--theme-secondary-color);
}

.widget_filter_categories ul  li:last-child a {
    border-bottom: none;
}

.widget_filter_categories ul  li a {
    display: block;
    position: relative;
}

.widget_filter_categories ul  li a::after {
    content: "\e919";
    font-family: "onsus";
    font-size: 12px;
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.widget_filter_categories ul  li a:hover {
    color: var(--theme-secondary-color);
}

.widget_filter_categories label {
    
}

.widget_filter_categories label,
.widget_filter_price label,
.widget-filter-attribute label {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    margin-bottom: 10px;
    cursor: pointer;
}

.widget_filter_categories li:last-child label,
.widget-filter-attribute label:last-child {
    margin-bottom: 0;
}

.widget_filter_categories .btn-checkbox,
.widget_filter_price .btn-checkbox ,
.widget-filter-attribute .btn-checkbox {
    display: flex;
    display: -webkit-box;  
    display: -moz-box;      
    display: -ms-flexbox;   
    display: -webkit-flex; 
    align-items: center;
    justify-content: center;
}

.widget_filter_categories input[type=checkbox],
.widget_filter_price input[type=checkbox],
.widget-filter-attribute input[type=checkbox] {
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    margin-right: 0px;
}

.widget_filter_categories label span,
.widget_filter_price label span,
.widget-filter-attribute label span {
    font-family: 'Inter';
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    color: #333E48;
}

.widget_filter_categories .custom-check-box,
.widget_filter_price .custom-check-box,
.widget-filter-attribute .custom-check-box {
    position: relative;
    margin-left: 26px;
}

.widget_filter_categories .btn-checkbox,
.widget_filter_price .btn-checkbox,
.widget-filter-attribute .btn-checkbox {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 16px;
    height: 16px;
    background-color: transparent;
    border: 1px solid #E1E1E1;
    border-radius: 2px;
}

.widget_filter_categories .btn-checkbox:after,
.widget_filter_price .btn-checkbox:after ,
.widget-filter-attribute .btn-checkbox:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 10px;
    height: 10px;
    background-color: var(--theme-accent-color);
    display: none;
}

.widget_filter_categories label.active .btn-checkbox:after,
.widget_filter_price label.active .btn-checkbox:after,
.widget-filter-attribute label.active .btn-checkbox:after
/* .widget-filter-attribute label input:checked~.btn-checkbox:after { */ {
    display: block;
}

.widget_filter_price ul li {
    padding: 0;
}

.widget_filter_rating ul li i {
    color: #FCB500;
    font-family: 'Font Awesome 5 Free';
}

.widget_filter_rating ul li .tax-filter-rating.active,
.widget_filter_rating ul li .tax-filter-rating.active i {
    color: var(--theme-accent-color);
}

.widget_filter_rating ul li .tax-filter-rating.active i.color-2,
.widget_filter_rating ul li i.color-2 {
    color: #E1E1E1;
}


/* price-range */

.noUi-target,.noUi-target * {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-touch-action: none;
    touch-action: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  
  .noUi-target {
    position: relative;
    direction: ltr;
  }
  
  .noUi-base {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
  }
  
  .noUi-origin {
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
  }
  
  .noUi-handle {
    position: relative;
    z-index: 1;
  }
  
  .noUi-stacking .noUi-handle {
    z-index: 10;
  }
  
  .noUi-state-tap .noUi-origin {
    -webkit-transition: left 0.3s,top .3s;
    transition: left 0.3s,top .3s;
  }
  
  .noUi-state-drag * {
    cursor: inherit !important;
  }
  
  .noUi-base,.noUi-handle {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }
  
  .noUi-horizontal {
    height: 4px;
  }
  
  .noUi-horizontal .noUi-handle {
    position: relative;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    left: 0px;
    top: -5px;
    background-color: #0d0d0d;
  }
  .noUi-horizontal .noUi-handle::after {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
  }
  /* Styling;
   */
  .noUi-background {
    background: #D6D7D9;
  }
  
  .noUi-connect {
    background: #0d0d0d;
    -webkit-transition: background 450ms;
    transition: background 450ms;
  }
  
  .noUi-origin {
    border-radius: 2px;
  }
  
  .noUi-target {
    width: 97%;
    height: 3px ;
    border-radius: 2px;
    margin-bottom: 15px;
  }
  
  .noUi-horizontal .noUi-handle.noUi-handle-upper {
    left: -7px;
  }
  
  /* Handles and cursors;
   */
  .noUi-draggable {
    cursor: w-resize;
  }
  
  .noUi-vertical .noUi-draggable {
    cursor: n-resize;
  }
  
  .noUi-handle {
    cursor: default;
    -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    box-sizing: content-box !important;
  }
  
  .noUi-handle:active {
    border: 8px solid #0d0d0d;
    border: 8px solid rgba(13, 13, 13, 0.5);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    left: -14px;
    top: -14px;
  }
  
  /* Disabled state;
   */
[disabled].noUi-connect,[disabled] .noUi-connect {
    background: #B8B8B8;
}

[disabled].noUi-origin,[disabled] .noUi-handle {
    cursor: not-allowed;
}
.slider-labels .caption {
    font-weight: 500;
    direction:ltr;
}
#slider-range-value1::after {
    content: "-";
    margin: 0 5px;
}

.slider-labels {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.tax-filter-rating.price {
    padding: 5px 10px;
    border-radius: 8px;
    color: #fff;
    background-color: var(--theme-primary-color);
    cursor: pointer;
}

.tax-filter-rating.price:hover {
    background-color: var(--theme-accent-color);
}

.btn-clear-price::before,
.btn-clear-price::after,
.btn-clear-all:before,
.btn-clear-all:after,
.btn-clear-attribute:before,
.btn-clear-attribute:after,
.btn-clear-rating:before,
.btn-clear-rating:after,
.btn-clear-taxonomy:before,
.btn-clear-taxonomy:after {
    content: " ";
    width: 10px;
    height: 2px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -1px;
    display: inline-block;
    background-color: var(--theme-primary-color);
	-webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.btn-clear-price,
.btn-clear-all,
.btn-clear-taxonomy,
.btn-clear-rating,
.btn-clear-attribute {
    position: relative;
    padding-left: 13px;
	color: var(--theme-primary-color);
    font-size: 0.8125rem;
    font-weight: 500;
	cursor: pointer;
	text-decoration: none;
    margin-left: 10px;
    display: inline-block;
}

.btn-clear-price::before,
.btn-clear-all:before,
.btn-clear-taxonomy:before,
.btn-clear-rating::before,
.btn-clear-attribute:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.btn-clear-price::after,
.btn-clear-all::after,
.btn-clear-taxonomy::after,
.btn-clear-rating::after,
.btn-clear-attribute:after {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
}

.btn-clear-price:hover:before,
.btn-clear-price:hover::after,
.btn-clear-all:hover::before,
.btn-clear-all:hover::after,
.btn-clear-taxonomy:hover::before,
.btn-clear-taxonomy:hover::after,
.btn-clear-rating:hover::before,
.btn-clear-rating:hover::after,
.btn-clear-attribute:hover:before,
.btn-clear-attribute:hover:after {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
}

/*End Sidebar Filter*/

/*Stat Top Filter*/

.meta-wrap .filter-button{
    display:none;
}
.woocommerce-ordering select{
    background-position: calc(0% + 10px), calc(0% + 14px) !important;
}
/*End Top Filter*/
.products li .btn-add-to-cart{
    position: absolute;
    bottom: -50px;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    opacity: 0;
    visibility: hidden;
}
.products li:hover .btn-add-to-cart {
    bottom: 10px;
    opacity: 1;
    visibility: visible;
}
@media only screen and (max-width: 1320px) {
    .products li .wrap-btn-action {
        right: 20px !important;
        z-index: 2;
        left: auto !important;
    }
}
.woocommerce-page .shop_table.cart .product-name {
    width: 100%;
}
