/* Using CSS3 for some visual enhancements. (Will be degraded nicely for non-CSS3 browsers.)
opacity: 0; filter:alpha(opacity = 0);
*/



.toolbar .select-inner:hover ul,
.toolbar .select-inner ul,
.follow-us ul li a:hover img,
.follow-us ul li a img,
#yt_wrapper .yt-product-detail .add-to-cart .btn-cart:hover:before,
#yt_wrapper .yt-product-detail .add-to-cart .btn-cart:before,
.yt-product-detail .more-views.slide-gallery .prev,
.yt-product-detail .more-views.slide-gallery .next,
.yt-product-detail .more-views.slide-gallery .prev:hover,
.yt-product-detail .more-views.slide-gallery .next:hover,
.yt-slider-logo .sm-slider .page-button .control-button li:hover,
.yt-slider-logo .sm-slider .page-button .control-button li,
#yt_main_right .sm-slider .page-button .control-button li:hover,
#yt_main_right .sm-slider .page-button .control-button li,
.spotlight-wrap .spotlight ul li a:hover,
.spotlight-wrap .spotlight ul li a,
.yt-product-detail .tab-product-detail .yt-tab-navi > li:before,
.yt-product-detail .tab-product-detail .yt-tab-navi > li:hover:before,
.yt-product-detail .tab-product-detail .yt-tab-navi > li > a,
.yt-product-detail .tab-product-detail .yt-tab-navi > li > a:hover,
.block-tabs-product ul.tabs-product li a,
.block-tabs-product ul.tabs-product li a:hover,
.block-tabs-product ul.tabs-product li:before,
.block-tabs-product ul.tabs-product li:hover:before,
.category-products .item .product-addto-wrap .btn-addto:hover,
.category-products .item .product-addto-wrap .btn-addto,
.products-grid .item-inner:hover .product-addto-wrap,
.products-grid .item-inner .product-addto-wrap,
#yt_header .btn-head:hover,
#yt_header .btn-head,

.toolbar .pagination-wrap .pagination .pages ol li a,
.toolbar .pagination-wrap .pagination .pages ol li a: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;
}
.sm_megamenu_wrapper_vertical_menu .sm_megamenu_menu .sm_megamenu_dropdown_1column, 
.sm_megamenu_wrapper_vertical_menu .sm_megamenu_menu .sm_megamenu_dropdown_2columns, 
.sm_megamenu_wrapper_vertical_menu .sm_megamenu_menu .sm_megamenu_dropdown_3columns, 
.sm_megamenu_wrapper_vertical_menu .sm_megamenu_menu .sm_megamenu_dropdown_4columns,
.sm_megamenu_wrapper_vertical_menu .sm_megamenu_menu .sm_megamenu_dropdown_5columns,
.sm_megamenu_wrapper_vertical_menu .sm_megamenu_menu .sm_megamenu_dropdown_6columns,
.sm_megamenu_wrapper_vertical_menu .sm_megamenu_menu li:hover .sm_megamenu_dropdown_1column, 
.sm_megamenu_wrapper_vertical_menu .sm_megamenu_menu li:hover .sm_megamenu_dropdown_2columns, 
.sm_megamenu_wrapper_vertical_menu .sm_megamenu_menu li:hover .sm_megamenu_dropdown_3columns,
.sm_megamenu_wrapper_vertical_menu .sm_megamenu_menu li:hover .sm_megamenu_dropdown_4columns,
.sm_megamenu_wrapper_vertical_menu .sm_megamenu_menu li:hover .sm_megamenu_dropdown_5columns,
.sm_megamenu_wrapper_vertical_menu .sm_megamenu_menu li:hover .sm_megamenu_dropdown_6columns,
/*.sm_megamenu_wrapper_vertical_menu .sm_megamenu_menu li.other-toggle.open .sm_megamenu_dropdown_1column, 
.sm_megamenu_wrapper_vertical_menu .sm_megamenu_menu li.other-toggle.open .sm_megamenu_dropdown_2columns, 
.sm_megamenu_wrapper_vertical_menu .sm_megamenu_menu li.other-toggle.open.sm_megamenu_dropdown_3columns,
.sm_megamenu_wrapper_vertical_menu .sm_megamenu_menu li.other-toggle.open .sm_megamenu_dropdown_4columns,
.sm_megamenu_wrapper_vertical_menu .sm_megamenu_menu li.other-toggle.open.sm_megamenu_dropdown_5columns, 
.sm_megamenu_wrapper_vertical_menu .sm_megamenu_menu li.other-toggle.open .sm_megamenu_dropdown_6columns,*/


.products-grid .item-inner:hover .product-image .image-hover,
.products-grid .item-inner .product-image .image-hover,
.products-list .item-inner:hover .product-image .image-hover,
.products-list .item-inner .product-image .image-hover,

#yt_header #yt_menu_short .yt-menu-content,
#yt_header #yt_menu_short:hover .yt-menu-content
{
	-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;
}
.toolbar .select-inner ul
/*#yt_header #yt_menu_short .yt-menu-content*/{
	transform: scale(0) rotate(0deg);
	-ms-transform: scale(0) rotate(0deg);
	-moz-transform: scale(0) rotate(0deg);
	-webkit-transform: scale(0) rotate(0deg);
	-o-transform: scale(0) rotate(0deg);
}
.toolbar .select-inner:hover ul{
/*#yt_header #yt_menu_short:hover .yt-menu-content{*/
	transform: scale(1.0) rotate(0deg);
	-ms-transform: scale(1.0) rotate(0deg);
	-moz-transform: scale(1.0) rotate(0deg);
	-webkit-transform: scale(1.0) rotate(0deg);
	-o-transform: scale(1.0) rotate(0deg);
}
.follow-us ul li a:hover img{
	transform: scale(1.1) rotate(360deg);
	-ms-transform: scale(1.1) rotate(360deg);
	-moz-transform: scale(1.1) rotate(360deg);
	-webkit-transform: scale(1.1) rotate(360deg);
	-o-transform: scale(1.1) rotate(360deg);
}

#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); 	
}

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