/* Add here all your CSS customizations */

/* Social Share */
.social-share {
        color: #fff;
	background: #252525;
	display: inline-block;
	height: 50px;
	width: 50px;
	position: fixed;
	bottom: 15px;
	left: 15px;
	white-space: nowrap;
	visibility: hidden;
	opacity: 0;
	z-index: 99;
	border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%;
	-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	   -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
		-ms-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
		 -o-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
			box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.social-share, .social-share:focus, .social-share:hover{
	color: transparent;
}

.social-share i {
    color: #fff;
    font-size: 33px;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    text-indent: 0 !important;
    top: 8px;
}
.social-share.ss-is-visible, .social-share.ss-fade-out, .no-touch .social-share:hover {
	-webkit-transition: opacity .3s 0s, visibility 0s 0s;
	   -moz-transition: opacity .3s 0s, visibility 0s 0s;
	    -ms-transition: opacity .3s 0s, visibility 0s 0s;
	     -o-transition: opacity .3s 0s, visibility 0s 0s;
			transition: opacity .3s 0s, visibility 0s 0s;
}
.social-share.ss-is-visible {
	visibility: visible;
	opacity: 1;
}
.social-share.ss-fade-out {
	opacity: .8;
}

/* Social Bar */
.social-bar{
	position:fixed;
	z-index:9; 
	font-weight:700;
	bottom:15px;
	left:70px;
        display: none;
}
.social-bar a{
	border-radius: 50% 50%;
	width: 50px;
	height: 50px;
	font-size:33px;
	text-align:center;
	padding: 0;
}

.social-bar a i {
    color: #fff;
    font-size: 33px;
    left: 0;
    right: 0;
    text-align: center;
    text-indent: 0 !important;
    /*top: 8px;*/
}