/* Icon */
.effect-5 .fb:before,
.effect-5 .fb:after {
	content: "\f09a";
}
.effect-5 .fb:after {
	background-color:#DCAD65;
}
/* Github */
.effect-5 .dribbble:before,
.effect-5 .dribbble:after {
	content: "\f17d";
}
.effect-5 .dribbble:after {
	background-color: #F26798;
}

/* SU */
.effect-5 .su:before,
.effect-5 .su:after {
	content: "\f1a4";
}
.effect-5 .su:after {
	background-color: #5FBB4C;
}

/* Gplus */
.effect-5 .gplus:before,
.effect-5 .gplus:after {
	content: "\f0d5";
}
.effect-5 .gplus:after {
	background-color: #d34836;
}

/* Instagram */
.effect-5 .instagram:before,
.effect-5 .instagram:after {
	content: "\f16d";
}
.effect-5 .instagram:after {
	background-color: #DCAD65;
}

/* Twitter */
.effect-5 .twitter:before,
.effect-5 .twitter:after {
	content: "\f099";
}
.effect-5 .twitter:after {
	background-color: #4099ff;
}

/* RSS */
.effect-5 .rss:before,
.effect-5 .rss:after {
	content: "\f09e";
}
.effect-5 .rss:after {
	background-color: #FF9F5B;
}

/* Digg */
.effect-5 .digg:before,
.effect-5 .digg:after {
	content: "\f1a6";
}
.effect-5 .digg:after {
	background-color: #79BAFF;
}

/* Youtube */
.effect-5 .youtube:before,
.effect-5 .youtube:after {
	content: "\f167";
}
.effect-5 .youtube:after {
	background-color: #CF2200;
}

/* Vimeo */
.effect-5 .vimeo:before,
.effect-5 .vimeo:after {
	content: "\f27d";
}
.effect-5 .vimeo:after {
	background-color: #85C6FD;
}

/* Delicious */
.effect-5 .delicious:before,
.effect-5 .delicious:after {
	content: "\f1a5";
}
.effect-5 .delicious:after {
	background-color: #3F92DC;
}

/* Linkedin */
.effect-5 .linkedin:before,
.effect-5 .linkedin:after {
	content: "\f0e1";
}
.effect-5 .linkedin:after {
	background-color: #4698BD;
}

/* EFFECT */
.effect-5 a {
	-webkit-perspective: 300px;
	        perspective: 300px;
	background:none;
	overflow: visible !important;
}
.effect-5 a:before,
.effect-5 a:after {
	position: absolute;
	width: 100%;
    height: 100%;
	top: 0;
	left: 0;
}
.effect-5 a:after {
	color: #FFFFFF;
	opacity: 0;
	filter: alpha(opacity=0);
	z-index:2;
}
.effect-5 a:before {
	background-color: #EAEAEA;
	top: 0;
	left: 0;
}
.effect-5 a:hover:after{
	opacity: 1;
	filter: alpha(opacity=100);
}
/* UP */
.effect-5-1 a:before {
	-webkit-transform-origin-y: 100%;
	-ms-transform-origin-y: 100%;
}
.effect-5-1 a:after {
    -webkit-transform: rotateX(-90deg);
            transform: rotateX(-90deg);
	-webkit-transform-origin-y: 100%;
	-ms-transform-origin-y: 100%;
}
.effect-5-1 a:hover:before{
	-webkit-transform: rotateX(90deg);
	        transform: rotateX(90deg);
}
.effect-5-1 a:hover:after{
	-webkit-transform: rotateX(0);
	        transform: rotateX(0);
}

/* RIGHT */
.effect-5-2 a:before {
	-webkit-transform-origin-x: 0;
	-ms-transform-origin-x: 0;
}
.effect-5-2 a:after {
    -webkit-transform: rotateY(-90deg);
            transform: rotateY(-90deg);
    -webkit-transform-origin-x: 0;
    -ms-transform-origin-x: 0;
}
.effect-5-2 a:hover:before{
	-webkit-transform: rotateY(90deg);
	        transform: rotateY(90deg);
}
.effect-5-2 a:hover:after{
	-webkit-transform: rotateY(0);
	        transform: rotateY(0);
}

/* DOWN */
.effect-5-3 a:before {
	-webkit-transform-origin-y: 0;
	-ms-transform-origin-y: 0;
}
.effect-5-3 a:after {
    -webkit-transform: rotateX(90deg);
            transform: rotateX(90deg);
    -webkit-transform-origin-y: 0;
    -ms-transform-origin-y: 0;
}
.effect-5-3 a:hover:before{
	-webkit-transform: rotateX(-90deg);
	        transform: rotateX(-90deg);
}
.effect-5-3 a:hover:after{
	-webkit-transform: rotateX(0);
	        transform: rotateX(0);
}

/* LEFT */
.effect-5-4 a:before {
	-webkit-transform-origin-x: 100%;
	-ms-transform-origin-x: 100%;
}
.effect-5-4 a:after {
    -webkit-transform: rotateY(90deg);
            transform: rotateY(90deg);
    -webkit-transform-origin-x: 100%;
    -ms-transform-origin-x: 100%;
}
.effect-5-4 a:hover:before{
	-webkit-transform: rotateY(-90deg);
	        transform: rotateY(-90deg);
}
.effect-5-4 a:hover:after{
	-webkit-transform: rotateY(0);
	        transform: rotateY(0);
}