@font-face {
    font-family: 'socicon';
    src: url('../font/socicon-webfont.eot');
    src: url('../font/socicon-webfont.eot') format('embedded-opentype'),
         url('../font/socicon-webfont.woff') format('woff'),
         url('../font/socicon-webfont.txt') format('woff2'),
         url('../font/socicon-webfont.ttf') format('truetype'),
         url('../font/socicon-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    text-transform: initial;
}

.socicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'socicon';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}
.socicon:empty{
    width: 1em;
}

.socicon-twitter:before { content: "a"; }
.socicon-facebook:before { content: "b"; }
.socicon-google:before { content: "c"; }
.socicon-pinterest:before { content: "d"; }
.socicon-foursquare:before { content: "e"; }
.socicon-yahoo:before { content: "f"; }
.socicon-skype:before { content: "g"; }
.socicon-yelp:before { content: "h"; }
.socicon-feedburner:before { content: "i"; }
.socicon-linkedin:before { content: "j"; }
.socicon-viadeo:before { content: "k"; }
.socicon-xing:before { content: "l"; }
.socicon-myspace:before { content: "m"; }
.socicon-soundcloud:before { content: "n"; }
.socicon-spotify:before { content: "o"; }
.socicon-grooveshark:before { content: "p"; }
.socicon-lastfm:before { content: "q"; }
.socicon-youtube:before { content: "r"; }
.socicon-vimeo:before { content: "s"; }
.socicon-dailymotion:before { content: "t"; }
.socicon-vine:before { content: "u"; }
.socicon-flickr:before { content: "v"; }
.socicon-500px:before { content: "w"; }
.socicon-instagram:before { content: "x"; }
.socicon-wordpress:before { content: "y"; }
.socicon-tumblr:before { content: "z"; }
.socicon-blogger:before { content: "A"; }
.socicon-technorati:before { content: "B"; }
.socicon-reddit:before { content: "C"; }
.socicon-dribbble:before { content: "D"; }
.socicon-stumbleupon:before { content: "E"; }
.socicon-digg:before { content: "F"; }
.socicon-envato:before { content: "G"; }
.socicon-behance:before { content: "H"; }
.socicon-delicious:before { content: "I"; }
.socicon-deviantart:before { content: "J"; }
.socicon-forrst:before { content: "K"; }
.socicon-playstore:before { content: "L"; }
.socicon-zerply:before { content: "M"; }
.socicon-wikipedia:before { content: "N"; }
.socicon-apple:before { content: "O"; }
.socicon-flattr:before { content: "P"; }
.socicon-github:before { content: "Q"; }
.socicon-chimein:before { content: "R"; }
.socicon-friendfeed:before { content: "S"; }
.socicon-newsvine:before { content: "T"; }
.socicon-identica:before { content: "U"; }
.socicon-bebo:before { content: "V"; }
.socicon-zynga:before { content: "W"; }
.socicon-steam:before { content: "X"; }
.socicon-xbox:before { content: "Y"; }
.socicon-windows:before { content: "Z"; }
.socicon-outlook:before { content: "1"; }
.socicon-coderwall:before { content: "2"; }
.socicon-tripadvisor:before { content: "3"; }
.socicon-appnet:before { content: "4"; }
.socicon-goodreads:before { content: "5"; }
.socicon-tripit:before { content: "6"; }
.socicon-lanyrd:before { content: "7"; }
.socicon-slideshare:before { content: "8"; }
.socicon-buffer:before { content: "9"; }
.socicon-rss:before { content: ","; }
.socicon-vkontakte:before { content: ";"; }
.socicon-disqus:before { content: ":"; }
.socicon-houzz:before { content: "+"; }
.socicon-mail:before { content: "@"; }
.socicon-patreon:before { content: "="; }
.socicon-paypal:before { content: "-"; }
.socicon-playstation:before { content: "^"; }
.socicon-smugmug:before { content: "¨"; }
.socicon-swarm:before { content: "$"; }
.socicon-triplej:before { content: "*"; }
.socicon-yammer:before { content: "&"; }
.socicon-stackoverflow:before { content: "("; }
.socicon-drupal:before { content: "#"; }
.socicon-odnoklassniki:before { content : ".";}
.socicon-android:before { content: "_"; }
.socicon-meetup:before { content: "]"; }
.socicon-persona:before { content: ")"; }


.soc-native .socicon-easid { background-color: #1ABC9C; }
.soc-native .socicon-twitter { background-color: #4da7de; }
.soc-native .socicon-facebook { background-color: #3e5b98; }
.soc-native .socicon-google { background-color: #d93e2d; }
.soc-native .socicon-pinterest { background-color: #c92619; }
.soc-native .socicon-foursquare { background-color: #23b7e0; }
.soc-native .socicon-yahoo { background-color: #6E2A85; }
.soc-native .socicon-skype { background-color: #28abe3; }
.soc-native .socicon-yelp { background-color: #c83218; }
.soc-native .socicon-feedburner { background-color: #FFCC00; }
.soc-native .socicon-linkedin { background-color: #3371b7; }
.soc-native .socicon-viadeo { background-color: #e4a000; }
.soc-native .socicon-xing { background-color: #005a60; }
.soc-native .socicon-myspace { background-color: #323232; }
.soc-native .socicon-soundcloud { background-color: #fe3801; }
.soc-native .socicon-spotify { background-color: #7bb342; }
.soc-native .socicon-grooveshark { background-color: #000000; }
.soc-native .socicon-lastfm { background-color: #d41316; }
.soc-native .socicon-youtube { background-color: #e02a20; }
.soc-native .socicon-vimeo { background-color: #51b5e7; }
.soc-native .socicon-dailymotion { background-color: #004e72; }
.soc-native .socicon-vine { background-color: #00b389; }
.soc-native .socicon-flickr { background-color: #1e1e1b; }
.soc-native .socicon-500px { background-color: #58a9de; }
.soc-native .socicon-instagram { background-color: #9c7c6e; }
.soc-native .socicon-wordpress { background-color: #464646; }
.soc-native .socicon-tumblr { background-color: #45556c; }
.soc-native .socicon-blogger { background-color: #ec661c; }
.soc-native .socicon-technorati { background-color: #5cb030; }
.soc-native .socicon-reddit { background-color: #e74a1e; }
.soc-native .socicon-dribbble { background-color: #e84d88; }
.soc-native .socicon-stumbleupon { background-color: #e64011; }
.soc-native .socicon-digg { background-color: #1d1d1b; }
.soc-native .socicon-envato { background-color: #597c3a; }
.soc-native .socicon-behance { background-color: #000000; }
.soc-native .socicon-delicious { background-color: #020202; }
.soc-native .socicon-deviantart { background-color: #c5d200; }
.soc-native .socicon-forrst { background-color: #5B9A68; }
.soc-native .socicon-play { background-color: #000000; }
.soc-native .socicon-zerply { background-color: #9DBC7A; }
.soc-native .socicon-wikipedia { background-color: #000000; }
.soc-native .socicon-apple { background-color: #B9BFC1; }
.soc-native .socicon-flattr { background-color: #F67C1A; }
.soc-native .socicon-github { background-color: #5380c0; }
.soc-native .socicon-chimein { background-color: #888688; }
.soc-native .socicon-friendfeed { background-color: #2F72C4; }
.soc-native .socicon-newsvine { background-color: #075B2F; }
.soc-native .socicon-identica { background-color: #000000; }
.soc-native .socicon-bebo { background-color: #EF1011; }
.soc-native .socicon-zynga { background-color: #DC0606; }
.soc-native .socicon-steam { background-color: #8F8D8A; }
.soc-native .socicon-xbox { background-color: #92C83E; }
.soc-native .socicon-windows { background-color: #00BDF6; }
.soc-native .socicon-outlook { background-color: #0072C6; }
.soc-native .socicon-coderwall { background-color: #3E8DCC; }
.soc-native .socicon-tripadvisor { background-color: #000000; }
.soc-native .socicon-netcodes { background-color: #2E3436; }
.soc-native .socicon-lanyrd { background-color: #3c80c9; }
.soc-native .socicon-slideshare { background-color: #4ba3a6; }
.soc-native .socicon-buffer { background-color: #000000; }
.soc-native .socicon-rss { background-color: #f26109; }
.soc-native .socicon-vkontakte { background-color: #5a7fa6; }
.soc-native .socicon-disqus { background-color: #2e9fff; }