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

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

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

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


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

.twitter {
	display: inline-block;
	top: 0; left: 0; bottom: 0; right: 0;
	position: relative;
	text-indent: -9999px;
	width: 30px;
	height: 30px;
	background:url(icons/social_icons_dark.svg) no-repeat;
	background-position: -30px 0;
}

.twitter span {
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	background:url(icons/social_icons_dark.svg) no-repeat;
	background-position: -30px 0;
	opacity: 1;
	-webkit-transition: opacity 0.5s;
	-moz-transition:    opacity 0.5s;
	-o-transition:      opacity 0.5s;
}


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

.facebook {
	display: inline-block;
	position: relative;
	text-indent: -9999px;
	width: 30px;
	height: 30px;
	background:url(icons/social_icons_dark.svg) no-repeat;
	background-position:-30px -180px;
}

.facebook span {
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	background:url(icons/social_icons_dark.svg) no-repeat;
	background-position: -30px -180px;
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition:    opacity 0.5s;
	-o-transition:      opacity 0.5s;
}

.facebook:hover span {
	opacity: 1;
}


/* --------------- Pinterest */

.pinterest {
	display: inline-block;
	position: relative;
	text-indent: -9999px;
	width: 30px;
	height: 30px;
	background:url(icons/social_icons_dark.svg) no-repeat;
	background-position:0 -90px;
}

.pinterest span {
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	background:url(icons/social_icons_dark.svg) no-repeat;
	background-position: -30px -90px;
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition:    opacity 0.5s;
	-o-transition:      opacity 0.5s;
}

.pinterest:hover span {
	opacity: 1;
}



/* --------------- Blogger */

.blogger {
	display: inline-block;
	position: relative;
	text-indent: -9999px;
	width: 30px;
	height: 30px;
	background:url(icons/social_icons_dark.svg) no-repeat;
	background-position:0 -120px;
}

.blogger span {
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	background:url(icons/social_icons_dark.svg) no-repeat;
	background-position: -30px -120px;
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition:    opacity 0.5s;
	-o-transition:      opacity 0.5s;
}

.blogger:hover span {
	opacity: 1;
}



/* --------------- Lastfm */

.lastfm {
	display: inline-block;
	position: relative;
	text-indent: -9999px;
	width: 30px;
	height: 30px;
	background:url(icons/social_icons_dark.svg) no-repeat;
	background-position:0 -150px;
}

.lastfm span {
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	background:url(icons/social_icons_dark.svg) no-repeat;
	background-position: -30px -150px;
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition:    opacity 0.5s;
	-o-transition:      opacity 0.5s;
}

.lastfm:hover span {
	opacity: 1;
}


/* --------------- Google plus */

.googleplus{
	display: inline-block;
	position: relative;
	text-indent: -9999px;
	width: 30px;
	height: 30px;
	background:url(icons/social_icons_dark.svg) no-repeat;
	background-position:0 -270px;
}

.googleplus span {
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	background:url(icons/social_icons_dark.svg) no-repeat;
	background-position: -30px -270px;
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition:    opacity 0.5s;
	-o-transition:      opacity 0.5s;
}

.googleplus:hover span {
	opacity: 1;
}


/* --------------- Youtube */

.youtube{
	display: inline-block;
	position: relative;
	text-indent: -9999px;
	width: 30px;
	height: 30px;
	background:url(icons/social_icons_dark.svg) no-repeat;
	background-position:0 -360px;
}

.youtube span {
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	background:url(icons/social_icons_dark.svg) no-repeat;
	background-position: -30px -360px;
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition:    opacity 0.5s;
	-o-transition:      opacity 0.5s;
}

.youtube:hover span {
	opacity: 1;
}


/* --------------- Vimeo */

.vimeo{
	display: inline-block;
	position: relative;
	text-indent: -9999px;
	width: 30px;
	height: 30px;
	background:url(icons/social_icons_dark.svg) no-repeat;
	background-position:-30px -810px;
}

.vimeo span {
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	background:url(icons/social_icons_dark.svg) no-repeat;
	background-position: -30px -810px;
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition:    opacity 0.5s;
	-o-transition:      opacity 0.5s;
}

.vimeo:hover span {
	opacity: 1;
}



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

.instagram{
	display: inline-block;
	position: relative;
	text-indent: -9999px;
	width: 30px;
	height: 30px;
	background:url(icons/social_icons_dark.svg) no-repeat;
	background-position:-30px -840px;
}

.instagram span {
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	background:url(icons/social_icons_dark.svg) no-repeat;
	background-position: -30px -840px;
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition:    opacity 0.5s;
	-o-transition:      opacity 0.5s;
}

.instagram:hover span {
	opacity: 1;
}


/* --------------- Flickr */

.flickr{
	display: inline-block;
	position: relative;
	text-indent: -9999px;
	width: 30px;
	height: 30px;
	background:url(icons/social_icons_dark.svg) no-repeat;
	background-position:0 -900px;
}

.flickr span {
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	background:url(icons/social_icons_dark.svg) no-repeat;
	background-position: -30px -900px;
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition:    opacity 0.5s;
	-o-transition:      opacity 0.5s;
}

.flickr:hover span {
	opacity: 1;
}