@charset "utf-8";
/* CSS Document */
*[wfani]{display:block; position:relative; text-decoration:none;}
*[wfani] *{z-index:0 !important;}
*[wfani]:before,
*[wfani]:after{
	display:block;
	position:absolute;
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
		-ms-transition: all .3s ease;
		 -o-transition: all .3s ease;
			transition: all .3s ease;
}
*[wfani]:before{z-index:2;}
*[wfani]:after{z-index:3;}

*[wfani~="icon-link"]:after{
	font-family:FontAwesome;
	content:"\f0c1";
	font-size:26px;	
	text-align:center;	
	line-height:26px;
	height:26px;
	width:26px;
	padding:10px;	

	background-color:rgba(255,255,255,.5);
	-webkit-border-radius:50%;
	   -moz-border-radius:50%;
			border-radius:50%;
		-webkit-opacity:0;
		   -moz-opacity:0;
				opacity:0;
		
		left:50%;
		top:50%;
		-webkit-transform:translate(-50%,-50%) scale(2.5,2.5);
		   -moz-transform:translate(-50%,-50%) scale(2.5,2.5);
			 -o-transform:translate(-50%,-50%) scale(2.5,2.5);
			-ms-transform:translate(-50%,-50%) scale(2.5,2.5);
				transform:translate(-50%,-50%) scale(2.5,2.5);
}
*[wfani~="icon-link"]:hover:after{
	color:#111;
		
	-webkit-opacity:1;
	   -moz-opacity:1;
			opacity:1;
				
	-webkit-transform:translate(-50%,-50%) scale(1,1);
	   -moz-transform:translate(-50%,-50%) scale(1,1);
		 -o-transform:translate(-50%,-50%) scale(1,1);
		-ms-transform:translate(-50%,-50%) scale(1,1);
			transform:translate(-50%,-50%) scale(1,1);
}

*[wfani~="inner-shadow"]:hover:before{
	content:" ";
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	-webkit-box-shadow:inset 1px 1px 100px rgba(0,0,0,.6);
	   -moz-box-shadow:inset 1px 1px 100px rgba(0,0,0,.6);
			box-shadow:inset 1px 1px 100px rgba(0,0,0,.6);
}

*[wfani~="rotate"]{
	overflow:hidden;
}
*[wfani~="rotate"]>*{
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
		-ms-transition: all .3s ease;
		 -o-transition: all .3s ease;
			transition: all .3s ease;
}
*[wfani~="rotate"]:hover>*,
*[wfani~="rotate"]>*:hover{
	-webkit-transform: scale(1.05) rotate(1deg);
       -moz-transform: scale(1.05) rotate(1deg);
		 -o-transform: scale(1.05) rotate(1deg);
    	-ms-transform: scale(1.05) rotate(1deg);
			transform: scale(1.1) rotate(1deg);
}

*[wfani~="icon-glass"]:after{
	font-family:FontAwesome;
	content:"\f002";
	font-size:26px;	
	text-align:center;	
	line-height:26px;
	height:26px;
	width:26px;
	padding:10px;	

	background-color:rgba(255,255,255,.5);
	-webkit-border-radius:4px;
	   -moz-border-radius:4px;
			border-radius:4px;
		-webkit-opacity:0;
		   -moz-opacity:0;
				opacity:0;
		
		left:50%;
		top:50%;
		-webkit-transform:translate(-50%,-50%) scale(2.5,2.5);
		   -moz-transform:translate(-50%,-50%) scale(2.5,2.5);
			 -o-transform:translate(-50%,-50%) scale(2.5,2.5);
			-ms-transform:translate(-50%,-50%) scale(2.5,2.5);
				transform:translate(-50%,-50%) scale(2.5,2.5);
}
*[wfani~="icon-glass"]:hover:after{
	color:#111;
		
	-webkit-opacity:1;
	   -moz-opacity:1;
			opacity:1;
				
	-webkit-transform:translate(-50%,-50%) scale(1,1);
	   -moz-transform:translate(-50%,-50%) scale(1,1);
		 -o-transform:translate(-50%,-50%) scale(1,1);
		-ms-transform:translate(-50%,-50%) scale(1,1);
			transform:translate(-50%,-50%) scale(1,1);
}