/* # Social Icons # */
#socialicons{position:relative;text-align:left;display:inline-block;margin:5px 20px 0 0;}
#socialicons > a:first-child{ margin-left:0;}
#socialicons>a{ margin-left:5px; margin-right:0; display:inline-block; width:36px; height:36px; float:left; overflow:hidden; position:relative;}
#socialicons>a span { width:36px; height:36px; overflow:hidden; position:absolute; display:none; }
#socialicons>a span.da-animate {-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}

/* # Social icons List # */
#social_facebook{ background:url(../images/social/facebook.png) no-repeat}
#social_facebook span{background:url(../images/social/facebook.png) no-repeat 0 -36px; }
#social_twitter{ background:url(../images/social/twitter.png) no-repeat  }
#social_twitter span{ background:url(../images/social/twitter.png) no-repeat 0 -36px; }
/* # Animation on Social Icons **/
.da-slideFromTop {left: 0px;top: -100%;}
.da-slideFromBottom {left: 0px;top: 100%;}
.da-slideFromLeft {top: 0px; left: -100%;}
.da-slideFromRight {top: 0px;left: 100%;}
/* Final state classes: */
.da-slideTop {top: 0px;}
.da-slideLeft {left: 0px;}