@font-face { font-family: 'euged_social'; src: url("../fonts/icomoon/euged_social.eot"); src: url("../fonts/icomoon/euged_social.eot?#iefix") format("embedded-opentype"), url("../fonts/icomoon/euged_social.woff") format("woff"), url("../fonts/icomoon/euged_social.ttf") format("truetype"), url("../fonts/icomoon/euged_social.svg#euged_social") format("svg"); font-weight: normal; font-style: normal; }


/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before { font-family: 'euged_social'; content: attr(data-icon); speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; }

/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"] {
*/
.social-behance, .social-deviantart, .social-dribbble, .social-facebook, .social-flickr, .social-forrst, .social-github, .social-googleplus, .social-instagram, .social-lastfm, .social-linkedin, .social-pinterest, .social-rss, .social-soundcloud, .social-tumblr, .social-twitter, .social-vimeo, .social-wordpress, .social-youtube { font-family: 'euged_social'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1;}

.social-behance:before { content: "\e000"; }

.social-deviantart:before { content: "\e001"; }

.social-dribbble:before { content: "\e002"; }

.social-facebook:before { content: "\e003"; }

.social-flickr:before { content: "\e004"; }

.social-forrst:before { content: "\e005"; }

.social-github:before { content: "\e006"; }

.social-googleplus:before { content: "\e007"; }

.social-instagram:before { content: "\e008"; }

.social-lastfm:before { content: "\e009"; }

.social-linkedin:before { content: "\e00a"; }

.social-pinterest:before { content: "\e00b"; }

.social-rss:before { content: "\e00c"; }

.social-soundcloud:before { content: "\e00d"; }

.social-tumblr:before { content: "\e00e"; }

.social-twitter:before { content: "\e00f"; }

.social-vimeo:before { content: "\e010"; }

.social-wordpress:before { content: "\e011"; }

.social-youtube:before { content: "\e012"; }



/****************************************************
* Social Icons
****************************************************/
.social-icon { float:left;display: block; text-align: center; text-decoration:none; width: 30px; line-height: 10px; color: #fff; }
.social-icon2 {
    background-color: #E6E6E6;
    color: #808080;
    display: block;
    float: left;
    height: 20px;
    line-height: 40px;
    padding: 5px;
    text-align: center;
    text-decoration: none;
    width: 20px;
}
.social-icon:hover { color: #FFF !important; background-color: #e6e6e6; }
.social-icon.behance:hover { background-color: #1769FF !important; }
.social-icon.deviantart:hover { background-color: #B3C432 !important; }
.social-icon.dribbble:hover { background-color: #ea4c89 !important; }
.social-icon.facebook:hover { color: #3664A2 !important; background-color: transparent!important;}
.social-icon.flickr:hover { background-color: #ff0084 !important; }
.social-icon.forrst:hover { background-color: #4fb64b !important; }
.social-icon.github:hover { background-color: #444444 !important; }
.social-icon.googleplus:hover { background-color: #dd4b39 !important; }
.social-icon.instagram:hover { color: #e95950 !important; background-color: transparent!important;}
.social-icon.lastfm:hover { background-color: #D51007 !important; }
.social-icon.linkedin:hover { background-color: #007bb6 !important; }
.social-icon.pinterest:hover { background-color: #cb2027 !important; }
.social-icon.rss:hover { background-color: #FB9E3A !important; }
.social-icon.soundcloud:hover { background-color: #ff6600 !important; }
.social-icon.tumblr:hover { background-color: #2c4762 !important; }
.social-icon.twitter:hover { color: #00aced !important; background-color: transparent!important;}
.social-icon.vimeo:hover { background-color: #44bbff !important; }
.social-icon.wordpress:hover { background-color: #21759b !important; }
.social-icon.youtube:hover { background-color: #cc181e !important; }
-