@keyframes slideInUp {
	from {
		-webkit-transform: translate3d(0,100%,0);
		transform: translate3d(0,100%,0);
		visibility: visible;
	}

	to {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
}

@keyframes slideInRight {
	from {
		-webkit-transform: translate3d(100%,0,0);
		transform: translate3d(100%,0,0);
		visibility: visible;
	}

	to {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
}

@keyframes slideOutDown {
	from {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}

	to {
		visibility: hidden;
		-webkit-transform: translate3d(0,100%,0);
		transform: translate3d(0,100%,0);
	}
}

body.share-noscroll {
	overflow-y: hidden;
}

html.share-noscroll {
	overflow-y: hidden;
}

.share-btn ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.share-btn .share-icon-container,.share-btn a,.share-btn button {
	position: relative;
	cursor: pointer;
	transition: width .15s ease-in-out;
}

.share-btn .share-icon-container .icon,.share-btn a .icon,.share-btn button .icon {
	display: inline-block;
	text-align: center;
	background-position: center;
	background-repeat: no-repeat;
}

.share-toolbox a,.share-toolbox button,.share-toolbox .share-icon-container .icon {
	height: 32px;
	width: 32px;
	overflow: hidden;
	margin-right: 5px;
	border-radius: 10%;
	display: inline-block;
}

.share-toolbox a .icon,.share-toolbox button .icon {
	height: 100%;
	width: 100%;
}

button[data-sharer],button.share-more {
	background: 0;
	border: 0;
	cursor: pointer;
	padding: 0;
}

.share-menu * {
	box-sizing: border-box;
}

.share-menu {
	font-family: "Myriad Set Pro","Helvetica Neue","Helvetica","Lucida Grande","Arial","Verdana","sans-serif";
	z-index: -1;
	visibility: hidden;
	opacity: 0;
	transition: all .3s ease-in-out;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow-y: auto;
}

.share-menu.show {
	opacity: 1;
	z-index: 999999;
	visibility: visible;
}

.share-menu .title {
	font-size: 42px;
	line-height: 42px;
	padding: 20px;
	color: #fff;
	font-weight: 200;
}

.share-menu .share-title {
	font-size: 16px;
	color: #eeecec;
	font-weight: 300;
}

.share-menu .share-url {
	line-height: 18px;
	opacity: .6;
	font-weight: 200;
}

.share-shadow {
	background: #17181a;
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	opacity: .9;
}

.share-list {
	padding-top: 15px;
}

.share-list a {
	cursor: pointer;
	width: 24%;
	display: inline-table;
	color: #fff;
	margin: 10px auto;
}

.share-list a .icon {
	display: block;
	width: 75%;
	padding-top: 75%;
	background-position: center;
	background-repeat: no-repeat;
	min-width: 50px;
	min-height: 50px;
	margin: 0 auto;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

.share-list a .text {
	font-size: 12px;
}

.share-closed {
	z-index: 1;
	background-color: #fff;
	background-image: url(../img/Closed-icon.svg);
	background-position: center;
	background-size: 12px;
	background-repeat: no-repeat;
	height: 30px;
	width: 30px;
	line-height: 30px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	position: fixed;
	top: 30px;
	right: 30px;
	text-align: center;
	font-size: 16px;
	cursor: pointer;
}

.share-closed:hover {
	opacity: .8;
}

.share-text {
	color: #fff;
	position: absolute;
	top: 20px;
	left: 50%;
	transform: translate(-50%,0);
	width: 90%;
	max-width: 570px;
	text-align: center;
	min-height: 320px;
	padding: 10px 0 80px;
}

.share-btn .icon {
	background-size: 80%;
}

.share-fb .icon {
	background-color: #3b5998;
	background-image: url(../img/Facebook.svg);
}

.share-t .icon {
	background-color: #1da1f2;
	background-image: url(../img/Twitter.svg);
}

.share-vk .icon {
	background-color: #6383a8;
	background-image: url(../img/Vkontakte.svg);
}

.share-reddit .icon {
	background-color: #ff5700;
	background-image: url(../img/Reddit.svg);
}

.share-whatsapp .icon {
	background-color: #4dc247;
	background-image: url(../img/WhatsApp.svg);
}

.share-gmail .icon {
	background-color: #db4437;
	background-image: url(../img/Gmail.svg);
}

.share-googlebookmark .icon {
	background-color: #4285f4;
	background-image: url(../img/GoogleBookmark.svg);
}

.share-e .icon {
	background-color: #585858;
	background-image: url(../img/Email.svg);
}

.share-adfty .icon {
	background-color: #9dcb43;
	background-image: url(../img/Adfty.svg);
}

.share-linkedin .icon {
	background-color: #0077b5;
	background-image: url(../img/LinkedIn.svg);
}

.share-print .icon {
	background-color: #738a8d;
	background-image: url(../img/Print.svg);
}

.share-pinterest .icon {
	background-color: #cb2027;
	background-image: url(../img/Pinterest.svg);
}

.share-messenger .icon {
	background-color: #0084ff;
	background-image: url(../img/Messenger.svg);
}

.share-sinaweibo .icon {
	background-color: #e6162d;
	background-image: url(../img/SinaWeibo.svg);
}

.share-blogger .icon {
	background-color: #f57d00;
	background-image: url(../img/Blogger.svg);
}

.share-100zakladok .icon {
	background-color: #6c8dbe;
	background-image: url(../img/100zakladok.svg);
}

.share-amazon .icon {
	background-color: #f90;
	background-image: url(../img/Amazon.svg);
}

.share-telegram .icon {
	background-color: #08c;
	background-image: url(../img/Telegram.svg);
}

.share-myspace .icon {
	background-color: #282828;
	background-image: url(../img/Myspace.svg);
}

.share-wechat .icon {
	background-color: #2dc100;
	background-image: url(../img/WeChat.svg);
}

.share-line .icon {
	background-color: #00c300;
	background-image: url(../img/Line.svg);
}

.share-viber .icon {
	background-color: #7b519d;
	background-image: url(../img/Viber.svg);
}

.share-odnoklassniki .icon {
	background-color: #d57819;
	background-image: url(../img/Odnoklassniki.svg);
}

.share-qrcode .icon {
	background-color: #4a8bf6;
	background-image: url(../img/Qrsrc.svg);
	background-size: 80%;
}

.share-more .icon {
	background-color: #ff6550;
	background-image: url(../img/share-more-icon.svg);
	background-size: 32px 32px;
}

@media(min-width:640px) {
	.share-list a {
		width: 18%;
	}
}

.share-mob .share-side-counter {
	display: inline-block;
	width: 48px;
	text-align: center;
	overflow-wrap: break-word;
}

.share-mob .share-side-counter .share-side-count {
	font-size: 17px;
	line-height: 1.25em;
	color: #222;
}

.share-mob .share-side-counter .share-side-text {
	font-size: 9px;
	line-height: 1.25em;
	color: #222;
	letter-spacing: 1px;
}

.share-mob .share-bottom-counter {
	right: 46px;
	display: block;
	border-radius: 4px;
	background-color: #fff;
	color: #666;
	position: absolute;
	height: 25px!important;
	padding: 2px 5px;
	line-height: 12px;
	text-align: center;
	top: 5.5px;
	font-size: 12px;
}

@media(min-width:996px) {
	.share-mob .share-bottom-counter {
		display: none;
	}

	.share-mob ul {
		z-index: 99999;
		display: block;
		position: fixed;
		top: 20%;
		right: 0;
		text-align: right;
		animation-duration: .5s;
		animation-fill-mode: both;
		animation-name: slideInRight;
	}

	.share-mob .share-icon-container,.share-mob a {
		height: 48px;
		width: 48px;
		overflow: hidden;
		float: right;
	}

	.share-mob .share-icon-container:hover,.share-mob a:hover {
		width: 64px;
	}

	.share-mob .share-icon-container .icon,.share-mob a .icon {
		height: 100%;
		width: 100%;
	}

	.share-mob [data-sharer] .icon {
		background-size: 32px 32px;
	}
}

@media(max-width:996px) {
	.share-mob .share-shortcut {
		display: none;
	}

	.share-mob .share-side-counter {
		display: none;
	}

	.share-mob .share-icon-container,.share-mob a {
		margin-bottom: 10px;
		height: 40px;
		float: right;
	}

	.share-mob .share-icon-container.share-more,.share-mob .a.share-more {
		margin-bottom: 0;
	}

	.share-mob ul,.share-mob .share-open {
		position: fixed;
		right: 10px;
		bottom: 15px;
		z-index: 99999;
	}

	.share-mob .share-open {
		animation-duration: .5s;
		animation-fill-mode: both;
		animation-name: slideInRight;
		cursor: pointer;
		height: 40px;
		width: 40px;
		background: #ff6550;
		background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2232px%22%20height%3D%2232px%22%20viewBox%3D%220%200%2032%2032%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3Eshare%3C%2Ftitle%3E%3Cg%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20fill%3D%22%23FFFFFF%22%3E%3Cpath%20d%3D%22M26%2C13.4285714%20C26%2C13.6220248%2025.9293162%2C13.7894338%2025.7879464%2C13.9308036%20L20.0736607%2C19.6450893%20C19.932291%2C19.786459%2019.7648819%2C19.8571429%2019.5714286%2C19.8571429%20C19.3779752%2C19.8571429%2019.2105662%2C19.786459%2019.0691964%2C19.6450893%20C18.9278267%2C19.5037195%2018.8571429%2C19.3363105%2018.8571429%2C19.1428571%20L18.8571429%2C16.2857143%20L16.3571429%2C16.2857143%20C15.6279725%2C16.2857143%2014.9750773%2C16.3080355%2014.3984375%2C16.3526786%20C13.8217977%2C16.3973217%2013.2488868%2C16.477306%2012.6796875%2C16.5926339%20C12.1104882%2C16.7079619%2011.6157015%2C16.8660704%2011.1953125%2C17.0669643%20C10.7749235%2C17.2678581%2010.3824423%2C17.5264121%2010.0178571%2C17.8426339%20C9.65327199%2C18.1588557%209.35565592%2C18.534596%209.125%2C18.9698661%20C8.89434408%2C19.4051361%208.71391434%2C19.9203839%208.58370536%2C20.515625%20C8.45349637%2C21.1108661%208.38839286%2C21.7842224%208.38839286%2C22.5357143%20C8.38839286%2C22.9449425%208.40699386%2C23.4025272%208.44419643%2C23.9084821%20C8.44419643%2C23.9531252%208.45349693%2C24.0405499%208.47209821%2C24.1707589%20C8.4906995%2C24.3009679%208.5%2C24.3995532%208.5%2C24.4665179%20C8.5%2C24.5781256%208.46837829%2C24.6711306%208.40513393%2C24.7455357%20C8.34188956%2C24.8199408%208.25446484%2C24.8571429%208.14285714%2C24.8571429%20C8.02380893%2C24.8571429%207.9196433%2C24.7938994%207.83035714%2C24.6674107%20C7.77827355%2C24.6004461%207.72991094%2C24.5186017%207.68526786%2C24.421875%20C7.64062478%2C24.3251483%207.59040206%2C24.2135423%207.53459821%2C24.0870536%20C7.47879436%2C23.9605648%207.43973225%2C23.87128%207.41741071%2C23.8191964%20C6.47246551%2C21.6986501%206%2C20.0208395%206%2C18.7857143%20C6%2C17.3050521%206.19717065%2C16.0662252%206.59151786%2C15.0691964%20C7.79688103%2C12.0706695%2011.0520568%2C10.5714286%2016.3571429%2C10.5714286%20L18.8571429%2C10.5714286%20L18.8571429%2C7.71428571%20C18.8571429%2C7.52083237%2018.9278267%2C7.35342333%2019.0691964%2C7.21205357%20C19.2105662%2C7.07068382%2019.3779752%2C7%2019.5714286%2C7%20C19.7648819%2C7%2019.932291%2C7.07068382%2020.0736607%2C7.21205357%20L25.7879464%2C12.9263393%20C25.9293162%2C13.067709%2026%2C13.2351181%2026%2C13.4285714%20L26%2C13.4285714%20Z%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E);
		background-position: center;
		border-radius: 50%;
		box-shadow: 0 2px 10px 0 rgba(0,0,0,.35);
		text-align: center;
	}

	.share-mob .share-open-bg {
		display: none;
		background-color: #17181a;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 9999;
		filter: alpha(opacity=45);
		-moz-opacity: .45;
		opacity: .45;
	}

	.share-mob .share-icon-container .text,.share-mob a .text {
		display: block;
	}

	.share-mob .share-icon-container span.icon {
		border-radius: 50%;
		height: 40px;
		width: 40px;
	}

	.share-mob .share-icon-container span,.share-mob a span {
		display: inline-block;
		height: 40px;
		box-shadow: 0 2px 5px 0 rgba(0,0,0,.35);
	}

	.share-mob .share-icon-container span.text,.share-mob a span.text {
		font-size: 12px;
		line-height: 24px;
		height: 24px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		background-color: #fff;
		color: #666;
		padding: 0 10px;
		position: absolute;
		right: 46px;
		top: 8px;
	}

	.share-mob ul {
		display: none;
		animation-duration: .5s;
		animation-fill-mode: both;
	}

	.share-mob.open ul {
		display: block;
		animation-name: slideInUp;
	}

	.share-mob.open .share-open {
		display: none;
	}

	.share-mob.open .share-open-bg {
		display: block;
	}
}

.share-toolbox {
	text-align: center;
	font-size: 0;
}

@media print {
	.share-menu {
		display: none!important;
	}
}