@charset "UTF-8";

/*-- Start Wow Animation --*/ 
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s}

@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}
.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}

@-webkit-keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-50px,0);transform:translate3d(0,-50px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-50px,0);transform:translate3d(0,-50px,0)}to{opacity:1;-webkit-transform:none;transform:none}}
@media (min-width:481px){
	.common-home .fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}
}
@-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,50%,0);transform:translate3d(0,50%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,50%,0);transform:translate3d(0,50%,0)}to{opacity:1;-webkit-transform:none;transform:none}}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}

@-webkit-keyframes slideInUp{from{-webkit-transform:translate3d(0,40%,0);transform:translate3d(0,40%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInUp{from{-webkit-transform:translate3d(0,40%,0);transform:translate3d(0,40%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}
/*-- End Wow Animation --*/

/*-- Start Product thumb anim effect--*/
.top-section .ih-item,#content .product-box .ih-item {
		position: relative;		
		width: 100%;
		height: 314px;
		overflow: hidden;		
}
.top-section .ih-item .image,#content .product-box .ih-item .image {
	width: 100%;
	height: 100%;
	padding:25px 20px
}	
.ih-item,.ih-item.anim-effect .image,.ih-item.anim-effect .info,.ih-item.anim-effect .image img,.product-thumb button{-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}	
.ih-item .info {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.top-section .ih-item.anim-effect .image,#content .product-box .ih-item.anim-effect .image {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}
.ih-item.anim-effect .info {
	height: 75px;
	background: #f3f3f3;
	opacity: 0;
	top: auto;
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
	transform: translateY(100%);
}
.ih-item.anim-effect .info h3 {
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	font-size: 17px;
	padding: 10px 10px 0 4px;
	margin: 4px 0 0 0;
}
.ih-item.anim-effect .info p {
	text-align: center;
	margin:0 0 10px
}
.product-thumb:hover .ih-item.anim-effect .info {
	visibility: visible;
	opacity: 1;
}
.top-section .product-thumb:hover .ih-item.anim-effect .image,#content .product-box .product-thumb:hover .ih-item.anim-effect .image {
	-webkit-transform: translateY(-40px);
	-moz-transform: translateY(-40px);
	-ms-transform: translateY(-40px);
	-o-transform: translateY(-40px);
	transform: translateY(-40px);
}
.top-section .product-thumb:hover .ih-item.anim-effect .image img,#content .product-box .product-thumb:hover .ih-item.anim-effect .image img{
 -webkit-transform: scale(.85);
-moz-transform: scale(.85);
-ms-transform: scale(.85);
-o-transform: scale(.85);
transform: scale(.85);
}
.product-thumb:hover .ih-item.anim-effect .info {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}
.top-section .product-thumb .caption .price,#content .product-box .product-thumb .caption .price{display:none} 

@media (max-width: 1200px) {
	.top-section .ih-item,#content .product-box .ih-item{height:264px}
}
@media (max-width: 992px) {
	.top-section .ih-item{height:314px}#content .product-box .ih-item{height:270px}
}
@media (max-width: 767px) {
	#content .product-box .ih-item{height:314px}
}
@media (max-width: 639px) {
	.top-section .ih-item,#content .product-box .ih-item{height:305px}
}
/*-- End Product thumb anim effect--*/

/*-----  Static Banner Hover efect(Shine effct on hover) -----*/
.shine{position:relative;display:block;}
.shine:after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 0%;
    height: 100%;
	background-color: rgba(0,0,0,0.25);
     -webkit-transition: all .8s ease-in-out;
    -moz-transition: all .8s ease-in-out;
    -ms-transition: all .8s ease-in-out;
    -o-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out;
}
.shine:hover:after {
width: 100%;background-color: rgba(251,209,222,0);z-index:1000;
}
.shine img{
	-webkit-transition: -webkit-transform 1s;
	transition: transform 1s;
	z-index:10;
}
.shine:hover img{
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1.05,1.05,1.05); 
}
/*-----  End of Static Banner Hover efect(Shine effct on hover) -----*/