.hidden-tag{
    display: none;
}
.tv-filters-container{
    background-color: #f9f9f9;
    padding: 15px;
    margin-bottom: 20px;
    border-radius: 3px;
}
.tvvn-top-sidebar .tvvn-widget-wrap {
    display: none;
    overflow: hidden;
}
.woocommerce-result-count,
.woocommerce-result-count + .woocommerce-ordering{
    display: none !important;
}

.tvvn-variation-filters a {
    color: #333;
    display: inline-block;
    
    position: relative;

    font-weight: normal;
    display: flex;
    align-items: center;
}
.tvvn-variation-filters .tvvn-text-variation-size {
    padding-left: 5px;
}

.tvvn-filter-image-span,
.tvvn-filter-color-span {
/*    position: absolute;*/
    width: 30px;
    height: 30px;
/*    display: block;*/
/*    top: 0;*/
/*    left: 0;*/
    background: #EAEAEA;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-right: 5px;
    box-shadow: 0 -2px 3px -1px rgba(0,0,0,0.3);
}

.tvvn-variations-default .tvvn-text-variation{
    padding-left: 35px;
    height: 30px;
    line-height: 30px;
}

.tvvn-filter-color-span:before {
    content: "";
    position: absolute;
    top: 2px;
    bottom: 0;
    left: 0;
    right: 0;
/*    -webkit-box-shadow: 0 -2px 3px -1px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 -2px 3px -1px rgba(0,0,0,0.3);
    box-shadow: 0 -2px 3px -1px rgba(0,0,0,0.3);*/
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.tvvn-variation-filters a:after {
    content: "";
    width: 6px;
    height: 10px;
    display: block;
    border: solid transparent;
    border-width: 0 2px 2px 0;
    position: absolute;
    top: 9px;
    left: 12px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.tvvn-variation-filters a.tvvn-filter-var-chosen.tvvn-filter-color:after, .tvvn-variation-filters a:hover.tvvn-filter-color:after {
    border-color: aliceblue;
}


.tvvn-progress-bar-load-shop {
    position: fixed;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 3px;
    z-index: 999999;
    visibility: hidden;
}
.tvvn-progress-bar-load-shop.tvvn-loading {
    visibility: visible;
    z-index: 299;
}

.tvvn-progress-per{
    -webkit-transition: all 1000ms ease;
    -moz-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
    transition: all 1000ms ease;
    z-index: 9999999;
}

.tvvn-progress-per {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 0%;
    background: #30d17d;
}

.tvvn-progress-bar-load-shop.tvvn-loading .tvvn-progress-per {
    -webkit-transition: all 950ms ease;
    -moz-transition: all 950ms ease;
    -o-transition: all 950ms ease;
    transition: all 950ms ease;
}


.tvvn-progress-bar-load-shop.tvvn-loading .tvvn-progress-per {
    width: 100%;
}
.widget{
    position: relative;
}
.sidebar-inner .widget a.tvvn-toggle-widget{
    display: block;
        position: relative;
        width: 100%;
        position: absolute;
        /* display: none; */
        top: 0;
        right: 0;
        width: 100%;
        height: 25px;
}
.sidebar-inner .widget a.tvvn-toggle-widget:before{
    display: inline-block;
    content: "";
    position: absolute;
    width: 12px;
    height: 1px;
    right: 0;
    top: 10px;
    border-top: 1px solid #333;
}

.sidebar-inner .widget a.tvvn-toggle-widget:after {
    display: inline-block;
    content: "";
    position: absolute;
    width: 11px;
    height: 1px;
    right: 0;
    top: 10px;
    border-top: 1px solid #333;
}
.tvvn-toggle-widget.tvvn-hide:after, .tvvn-side-sidebar .tvvn-toggle-widget.tvvn-hide:after {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.tvvn-toggle-widget:after{
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.widget-hidden, .tvvn-side-sidebar .widget-hidden {
    display: none;
}

.widget_price_filter .price_slider_wrapper .reset_price {
    font-size: 0;
    color: transparent;
}
.widget_price_filter .price_slider_amount .button {
    display: none;
}

/*css orderby sort*/

.woocommerce-ordering .tvvn-ordering{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;position:relative;padding:10px 0}
.woocommerce-ordering .tvvn-ordering:hover .sub-ordering{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex}

.woocommerce-ordering .tvvn-orderby{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;white-space:nowrap;text-overflow:ellipsis;padding:0 20px;color:#aaa}
.woocommerce-ordering .tvvn-orderby.tvvn-active,
.woocommerce-ordering .tvvn-orderby:hover{color:#333}

.sub-ordering{position:absolute;top:100%;left:auto;right:-18px;z-index:9999;background-color:#fff;border:1px solid #efefef;padding:8px 0 10px 0;display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}




.crazy-loading:before {
    content: "";
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    opacity: .15;
    cursor: progress;
    z-index: 999;
}
.crazy-loading .product .tvvn-sc-pdeal-countdown:before, 
.crazy-loading .product .product-img-wrap:before,
.crazy-loading .product .box-image:before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 98;
    background: #f4f4f4;
}
.crazy-loading .product > .col-inner:after {
    display: block;
    content: "";
    border-color: transparent;
    position: absolute;
    z-index: 99;
    top: -50%;
    left: -50%;
    right: -50%;
    bottom: -50%;
    background-image: linear-gradient(90deg, rgba(255,255,255,0) 20%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0) 80%);
    animation: global-loading 1.5s infinite;
    background-color: transparent;
    visibility: visible;
    opacity: 1;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
@keyframes global-loading{0%{transform:skewX(-45deg) translateX(-80%)}to{transform:skewX(-45deg) translateX(80%)}}
.crazy-loading .star-rating span:before{color:transparent}
.crazy-loading .tvvn-deal-for-time .tvvn-sc-pdeal-countdown{overflow:hidden;position:relative}
.crazy-loading .tvvn-deal-for-time .tvvn-sc-pdeal-countdown:before{display:block;content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:98;background:#f4f4f4}
.crazy-loading .tvvn-deal-for-time .tvvn-sc-pdeal-countdown:after{display:block;content:"";border-color:transparent;position:absolute;z-index:99;top:-50%;left:-50%;right:-50%;bottom:-50%;background-image:linear-gradient(90deg, rgba(255,255,255,0) 20%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0) 80%);animation:global-loading 1.5s infinite}
.crazy-loading .product > .col-inner{overflow:hidden}
.crazy-loading .product .tvvn-sc-pdeal-countdown,
.crazy-loading .product .product-img-wrap{overflow:hidden}
.crazy-loading .product .tvvn-sc-pdeal-countdown:before,
.crazy-loading .product .product-img-wrap:before{display:block;content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:98;background:#f4f4f4}
.crazy-loading .product .info{color:transparent !important}
.crazy-loading .product .info .name{position:relative;margin:8px 0;padding:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.crazy-loading .product .info .star-rating span:before{color:transparent}
.crazy-loading .product .info .price *{color:transparent !important}
.crazy-loading .product .info .tvvn-product-content-tvvn_label-wrap .tvvn-product-content-child,
.crazy-loading .product .info .tvvn-product-content-color-image-wrap .tvvn-product-content-child{opacity:0}
.crazy-loading .product .info .name,
.crazy-loading .product .info .star-rating,
.crazy-loading .product .info .price{position:relative;display:table;white-space:nowrap;text-overflow:ellipsis;color:transparent !important}
.crazy-loading .product .info .name,
.crazy-loading .product .info .star-rating,
.crazy-loading .product .info .price,
.crazy-loading .product .info .tvvn-product-content-select-wrap,
.crazy-loading .product .info .tvvn-product-content-tvvn_label-wrap,
.crazy-loading .product .info .tvvn-product-content-color-image-wrap{overflow:hidden;height:12px;color:transparent !important;white-space:nowrap;text-overflow:ellipsis;color:transparent !important;-webkit-transition:none;-moz-transition:none;-o-transition:none}
.crazy-loading .product .box-text:before,
.crazy-loading .product .info .name:before,
.crazy-loading .product .info .star-rating:before,
.crazy-loading .product .info .price:before,
.crazy-loading .product .info .tvvn-product-content-select-wrap:before,
.crazy-loading .product .info .tvvn-product-content-tvvn_label-wrap:before,
.crazy-loading .product .info .tvvn-product-content-color-image-wrap:before{
    display:block;
    content:"";
    position:absolute;
    top:50%;
    right:0;
    bottom:auto;
    left:0;
    height:200px;
    z-index:98;
    background-repeat: no-repeat;
    background-image: linear-gradient(#f4f4f4 100%, transparent 0),linear-gradient(#f4f4f4 100%, transparent 0),linear-gradient(#f4f4f4 100%, transparent 0),linear-gradient(#f4f4f4 100%, transparent 0),linear-gradient(#f4f4f4 100%, transparent 0),linear-gradient(#f4f4f4 100%, transparent 0),linear-gradient(#f4f4f4 100%, transparent 0),linear-gradient(#f4f4f4 100%, transparent 0),linear-gradient(#f4f4f4 100%, transparent 0),linear-gradient(#f4f4f4 100%, transparent 0),linear-gradient(#f4f4f4 100%, transparent 0),linear-gradient(#f4f4f4 100%, transparent 0),linear-gradient(#f4f4f4 100%, transparent 0),linear-gradient(#f4f4f4 100%, transparent 0),linear-gradient(#f4f4f4 100%, transparent 0),linear-gradient(#f4f4f4 100%, transparent 0);
    background-size: 100% 15px, 100% 15px, 100% 15px, 60% 15px, 100% 15px, 100% 15px, 100% 15px, 80% 15px, 100% 15px, 100% 15px, 100% 15px, 70% 15px, 100% 15px, 100% 15px, 100% 15px, 50% 15px;
    background-position: 0 0, 0 30px, 0 60px, 0 90px, 0 130px, 0 160px, 0 190px, 0 220px, 0 260px, 0 290px, 0 320px, 0 350px, 0 390px, 0 420px, 0 450px, 0 480px;
    height: 500px;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%)
}
.crazy-loading .product > .col-inner{
    overflow: hidden;
}
.crazy-loading .product .box-text .title-wrapper,
.crazy-loading .product .box-text .price-wrapper{
    color: transparent !important;
    opacity: 0;
    visibility: hidden;
}


.tvvn-crazy-load.crazy-loading .col-sidebar .widget>*, .tvvn-crazy-load.crazy-loading .tvvn-side-sidebar .widget>* {
    color: transparent !important;
    opacity: 0;
    visibility: hidden;
}
.tvvn-crazy-load.crazy-loading .col-sidebar .widget:before, .tvvn-crazy-load.crazy-loading .tvvn-side-sidebar .widget:before {
    content: "";
    display: block;
    width: 100%;
    background-repeat: no-repeat;
    background-image: linear-gradient(#f4f4f4 100%, transparent 0),linear-gradient(#f4f4f4 100%, transparent 0),linear-gradient(#f4f4f4 100%, transparent 0),linear-gradient(#f4f4f4 100%, transparent 0),linear-gradient(#f4f4f4 100%, transparent 0),linear-gradient(#f4f4f4 100%, transparent 0),linear-gradient(#f4f4f4 100%, transparent 0),linear-gradient(#f4f4f4 100%, transparent 0),linear-gradient(#f4f4f4 100%, transparent 0),linear-gradient(#f4f4f4 100%, transparent 0),linear-gradient(#f4f4f4 100%, transparent 0),linear-gradient(#f4f4f4 100%, transparent 0),linear-gradient(#f4f4f4 100%, transparent 0),linear-gradient(#f4f4f4 100%, transparent 0),linear-gradient(#f4f4f4 100%, transparent 0),linear-gradient(#f4f4f4 100%, transparent 0);
    background-size: 100% 15px, 100% 15px, 100% 15px, 60% 15px, 100% 15px, 100% 15px, 100% 15px, 80% 15px, 100% 15px, 100% 15px, 100% 15px, 70% 15px, 100% 15px, 100% 15px, 100% 15px, 50% 15px;
    background-position: 0 0, 0 30px, 0 60px, 0 90px, 0 130px, 0 160px, 0 190px, 0 220px, 0 260px, 0 290px, 0 320px, 0 350px, 0 390px, 0 420px, 0 450px, 0 480px;
    height: 500px;
}

#tvvn-wrap-archive-loadmore {
    position: relative;
}
.tvvn-img-loading:after, .tvvn-loader{
    content: "";
        display: block;
        position: absolute;
        z-index: 9;
        opacity: 0.6;
        top: 50%;
        left: 48%;
        width: 30px;
        height: 30px;
        margin-left: -15px;
        margin-top: -15px;
        border-top: 1px solid #efefef;
        border-bottom: 1px solid #333;
        border-left: 1px solid #efefef;
        border-right: 1px solid #333;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        -webkit-animation: tvvn-spin .5s linear infinite;
        -moz-animation: tvvn-spin .5s linear infinite;
        -o-animation: tvvn-spin .5s linear infinite;
        -ms-animation: tvvn-spin .5s linear infinite;
        animation: tvvn-spin .5s linear infinite;
}
/* Safari | chrome */
@-webkit-keyframes tvvn-spin {
  0% {
    -webkit-transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(359deg);
  }
}
/* FF */
@-moz-keyframes tvvn-spin {
  0% {
    -moz-transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
  }
}
/* Opera */
@-o-keyframes tvvn-spin {
  0% {
    -o-transform: rotate(0deg);
  }

  100% {
    -o-transform: rotate(359deg);
  }
}
@keyframes tvvn-spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(359deg);
  }
}

.tvvn-wf-widget .widget-title{
    color: #000;
    font-size: 16px;
    letter-spacing: 0;
    font-weight: bold;
    margin-bottom: 15px;
    margin-top: 5px;
    display: block;
}

.tvvn-wf-actived-filter .tvvn-wf-actived-filter-inner{
    display: block;
    margin-top: 10px;
    overflow: hidden;
    background: #f9f9f9;
    padding: 2px 15px;
    border: 1px solid #e7e7e7;
    border-radius: 3px;
}
.tvvn-wf-actived-filter .tvvn-wf-actived-filter-inner.hidden-tag{
    display: none;
}
.tvvn-wrap-active-top{
    padding-right: 30px;
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
/*    line-height: 2;*/
    margin: 5px 0;
}
.tvvn-active-title{
    color: #000;
        font-weight: bold;
        margin-right: 15px;
        font-size: 14px;
}
.tvvn-wf-actived-filter .tvvn-active-item {
    /*margin-right: 20px;
    line-height: 2;
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;*/
    display: flex;
    align-items: center;
    margin-right: 15px;
}
.tvvn-wf-actived-filter .tvvn-active-item .count{
    color: #aaa;
    font-weight: normal;
    font-size: 14px;
    display: none;
}
.tvvn-wf-actived-filter .tvvn-active-item .count:before {
    content: "(";
}
.tvvn-wf-actived-filter .tvvn-active-item .count:after {
    content: ")";
}

.tvvn-ignore-variation-item.tvvn-ignore-color-item {
    padding-left: 0;
/*    position: relative;*/
    display: flex;
}
.tvvn-ignore-variation-item {
    position: relative; 
}
.tvvn-wf-actived-filter .tvvn-filter-image-span,
.tvvn-wf-actived-filter .tvvn-filter-color-span {
    display: inline-block;
    width: 26px;
    height: 26px;
    position: relative;
/*    top: 5px;*/
/*    margin-right: 5px;*/
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    box-shadow: 0px -2px 3px -1px rgba(0,0,0,0.3);
}
.tvvn-ignore-variation-item .tvvn-text-variation {
    display: inline-block;
    color: #333;
/*    position: relative;*/
/*    top: -2px;*/
}
.tvvn-wf-actived-filter .tvvn-filter-color-span:before {
    content: "";
    position: absolute;
    top: 2px;
    bottom: 0;
    left: 0;
    right: 0;
/*    -webkit-box-shadow: 0px -2px 3px -1px rgba(0,0,0,0.3);*/
/*    -moz-box-shadow: 0px -2px 3px -1px rgba(0,0,0,0.3);*/
/*    box-shadow: 0px -2px 3px -1px rgba(0,0,0,0.3);*/
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.tvvn-filter-image-span img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.tvvn-filter-image-span img {
    width: 30px;
    height: 30px;
}
.tvvn-wf-actived-filter .tvvn-filter-image-span img {
    float: left;
    margin-right: 5px;
}
.tvvn-wf-actived-filter .tvvn-filter-image-span {
    width: 26px;
    height: 26px;
/*    top: 5px;*/
/*    left: 0;*/
}
.widget li.chosen a:before{
    margin-right: 0 !important;
    top: 0 !important;
}
ul.tvvn-variation-filters li{
    margin-left: 0 !important;
}
.widget li.tvvn-chosen a:before{
    content: '' !important;
}

.tvvn-filter-default:before, .tvvn-filter-size:before {
    content: "";
    /*position: absolute !important;*/
    width: 30px;
    height: 30px;
    /*display: block;*/
   /* top: 0;
    left: 0;*/
    background: #EAEAEA;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.tvvn-variation-filters a:after {
    content: "";
    width: 6px;
    height: 10px;
    display: block;
    border: solid transparent;
    border-width: 0 2px 2px 0;
    position: absolute;
    top: 9px;
    left: 12px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.tvvn-variation-filters a.tvvn-filter-var-chosen:after, .tvvn-variation-filters a:hover:after {
    border-color: #111;
}
.tvvn-ignore-price-item-list:hover,
.tvvn-ignore-filter-status:hover,
.tvvn-ignore-price-item:hover,
.tvvn-ignore-variation-item:hover .tvvn-text-variation {
    text-decoration: line-through;
}
.tvvn-wf-actived-filter .tvvn-filter-color-span:before {
    content: "";
    position: absolute;
    top: 2px;
    bottom: 0;
    left: 0;
    right: 0;
/*    -webkit-box-shadow: 0px -2px 3px -1px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px -2px 3px -1px rgba(0,0,0,0.3);
    box-shadow: 0px -2px 3px -1px rgba(0,0,0,0.3);*/
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;

}
.tvvn-wf-actived-filter span.tvvn-filter-color-span:after {
    content: "×";
    position: absolute;
    color: transparent;
    display: inline-block;
    line-height: 21px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}
.tvvn-ignore-variation-item:hover .tvvn-filter-color-span:after {
    color: #FFF;
}
.tvvn-ignore-filter-status,
.tvvn-reset-filters-btn,
.tvvn-ignore-price-item, .tvvn-ignore-price-item-list,
.tvvn-ignore-variation-item {
    position: relative;
    padding-left: 28px;
    color: #333 !important;
}
.tvvn-ignore-variation-item.tvvn-ignore-image-item,
.tvvn-ignore-variation-item.tvvn-ignore-color-item{
    padding-left: 0;
    display: flex;
    align-items: center;
}
.tvvn-ignore-filter-status:before,
.tvvn-ignore-price-item:before, .tvvn-ignore-price-item-list:before,
.tvvn-reset-filters-btn:before,
.tvvn-ignore-variation-item:before {
    content: "×";
    line-height: 26px;
    position: absolute;
    left: 0;
/*    top: 5px;*/
    height: 26px;
    width: 26px;
    border: 1px solid;
    border-color: #888;
    color: #888;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
}
.tvvn-reset-filters-btn:before{
    top: 2px;
    left: 3px;
}
.tvvn-ignore-variation-item.tvvn-ignore-color-item {
    padding-left: 0;
}

.tvvn-ignore-variation-item.tvvn-ignore-color-item:before,
.tvvn-ignore-variation-item.tvvn-ignore-image-item:before{display:none}
.tvvn-ignore-filter-status:hover:before,
.tvvn-reset-filters-btn:hover:before, 
.tvvn-ignore-variation-item:hover:before, .tvvn-ignore-price-item:hover:before, .tvvn-ignore-price-item-list:hover:before {
    background: #30d17d;
    border-color: #30d17d;
    color: #fff;
}
.tvvn-reset-filters-btn{
    border: 1px solid transparent;
    padding: 0 10px 0 33px;
    line-height: 30px;
    font-weight: normal;
    display: inline-block;
    position: relative;
    -webkit-border-radius: 32px;
    -moz-border-radius: 32px;
    border-radius: 32px;
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
}
.tvvn-reset-filters-btn:hover {
    color: #333;
    border-color: #bbb;
}

.top-bar-wrap-type-1 .tvvn-reset-filters-btn{
    padding: 2px 10px 2px 25px;
    line-height: 1;
}
.top-bar-wrap-type-1 .tvvn-reset-filters-btn:before {
    top: 0px;
    left: 0px;
}
.top-bar-wrap-type-1 .tvvn-reset-filters-btn:before{
    height: 20px;
        width: 20px;
        line-height: 20px;
}

.tvvn-product-status-widget li{
    margin-left: 0 !important;
}
.tvvn-product-status-widget .tvvn-filter-status {
    color: #333 !important;
    position: relative;
    padding-left: 24px;
    font-weight: normal;
}
.tvvn-product-status-widget .tvvn-filter-status:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #888;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.tvvn-product-status-widget .tvvn-filter-status:after {
    content: "";
    width: 4px;
    height: 8px;
    display: block;
    border: solid transparent;
    border-width: 0 2px 2px 0;
    position: absolute;
    top: 45%;
    left: 7px;
    -webkit-transform: translateY(-50%) rotate(45deg);
    -moz-transform: translateY(-50%) rotate(45deg);
    -o-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
}
.tvvn-product-status-widget .tvvn-filter-status:hover:before, .tvvn-product-status-widget .tvvn-filter-status.tvvn-active:before {
    border-color: #30d17d;
}
.tvvn-product-status-widget .tvvn-filter-status:hover:before, .tvvn-product-status-widget .tvvn-filter-status.tvvn-active:before {
    border-color: #30d17d;
}
.tvvn-product-status-widget .tvvn-filter-status.tvvn-active:before {
    background-color: #30d17d;
}
.tvvn-product-status-widget .tvvn-filter-status.tvvn-active:after {
    border-color: #FFF;
}
.tvvn-chosen a,
.tvvn-active{
    color: #000;
}

.widget_price_filter .price_slider_amount{
    display: inline-block;
    width: 100%;
}
.widget_price_filter .price_label{
    width: 100%;
    float: left;
    margin-bottom: 10px;
    position: relative;
    text-align: left;
    margin-bottom: 0;
    color: #333;
}
.widget_price_filter .price_slider_amount .button{
    float: initial !important;
    margin: 10px 0 0 0;
    width: 100%;
}


ul.tvvn-product-categories-widget > li{
    margin-left: 0 !important;
}   
ul.tvvn-product-categories-widget.tvvn-accordion li{
    margin-left: 0 !important;
}
.tvvn-top-cat-filter-wrap-mobile .accordion, .tvvn-product-taxs-widget.tvvn-accordion .accordion {
    display: block;
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    top: 0;
    height: 23px;
    padding: 0;
}
.tvvn-top-cat-filter-wrap-mobile .accordion:before, 
.tvvn-top-cat-filter-wrap-mobile .accordion:after, 
.tvvn-product-taxs-widget.tvvn-accordion .accordion:before, 
.tvvn-product-taxs-widget.tvvn-accordion .accordion:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 9px;
    height: 1px;
    border-top: 1px solid #333;
}
.tvvn-top-cat-filter-wrap-mobile .accordion:after, 
.tvvn-product-taxs-widget.tvvn-accordion .accordion:after {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
ul.tvvn-product-taxs-widget.tvvn-accordion li {
    list-style: none;
    position: relative;
    padding-left: 0;
    margin-bottom: 6px;
}

ul.tvvn-product-taxs-widget li .toggle{
    display: none;
}
.tvvn-product-taxs-widget.tvvn-accordion .children {
    display: none;
    padding-left: 20px;
    margin: 8px 0 0 0;
}
 .active > .accordion:after, .tvvn-product-taxs-widget.tvvn-accordion .active > .accordion:after {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
}
 .tvvn-filter-item, .tvvn-product-taxs-widget.tvvn-accordion .tvvn-filter-item {
    display: inline-block;
    line-height: 20px;
    margin-right: 15px;
    position: relative;
    z-index: 2;
    color: #333;
}
.tvvn-product-categories-widget li.cat-item.active a{
    color: #000;
    font-weight: normal;
}
.widget .count {
    color: #6d6d6d;
    font-weight: normal;
    font-size: 13px;
    margin-left: 2px;
    line-height: 1;
}
.widget .count:before {
    content: "(";
}
.widget .count:after {
    content: ")";
}




.tvvn-pagination.style-2 {
    text-align: center;
}
.tvvn-pagination {
    width: 100%;
}


.tvvn-price-filter-list li{
    margin-left: 0 !important;
}
.tvvn-price-filter-list li a,   
.tvvn-price-filter-list li span.amount{
    font-weight: normal;
    color: #333;
}
.tvvn-wf-actived-filter span.amount{
    font-weight: normal;
}

.tvvn-price-filter-list li.tvvn-active{
    text-decoration: underline;
}
.tvvn-price-filter-list li.tvvn-active .tvvn-filter-price-text,
.tvvn-price-filter-list li.tvvn-active span.amount{
    color: #000;
    text-decoration: underline;
}


.tvvn-toggle-top-bar-click{
    position: absolute;
    padding-left: 18px;
    color: #000;
    font-weight: bold;
    line-height: 1;
}
.tvvn-toggle-top-bar-click:hover,
.tvvn-toggle-top-bar-click.tvvn-active{
    color: #1fbd6b;
    text-decoration: none;
    line-height: 1;
}
.tvvn-toggle-top-bar-click:before, .tvvn-toggle-top-bar-click:after {
    content: "";
    border-top: 2px solid;
    position: absolute;
    left: 0;
    top: 50%;
    height: 1px;
    width: 10px;
    margin-top: -2px;

    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}
.tvvn-toggle-top-bar-click:after {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.tvvn-toggle-top-bar-click.tvvn-active:before {
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    transform: rotate(135deg);
}
.tvvn-toggle-top-bar-click.tvvn-active:after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}

.tvvn-filter-icon ul{
    list-style: none;
}

.tvvn-toggle-top-bar,
.tvvn-filter-icon{
    display: block;
    padding-bottom: 0;
    padding-top: 0; 
    padding-bottom: 0 !important;


}
.tvvn-filter-icon{
    justify-content: end;
}

/*.tvvn-toggle-top-bar{
    float: left;
    width: 30% !important;
}*/
/*.tvvn-filter-icon{
    float: right;
    width: 70% !important;
}*/
.tvvn-filter-icon .sort-bar{
    text-align: right;
    margin: 0;
}
.tvvn-filter-icon .sort-bar .tvvn-filter-order{
    margin: 0;
}
.tvvn-filter-icon .sort-bar .woocommerce-ordering,
.tvvn-filter-icon .sort-bar .woocommerce-ordering select.orderby{
    margin: 0;
    border: none;
    box-shadow: none !important;
    padding: 0 0 0 10px;
    cursor: pointer;
    height: 28px;
    border-radius: 3px;
}

.tvvn-top-sidebar-2 {
    background: #f9f9f9;
    padding: 15px;
    margin-top: 10px;
}
.tvvn-top-sidebar-2 .tvvn-wf-widget{
    margin-bottom: 0;
    padding-right: 40px;
}
.tvvn-top-bar-content {
    padding-bottom: 0 !important;
}

.tvvn-top-bar-content ul.tvvn-product-taxs-widget.tvvn-accordion li{
    margin-bottom: 15px;
}
.tvvn-top-bar-content .tvvn-product-taxs-widget.tvvn-accordion .accordion:before, 
.tvvn-top-bar-content .tvvn-product-taxs-widget.tvvn-accordion .accordion:after{
    right: 20px;
}

.tvvn-col-6{
    float: left;
    width: 50%;
    display: block;
}
.tvvn-col-12{
    
    float: left;
    width: 100%;
}
.paging-style-loadmore .tvvn-pagination-store{
    display: none;
}

#tvvn-paging #tvvn-wrap-archive-loadmore {
    color: #333;
}
#tvvn-paging #tvvn-wrap-archive-loadmore a.tvvn-archive-loadmore{
    display: block;
    overflow: hidden;
    position: relative;
    line-height: 40px;
    font-size: 14px;
    color: #333;
    text-align: center;
    border-radius: 4px;
    margin: 10px auto;
    width: 240px;
    background-color: #fff;
    border: 1px solid #e0e0e0;
}
#tvvn-paging #tvvn-wrap-archive-loadmore a.tvvn-archive-loadmore:hover{
    background: #27c572;
    border-color: #27c572;
    color: #fff;
}

#tvvn-paging .page-numbers-wrap{
    text-align: center;
    display: flex;
    justify-content: center;
}
#tvvn-paging .page-numbers-wrap .page-numbers{
    border: 1px solid transparent;
    background-color: transparent;
    color: #333;
    width: 35px;
    height: 35px;
    line-height: 35px;
    border-radius: 50%;
    display: inline-block;
    margin: 0 3px;
}
#tvvn-paging .page-numbers-wrap .page-numbers.next,
#tvvn-paging .page-numbers-wrap .page-numbers.prev{
    font-size: 0;
}
#tvvn-paging .page-numbers-wrap .page-numbers.next:before{
    font-family: dashicons;
    content: "\f345";
    font-size: 16px;
}
#tvvn-paging .page-numbers-wrap .page-numbers.prev:before{
    font-family: dashicons;
    content: "\f341";
    font-size: 16px;
}
#tvvn-paging .page-numbers-wrap .page-numbers:hover{
    background-color: #eee;
}
#tvvn-paging .page-numbers-wrap .page-numbers.current{
    border: 1px solid #27c572;
    background-color: #27c572;
    color: #fff;
}
.filter-tabs.tvvn-filter-change-view{
    text-align: center;
}

#tvvn-filter-section{
        display: flex;
        flex-direction: row;
        align-items: center;
        width: 100%;
        gap: 10px;
        justify-content: space-between;
        
}
#tvvn-filter-section.top-bar-wrap-type-2 > div{
    width: 33.333%;
    display: flex;
    align-items: center;
}
#tvvn-filter-section > div.filter-with-sidebar{
    display: block; 
}
#tvvn-filter-section > div.tvvn-change-view-wrap{
    justify-content: center;
}
#tvvn-filter-section > div.tvvn-change-view-wrap .filter-tabs.nasa-change-view{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}
#tvvn-filter-section > div.tvvn-change-view-wrap .filter-tabs.nasa-change-view a.tvvn-tip{
    display: flex;
}

.nasa-change-layout{
    color: #666;
}
.nasa-change-layout.active{
    color: #1fbd6b;
}
.tvvn-tip-content {
  position: absolute;
  top: -10px;
  left: 50%;
  visibility: hidden;
  opacity: 0;
  z-index: 9999;
  width: auto;
  height: auto;
  background: #333;
  border-color: #333;
  color: #fff;
  white-space: nowrap;
  text-transform: none;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.4;
  padding: 5px 8px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-transform: translate(-50%, -100%);
  -moz-transform: translate(-50%, -100%);
  -o-transform: translate(-50%, -100%);
  -ms-transform: translate(-50%, -100%);
  transform: translate(-50%, -100%);
}
.tvvn-tip-content:after {
  top: 95%;
  left: 50%;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border: solid transparent;
  border-color: transparent;
  border-top-color: inherit;
  border-width: 6px;
  margin-left: -6px;
}

.tvvn-tip {
  position: relative;
}
.tvvn-tip:hover .tvvn-tip-content {
  visibility: visible;
  opacity: 1;
}

.tvvn-filter-wrap.top-bar-wrap-type-1 .nasa-labels-filter-top .tvvn-top-row-filter{
    margin: 0;
}
.tvvn-filter-wrap.top-bar-wrap-type-1 .nasa-labels-filter-top .tvvn-top-row-filter li{
    float: left;
    margin-right: 25px;
    list-style: none;
    margin-bottom: 0;
}
.tvvn-filter-wrap.top-bar-wrap-type-1 .nasa-labels-filter-top .tvvn-top-row-filter li:first-child{
    margin-right: 10px;
}
.tvvn-filter-wrap.top-bar-wrap-type-1 .nasa-labels-filter-top .tvvn-top-row-filter li a.nasa-tab-filter-topbar{
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
}
.tvvn-filter-wrap.top-bar-wrap-type-1 .nasa-labels-filter-top .tvvn-top-row-filter li.nasa-active a.nasa-tab-filter-topbar{
    color: #ef3734;
}
.tvvn-top-sidebar .tvvn-widget-wrap{
    padding-bottom: 0 !important;
}
.tvvn-top-sidebar .tvvn-widget-wrap .widget .widget-title{
    display: none;
}
.tvvn-top-sidebar .tvvn-widget-wrap .widget {
margin-top: 15px;
}
.tvvn-top-sidebar .tvvn-widget-wrap .widget ul li{
    float: left;
    margin-right: 40px;
}
.tvvn-top-sidebar .tvvn-widget-wrap .widget ul li a{
    color: #000;
}
.tvvn-top-sidebar {
    padding-top: 0;
}
.tvvn-top-sidebar:not(.tvvn-init-ready) {
  visibility: hidden;
}

.tvvn-top-sidebar .tvvn-widget-wrap {
  display: none;
  overflow: hidden;
}

.nasa-labels-filter-top .tvvn-top-row-filter li svg {
    -webkit-transition: all 350ms ease;
    -moz-transition: all 350ms ease;
    -o-transition: all 350ms ease;
    transition: all 350ms ease;
}
.nasa-labels-filter-top .tvvn-top-row-filter li.nasa-active svg {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

@media screen and (max-width: 767px) {
    .tvvn-top-sidebar-2{
        padding: 15px 35px;
    }
    .tvvn-slick-nav.tvvn-top-sidebar-2 .tvvn-nav-arrow {
        visibility: visible;
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        transform: translateY(-50%);
        top: 50%;
        position: absolute;
    }
    .tvvn-slick-nav.tvvn-top-sidebar-2 .tvvn-nav-arrow.slick-prev{
       left: 5px;
    }
    .tvvn-slick-nav.tvvn-top-sidebar-2 .tvvn-nav-arrow.slick-next{
        right: 5px;
    }
    .tvvn-nav-arrow.slick-prev:before {
        font-family: dashicons;
        content: "\f341";
    }
    .tvvn-nav-arrow.slick-next:before {
        font-family: dashicons;
       content: "\f345";
    }

}