#floatingSocialShare {
	position: relative;
}

#floatingSocialShare *,
#floatingSocialShare :after,
#floatingSocialShare :before {
	-webkit-box-sizing: content-box!important;
	-moz-box-sizing: content-box!important;
	box-sizing: content-box!important
}

#floatingSocialShare a {
	position: relative;
	width: 35px;
	height: 20px;
	line-height: 20px;
	padding: 8px 0;
	display: list-item;
	list-style-type: none;
	text-align: center;
	color: #fff;
	outline: 0 none!important
}

#floatingSocialShare a:focus,
#floatingSocialShare a:hover {
	color: #fff;
	width: 42px;
	opacity: .8;
	transition-duration: .3s;
	transition-property: right;
	transition-timing-function: ease-out
}

#floatingSocialShare a:active,
#floatingSocialShare a:focus,
#floatingSocialShare a:hover,
#floatingSocialShare a:visited {
	outline: 0 none!important
}

#floatingSocialShare svg {
	fill: #fff;
	height: 20px
}

#floatingSocialShare a.without-counter svg {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 0;
	right: 0;
	margin: auto;
	text-align: center
}

#floatingSocialShare a.with-counter-desktop {
	height: 38px
}

#floatingSocialShare .shareCount {
	position: absolute;
	top: 36px;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	color: #fff;
	font-size: 10px
}

#floatingSocialShare .content-left,
#floatingSocialShare .content-right,
#floatingSocialShare .top-left,
#floatingSocialShare .top-right {
	position: fixed;
	top: 70%;
	transform: translateZ(0);
	-webkit-transform: translateZ(0)
}

#floatingSocialShare .top-left {
	left: 0
}

#floatingSocialShare .top-right {
	right: 0;
	direction: rtl
}

#floatingSocialShare .content-left {
	margin: 0
}

#floatingSocialShare .content-right {
	margin: 0
}

#floatingSocialShare .mail {
	background-color: #d14836
}

#floatingSocialShare .facebook {
	background-color: #1877f2
}

#floatingSocialShare .linkedin {
	background-color: #0077b5
}

#floatingSocialShare .odnoklassniki {
	background-color: #ee8208
}

#floatingSocialShare .pinterest {
	background-color: #bd081c
}

#floatingSocialShare .reddit {
	background-color: #ff4500
}

#floatingSocialShare .telegram {
	background-color: #2ca5e0
}

#floatingSocialShare .tumblr {
	background-color: #36465d
}

#floatingSocialShare .twitter {
	background-color: #1da1f2
}

#floatingSocialShare .viber {
	background-color: #665cac
}

#floatingSocialShare .vk {
	background-color: #4680c2
}

#floatingSocialShare .whatsapp {
	background-color: #25d366
}

@media only screen and (max-width:961px) {
	#floatingSocialShare {
		margin-top: 50px
	}
	#floatingSocialShare .content-left,
	#floatingSocialShare .content-right,
	#floatingSocialShare .top-left,
	#floatingSocialShare .top-right {
		top: auto;
		bottom: 0;
		margin: 0;
		right: 0;
		left: 0;
		width: 100%;
		z-index: 999
	}
	#floatingSocialShare a {
		position: relative;
		float: left;
		display: list-item;
		list-style-type: none
	}
	#floatingSocialShare a:focus,
	#floatingSocialShare a:hover {
		-moz-transition-property: none;
		-webkit-transition-property: none;
		-o-transition-property: none;
		transition-property: none
	}
	#floatingSocialShare svg {
		height: 18px
	}
	#floatingSocialShare .shareCount {
		top: 20px
	}
}