/* # Social Icons # */
#socialicons{ position:relative; text-align:left;display:inline-block; }
#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/image_livre.png")-38px -51px;}
#social_facebook span{background:url("../images/image_livre.png") no-repeat -38px -88px;}
#social_twitter{ background:url("../images/image_livre.png") no-repeat -149px -51px;}
#social_twitter span{ background:url("../images/image_livre.png") no-repeat -149px -88px;}
#social_youtube{ background:url("../images/image_livre.png") no-repeat -186px -51px;}
#social_youtube span{ background:url("../images/image_livre.png") no-repeat -186px -88px;}
/* # 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;}