/******************************************
***          YT Framework: CSS          ***
*******************************************/

/*   General style    */

a{
	-webkit-transition: color 0.15s ease-in-out 0s;
	-moz-transition: color 0.15s ease-in-out 0s;
	-o-transition: color 0.15s ease-in-out 0s;
	-ms-transition: color 0.15s ease-in-out 0s;
	transition: color 0.15s ease-in-out 0s;	
}


button,.btn{
	-webkit-transition: background 0.3s ease-in-out 0s;
	-moz-transition: background 0.3s ease-in-out 0s;
	-o-transition: background 0.3s ease-in-out 0s;
	-ms-transition: background 0.3s ease-in-out 0s;
	transition: background 0.5s ease-in-out 0s;	
}
.mod-finder-searchform div.finder .search-query{
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-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;	
}
div.k2TagCloudBlock a > span,
.tagspopular a > span{
	-webkit-transition: all 0.5s ease-in-out 0s;
	-moz-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;	
}
.switch-layout .switch,
div.catItemNav{
	-webkit-transition: all 0.4s ease-in-out 0s;
	-moz-transition: all 0.4s ease-in-out 0s;
	-o-transition: all 0.4s ease-in-out 0s;
	-ms-transition: all 0.4s ease-in-out 0s;
	transition: all 0.4s ease-out 0.1s;	
}
.sj-k2-responsive-content .responsive-content-box-inner .item-caption,
span.itemImage .zoom + img{
	-webkit-transition: background 0.3s ease-in-out 0s;
	-moz-transition: background 0.3s ease-in-out 0s;
	-o-transition: background 0.3s ease-in-out 0s;
	-ms-transition: background 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;	
}
div.latestItemView span.latestItemImage:after,
div.article-text div.item-image:after,
div.userItemView span.userItemImage:after{
	-webkit-transition: all 0.4s ease-in-out 0s;
	-moz-transition: all 0.4s ease-in-out 0s;
	-o-transition: all 0.4s ease-in-out 0s;
	-ms-transition: all 0.4s ease-in-out 0s;
	transition: all 0.4s ease-out 0s;	
}

/* Animation Sj Responsive Content*/
.sj-k2-responsive-content .responsive-content-box-inner div.mask{
	-webkit-transition: all 800ms cubic-bezier(0.785, 0, 0.155, 1); /* older webkit */
	-webkit-transition: all 800ms cubic-bezier(0.785, -0.240, 0.155, 1.280);
	   -moz-transition: all 800ms cubic-bezier(0.785, -0.240, 0.155, 1.280);
	    -ms-transition: all 800ms cubic-bezier(0.785, -0.240, 0.155, 1.280);
	     -o-transition: all 800ms cubic-bezier(0.785, -0.240, 0.155, 1.280);
		transition: all 800ms cubic-bezier(0.785, -0.240, 0.155, 1.280); /* custom */	
}
.sj-k2-responsive-content .responsive-content-box-inner div.mask div.item-readmore,
span.itemImage .zoom{
	-webkit-transition: all 0.5s ease-in-out 0.5s;
	-moz-transition: all 0.4s ease-in-out 0.5s;
	-o-transition: all 0.4s ease-in-out 0.5s;
	-ms-transition: all 0.5s ease-in-out 0.5s;
	transition: all 0.5s ease-in-out 0.5s;	
	-webkit-transition-timing-function: cubic-bezier(0.680, 0, 0.265, 1); /* older webkit */
	-webkit-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550);
	   -moz-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550);
	    -ms-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550);
	     -o-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550);
		transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550); /* easeInOutBack */
	opacity: 0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
	filter: alpha(opacity=0);					
}
.sj-k2-responsive-content .responsive-content-box-inner:hover div.mask div.item-readmore{
	opacity: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
	filter: alpha(opacity=100);					
}

/* Animation Social*/
@-moz-keyframes bubble{
0% { -moz-transform:scale(0.5)}
50% { -moz-transform:scale(1.2)}
100% { -moz-transform:scale(1)}
}

@-webkit-keyframes bubble{
0% { -webkit-transform:scale(0)}
50% { -webkit-transform:scale(1.2)}
100% { -webkit-transform:scale(1)}
}

@-o-keyframes bubble{
0% { -o-transform:scale(0)}
50% { -o-transform:scale(1.2)}
100% { -o-transform:scale(1)}
}

@-ms-keyframes bubble{
0% { -ms-transform:scale(0)}
50% { -ms-transform:scale(1.2)}
100% { -ms-transform:scale(1)}
}

@keyframes bubble{
0% { transform:scale(0)}
50% { transform:scale(1.2)}
100% { transform:scale(1)}
}