/* List version */

.containerSocialBarList {
width: 100%;
padding: 0;
margin: 0;
}

.containerSocialBarList > li {
position: relative;
margin: 2% 0 0 0;
overflow: hidden;
min-height: 40px;
line-height: 0;
}

.containerSocialBarList > li > a { display: block; }

.containerSocialBarList > li > a > i {
width: 40px;
height: 40px;
line-height: 40px;
display: inline-block;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
}

.containerSocialBarIcons > li > a, 
.containerSocialBarIcons > li > a:hover,
.containerSocialBarList > li > a, 
.containerSocialBarList > li > a:hover, 
.containerSocialBarList > li > a > span { color: #fff !important; }
.containerSocialBarList li:first-child { margin: 0; }

.containerSocialBarList > li > a > span {
width: 100%;
background-color: rgba( 0, 0, 0, 0.1 );
margin-left: 40px;
bottom: 0;
left: 0;
z-index: 1;
position: absolute;
padding: 20px 14px 20px 10px;
font-size: 14px;
transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
}

.containerSocialBarList > li > a > i {
transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
}

.containerSocialBarList > li:hover > a > span { margin: 0 0 0 50px; }
.containerSocialBarList > li:hover > a > i { width: 50px; }

.containerSocialBarList .facebookSocialLink { background-color: #3a579a; }
.containerSocialBarList .facebookSocialLink:hover { background-color: #314a83; }
.containerSocialBarList .twitterSocialLink { background-color: #00abf0; }
.containerSocialBarList .twitterSocialLink:hover { background-color: #0092cc; }
.containerSocialBarList .googleSocialLink { background-color: #df4a32; }
.containerSocialBarList .googleSocialLink:hover { background-color: #be3f2b; }
.containerSocialBarList .pinterestSocialLink { background-color: #ca2128; }
.containerSocialBarList .pinterestSocialLink:hover { background-color: #a72227; }
.containerSocialBarList .instagramSocialLink { background-color: #3f729b; }
.containerSocialBarList .instagramSocialLink:hover { background-color: #345c7c; }
.containerSocialBarList .soundcloudSocialLink { background-color: #ff8800; }
.containerSocialBarList .soundcloudSocialLink:hover { background-color: #e78310; }
.containerSocialBarList .youtubeSocialLink { background-color: #ff3635; }
.containerSocialBarList .youtubeSocialLink:hover { background-color: #da302f; }
.containerSocialBarList .viadeoSocialLink { background-color: #D64928; }
.containerSocialBarList .viadeoSocialLink:hover { background-color: #FF5F49; }
.containerSocialBarList .linkedInSocialLink { background-color: #127bb6; }
.containerSocialBarList .linkedInSocialLink:hover { background-color: #0f699b; }
.containerSocialBarList .rssLink { background-color: #f59038; }
.containerSocialBarList .rssLink:hover { background-color: #e1802c; }

.followusHorizontal img {
width: 50px;
height: auto;
}

/* Icon version */

.containerSocialBarIcons { padding: 0; }

.containerSocialBarIcons li {
display: inline-block;
margin-right: 15px;
margin-bottom: 15px;
}

.containerSocialBarIcons li a {
display: block;
width: 40px;
height: 40px;
color: #fff;
text-align: center;
line-height: 40px;
opacity: 0.85;
font-size: 20px;
}

.containerSocialBarIcons li a:hover { opacity: 1; }

.containerSocialBarIcons .facebookSocialLink a { background-color: #314a83; }
.containerSocialBarIcons .twitterSocialLink a { background-color: #0092cc; }
.containerSocialBarIcons .googleSocialLink a { background-color: #be3f2b; }
.containerSocialBarIcons .pinterestSocialLink a { background-color: #a72227; }
.containerSocialBarIcons .instagramSocialLink a { background-color: #345c7c; }
.containerSocialBarIcons .soundcloudSocialLink a { background-color: #ff8800; }
.containerSocialBarIcons .youtubeSocialLink a { background-color: #da302f; }
.containerSocialBarIcons .linkedInSocialLink a { background-color: #0f699b; }
.containerSocialBarIcons .rssLink a { background-color: #e1802c; }