@charset "UTF-8";
/* CSS Document */

/* ---------------

Sensational Fix Flat Social Icons
Author: Jorge Calvo García
Please read the license agreement.

---------------  */

.itwitter, .ifacebook, .itumblr, .iinstagram, .twitter_light, .facebook_light, .tumblr_light, .instagram_light {
	display: inline-block;
	position: relative;
	border:0; font: 0/0 a;
	text-shadow: none;
	color: transparent;
	width: 30px;
	height: 30px;
}

.itwitter, .ifacebook, .itumblr, .iinstagram, .itwitter span, .ifacebook span, .itumblr span, .iinstagram span {
	background:transparent url(../img/social.svg) no-repeat;
}

.twitter_light, .facebook_light, .tumblr_light, .instagram_light, .twitter_light span, .facebook_light span, .tumblr_light span, .instagram_light span {
	background:transparent url(../img/social_light.svg) no-repeat;
}

.itwitter span, .ifacebook span, .itumblr span, .iinstagram span, .twitter_light span, .facebook_light span, .tumblr_light span, .instagram_light span {
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition:    opacity 0.5s;
	-o-transition:      opacity 0.5s;
}

.itwitter:hover span, .ifacebook:hover span, .itumblr:hover span, .iinstagram:hover span, .twitter_light:hover span, .facebook_light:hover span, .tumblr_light:hover span, .instagram_light:hover span  {
	opacity: 1;
}

/* --------------- TWITTER */

.itwitter span, .twitter_light span {
	background-position: -30px 0;
}

/* --------------- Facebook */

.ifacebook, .facebook_light {
	background-position:0 -180px;
}

.ifacebook span, .facebook_light span {
	background-position: -30px -180px;
}


/* --------------- tumblr */

.itumblr, .tumblr_light {
	background-position:0 -540px;
}

.itumblr span, .tumblr_light span {
	background-position: -30px -540px;
}


/* --------------- Instagram */

.iinstagram, .instagram_light {
	background-position:0 -840px;
}

.iinstagram span, .instagram_light span {
	background-position: -30px -840px;
} 