/** SOCIAL MENU 

**/
.social { padding: 0;  }
.social ul { margin: 0; padding: 5px; }
.social ul li { margin: 5px; list-style: none outside none; display: inline-block; }
.social i { color: #2788b9; background: rgba(255, 255, 255, 1) none repeat scroll 0 0; width: 40px; height: 40px; font-size: 20px; line-height: 40px; text-align:center;  border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; transition: all ease 0.3s; -moz-transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; }
.social i:hover { color: #FFF; text-decoration: none; transition: all ease 0.3s; -moz-transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); }
.social .fa-facebook:hover { /* round facebook icon*/ background: #4060A5; }
.social .fa-twitter:hover { /* round twitter icon*/ background: #00ABE3; }
.social .fa-google-plus:hover { /* round google plus icon*/ background: #e64522; }
.social .fa-github:hover { /* round github icon*/ background: #343434; }
.social .fa-pinterest:hover { /* round pinterest icon*/ background: #cb2027; }
.social .fa-linkedin:hover { /* round linkedin icon*/ background: #0094BC; }
.social .fa-flickr:hover { /* round flickr icon*/ background: #FF57AE; }
.social .fa-instagram:hover { /* round instagram icon*/    background: #375989;}
.social .fa-vimeo-square:hover { /* round vimeo square icon*/    background: #83DAEB;}
.social .fa-stack-overflow:hover { /* round stack overflow icon*/    background: #FEA501;}
.social .fa-dropbox:hover { /* round dropbox icon*/    background: #017FE5;}
.social .fa-tumblr:hover { /* round tumblr icon*/    background: #3a5876;}
.social .fa-dribbble:hover { /* round dribble icon*/    background: #F46899;}
.social .fa-skype:hover { /* round skype icon*/    background: #00C6FF;}
.social .fa-stack-exchange:hover { /* round stack exchange icon*/    background: #4D86C9;}
.social .fa-youtube:hover { /* round youtube icon*/    background: #FF1F25;}
.social .fa-xing:hover { /* round xing icon*/    background: #005C5E;}
.social .fa-rss:hover { /* round rss icon*/    background: #e88845;}
.social .fa-foursquare:hover { /* round foursquare icon*/    background: #09B9E0;}
.social .fa-youtube-play:hover { /* round youtube play button icon*/    background: #DF192A;}
.social .fa-envelope:hover { /* round youtube play button icon*/    background: #666;}