/*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;
}

 .tools .ic{
    float: left;
    margin: 5px;
}

 .tools .wrap-price{/* display:none */text-align: center;width: 100%;display: none;}
 .tools .add-cart{
    background: #F7F6F6;
    padding: 6px 10px;
    text-align: center;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
    border-top: 1px solid rgba(204, 204, 204, 0.42);
}
:hover .tools .add-cart a{color:#fff}
:hover .tools .add-cart{
	background: #337AB7;
}
 .tools .add-cart a i{
    position: relative;
    top: -2px;
}
 .tools .add-cart a{
    display: block;
    color: #3C3A3A;
    font-size: 17px;
    text-transform: capitalize;
    display: block;
    width: 100%;
}
 .tools .add-cart a:hover{
    text-decoration: none;
    color: #fff;
}
 .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;
}
 .tools .price span{
	padding: 3px;
	margin-bottom: 2px;
	color: rgb(247, 6, 6);
	text-align: center;
}
 .tools .price-old span{
	color: #ccc;
    font-weight: normal !important;
    font-family: robotoLight;
}
 .tools .price-old{
	    text-decoration: line-through;
	    color: #ccc;
}
 .tools .price{
	    font-size: 13px;
	    font-weight: normal;
	    text-align: center;
	    text-transform: uppercase;
	    color: red;
}
 .tools .price1 {
   text-decoration: line-through;
    color: #ccc !important;
}
 .tools .price .no-price{
    font-size: 15px;
}
 .tools .simple-desc{line-height:14px;position: absolute;bottom: 0;height: 28px;overflow: hidden;padding: 0px 4px;}
 .tools .price .no-price a{}
 .tools .price .blue{color:#333 !important;font-weight: normal;text-decoration: line-through;font-size: 16px;}
 .tools .price a{color: red;font-size: 13px;}
 .tools .price a:hover{color:blue;text-decoration: none;}

 .tools .name{
    overflow: hidden;
    text-align: center;
    width: 100%;
    margin: 0 auto;
}
 .tools .raty{text-align:center}
 .tools .view-more{
    float: right;
    margin-top: 10px;
}
 .tools .view-more a{
    color: red;
    font-family: 'Myriad Pro Regular';
    font-size: 17px;
}
 .tools .view-more a:hover{
    text-decoration: none;
    color: rgb(53, 194, 192);
}
 .tools .code{text-align:center;display: none;}
 .tools .name h3{
	text-transform: capitalize;
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-weight: bold;
}
 .tools .name a{color: #333;text-shadow: 0px 0px 0px;}
 .tools .name a:hover{color: blue;text-decoration:none;}

 .tools .ic:first-child {margin-left:20px}
 .tools .ic a{
    color: rgb(244, 244, 244);
    font-size: 22px;
}
 .tools{
    width: 100%;
    margin-top: 5px;
    font-family: arial;
}
 .tools .wrap-tools{
    position: relative;
}

 .tools .wrap-tools .inner-tools{
    text-align: center;
}
 .item-product{border:0}
 .wrap-image .relative-image .rb {
    position: absolute;
    width: 39px;
    height: 44px;
    top: 53%;
    background-size: 100% !Important;
    z-index: 3;
    right: 1%;
}
 .wrap-image .relative-image .rb.seller{
		  background: url(../img/icon_rb_sale.png) no-repeat bottom center;
    width: 79px;
    height: 37px;
    top: 45px;
    right: 5px;

}
 .wrap-image .relative-image .rb.seller span{   font-size: 15px;
   font-size: 12px;
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    font-weight: bold;
    transform: rotate(8deg);
    color: #fff;
    font-family: arial;
    display: block;
    bottom: -14px;
    position: relative;
    left: 43px;}
 .wrap-image .relative-image .rb.big-seller{
		background:url(../img/icon/big-gift.png) no-repeat bottom center ;
		width:51px;
		height:51px;
}
 .wrap-image .relative-image .xwrap-image{position: relative;width: 100%;margin: auto;border: 1px solid rgba(204, 204, 204, 0.59);}
 .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;
	opacity: 0;
}
 .wrap-image .relative-image .xm-image .x-inner{
	overflow: hidden;
	/* width: 100%; */
	/* height: 100%; */
	/* display: block; */
	/* position: absolute; */
	/* top: 3%; */
	/* left: 3%; */
	/* padding: 5px; */
}
 .wrap-image:hover .x-view{opacity: 1 !important;}
 .wrap-image .relative-image .xm-image .x-view{
    position: absolute;
    width: 100%;
    text-align: center;
    top: 40%;
    z-index: 123;
    opacity:0;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
    /* display: none; */
}
 .wrap-image .relative-image .xm-image .x-view a:hover{text-decoration:none}
 .wrap-image .relative-image .xm-image .x-view a{
	  -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
	  font-family: Avo;
	  transition: all 0.5s ease;
	  font-size: 15px;
	  color: rgb(255, 255, 255);
	  padding: 7px 15px;
	  padding-bottom: 7px;
	  background: rgba(250, 195, 43, 0.69);
	  text-transform: uppercase;
	  border: 1px solid #787878;
	  text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.7);
}
 .wrap-image .relative-image .xm-image{
	position: relative;
	/* height: 0; */
	/* padding-bottom: 88%; */
}
 .wrap-image .relative-image{position: relative;width: 100%;/* float: left; *//* background: #F3F3F3; *//* padding-bottom: 10px; *//* border: 1px solid #E6E0E0; */}
 .wrap-image .relative-image:after, .wrap-image .relative-image:before{
	content:"";
	position:absolute;
	/* background: #35C2C0; */
	width: 100%;
	height: 1px;
	top: -1px;
	z-index: 1;
	opacity: 1;
	opacity: 0;
}
 .wrap-image .relative-image:before{
	width: 100%;
    height: 20px;
    left: 0;
    bottom: -21px;
    opacity: 1;
    top: auto;
    background: url(../img/box-shadow.png)no-repeat bottom center;
}
 .wrap-image{
	    /* margin-bottom: 10px; */
	    position: relative;
}
 .wrap-image:hover .x-inner img{transform: scale(1.1);}
 .wrap-image .x-inner img{
	
/* margin: auto; */
	
/* position: absolute; */
	
width: 100%;
	
/* height: 100%; */
	
/* left: 0; */
	
/* right: 0; */
	
/* top: 0; */
	
/* bottom: 0; */
	
-moz-transition: all 0.5s ease;
	
-o-transition: all 0.5s ease;
	
-ms-transition: all 0.5s ease;
	
transition: all 0.5s ease;
	
transform: scale(1);
}
 .wrap-desc{
    margin: 1px 0;
    /* height: 107px; */
    display: none;
}
 .wrap-desc .product-name{
    text-align: center;
    margin-bottom: 10px;
    height: 44px;
    overflow: hidden;
}
 .wrap-desc .product-name h3{
    margin: 0;
    font-size: 15px;
    line-height: 17px;
}
 .wrap-desc .product-name h3 a{
    color: rgb(76, 76, 76);
    font-family: Alter-gothic;
    font-size: 20px;
    line-height: 22px;
}
 .wrap-desc .product-name h3 a:hover{}
 .wrap-desc .add-cart{
    background: red;
    font-size: 15px;
    padding: 5px 0;
    border-bottom: 5px solid #CF0000;
}
 .wrap-desc .product-price span{
	color:red;
}
 .wrap-desc .product-price{

    font-size: 15px;
    /* display: none; */
    text-align: center;
    width: 100px;
    text-align: center;
    margin: auto;
}
 .wrap-desc .product-price:hover .add-cart{background:#000}
 .wrap-desc .product-price:hover a{text-decoration:none;color:#fff}
 .wrap-desc .product-price a{
    color: white;
    font-family: Myriad Pro Regular;
}
 .wrap-desc .product-price a:hover{
    color: rgb(255, 255, 255);
    text-align: center;
}
 .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;
}
 .product-desc h2 a:hover{color:#F68E59;text-decoration:none}
 .product-desc h2 a{
    text-transform: capitalize;
    color: #fff;
}
 .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-bottom: 20px;
}
#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-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;
    font-weight: bold;
}
#product-detail  .tab-category .tab-nav li:hover,#product-detail  .tab-category .tab-nav li.active{background: rgb(0, 177, 248);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: 15px;
    margin-top: -1px;
    background: #fff;
}
.item-product:hover .product-desc{/* bottom:0 */opacity: 1;}
.item-product{
    margin-left: 0;
    margin-bottom: 20px;
    border:1px solid #fff;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
    padding-bottom: 15px;
    margin-top: 15px;
	position:relative;
    }
@media (max-width: 767px) {

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


}

@media (max-width: 767px) {
.fancybox-inner #product-detail{}
}

@media (max-width: 991px) {
.fancybox-inner #product-detail{}
}
@media (max-width: 1200px) {
.fancybox-inner #product-detail{}
}
@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 1) { 
  
  .fancybox-inner #product-detail{
    width: 900px;
}
}

.row-5{
	margin-left: 0px;
    margin-right: -15px;
}
.wrap-price{
	margin:0 auto;
}
#detail{
	background:#fff;
	border: 1px solid #ccc;
}
.col-5{
    margin-left: -6px;
    margin-right: -6px;
}
.shadow-product{
	    position: relative;
		padding-bottom:13px;
}
.shadow-product:before{
	background: url(../img/shadow.png)no-repeat bottom center;
	position:absolute;
	content:"";
	width: 100%;
	background-size: 100%;
	height: 12px;
	bottom: 0;
}




/*css */

.projects-terms-item{
	position:relative;
	display: inline-block;
}
.inner-wrapper{

	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transition: all 0.8s ease;
	transition: all 0.8s ease;
	position: relative;
	overflow: hidden;
}
.project-terms-media{
	position: relative;

}
.featured-image{
	line-height: 1;
	width: 100%;
	margin: 0px;
	position:relative;
}
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
display: block;
}
.featured-image:before{
	position: absolute;
	z-index: 12;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 0.4s;
	left: 0;
	-webkit-transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	content: "";
	width: 2px;
	height:100%;
	top:0;
	-webkit-transform: scale3d(1, 0, 1);
	transform: scale3d(1, 0, 1);
}

.featured-image:after{
	position: absolute;
	webkit-transform: scale3d(1, 0, 1);
	transform: scale3d(1, 0, 1);
	right: 0;
	-webkit-transform-origin: 50% 0%;
	-ms-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
	content: "";
	height:100%;
	width: 2px;
	top: 0;
}
.hover-content{
	position: absolute;
	height: 100%;
	display: block;
	width: 100%;
	top: 0;
}
.hover-content:after{

	position: absolute;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 0.4s;
	right: 0;
	bottom: 0;
	-webkit-transform-origin: 100% 50%;
	-ms-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	content: "";
	-webkit-transform: scale3d(0, 1, 1);
	transform: scale3d(0, 1, 1);	
	height: 2px;
	width:100%;
}
.hover-content:before{
	position: absolute;
	right: 0;
	top: 0;
	-webkit-transform-origin: 0 50%;
	-ms-transform-origin: 0 50%;
	transform-origin: 0 50%;
	content: "";
	height: 2px;
	width:100%;

	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 0.4s;
	-webkit-transform: scale3d(0, 1, 1);
	transform: scale3d(0, 1, 1);
}
.projects-terms-item:hover .featured-image:after, .projects-terms-item:hover .featured-image:before, .projects-terms-item:hover .hover-content:before, .projects-terms-item:hover .hover-content:after{
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 0.4s;
	background-color: #14B815;
}