/* Using CSS3 for some visual enhancements. (Will be degraded nicely for non-CSS3 browsers.)*/

#shopping-cart-table .product-image img,
#shopping-cart-table .product-image:hover img,
#crosssell-products-list .item:hover .product-image img,
#crosssell-products-list .item .product-image img,
.block-basic-products .item:hover .product-image a img,
.block-basic-products .item .product-image a img,
.yt-bannertop .banner-top2 ul li a.banner-top2-img:before,
.yt-bannertop .banner-top2 ul li:hover a.banner-top2-img:before,
.products-list .product-image img,
.products-list .product-image:hover img,

.yt-product-detail .custom-btn a:before,
.yt-product-detail .custom-btn:hover a:before,
.yt-product-detail .email-friend:hover a:before,
.yt-product-detail .add-to-links li:hover a:before,
.yt-product-detail .email-friend a:before,
.yt-product-detail .add-to-links li a:before,
.under-spotlight .payment ul li,
.under-spotlight .payment ul li:hover,
.spotlight-wrap .spotlight1 ul li:hover,
.spotlight-wrap .spotlight1 ul li,
.yt-slider-logo .container-slider .page-button .control-button li,
.yt-slider-logo .container-slider .page-button .control-button li:hover,
.yt-slider .container-slider .page-button .control-button li:hover,
.yt-slider .container-slider .page-button .control-button li,
.yt-tab-listing .respl-items .respl-loadmore .respl-loadmore-btn,
.yt-tab-listing .respl-items .respl-loadmore .respl-loadmore-btn:hover,
.yt-tab-listing .respl-tabs-wrap ul li.respl-tab:hover,
.yt-tab-listing .respl-tabs-wrap ul li.respl-tab,
#yt_wrapper .mini-cartpro .block-content .bottom-action .button:hover,
#yt_wrapper .mini-cartpro .block-content .bottom-action .button,
.mini-cartpro .block-content .mini-products-list li.item a.btn-edit:hover,
.mini-cartpro .block-content .mini-products-list li.item a.btn-edit,
.mini-cartpro .block-content .mini-products-list li.item a.btn-remove:hover,
.mini-cartpro .block-content .mini-products-list li.item a.btn-remove,
#yt_header .yt-menu .sm_megamenu_wrapper_horizontal_menu .sm_megamenu_menu .mega-productypes .sm_megamenu_col_6 .sm_megamenu_title a:hover .sm_megamenu_title_lv3,
#yt_header .yt-menu .sm_megamenu_wrapper_horizontal_menu .sm_megamenu_menu .mega-productypes .sm_megamenu_col_6 .sm_megamenu_title a .sm_megamenu_title_lv3,
#yt_header .yt-menu .sm_megamenu_wrapper_horizontal_menu .sm_megamenu_menu .mega-sub-cate li a:hover,
#yt_header .yt-menu .sm_megamenu_wrapper_horizontal_menu .sm_megamenu_menu .mega-sub-cate li a,
#yt_header .yt-menu .sm_megamenu_wrapper_horizontal_menu .sm_megamenu_menu .sm_megamenu_col_1 .sm_megamenu_title a:hover span,
#yt_header .yt-menu .sm_megamenu_wrapper_horizontal_menu .sm_megamenu_menu .sm_megamenu_col_1 .sm_megamenu_title a span,
#yt_header .yt-menu .sm_megamenu_wrapper_horizontal_menu ul li.sm_megamenu_lv1 > a .sm_megamenu_icon,
#yt_header .yt-menu .sm_megamenu_wrapper_horizontal_menu ul li.sm_megamenu_lv1 > a:hover .sm_megamenu_icon,
#yt_header .yt-menu .sm_megamenu_wrapper_horizontal_menu ul li.sm_megamenu_lv1 > a:hover,
#yt_header .yt-menu .sm_megamenu_wrapper_horizontal_menu ul li.sm_megamenu_lv1 > a,
.yt-menu-nav #nav > li > a:hover,
.yt-menu-nav #nav > li > a,
.yt-menu-nav #nav > li:hover > a > span,
.yt-menu-nav #nav > li > a > span,
#yt_header .header-top-right #search_mini_form .form-search #search,
#yt_header .header-top-right #search_mini_form:hover .form-search #search,
.toolbar .pagination-wrap .pagination .pages ol li a,
.toolbar .pagination-wrap .pagination .pages ol li a:hover,
.toolbar .sort-by .set-desc:hover,
.toolbar .sort-by .set-asc:hover,
.toolbar .sort-by .set-desc,
.toolbar .sort-by .set-asc
{
	-moz-transition: all 0.2s ease-in-out 0s;
	-webkit-transition: all 0.2s ease-in-out 0s;
	-o-transition: all 0.2s ease-in-out 0s;
	-ms-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;
}

.banner-metro .banner .banner-content:hover img,
.banner-metro .banner .banner-content img,
#yt_main .banner-violet .banner-violet-inner:hover img,
#yt_main .banner-violet .banner-violet-inner img,

#crosssell-products-list .item:hover .product-image:before,
#crosssell-products-list .item .product-image:before,
.block-basic-products .item .product-image a:before,
.block-basic-products .item:hover .product-image a:before,

.products-grid .item .product-addto-wrap .btn-addto:hover,
.products-grid .item .product-addto-wrap .btn-addto,
.products-grid .item-inner:hover .bg-hover-grid,
.products-grid .item-inner .bg-hover-grid,
.products-grid .item-inner:hover .product-addto-wrap,
.products-grid .item-inner .product-addto-wrap{
	-moz-transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}

.onpen-sidebar #yt_wrapper,
#yt_wrapper,
.yt_ressidebar_screennav,
ul.nav-menu li.parent > .res-wrapnav,
ul.nav-menu li.parent.open > .res-wrapnav{
	-moz-transition: all 0.5s ease-in-out 0s;
	-webkit-transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.5s ease-in-out 0s;
	-ms-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
}

/*#shopping-cart-table .product-image:hover img,*/
.products-list .product-image:hover img,
.banner-metro .banner .banner-content:hover img,
#yt_main .banner-violet .banner-violet-inner:hover img{
	transform: scale(1.1) rotate(0deg);
	-ms-transform: scale(1.1) rotate(0deg);
	-moz-transform: scale(1.1) rotate(0deg);
	-webkit-transform: scale(1.1) rotate(0deg);
	-o-transform: scale(1.1) rotate(0deg);
}

#crosssell-products-list .item:hover .product-image img,
.block-basic-products .item:hover .product-image a img{
	transform: scale(1.1) rotate(1.3deg);
	-ms-transform: scale(1.1) rotate(1.3deg);
	-moz-transform: scale(1.1) rotate(1.3deg);
	-webkit-transform: scale(1.1) rotate(1.3deg);
	-o-transform: scale(1.1) rotate(1.3deg);	
}
.yt-bannertop .banner-top2 ul li:hover a.banner-top2-img img {	
	transform: rotateY(360deg); /* opera not support rotateX */
	-ms-transform: rotateY(360deg); 
	-moz-transform: rotateY(360deg);
	-webkit-transform: rotateY(360deg);
	-o-transform: rotateY(360deg); 	
}
.yt-bannertop .banner-top2 ul li:hover a.banner-top2-img img,
.yt-bannertop .banner-top2 ul li a.banner-top2-img img
	{
	-moz-transition: all 0.5s ease-in-out 0s;
	-webkit-transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.5s ease-in-out 0s;
	-ms-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
}
/* Pulse Grow */

@-webkit-keyframes pulse-grow {
  to {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}

@keyframes pulse-grow {
  to {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
}

.pulse-grow {
  display: inline-block;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.pulse-grow:hover {
  -webkit-animation-name: pulse-grow;
  animation-name: pulse-grow;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}
.container-slider .slider .item .item-img img:hover{
	-webkit-animation-name: pulse-grow;
	animation-name: pulse-grow;
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	animation-direction: alternate;
}

/* Pop */

@-webkit-keyframes pop {
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes pop {
  50% {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
.pop {
  display: inline-block;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.pop:hover {
  -webkit-animation-name: pop;
  animation-name: pop;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
.banner-violet .banner-violet-inner .detail:hover,
.banner-metro .banner .banner-desc .detail:hover{
	/*opacity: 0.5;
	filter:alpha(opacity = 50);*/
	animation-duration: 0.3s;
    animation-iteration-count: 1;
    animation-name: pop;
    animation-timing-function: linear;
	-webkit-animation-name:pop;
	-webkit-animation-duration:0.3s;
}