@font-face{font-family:'bontoolkit-social';src:url("fonts/bontoolkit-social.eot");src:url("fonts/bontoolkit-social.eot?#iefix") format("embedded-opentype"),url("fonts/bontoolkit-social.woff") format("woff"),url("fonts/bontoolkit-social.ttf") format("truetype"),url("fonts/bontoolkit-social.svg#bontoolkit-social") format("svg");font-weight:normal;font-style:normal}[data-icon]:before{font-family:'bontoolkit-social';content:attr(data-icon);speak:none;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased}[class^="bt-icon-"],[class*=" bt-icon-"]{font-family:'bontoolkit-social';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;*margin-right:.3em;-webkit-font-smoothing:antialiased}[class^="bt-icon-"]:before,[class*=" bt-icon-"]:before{text-decoration:inherit;display:inline-block;speak:none;margin:0;padding:0}.bt-icon-github:before{content:"\e000"}.bt-icon-flickr:before{content:"\e001"}.bt-icon-vimeo:before{content:"\e002"}.bt-icon-twitter:before{content:"\e003"}.bt-icon-facebook:before{content:"\e004"}.bt-icon-google:before,.bt-icon-googleplus:before{content:"\e005"}.bt-icon-pinterest:before{content:"\e006"}.bt-icon-tumblr:before{content:"\e007"}.bt-icon-linkedin:before{content:"\e008"}.bt-icon-dribbble:before{content:"\e009"}.bt-icon-stumbleupon:before{content:"\e00a"}.bt-icon-lastfm:before{content:"\e00b"}.bt-icon-rdio:before{content:"\e00c"}.bt-icon-spotify:before{content:"\e00d"}.bt-icon-spotify-2:before{content:"\e00e"}.bt-icon-qq:before{content:"\e00f"}.bt-icon-instagram:before{content:"\e010"}.bt-icon-dropbox:before{content:"\e011"}.bt-icon-evernote:before{content:"\e012"}.bt-icon-flattr:before{content:"\e013"}.bt-icon-skype:before{content:"\e014"}.bt-icon-renren:before{content:"\e015"}.bt-icon-sina-weibo:before{content:"\e016"}.bt-icon-paypal:before{content:"\e017"}.bt-icon-picasa:before{content:"\e018"}.bt-icon-soundcloud:before{content:"\e019"}.bt-icon-mixi:before{content:"\e01a"}.bt-icon-behance:before{content:"\e01b"}.bt-icon-circles:before{content:"\e01c"}.bt-icon-vk:before{content:"\e01d"}.bt-icon-steam:before{content:"\e01e"}.bt-icon-wordpress:before{content:"\e01f"}.bt-icon-blogger:before{content:"\e020"}.bt-icon-reddit:before{content:"\e021"}.bt-icon-foursquare:before{content:"\e022"}.bt-icon-forrst:before{content:"\e023"}.bt-icon-youtube:before{content:"\e024"}.bt-icon-rss:before{content:"\e025"}.bt-icon-delicious:before{content:"\e026"}.bt-icon-heart:before{content:"\f004"}.bt-icon-heart-empty:before{content:"\f08a"}
.os-social ul{
	list-style: none;
	margin: 0;
	float: left;
	padding:0;
}
.os-social ul li{
	text-decoration: none;
	float: left;
	position: relative;
}
.os-social img{
	height:50px;
}

.os-social li a{
	display: block;
    font-size: 19px;
    height: 42px;
    padding: 10px;
    width: 42px;
	text-align:center;
	border-radius: 3px;
	margin: 0 7px 7px 0;
}

.os-social li a:hover{
	text-decoration: none;
	color:#fff;
}
.os-social li a i {
	color:#fff;
}
.os-social li a [class^="icon-"]{
	font-size: 22px;
	position: relative;
	top: 12px;
	left: 12px;
}
.os-social ul li .above{
	position: absolute;
	top: -54px;
	left:0px;
	background: #fff;
	opacity: 0;
	filter: alpha(opacity = 0);
	text-align: center;
	font-size: 14px;
	padding: 10px;
} 
.os-social ul li .above:before{
	position: absolute;
	top: 40px;
	left: 21px;
	//opacity: 0;
	border-left: 5px solid #fff;
	border-top:5px solid #fff;
	border-right: 5px solid #333333;
	border-bottom:5px solid #333333;
	content: "";
} 
.os-social ul li:hover a{
	width: 42px;
	height: 42px;
	transition:All 0.3s ease;
	-webkit-transition:All 0.4s ease;
	-moz-transition:All 0.4s ease;
	-o-transition:All 0.4s ease;
	-webkit-transform: rotateY(360deg);
	-moz-transform: rotateY(360deg);
	-ms-transform: rotateY(360deg);
	transform: rotateY(360deg);
	perspective: 300px;
    -moz-perspective: 300px;
    -webkit-perspective: 300px;
    -o-perspective: 300px;
    -ms-perspective: 300px;
}
.os-social ul li:hover .above{
	opacity: 1;
	filter: alpha(opacity = 100);
}
.os-social a.wordpress {
    background-color: #21759b;
}
.os-social a.forrst {
    background-color: #5b9a68;
}
.os-social a.foursquare {
    background-color: #25a0ca;
}
.os-social a.delicious {
    background-color: #205cc0;
}
.os-social a.blogger {
    background-color: #fc4f08;
}
.os-social a.behance {
    background-color: #053eff;
}
.os-social a.twitter {
    background-color: #00aced;
}
.os-social a.dribbble {
    background-color: #ea4c89;
}
.os-social a.facebook {
    background-color: #3b5998;
}
.os-social a.vimeo {
    background-color: #aad450;
}
.os-social a.tumblr {
    background-color: #32506d;
}
.os-social a.linkedin {
    background-color: #007bb6;
}
.os-social a.flickr {
    background-color: #ff0084;
}
.os-social a.google {
    background-color: #dd4b39;
}
.os-social a.rss {
    background-color: #ff6600;
}
.os-social a.youtube {
    background-color: #bb0000;
}
.os-social a.pinterest {
    background-color: #cb2027;
}
.os-social a.stumbleupon {
    background-color: #f74425;
}
.os-social a.rdio {
    background-color: #008fd5;
}
.os-social a.spotify {
    background-color: #81b71a;
}