/*show product category with list */
.title-product-category{
    margin-bottom: 8px;
    border-bottom: 4px solid red;
}
.title-product-category.is_cate{}
.title-product-category.is_cate .first-root:after{
    border-width: 30px;
}
.title-product-category.is_cate .first-root{
    padding: 3px 35px;
    margin: 0;
    line-height: 31px;
    padding-bottom: 0;
    height: 30px;
}
.title-product-category .first-root{
    color: #fff;
    background: red;
    padding: 2px 10px;
    padding-top: 4px;
    padding-right: 50px;
    text-transform: uppercase;
    font-size: 22px;
    font-family: 'Myriad Pro Semibold';
	position: relative;
    padding-bottom: 2px;
    float: left;
}
.title-product-category .first-root:after {
	left: 100%;
	bottom: 0;
	border: solid transparent;
	content: " ";
	height: 0;
	border-bottom: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-left-color: #FC1212;
	border-width: 37px;
	margin-bottom: 0px;
}
.title-product-category ul{
    float: left;
    margin: 0;
    margin-left: 59px;
    list-style: none;
    padding: 0;
    margin-top: 10px;
}
.title-product-category ul li{
    float: left;
    position: relative;
    padding: 0px 3px;
}
.title-product-category ul li:after{position:absolute;content:"";width: 1px;height: 15px;background: #908D8D;right: 4px;top: 3px;bottom: -1px;}
.title-product-category ul li:last-child:after{display:none}
.title-product-category .view-all{
    margin-top: 11px;
}
.title-product-category .view-all a{
    font-size: 15px;
    /* font-weight: bold; */
}
.title-product-category .view-all a:hover{}

.title-product-category ul li a{
    color: #333;
  text-transform: uppercase;
  font-size: 15px;
  margin-right: 10px;
  font-weight: bold;
}

.wrap-product .tools .ic{
    float: left;
    margin: 5px;
}
.wrap-all-product{
    padding: 1px 0;
}
.wrap-product .tools .wrap-price{/* display:none */text-align: center;width: 100%;}
.wrap-product .tools .old-price{
    font-size: 16px;
    text-decoration: line-through;
    color: rgb(18, 17, 17);
    font-family: "george";
    width: 100%;
    padding-right: 10px;
    display: none;
}

.wrap-product .tools .product-price .fix-gh {
	/* float:left; */
	position: relative;
	top: 5px;
}

.wrap-product .tools .product-price .txtgh {
	
    
}


.wrap-product .tools .price{/* float: right; */color: #414141;text-transform: capitalize;font-size: 14px;font-weight: normal;text-align: center;}
.wrap-product .tools .price .no-price{
    font-size: 15px;
}
.wrap-product .tools .simple-desc{line-height:14px;position: absolute;bottom: 0;height: 28px;overflow: hidden;padding: 0px 4px;}
.wrap-product .tools .price .no-price a{}
.wrap-product .tools .price .blue{color:#333 !important;font-weight: normal;text-decoration: line-through;font-size: 16px;}
.wrap-product .tools .price a{color: #F00;}
.wrap-product .tools .price a:hover{color: #F00;}

.wrap-product .tools .name{color: #414141;/* text-transform:uppercase; */height: 30px;overflow: hidden;text-align: center;/* position: relative; *//* top: 9px; */padding: 5px;float: left;width: 100%;margin-top: 5px;}

.name {}
.wrap-product .tools .view-more{
    float: right;
    margin-top: 10px;
}
.wrap-product .tools .view-more a{
    color: red;
    font-family: 'Myriad Pro Regular';
    font-size: 17px;
}
.wrap-product .tools .view-more a:hover{
    text-decoration: none;
    color: rgb(53, 194, 192);
}
.wrap-product .tools .code{text-align:center;display: none;}
.wrap-product .tools .name h2{
    margin: 0;
    padding: 0;
    font-size: 15px;
    line-height: 26px;
}
.wrap-product .tools .name a{color: #3F3F3F;}
.wrap-product .tools .name a:hover{color: #ED1C24;text-decoration:none}

.wrap-product .tools .ic:first-child {margin-left:20px}
.wrap-product .tools .ic a{
    color: rgb(244, 244, 244);
    font-size: 22px;
}
.wrap-product .tools{
    /* width: 100%; */
    /* height: 73px; */
    /* position: relative; */
    margin-bottom: 10px;
}
.wrap-product .item-product{border:0}
.wrap-product .wrap-image .relative-image .rb-new{background: url(../img/new.png) no-repeat;
position: absolute;
width: 39px;
height: 44px;
top: 0;
left: 0;z-index: 1;}
.wrap-product .wrap-image .relative-image .rb-promotion{background: url(../img/sale.png) no-repeat;
position: absolute;
width: 45px;
height: 25px;

right: 0;
top: 0;z-index: 12;line-height: 75px;text-align: center;color: rgb(236, 252, 61);font-weight: bold;text-indent: 6px;}
.wrap-product .wrap-image .relative-image .xwrap-image{position: relative;width: 100%;margin: auto;border: 1px solid rgba(204, 204, 204, 0.59);}
.wrap-product .wrap-image .relative-image .xm-image:after{
	position:absolute;
	content:"";
	width:100%;
	height: 15px;
	left:0;
	bottom: -15px;
	background:url(../img/product-shadow.png) no-repeat bottom center;
}
.wrap-product .wrap-image .relative-image .xm-image{
position:relative;
        

border: 1px solid rgba(204, 204, 204, 0.38);

height: 215px;
background-color: #fff;
}
.wrap-product .wrap-image .relative-image{
position: relative;
width: 100%;
/* height: 100%; */
float: left;

}
.wrap-product .wrap-image .relative-image:after,.wrap-product .wrap-image .relative-image:before{
	content:"";
	position:absolute;
	/* background: #35C2C0; */
	width: 100%;
	height: 1px;
	top: -1px;
	z-index: 1;
	opacity: 1;
	opacity: 0;
}
.wrap-product .wrap-image .relative-image:before{
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 2px;
    opacity: 1;
    top: auto;
}
.wrap-product .wrap-image{
    position: relative;
    /* border-bottom: 4px solid #35C2C0; */
}
.wrap-product .wrap-image .xm-image img{
    margin: auto;
    position: absolute;
    max-width: 100%;
    max-height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 5px;
	width:100%;
	height:100%;
}
.wrap-product .wrap-desc{
    margin: 1px 0;
    /* height: 107px; */
    display: none;
}
.wrap-product .wrap-desc .product-name{
    text-align: center;
    margin-bottom: 10px;
    height: 44px;
    overflow: hidden;
}
.wrap-product .wrap-desc .product-name h2{
    margin: 0;
    font-size: 15px;
    line-height: 17px;
}
.wrap-product .wrap-desc .product-name h2 a{
    color: rgb(76, 76, 76);
    font-family: Alter-gothic;
    font-size: 20px;
    line-height: 22px;
}
.wrap-product .wrap-desc .product-name h2 a:hover{}
.wrap-product .wrap-desc .add-cart{
    background: red;
    font-size: 15px;
    padding: 5px 0;
    border-bottom: 5px solid #CF0000;
}
.wrap-product .wrap-desc .product-price span{
	color:red;
}
.wrap-product .wrap-desc .product-price{

    font-size: 15px;
    /* display: none; */
    text-align: center;
    width: 100px;
    text-align: center;
    margin: auto;
}
.wrap-product .wrap-desc .product-price:hover .add-cart{background:#000}
.wrap-product .wrap-desc .product-price:hover a{text-decoration:none;color:#fff}
.wrap-product .wrap-desc .product-price a{
    color: white;
    font-family: Myriad Pro Regular;
}
.wrap-product .wrap-desc .product-price a:hover{
    color: rgb(255, 255, 255);
    text-align: center;
}
.wrap-product .product-desc h2{
    font-size: 17px;
    margin: 0;
    margin-bottom: 5px;
    text-align: center;
    border-bottom: 1px solid rgba(204, 204, 204, 0.35);
    padding-bottom: 7px;
}
.wrap-product .product-desc h2 a:hover{color:#F68E59;text-decoration:none}
.wrap-product .product-desc h2 a{
    text-transform: capitalize;
    color: #fff;
}
.wrap-product .product-desc{
    position: absolute;
    /* display: none; */
    background: rgba(17, 17, 17, 0.72);
    color: #fff;
    height: 100%;
    /* padding: 10px; */
    width: 100%;
    bottom: 0;
    opacity: 0;
    display: none;
}





/* product detail */

#product-detail{
    margin: 10px 0;
    margin-top: 0;
}
#product-detail .wrap-on-image img{   -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
 }
	#product-detail .wrap-on-image img:hover{}
#product-detail .product-image{border: 1px solid rgba(204, 204, 204, 0.65);padding:3px;background:#fff;-webkit-box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.3);
-moz-box-shadow:    0px 0px 2px 0px rgba(50, 50, 50, 0.3);
box-shadow:         0px 0px 2px 0px rgba(50, 50, 50, 0.3);overflow: hidden;}

#product-detail .product-image-list{}
#product-detail .product-image-list .item{
    padding: 2px;
    margin: 2px;
    border: 1px solid rgba(204, 204, 204, 0.7);
}
#product-detail .product-image-list .item img{}
#product-detail .line{
    width: 100%;
    /* background: rgba(0, 116, 33, 0.41); */
    height: 1px;
    margin: 5px 0;
}
#product-main-detail .product-name{

	font-size: 19px;

	font-weight: bold;
text-transform: uppercase;
	margin: 0;
	
	
	

	color: rgb(2, 130, 37);

}

#product-main-detail .ul-list-product-detail{
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 17px;
}
#product-main-detail .ul-list-product-detail li{
    margin: 5px 0;
}
#product-main-detail .ul-list-product-detail li a{}
#product-main-detail .ul-list-product-detail li a{}
#product-main-detail .ul-list-product-detail li span{
    font-size: 18px;
    font-weight: bold;
    color: rgb(4, 127, 64);
}
#product-main-detail  .desc-place{font-size:16px;padding:5px 0;border-top: 1px solid rgba(204, 204, 204, 0.54);border-bottom: 1px solid rgba(204, 204, 204, 0.51);margin: 4px 0;}
#product-main-detail  .desc-place p{margin-bottom:2px}

#product-main-detail  .desc-place .tt{font-size: 19px;color:#05806A}


#product-main-detail  .ul-list-product-detail li span.code{}
#product-main-detail  .ul-list-product-detail li.old-price{}
#product-main-detail  .ul-list-product-detail li.old-price span{
    text-decoration: line-through;
    font-size: 17px;
    color: black;
}
#product-main-detail  .ul-list-product-detail li.new-price{}
#product-main-detail  .ul-list-product-detail li.new-price span{
    color: red;
}
#product-main-detail  .ul-list-product-detail li span.fnr{font-weight:normal}
#product-main-detail  .ul-list-product-detail li.new-price span.percent{
    font-size: 16px;
    font-weight: normal;
    margin-left: 20px;
    color: #111;
}
/* alway show arrow*/
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button {  

   opacity: 1;

}
/**/

.product-price a{
	color:#000;
	text-decoration:none;
	padding-left: 5px;
}

#product-main-detail  .add-cart{
    margin: 5px 0;
    font-size: 17px;
}
#product-main-detail  .add-cart input{
    padding: 4px;
    width: 72px;
    margin-left: 10px;
}
#product-main-detail  .add-cart button{
    background: rgb(7, 127, 65);
    border: 0;
    padding: 10px 10px;
    color: #fff;
    margin-left: -6px;
}
#product-detail  .tab-category{
    margin-top: 30px;
    overflow: hidden;
}
#product-detail  .tab-category img{max-width:100% !important;max-height: none !important;}
#product-detail  .tab-category .tab-nav{
    list-style: none;
    padding: 0;
    margin: 0;
}
#product-detail  .tab-category .tab-nav li:first-child{
	margin-left:0
}
#product-detail  .tab-category .tab-nav li{
    float: left;
    padding: 6px 27px;
    background: rgb(255, 255, 255);
    margin-right: 1px;
    font-size: 18px;
    border: 1px solid #ccc;
    /* margin-right: 5px; */
    margin-left: -2px;
    text-align: center;
}
#product-detail  .tab-category .tab-nav li a{
    color: #131313;
}
#product-detail  .tab-category .tab-nav li:hover,#product-detail  .tab-category .tab-nav li.active{background: rgb(255, 255, 255);background: rgb(100, 65, 15);color: #fff;}
#product-detail  .tab-category .tab-nav li:hover a,#product-detail  .tab-category .tab-nav li.active a{
    color: #FFF;
	text-decoration:none;
}
#product-detail .tab-category .tab{visibility:hidden;height:0px}
#product-detail .tab-category .tab.active{visibility:visible;height:auto}
#product-detail .tab-category .tab-content{
    border: 1px solid #ccc;
    padding: 5px;
    margin-top: -1px;
}
.item-product:hover .product-desc{/* bottom:0 */opacity: 1;}
.item-product{/* background: #fff; */margin-left: 0;}
@media (max-width: 767px) {

.item-product{/* padding-left: 15px; *//* padding-right: 15px; */}


}
.xbx-content .bx-prev,.xbx-content .bx-next,.xbx-content .bx-prev:hover{
    position: absolute;
    top: -25px !important;
    background: url(../img/right-ar-mini.png) no-repeat;
    width: 30px !important;
    height: 30px !Important;
}
.xbx-content .bx-prev{
    right: 0px;
    left: auto;
}
.xbx-content .bx-next,.xbx-content .bx-next:hover{
    right: 30px;
    background: url(../img/left-ar-mini.png) no-repeat;
}

.xbx-content{padding-bottom:10px}

.xbx-content .box-news:after{content:"";background:#333;height:1px;width:100%;position:absolute;bottom:2px}
.xbx-content .box-news{
    border-bottom: 4px solid #333;
    position: relative;
}
.xbx-content .box-news .name{
    padding: 5px;
}
.xbx-content .box-news .name h2{
    font-size: 18px;
    margin: 0;
}
.xbx-content .box-news .name h2 a{
    color: #31C1BE;
}
.xbx-content .box-news .name h2 a:hover{}
.xbx-content .box-news .desc{
    padding: 5px;
    text-align: justify;
}
.xbx-content .box-news .view-more{
    padding: 5px;
    text-align: right;
}
.xbx-content .box-news .view-more a{
    color: red;
    font-family: 'Myriad Pro Regular';
    font-size: 17px;
}
.xbx-content .box-news .view-more a:hover{
    text-decoration: none;
    color: rgb(53, 194, 192);
}

.add-cart {
	text-align:center;
}