/* BUTTON SYLE STYLESHEET FOR COMPUTER */

/* HEADER */
#cart .btn i.fa-shopping-cart:hover, 
#user button i.fa-user:hover, 
#search span i.fa-search:hover {
	color:#F25C00;
	transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
	transform-origin: 50% 50% 0;
}

/* COMMON CART */
#cart .btn-close:hover {
	background: #F25C00;
}
	
#cart .btn-close:hover::before {
	top: 7px;
	left: 3px;
	transform: rotate3d(0, 0, 1, -45deg);
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    -moz-transform: rotate3d(0, 0, 1, -45deg);
    -o-transform: rotate3d(0, 0, 1, -45deg);
    -ms-transform: rotate3d(0, 0, 1, -45deg);
    transform-origin: 0 0 0;
    width: 8px;
}
	
#cart .btn-close:hover::after {
	top: 5px;
	left: 9px;
	transform: rotate3d(0, 0, 1, 45deg);
   	-webkit-transform: rotate3d(0, 0, 1, 45deg);
   	-moz-transform: rotate3d(0, 0, 1, 45deg);
   	-o-transform: rotate3d(0, 0, 1, 45deg);
   	-ms-transform: rotate3d(0, 0, 1, 45deg);
   	transform-origin: 0 0 0;
   	width: 9px;
}


/* PRODUUCT */
.product-thumb .buttons .button-group button {
	transform: translateY(50px);
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -o-transform: translateY(50px);
    -ms-transform: translateY(50px);
}

.product-thumb .buttons .button-group button.btn-cart {
	opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
	transition: all 0.5s ease-in-out 0ms;
	-webkit-transition: all 0.5s ease-in-out 0ms;
	-moz-transition: all 0.5s ease-in-out 0ms;
	-o-transition: all 0.5s ease-in-out 0ms;
	-ms-transition: all 0.5s ease-in-out 0ms;
}
.product-thumb:hover .buttons .button-group button.btn-cart {
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-o-transform: translateY(0px);
	-ms-transform: translateY(0px);
	opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
}

.product-thumb .buttons .button-group button.btn-wishlist {
	opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
	transition: all 0.6s ease-in-out 0ms;
	-webkit-transition: all 0.6s ease-in-out 0ms;
	-moz-transition: all 0.6s ease-in-out 0ms;
	-o-transition: all 0.6s ease-in-out 0ms;
	-ms-transition: all 0.6s ease-in-out 0ms;
}
.product-thumb:hover .buttons .button-group button.btn-wishlist {
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-o-transform: translateY(0px);
	-ms-transform: translateY(0px);
	opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
}
.product-thumb .buttons .button-group button.btn-compare {
	opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
	transition: all 0.7s ease-in-out 0ms;
	-webkit-transition: all 0.7s ease-in-out 0ms;
	-moz-transition: all 0.7s ease-in-out 0ms;
	-o-transition: all 0.7s ease-in-out 0ms;
	-ms-transition: all 0.7s ease-in-out 0ms;
}

.product-thumb:hover .buttons .button-group button.btn-compare {
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-o-transform: translateY(0px);
	-ms-transform: translateY(0px);
	opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
}

.product-thumb .buttons .button-group button.btn-quickview {
	opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
	transition: all 0.8s ease-in-out 0ms;
	-webkit-transition: all 0.8s ease-in-out 0ms;
	-moz-transition: all 0.8s ease-in-out 0ms;
	-o-transition: all 0.8s ease-in-out 0ms;
	-ms-transition: all 0.8s ease-in-out 0ms;
}
.product-thumb:hover .buttons .button-group button.btn-quickview {
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-o-transform: translateY(0px);
	-ms-transform: translateY(0px);
	opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
}

/* FEATURED PRODUCT */
.owl-carousel .owl-nav .owl-prev:hover,
.owl-carousel .owl-nav .owl-next:hover {
    background-color: #F9A603;
    border-color: #F9A603;
    color: #FFF;
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
}