/*****----- Template Style -----*****/
/*-----***** General Style *****-----*/
body, html{
    font-size: 14px;
}
a:hover{
    text-decoration: none;
}
img{
    width: 100%;
    max-width: 100%;
}
h1{
    font-weight: 700;
}
p{
    min-height: 10px;
    margin: 0;
}
.row{
    margin: 0;
}
.clearfix:after{
    clear: both;
    display: block;
    content: "";
}
.hide{
    display: none;
}
.nav-link{
    border-radius: 0!important;
    padding: 10px 15px;
    transition: all 150ms ease-in-out;
}
.has-child .nav-link{
    padding: 10px 25px 10px 15px;
}
.padding-lg-30{
    padding: 30px 0;
}
.padding-bottom-lg-30{
    padding: 0 0 30px;
}
.padding-0{
    padding: 0;
}
.margin-lg-30{
    margin: 30px 0;
}
.margin-bottom-lg-30{
    margin: 0 0 30px;
}
.margin-top-lg-30{
    margin: 30px 0 0;
}
.margin-bottom-lg-20{
    margin: 0 0 20px;
}
.margin-bottom-lg-15{
    margin: 0 0 15px;
}
.margin-bottom-lg-10{
    margin: 0 0 10px;
}
.btn.focus, .btn:focus{
    box-shadow: none;
}
.form-control:focus{
    box-shadow: none;
    border-color: #ced4da;
}
.pointer{
    cursor: pointer;
}
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
.form-group label{
    font-weight: 700;
}

/*-----***** Button Hover Line Style *****-----*/
.button-hover-line{
    background: #459a07;
    color: #fff;
    position: relative;
    cursor: pointer;
    transition: 800ms ease all;
    outline: none;
    border: 2px solid #fff;
    border-radius: 0;
    padding: 8px 30px;
}
.button-hover-line:before, .button-hover-line:after{
    content: '';
    position: absolute;
    height: 2px;
    width: 0;
    background: #459a07;
    transition: 800ms ease all;
}
.button-hover-line:before{
    top: 0;
    right: 0;
}
.button-hover-line:after{
    left: 0;
    bottom: 0;
}
.button-hover-line:hover:before, .button-hover-line:hover:after{
    width: 100%;
}
.button-hover-line span:before, .button-hover-line span:after{
    content: '';
    position: absolute;
    width: 2px;
    height: 0;
    background: #459a07;
    transition: 800ms ease all;
}
.button-hover-line span:before{
    top: 0;
    left: 0;
}
.button-hover-line span:after{
    bottom: 0;
    right: 0;
}
.button-hover-line:hover span:before, .button-hover-line:hover span:after{
    height: 100%;
}

/*-----***** Image Hover Line Style *****-----*/
.image-hover-line{
    position: relative;
    z-index: 1;
    text-align: center;
}
.effect-line{
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
}
.image-hover-line .effect-line:before{
    z-index: 1;
    content: "";
    position: absolute;
    left: 10px;
    right: 10px;
    top: 10px;
    bottom: 10px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    transform: scale(0, 1);
    transition: all 0.4s ease-in-out 0s;
}
.image-hover-line .effect-line:after{
    z-index: 1;
    content: "";
    position: absolute;
    left: 10px;
    right: 10px;
    top: 10px;
    bottom: 10px;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: scale(1, 0);
    transition: all 0.4s ease-in-out 0s;
}
.image-hover-line .effect-line:hover:before, .image-hover-line .effect-line:hover:after{
    transform: scale(1, 1);
}

/*-----***** Image Hover Light Style *****-----*/
.image-hover-light:before, .image-hover-light:after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: 0.6s;
}
.image-hover-light:hover:before{
    top: 50%;
    bottom: 50%;
    transition: 0.6s;
    background-color: rgba(255, 255, 255, .5);
}
.image-hover-light:hover:after{
    left: 50%;
    right: 50%;
    transition: 0.6s;
    background-color: rgba(255, 255, 255, .5);
}

/*-----***** Item Hover Bottom Line Style *****-----*/
.item-hover-bottom-line:before{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #FF9F00;
    height: 5px;
    transform: scaleX(0);
    transition: all ease-in-out 300ms;
}
.item-hover-bottom-line:hover:before{
    transform: scaleX(1);
    border-radius: 0 0 10px 10px;
}

/*-----***** Button Hover Green *****-----*/
.button-hover-background{
    display: block;
    background: #fff;
    border: 1px solid #459a07;
    border-radius: 0;
    padding: 5px!important;
    color: #459a07!important;
    transition: all ease-in-out 300ms;
    text-transform: uppercase;
    font-weight: 700;
}
.button-hover-background:hover{
    color: #fff!important;
    background: #459a07;
}

/*-----***** Owl Carousel Dots Style *****-----*/
.owl-dots{
    position: absolute;
    bottom: 5px;
    width: 100%;
    text-align: center;
}
.owl-dots button{
    width: 15px;
    height: 15px;
    background: #fff!important;
    border-radius: 50%;
    margin: 0 5px;
}
.owl-dots button.active{
    width: 30px;
    border-radius: 7px;
    background: #459a07!important;
}

/*-----***** Owl Carousel Nav Style *****-----*/
.owl-nav button{
    width: 30px;
    height: 30px;
    color: #459a07!important;
    background: #fff!important;
    opacity: .4;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all ease 300ms;
}
.owl-nav button:hover{
    opacity: 1;
    color: #fff!important;
    background: #459a07!important;
}
.owl-prev{
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    display: flex;
}
.owl-next{
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    display: flex;
}

/*-----***** Site Breadcrumb Style *****-----*/
.site-breadcrumb{
    border-bottom: 1px solid #ebebeb;
}
.breadcrumb-block{
    width: 100%;
    padding: 20px 15px;
}
.breadcrumb-link{
    color: #000;
    transition: all ease 300ms;
    margin-right: 5px;
}
.breadcrumb-link:hover{
    color: #459a07;
}
.breadcrumb-icon{
    font-size: .86rem;
    letter-spacing: -2px;
    color: #ccc;
    margin-right: 5px;
}
.breadcrumb-item{
    font-weight: 700;
}

/*-----***** Site Partial Style *****-----*/
.pagination{
    justify-content: center;
}
.pagination li a{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 1px solid #ebebeb;
    background: #fff;
    color: #000;
    transition: all ease 400ms;
}
.pagination li a:hover{
    color: #fff;
    background: #ff9f00;
    border: 1px solid #ff9f00;
}
.pagination li.active a{
    color: #fff;
    background: #ff9f00;
    border: 1px solid #ff9f00;
}
.pagination li.active a:hover{
    color: #fff;
    background: #ff9f00;
    border: 1px solid #ff9f00;
}

/*****----- Header Style -----*****/
/*-----***** Header Top Style *****-----*/
.header-top{
    background: #f4f4f4;
    border-bottom: 1px solid #ebebeb;
    padding: 7px 0;
    font-size: .93rem;
}
.header-top i{
    color: #acacac;
    font-size: 1.43rem;
}
.header-top-left i{
    margin-right: 5px;
}
.header-top-left a{
    color: #459a07;
    font-weight: 700;
}
.header-top-left a:hover{
    color: #ff9f00;
}
.header-top-address span{
    margin-right: 17px;
}
.header-top-right i{
    transform: scale(-1, 1);
    margin-left: 5px;
}

/*-----***** Header Main Style *****-----*/
.header-main{
    padding: 15px 0;
}
.header-main-search{
    padding-right: 0;
}
.searchInput{
    padding: 5px 40px 5px 15px;
}
.search-button{
    position: absolute;
    top: 0;
    right: 0;
}
.header-control-user, .header-control-cart{
    padding: 0;
    margin-left: 15px;
    border: 1px solid #ebebeb;
    border-radius: 7px;
    background: #fff;
}
.header-control-user-icon, .header-control-cart-icon{
    padding: 5px 0;
    font-size: 1.79rem;
    color: #459a07;
    border-right: 1px solid #ebebeb;
}
.header-control-user-content{
    padding: 0 0 0 5px;
}
.header-control-user-content-top, .header-control-cart-content-top{
    font-weight: 700;
}
.header-control-cart a{
    padding: 0;
    color: #000;
}
.header-control-user-content-bottom{
    font-size: .86rem;
}
.header-control-user-content-bottom a{
    color: #000;
}
.header-control-user-content-bottom a:hover{
    color: #ff9f00;
}
.header-control-cart-count-items{
    position: absolute;
    background: #fff;
    top: 100%;
    right: 0;
    width: 375px;
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .2),
                0 1px 2px 0 rgba(0, 0, 0, .2);
    padding: 15px;
    z-index: 2;
}
.header-cart-block{
    max-height: 400px;
    overflow: auto;
}
.header-cart-product:not(:last-child){
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ebebeb;
}
.header-cart-product-quantity .number{
    height: 30px;
    width: 120px;
    border: 1px solid #ebebeb;
}
.header-cart-product-remove{
    position: absolute;
    top: 0;
    right: 0;
}
.header-cart-total-money{
    font-size: 1.21rem;
    font-weight: 700;
    margin: 10px 0;
}
.header-cart-total-money-price{
    color: #459a07;
}
.header-cart-checkout-button .button-hover-background{
    border-left: none;
}

/*-----***** Header Nav Style *****-----*/
.header-nav{
    background: #000;
}
.nav-link-1{
    color: #fff;
    text-transform: uppercase;
}
.nav-link-1:hover{
    color: #fff;
    background: #ff9f00;
}
.nav-link-1.active{
    background-color: #ff9f00!important;
}
.has-child i{
    position: absolute;
    color: #fff;
    top: 14px;
    right: 7px;
}
.nav-item.has-child:hover .nav-ul-2{
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    z-index: 2;
    width: 240px;
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .2),
                0 1px 2px 0 rgba(0, 0, 0, .2);
}
.nav-item-2.has-child i{
    color: #000;
}
.nav-item-2:hover i{
    color: #ff9f00;
}
.nav-item-2:not(:last-child){
    border-bottom: 1px solid #ebebeb;
}
.nav-link-2, .nav-link-3{
    color: #000;
}
.nav-link-2:hover, .nav-link-3:hover{
    color: #ff9f00;
    background: #ebebeb;
    border-left: 3px solid #ff9f00;
}
.nav-item-2.has-child:hover .nav-ul-3{
    display: block;
    position: absolute;
    top: 0;
    left: 100%;
    background: #fff;
    z-index: 1;
    width: 240px;
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .2),
                0 1px 2px 0 rgba(0, 0, 0, .2);
}

/*****----- Footer Style -----*****/
.section-footer{
    background: #000;
    padding: 40px 0;
    border-bottom: 1px solid #3d3d3d;
    color: #919191;
    font-size: 0.93rem;
}
.footer-left{
    border-right: 1px solid #3d3d3d;
}
.footer-left-logo{
    padding-bottom: 40px;
}
.footer-left-logo img{
    width: 35%;
}
.footer-left-info{
    padding-bottom: 10px;
}
.footer-left-contact div:not(:last-child){
    padding-bottom: 10px;
}
.footer-left-icon{
    font-size: 1.07rem;
    height: 35px;
    width: 35px;
    color: #fff;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #74797f;
    border-radius: 50%;
    margin-right: 10px;
    transition: all ease 300ms;
}
.footer-left-content{
    color: #74797f;
}
.footer-left-contact div:hover a{
    color: #fff;
}
.footer-left-contact div:hover .footer-left-icon{
    background: #ff9f00;
    border: 2px solid #ff9f00;
}
.footer-middle-label{
    color: #fff;
    text-transform: uppercase;
    margin: 0;
    padding-bottom: 30px;
}
.nav-item-footer{
    display: block;
    width: 100%;
}
.nav-link-footer{
    color: #919191;
    padding: 5px 0;
    transition: all ease 300ms;
}
.nav-link-footer:hover{
    color: #ff9f00;
    padding-left: 10px;
}
.footer-right-icon{
    display: inline-flex;
    width: 35px;
    height: 35px;
    align-items: center;
    justify-content: center;
    border: 1px solid #fff;
    border-radius: 50%;
    color: #fff;
    transition: all ease 300ms;
}
.footer-right-icon:not(:last-child){
    margin-right: 7px;
}
.footer-right-icon:hover{
    color: #fff;
}
.footer-right-icon:hover i{
    font-size: 1.21rem;
    transition: all ease 300ms;
}
.footer-right-icon.icon-facebook:hover{
    background: #47649e;
    border: 1px solid #47649e;
}
.footer-right-icon.icon-twitter:hover{
    background: #00a0d1;
    border: 1px solid #00a0d1;
}
.footer-right-icon.icon-google-p:hover{
    background: #dd4b39;
    border: 1px solid #dd4b39;
}
.footer-right-icon.icon-youtube:hover{
    background: #c4302b;
    border: 1px solid #c4302b;
}
.footer-right-icon.icon-instagram:hover{
    background: #e4405f;
    border: 1px solid #e4405f;
}
.footer-right-fanpage{
    margin-top: 25px;
}

/*****----- Index Style -----*****/
/*-----***** Index Banner Style *****-----*/
.index-banner-img{
    height: 700px;
    overflow: hidden;
}
.index-banner-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/*-----***** Index Privacy Style *****-----*/
.index-privacy{
    border-bottom: 1px solid #ebebeb;
}
.index-privacy-block:not(:last-child){
    border-right: 1px solid #ebebeb;
}
.index-privacy-icon{
    height: 60px;
    width: 60px;
    padding: 2px;
    margin-right: 10px;
    border-radius: 50%;
    border: 2px solid #fff;
    transition: all ease 300ms;
}
.index-privacy-icon-border{
    width: 100%;
    height: 100%;
    border: 2px solid #fff;
    border-radius: 50%;
    padding: 10px;
}
.index-privacy-icon-delivery{
    background: #2976d2;
}
.index-privacy-block:hover .index-privacy-icon-delivery, .index-privacy-block:hover .index-privacy-icon-delivery .index-privacy-icon-border{
    border: 2px solid #2976d2;
}
.index-privacy-icon-exchange{
    background: #de2c2c;
}
.index-privacy-block:hover .index-privacy-icon-exchange, .index-privacy-block:hover .index-privacy-icon-exchange .index-privacy-icon-border{
    border: 2px solid #de2c2c;
}
.index-privacy-icon-advisory{
    background: #27d367;
}
.index-privacy-block:hover .index-privacy-icon-advisory, .index-privacy-block:hover .index-privacy-icon-advisory .index-privacy-icon-border{
    border: 2px solid #27d367;
}
.index-privacy-icon-payment{
    background: #ac29d1;
}
.index-privacy-block:hover .index-privacy-icon-payment, .index-privacy-block:hover .index-privacy-icon-payment .index-privacy-icon-border{
    border: 2px solid #ac29d1;
}
.index-privacy-label{
    font-weight: 700;
}
.index-privacy-title{
    font-size: 1.07rem;
}

/*-----***** Index Banner Category Top Style *****-----*/
.index-banner-category-top-block.row{
    margin-left: -15px;
    margin-right: -15px;
}
.index-banner-category-top-label{
    text-align: center;
    position: absolute;
    top: 20%;
    color: #fff;
    font-size: 1.79rem;
    font-weight: 700;
    text-shadow: 1px 1px 1px #459a07;
    text-transform: uppercase;
    width: calc(100% - 30px);
}
.index-banner-category-top-box:hover .index-banner-category-top-label{
    text-shadow: #ff9f00 1px 1px 1px;
}
.index-banner-category-top-box a{
    color: #459a07;
    text-transform: uppercase;
    font-weight: 600;
    background: #fff;
    position: absolute;
    bottom: 30px;
    opacity: 0.8;
    left: 50%;
    transform: translateX(-50%);
}
.index-banner-category-top-box a:hover{
    color: #459a07;
}

/*-----***** Index Product Box Style *****-----*/
.index-product-box-list.row{
    width: calc(100% + 30px);
    margin-left: -15px;
    margin-right: -15px;
}
.index-product-box-header{
    width: 100%;
}
.product-box .product-img img{
    height: 224px;
    object-fit: contain;
}
.out-of-stock:before{
    content: 'Hết hàng';
    top: 0;
    left: auto;
    z-index: 2;
    background: #838383;
    padding: 5px 10px;
    color: #ffff;
    border-radius: .1rem;
    display: inline-block;
}
.out-of-stock{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.index-product-box-label{
    font-weight: 600;
}
.index-product-box-label:before{
    position: absolute;
    content: "";
    bottom: -5px;
    left: 0;
    right: 0;
    border-bottom: 3px solid #ebebeb;
}
.index-product-box-label a{
    color: #000;
    transition: all ease 300ms;
}
.index-product-box-label a:hover{
    color: #459a07;
}
.index-product-box-label a:after{
    content: "";
    position: absolute;
    border-bottom: 3px solid #459a07;
    left: 0;
    right: 0;
    bottom: -5px;
    height: 3px;
}
.product-info{
    padding: 10px 0;
}
.voteView{
    display: inline-block;
    width: 80px;
    height: 15px;
    margin: 0;
}
#voteView0{
    background-position: -1224px -1330px;
}
#voteView1{
    background-position: -1224px -1261px;
}
#voteView2{
    background-position: -1224px -1275px;
}
#voteView3{
    background-position: -1224px -1288px;
}
#voteView4{
    background-position: -1224px -1302px;
}
#voteView5{
    background-position: -1224px -1315px;
}
.ic{
    background: url('/tp/T0199/img/SpiritIcon.png') no-repeat transparent;
    background-size: 1355px;
}
.product-name a{
    color: #000;
    transition: all ease 300ms;
}
.product-name a:hover{
    color: #ff9f00;
}
.product-name, .product-price-box{
    height: 37px;
    overflow: hidden;
    margin-bottom: 8px;
    line-height: 18px;
}
.product-price{
    font-weight: 600;
    color: #ff9f00;
}
.product-price-old{
    font-size: .86rem;
    color: #a5a5a5;
}
.product-action .button-hover-line:hover{
    color: #459a07;
    background: #fff;
}

/*-----***** Index Banner Category Bottom Style *****-----*/
.index-banner-category-bottom:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .5);
}
.index-banner-category-bottom-img{
    height: 320px;
}
.index-banner-category-bottom-img img{
    object-fit: cover;
    height: 100%;
}
.index-banner-category-bottom-info{
    position: absolute;
    bottom: 15px;
    width: 100%;
    background: rgba(0, 0, 0, .5);
}
.index-banner-category-bottom-name{
    margin: 0;
}
.index-banner-category-bottom-name a{
    color: #fff;
    font-size: 1.21rem;
    font-weight: 700;
    text-shadow: 1px 1px 1px #459a07;
    text-transform: uppercase;
}
.index-banner-category-bottom-name a:hover{
    text-shadow: #ff9f00 1px 1px 1px;
}
.index-banner-category-bottom-info p{
    color: #fff;
    font-size: 1.21rem;
    margin: 0;
    padding: 10px 0;
}

/*-----***** Index Product Tab Show Style *****-----*/
.index-product-tab-list{
    position: absolute;
    top: 0;
    right: -15px;
}
.index-product-tab-list li:not(:last-child) a{
    border-right: 1px solid #000;
}
.index-product-tab-list a{
    color: #000;
    font-size: .82rem;
    padding: 0 15px;
}
.index-product-tab-list a.active{
    color: #ff9f00;
}
.index-product-tab-list a:hover{
    color: #ff9f00;
}
.index-product-tab-list a:hover:before{
    transform: scaleX(1);
}
.index-product-tab-list li a:before{
    content: "";
    width: calc(100% - 30px);
    height: 3px;
    position: absolute;
    left: 15px;
    bottom: -6px;
    background: #FF9F00;
    transform: scaleX(0);
    transition: all ease-in-out 300ms;
}
.index-product-tab-list a.active:before{
    transform: scaleX(1);
}
.index-product-tab-box{
    width: 100%;
    max-height: 396px;
    overflow: hidden;
}


/*-----***** Index Feedback Style *****-----*/
.index-feedback:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .5);
}
.index-feedback-block{
    padding: 120px 30px 80px;
}
.index-feedback-avatar img{
    width: 100px!important;
    border-radius: 50%;
    overflow: hidden;
    border: 4px solid #fff;
}
.index-feedback-content{
    color: #fff;
    padding: 30px 0 150px;
}
.index-feedback-content p{
    font-size: 1.79rem;
}

/*-----***** Index News Style *****-----*/
.index-news-block{
    border: 1px solid #ebebeb;
    background: #fff;
    border-radius: 10px;
}
.index-news-img img{
    height: 100%;
    object-fit: cover;
}
.index-news-date{
    position: absolute;
    top: 20px;
    left: 20px;
    color: #fff;
    background: rgba(0, 0, 0, .6);
    width: 68px;
    height: 68px;
    display: flex;
    border-radius: 50%;
    transition: all ease 300ms;
}
.index-news-block:hover .index-news-date{
    background: rgba(255, 159, 0, .8);
}
.index-news-info{
    padding: 17px 20px 20px;
}
.index-news-title{
    line-height: 1.5;
    height: 42px;
    overflow: hidden;
}
.index-news-title a{
    color: #000;
    transition: all ease 300ms;
}
.index-news-title a:hover{
    color: #ff9f00;
}
.index-news-description{
    color: #a5a5a5;
    margin-bottom: 10px;
    font-size: 0.93rem;
    line-height: 1.5;
    height: 76px;
    overflow: hidden;
}
.index-news-link{
    font-size: 0.93rem;
    font-weight: 700;
    color: #FF9F00;
    transition: all ease 300ms;
}
.index-news-link:hover{
    color: #000;
}

/*-----***** Index Brands Style *****-----*/
.index-brands{
    margin-top: 30px;
    background: #fafafa;
    border-top: 1px solid #ebebeb;
}
.index-brands-block{
    height: 90px;
}
.index-brands-block img{
    margin: 0 15px;
    height: 100%;
    object-fit: contain;
}

/*****----- User Style -----*****/
.site-title{
    text-transform: uppercase;
}
.form-action .button-hover-line:hover{
    color: #459a07;
    background: #fff;
}
.form-action-link{
    margin-left: 20px;
    color: #ff9248;
    text-decoration: underline;
}
.form-action-link:hover{
    color: #ff9248;
    text-decoration: underline;
}
.signup-form-left{
    padding-left: 0;
}
.signup-form-right{
    padding-right: 0;
}
.user-order-label{
    font-weight: 700;
}

/*****----- Product Sidebar Style -----*****/
.sidebar-left-box-label:before{
    position: absolute;
    content: "";
    bottom: -5px;
    left: 0;
    right: 0;
    border-bottom: 3px solid #ebebeb;
}
.sidebar-left-box-label a{
    color: #000;
    transition: all ease 300ms;
    font-weight: 700;
}
.sidebar-left-box-label a:hover{
    color: #459a07;
}
.sidebar-left-box-label a:after{
    content: "";
    position: absolute;
    border-bottom: 3px solid #459a07;
    left: 0;
    right: 0;
    bottom: -5px;
    height: 3px;
}
.sidebar-left-box-items{
    padding: 15px;
    background: #f5f5f5;
}
.sidebar-left-ul{
    padding: 0;
    margin: 0;
    list-style-type: none;
}
.sidebar-left-icon-has-dropdown{
    position: absolute;
    right: 15px;
    top: 4px;
}
#slider-range{
     margin-top: 20px;
}
.ui-slider-range.ui-widget-header.ui-corner-all{
    height: 2px;
    background: #459a07;
    position: absolute;
}
.widget_price_filter .ui-widget-content{
    background-image: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    height: 4px;
    position: relative;
    z-index: 1;
    background: 0 0;
    border-radius: 1px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border: 1px solid #e8e8e8;
    margin-bottom: 5px;
}
.widget_price_filter .ui-slider-horizontal .ui-slider-range::before{
    position: absolute;
    left: 1px;
    right: 1px;
    bottom: 1px;
    top: 1px;
    z-index: 1;
    content: "";
}
.widget_price_filter .ui-slider .ui-slider-handle{
    margin-left: -8px;
    margin-right: 0;
    top: -8px;
    background: none !important;
    border: 8px solid #000;
    border-bottom: none;
    border-color: #000 transparent transparent;
    position: absolute;
    z-index: 2;
    border-radius: 1em;
    cursor: ew-resize;
    outline: 0;
    background-color: #7aaedd;
}
.sidebar-left-filter .sidebar-left-box-items{
    max-height: 178px;
    overflow-y: scroll;
}
::-webkit-scrollbar {
    width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555;
}
.sidebar-left-li{
    padding: 5px 0;
}
.sidebar-left-link{
    color: #000;
    transition: all ease 300ms;
}
.sidebar-left-link:hover{
    color: #ff9f00;
}
.sidebar-left-ul-2{
    padding-left: 20px;
    list-style-type: disc;
}
.filter-list-check-label{
    padding-left: 20px;
    transition: all ease 100ms;
    margin: 0;
}
.filter-list-check-label:before{
    content: '';
    position: absolute;
    top: 3px;
    left: 0;
    width: 15px;
    height: 15px;
    border: 1px solid #000;
    z-index: 1;
    transition: all ease 100ms;
    border-radius: 3px;
}
.filter-list-check-label:after{
    content: '';
    width: 10px;
    height: 5px;
    position: absolute;
    top: 7px;
    left: 2px;
    background: 0 0;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(-50deg);
    z-index: 1;
    display: none;
}
.filter-list-check-label:hover{
    color: #ff9f00;
}
.filter-list-check-label:hover:before{
    border-color: #ff9f00;
}
.filter-list-check-label.active:before{
    background: #459a07;
    border: none;
}
.filter-list-check-label.active:after{
    display: block;
}
.sidebar-left-product-item:not(:last-child){
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px dashed #fff;
}
.sidebar-left-product-info{
    padding-right: 0;
}
.sidebar-left-product-info .product-name{
    height: auto;
    margin-bottom: 3px;
}

/*****----- Category Style -----*****/
.category-banner{
    height: 200px;
    background-size: cover!important;
}
.category-banner:before{
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .5);
}
.category-banner-name{
    margin: 0;
    color: #fff;
    z-index: 1;
    text-transform: uppercase;
}
.product-softbar{
    background: #ebebeb;
    padding: 5px 10px;
    margin-bottom: 20px;
}
.product-softbar-option{
    display: inline-block;
    list-style-type: none;
    width: 180px;
    padding: 5px 15px;
    margin: 0 0 0 15px;
    background: #fff;
}
.product-softbar-option i{
    position: absolute;
    top: 8px;
    right: 15px;
}
.product-softbar-option-list{
    list-style-type: none;
    margin: 0;
    position: absolute;
    top: 100%;
    padding: 15px;
    width: 100%;
    left: 0;
    background: #fff;
    z-index: 1;
}
.product-softbar-option-list li:not(:last-child){
    padding-bottom: 10px;
}
.product-softbar-option-list a{
    color: #000;
}

/*****----- Product View Style -----*****/
.pview-rating #voteView0{
    background-position: -1230px -1330px;
}
.pview-rating #voteView1{
    background-position: -1230px -1261px;
}
.pview-rating #voteView2{
    background-position: -1230px -1275px;
}
.pview-rating #voteView3{
    background-position: -1230px -1288px;
}
.pview-rating #voteView4{
    background-position: -1230px -1302px;
}
.pview-rating #voteView5{
    background-position: -1230px -1315px;
}
.pview-price .product-price{
    font-size: 1.57rem;
}
.pview-price .product-price-old{
    margin-left: 10px;
}
.pview-intro{
    padding: 10px 0;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
}
.pview-intro-label i{
    position: absolute;
    top: 3px;
    right: 10px;
    font-size: 1.21rem;
    font-weight: 700;
}
.pview-intro-content{
    margin-top: 5px;
}
.pview-color-wrapper-label, .pview-size-wrapper-label{
    border: 1px solid #ebebeb;
    padding: 7px 20px;
}
.pview-color-wrapper-label i, .pview-size-wrapper-label i{
    position: absolute;
    color: #b0b0b0;
    font-size: 1.07rem;
    font-weight: 700;
    top: 10px;
    right: 10px;
}
.pview-color-wrapper-list, .pview-size-wrapper-list{
    position: absolute;
    background: #fff;
    z-index: 1;
    top: 100%;
    left: 0;
    width: 100%;
    border-bottom: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
    border-left: 1px solid #ebebeb;
}
.color-select a, .size-select a{
    color: #000;
    padding: 5px 20px;
}
.color-select a:not(:last-child), .size-select a:not(:last-child){
    margin-bottom: 5px;
}
.color-select a:hover, .size-select a:hover, .color-select a.active, .size-select a.active{
    background: #459a07;
    color: #fff;
}
.color-select a.deactive, .size-select a.deactive{
    background: #ebebeb;
}
.pview-quantity{
    padding-left: 0;
}
.pview-quantity-box{
    padding-right: 0;
}
.number-minus, .number-plus{
    width: 45px;
    height: 45px;
    border: 1px solid #ebebeb;
    color: #000;
}
.number-minus:hover, .number-plus:hover{
    color: #000;
}
.number{
    width: calc(100% - 90px);
    height: 45px;
    border-right: none;
    border-left: none;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    border-radius: 0;
}
.pview-control-button{
    padding-right: 0;
}
.pview-buy-button{
    width: 100%;
}
.pview-control-button .button-hover-line:hover{
    color: #459a07;
    background: #fff;
}
.pview-tab .nav-link{
    color: #000;
    font-weight: 700;
    transition: all ease 400ms;
}
.pview-tab .nav-link.active, .pview-tab .nav-link:hover{
    color: #fff;
    background: #ff9f00;
    text-decoration: underline;
}
.pview-tab .tab-pane{
    padding: 30px 15px;
    border: 1px solid #ebebeb;
}
.pview-tags-list{
    padding: 0;
    margin: 0;
    list-style-type: none;
}
.pview-tags-item{
    display: inline-block;
    margin-right: 10px;
}
.tags-hover{
    color: #1a1a1a;
    font-size: .86rem;
    padding: 5px 10px;
    border: 1px solid #ebebeb;
    margin: 0 10px 10px 0;
    display: block;
    position: relative;
    overflow: hidden;
    transition: all ease 150ms;
}
.tags-hover:before{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -3px;
    width: 3px;
    background: #459a07;
    z-index: 2;
    transition: all ease 300ms;
}
.tags-hover:after{
    border-top: 10px solid transparent;
    border-left: 5px solid #459a07;
    border-bottom: 10px solid transparent;
    content: "";
    position: absolute;
    left: -5px;
    top: 20%;
    z-index: 1;
    transition: all ease 300ms;
}
.tags-hover:hover{
    color: #459a07;
    border-color: #459a07;
    padding: 5px 5px 5px 15px;
}
.tags-hover:hover:before{
    transform: translateX(3px);
}
.tags-hover:hover:after{
    transform: translateX(7px);
    width: 5px;
    overflow: hidden;
}
.pview-faq-box{
    padding: 0 7px;
}
.pview-modal-table-title{
    background: #459a07;
    color: #fff;
}
.pview-modal-table-title div{
    padding: 5px 15px;
    text-transform: uppercase;
}
.pview-modal-table-title-product{
    border-left:1px solid #459a07;
    padding-left: 0;
}
.pview-modal-table-title-price{
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}
.pview-modal-table-title-total-money{
    border-left: 1px solid #fff;
    border-right: 1px solid #459a07;
    padding-right: 0;
}
.pview-modal-table-list{
    max-height: 500px;
    overflow: auto;
}
.pview-modal-table-items{
    padding: 15px 0;
    border-left: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
}
.pview-modal-table-items-product-img{
    padding-right: 0;
}
.pview-modal-table .number{
    width: 100%;
    height: 30px;
    padding: 5px;
    border: 1px solid #ebebeb;
}
.pview-modal-total-money{
    margin: 10px 0;
}
.pview-modal-total-money-box span{
    color :#459a07;
    font-size: 1.07rem;
}
.pview-modal-buy-more-button a{
    color: #000;
    transition: all ease 300ms;
}
.pview-modal-buy-more-button a:hover{
    color: #ff9f00;
}
.pview-modal-checkout .button-hover-line:hover{
    color: #459a07;
    background: #fff;
}

/*****----- Cart Style -----*****/
.cart-table-title{
    background: #fbfbfb;
    border: 1px solid #ebebeb;
    font-weight: 600;
    text-transform: uppercase;
    font-size: .86rem;
}
.cart-table-title div{
    padding: 10px 15px;
}
.cart-table-items{
    border-right: 1px solid #ebebeb;
    border-left: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
}
.cart-table-items div:not(:last-child), .cart-table-title div:not(:last-child){
    border-right: 1px solid #ebebeb;
}
.cart-table-items-product{
    padding: 15px;
}
.cart-table-items-info a{
    color: #000;
}
.cart-table-items-product-price, .cart-table-items-total-money{
    color: #459a07;
    font-weight: 700;
}
.cart-table-items-remove a{
    color: #c5c5c5;
    font-size: 2.14rem;
}
.cart-total-money{
    font-size: 1.14rem;
    margin: 10px 0;
}
.cart-total-money strong{
    color: #459a07;
    font-weight: 600;
}
.cart-button{
    display: inline-block;
    padding: 10px 20px;
    margin-left: 10px;
    color: #fff;
}
.cart-button-product{
    background: #9e9e9e;
}
.cart-button-product:hover{
    color: #fff;
    background: #459a07;
}
.cart-button-checkout{
    background: #459a07;
}
.cart-button-checkout:hover{
    color: #fff;
}
.cart-table-items-quantity .number-minus, .cart-table-items-quantity .number-plus{
    width: 30px;
    height: 30px;
}
.cart-table-items-quantity .number{
    width: calc(100% - 60px);
    height: 30px;
}

/*****----- News Style -----*****/
.news-title{
    padding: 0 15px;
    text-transform: uppercase;
}
.sidebar-left-news-item:not(:last-child){
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px dashed #fff;
}
.sidebar-left-news-info{
    padding-right: 0;
}
.news-name a{
    color: #000;
    transition: all ease 300ms;
}
.news-name a:hover{
    color: #ff9f00;
}
.news-date{
    color: #a5a5a5;
}
.news-items{
    border-bottom: 1px dashed #ebebeb;
}
.news-items:last-child{
    padding: 0!important;
    border: none;
}
.news-items-info{
    padding-right: 0;
    color: #A5A5A5;
}
.news-items-name{
    margin-bottom: 10px;
}
.news-items-name a{
    color: #000;
    font-weight: 600;
    transition: all ease 300ms;
}
.news-items-name a:hover{
    color: #FF9F00;
}
.news-items-date, .news-items-description{
    margin-bottom: 10px;
}
.news-items-action .button-hover-line:hover {
    color: #459a07;
    background: #fff;
}
.news-view-date{
    margin-bottom: 10px;
    color: #a5a5a5;
}
.news-view-content img{
    height: auto!important;
}

/*****----- User Style -----*****/
.profile-table-title{
    /*border: 1px solid #459a07;*/
    background: #459a07;
    color: #fff;
}
.profile-table-title div{
    padding: 7px 15px;
}
.profile-table-title div:not(:last-child){
    border-right: 1px solid #fff;
}
.profile-table-content{
    border: 1px solid #ebebeb;
}
.profile-table-content-none{
    padding: 15px;
}
.profile-table-content .row:not(:last-child){
    border-bottom: 1px solid #ebebeb;
}
.profile-table-content .row div{
    padding: 7px 15px;
}
.profile-table-content .row div:not(:last-child){
    border-right: 1px solid #ebebeb;
}
.profile-info-label{
    background: #459a07;
    color: #fff;
    padding: 7px;
}
.profile-info-block{
    padding: 15px;
}
.profile-info-name, .profile-info-address{
    padding-bottom: 15px;
}
.profile-info-icon{
    color: #459a07;
    padding-right: 10px;
}
.profile-info-control .button-hover-line{
    width: 100%;
}
.profile-info-control .button-hover-line:hover{
    color: #459a07;
    background: #fff;
}

/*****----- Album Style -----*****/
.album-items-name{
    margin: 8px 0;
    height: 40px;
}
.album-items-name a{
    color: #000;
    transition: all ease 400ms;
    font-weight: 500;
}
.album-items-name a:hover{
    color: #ff9f00;
}
.album-items-date{
    margin-bottom: 8px;
}
.album-items-action .button-hover-line:hover{
    color: #459a07;
    background: #fff;
}
.album-view-date{
    margin-bottom: 10px;
    color: #a5a5a5;
}
.album-view-content img{
    height: auto!important;
}

/*****----- Promotion Style -----*****/
.promotion-items-name{
    margin: 8px 0;
    height: 40px;
}
.promotion-items-name a{
    color: #000;
    transition: all ease 400ms;
    font-weight: 500;
}
.promotion-items-name a:hover{
    color: #ff9f00;
}
.promotion-items-action .button-hover-line:hover{
    color: #459a07;
    background: #fff;
}

/*****----- Contact Style -----*****/
.contact-label{
    margin-bottom: 10px;
    text-transform: uppercase;
    font-weight: 600;
}
.contact-address-info{
    padding: 15px 0;
    border: 1px solid #ebebeb;
    border-radius: 10px;
}
.contact-address-label{
    margin-bottom: 10px;
    text-transform: uppercase;
    font-weight: 600;
}
.contact-address-content a{
    color: #919191;
    transition: all ease .3s;
}
.contact-address-content a:hover{
    color: #ff9f00;
}
#showSuccessContact div{
    color: #009a00;
    background: #b4ffb4;
    padding: 15px;
}
#showErrorContact div{
    color: #ff0000;
    background: #ffcdcd;
    padding: 15px;
}
#formContact .button-hover-line:hover{
    color: #459a07;
    background: #fff;
}

/*****----- Maps Style -----*****/
.row-list:not(:last-child){
    border-bottom: 1px solid #ebebeb;
}
.city-name{
    font-size: 1.21rem;
    font-weight: 500;
}
.stores-list-name a, .maps-view-phone-number a{
    color: #000;
    transition: all ease .3s;
}
.stores-list-name a:hover, .maps-view-phone-number a:hover{
    color: #ff9f00;
}
.stores-list-action .button-hover-line:hover{
    color: #459a07;
    background: #fff;
}

.album-items-img{
    display: flex;
    min-height: 362px;
    align-items: center;
    background-color: #DCDCDC;
}
.suggest-product{
    margin: 30px 0;
}
.product-box.margin-bottom-lg-30{
    position: relative;
}

.cookie .modal-content {
    width: 100%;
    -webkit-box-shadow: -1px -2px 42px -19px rgba(0,0,0,0.74);
    -moz-box-shadow: -1px -2px 42px -19px rgba(0,0,0,0.74);
    box-shadow: -1px -2px 42px -19px rgba(0,0,0,0.74);
}
#popupHome .modal-body, #popupCart .modal-body {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.cookie .modal-body {
    display: flex;
    padding: 0;
}
#popupHome button.close, #popupCart button.close {
    position: absolute;
    left: auto;
    right: -5px;
    opacity: 1;
    background: #333;
    color: #fff;
    border-radius: 30px;
    font-size: 25px;
    padding: 0 5px;
    top: -10px;
    line-height: 1;
}
#popupHome button.close>span, #popupCart button.close>span {
    position: relative;
    top: -3px;
}
.index-privacy-content h6>a {
    color: #212529;
}