.w-socials {
        }

        .w-socials-h {
        }

        .w-socials-list {
            margin-left: -5px;
            zoom: 1;
        }

            .w-socials-list:before, .w-socials-list:after {
                /* content: " "; */
                display: table;
            }

            .w-socials-list:after {
                clear: both;
            }

        .w-socials-item {
            float: left;
            margin-left: 5px;
            margin-bottom: 5px;
            position: relative;
            -webkit-transition: all 0.2s ease;
            -moz-transition: all 0.2s ease;
            -o-transition: all 0.2s ease;
            transition: all 0.2s ease;
        }

        .w-socials-item-link {
            display: block;
            height: 30px;
            width: 30px;
            text-align: center;
            text-decoration: none;
            border: none;
            overflow: hidden;
        }

            .w-socials-item-link i {
                font-size: 14px;
                line-height: 30px;
            }

        .w-socials-item-popup {
            display: none;
            position: absolute;
            bottom: 40px;
            left: -4px;
            padding: 2px 10px 4px;
            background: rgba(0,0,0,0.8);
        }

        .w-socials-item-popup-text:after {
            content: '';
            display: block;
            position: absolute;
            bottom: -6px;
            left: 12px;
            width: 0;
            height: 0;
            border-left: 6px solid transparent;
            border-right: 6px solid transparent;
        }

        .w-socials-item-popup-text {
            font-size: 13px;
            line-height: 13px;
            color: #fff;
        }

        .w-socials-item:hover .w-socials-item-popup {
            display: block;
        }

        .w-socials-item.rss:hover {
            background-color: #ff9702;
        }

        .w-socials-item.facebook:hover {
            background-color: #3b5998;
        }

        .w-socials-item.twitter:hover {
            background-color: #00acee;
        }

        .w-socials-item.gplus:hover {
            background-color: #c63b1e;
        }

        .w-socials-item.linkedin:hover {
            background-color: #0073b2;
        }

        .w-socials-item.youtube:hover {
            background-color: #cd332d;
        }

        .w-socials-item.vimeo:hover {
            background-color: #20b9eb;
        }

        .w-socials-item.email:hover {
            background-color: #697277;
        }

        .w-socials-item.skype:hover {
            background-color: #00aff0;
        }

        .w-socials-item.flickr:hover {
            background-color: #ff0084;
        }

        .w-socials-item.pinterest:hover {
            background-color: #cb2027;
        }

        .w-socials-item.tumblr:hover {
            background-color: #2c4762;
        }

        .w-socials-item.blogger:hover {
            background-color: #fc9947;
        }

        .w-socials-item.dribbble:hover {
            background-color: #ea4c89;
        }

        .w-socials-item.vk:hover {
            background-color: #4e7299;
        }

        .w-socials.size_normal .w-socials-item-link {
            height: 40px;
            width: 40px;
        }

            .w-socials.size_normal .w-socials-item-link i {
                font-size: 18px;
                line-height: 40px;
            }

        .w-socials.size_normal .w-socials-item-popup {
            bottom: 50px;
            left: 0;
        }

        .w-socials.size_normal .w-socials-item-popup-text:after {
            left: 14px;
        }

        .w-socials.size_big .w-socials-item-link {
            height: 50px;
            width: 50px;
        }

            .w-socials.size_big .w-socials-item-link i {
                font-size: 22px;
                line-height: 50px;
            }

        .w-socials.size_big .w-socials-item-popup {
            bottom: 60px;
            left: 0;
        }

        .w-socials.size_big .w-socials-item-popup-text:after {
            left: 14px;
        }


        #social-sidebar {
	left: 0;
  margin-top: -75px;
  position: fixed;
  top:  39%;
  z-index: 2000;
}

#social-sidebar li:first-child a { border-radius: 0 5px 0 0; }
#social-sidebar li:last-child a { border-radius: 0 0 5px 0; }

#social-sidebar a {
	
  color: #fff;
  display: block;
  height: 28px;
  font-size: 17px;
  line-height: 28px;
  position: relative;
  text-align: center;
  width: 25px;
}

#social-sidebar a:hover span {
	left: 130%;
	opacity: 1;
}

#social-sidebar a span {
	border-radius: 3px;
	line-height: 24px;
	left: -100%;
	margin-top: -16px;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	padding: 4px 8px;
	position: absolute;
	-webkit-transition: opacity .3s, left .4s;
	-moz-transition: opacity .3s, left .4s;
	-ms-transition: opacity .3s, left .4s;
	-o-transition: opacity .3s, left .4s;
	transition: opacity .3s, left .4s;
	top: 50%;
  white-space: nowrap;
	z-index: -1;
}

#social-sidebar a span:before {
	content: "";
	display: block;
	height: 8px;
	left: -4px;
	margin-top: -4px;
	position: absolute;
	top: 50%;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 8px;
	z-index: -2;
}

#social-sidebar a[class*="twitter"]:hover,
#social-sidebar a[class*="twitter"] span,
#social-sidebar a[class*="twitter"] span:before { background: #00aced; }

#social-sidebar a[class*="dribbble"]:hover,
#social-sidebar a[class*="dribbble"] span,
#social-sidebar a[class*="dribbble"] span:before { background: #ea4c89; }

#social-sidebar a[class*="behance"]:hover,
#social-sidebar a[class*="behance"] span,
#social-sidebar a[class*="behance"] span:before { background: #1769ff; }