@charset "UTF-8";
/* CSS Document */

/* ////////// Animation for Zoom IN /////////// */
@-webkit-keyframes mk_animate_pro_zoom_in {
	0% {
    -ms-transform: scale(1, 1);
    transform: scale(1, 1) translateZ(1px);
  }
	100% {
    -ms-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2) translateZ(1px);
  }
}

@-moz-keyframes mk_animate_pro_zoom_in{
	0% {
    -ms-transform: scale(1, 1);
    transform: scale(1, 1) translateZ(1px);
  }
	100% {
    -ms-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2) translateZ(1px);
  }
}

@-o-keyframes mk_animate_pro_zoom_in {
	0% {
    -ms-transform: scale(1, 1);
    transform: scale(1, 1) translateZ(1px);
  }
	100% {
    -ms-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2) translateZ(1px);
  }
}

@keyframes mk_animate_pro_zoom_in {
	0% {
    -ms-transform: scale(1, 1);
    transform: scale(1, 1) translateZ(1px);
  }
	100% {
    -ms-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2) translateZ(1px);
  }
}

/* ////////// Animation for Product HOVER /////////// */
@-webkit-keyframes mk_animate_pro_hover {
	0% {
    -ms-transform: scale(1, 1);
    transform: scale(1, 1) translateZ(1px);
  }
	100% {
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1) translateZ(1px);
  }
}

@-moz-keyframes mk_animate_pro_hover{
	0% {
    -ms-transform: scale(1, 1);
    transform: scale(1, 1) translateZ(1px);
  }
	100% {
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1) translateZ(1px);
  }
}

@-o-keyframes mk_animate_pro_hover {
	0% {
    -ms-transform: scale(1, 1);
    transform: scale(1, 1) translateZ(1px);
  }
	100% {
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1) translateZ(1px);
  }
}

@keyframes mk_animate_pro_hover {
	0% {
    -ms-transform: scale(1, 1);
    transform: scale(1, 1) translateZ(1px);
  }
	100% {
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1) translateZ(1px);
  }
}

/* ////////// Animation for Product IMAGE HOVER /////////// */
@-webkit-keyframes mk_animate_pro_img_hover {
	0% {
    -ms-transform: scale(1, 1);
    transform: scale(1, 1) translateZ(1px);
  }
	100% {
    -ms-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8) translateZ(1px);
  }
}

@-moz-keyframes mk_animate_pro_img_hover{
	0% {
    -ms-transform: scale(1, 1);
    transform: scale(1, 1) translateZ(1px);
  }
	100% {
    -ms-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8) translateZ(1px);
  }
}

@-o-keyframes mk_animate_pro_img_hover {
	0% {
    -ms-transform: scale(1, 1);
    transform: scale(1, 1) translateZ(1px);
  }
	100% {
    -ms-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8) translateZ(1px);
  }
}

@keyframes mk_animate_pro_img_hover {
	0% {
    -ms-transform: scale(1, 1);
    transform: scale(1, 1) translateZ(1px);
  }
	100% {
    -ms-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8) translateZ(1px);
  }
}
/*
.mk_product_loop_img_hover {
	-webkit-animation: mk_animate_pro_zoom_in 4s ease-out; 
	-moz-animation:    mk_animate_pro_zoom_in 4s ease-out; 
	-o-animation:      mk_animate_pro_zoom_in 4s ease-out; 
	animation:         mk_animate_pro_zoom_in 4s ease-out; 
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}

.mk_product_loop_img_container_hover {
	-webkit-animation: mk_animate_pro_img_hover 2s ease; 
	-moz-animation:    mk_animate_pro_img_hover 2s ease; 
	-o-animation:      mk_animate_pro_img_hover 2s ease; 
	animation:         mk_animate_pro_img_hover 2s ease; 
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}


.mkproducts li.product:hover {
	-webkit-animation: mk_animate_pro_hover 0.5s ease-in; 
	-moz-animation:    mk_animate_pro_hover 0.5s ease-in; 
	-o-animation:      mk_animate_pro_hover 0.5s ease-in; 
	animation:         mk_animate_pro_hover 0.5s ease-in; 
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	box-shadow: 0 0 8px rgba(0,0,0,0.1);
}
*/
.mk_search_submit {
	transition: all 2s;
}

ul.products li.product {
	/*transition: padding 1s;*/
}