.swim-btn {
	z-index: 99
}

.swim-block-social {
	-webkit-transform: scale(.85);
	-ms-transform: scale(.85);
	transform: scale(.85);
	-webkit-animation: pulse 2s ease-in-out infinite;
	animation: pulse 2s ease-in-out infinite;
	-webkit-animation-delay: 45s;
	animation-delay: 45s
}

.swim-block-social:hover {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-animation: none;
	animation: none
}

.swim-btn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	border-radius: 50%;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: fixed;
	right: 30px;
	bottom: 75px;
	z-index: 4;
	cursor: pointer
}

.swim-block-social {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	overflow: hidden;
	background: url(../img/bg-swim-btn.svg) no-repeat center;
	background-size: cover;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	-webkit-transform: scale(1);
	transform: scale(1)
}

.swim-link {
	width: 100%;
	position: absolute;
	bottom: calc(100% + 10px);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	border-radius: 90px;
	cursor: auto;
	padding: 0;
	opacity: 0;
	height: 1px;
	overflow: hidden;
	background: rgba(0,0,0,0)
}

.swim-link-active {
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	background: #000;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	opacity: 1;
	padding: 10px;
	height: auto
}

.swim-link-active a {
	opacity: 1!important
}

.swim-link a {
	margin-bottom: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-decoration: none;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	opacity: 0
}

.swim-link a.vb {
	background: #8f5db7
}

.swim-link a.wa {
	background: #25d366
}

.swim-link a:last-child {
	margin-bottom: 0
}

.swim-link a.tg {
	background: #25a5e5
}

.swim-link a:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}

.swim-link a:hover.wa {
	-webkit-box-shadow: 0 0 18px 3px #25d366;
	box-shadow: 0 0 18px 3px #25d366
}

.swim-link a:hover.vb {
	-webkit-box-shadow: 0 0 18px 3px #8f5db7;
	box-shadow: 0 0 18px 3px #8f5db7
}

.swim-link a:hover.tg {
	-webkit-box-shadow: 0 0 18px 3px #25a5e5;
	box-shadow: 0 0 18px 3px #25a5e5
}

.swim-link a.tg img {
	width: 35px;
	height: 35px
}

.swim-link a img {
	-webkit-transition: all .5s ease;
	transition: all .5s ease
}

@media screen and (max-width: 575px) {
	.swim-block-social {
					width:58px;
					height: 58px
	}

	.swim-link {
					width: 65px;
					padding: 5px
	}

	.swim-link a {
					width: 55px;
					height: 55px
	}

	.swim-link a.tg img {
					width: 34px
	}
}

@-webkit-keyframes pulse {
	from {
					-webkit-transform: scale(.85);
					transform: scale(.85)
	}

	50% {
					-webkit-transform: scale(1);
					transform: scale(1)
	}

	to {
					-webkit-transform: scale(.85);
					transform: scale(.85)
	}
}

@keyframes pulse {
	from {
					-webkit-transform: scale(.85);
					transform: scale(.85)
	}

	50% {
					-webkit-transform: scale(1);
					transform: scale(1)
	}

	to {
					-webkit-transform: scale(.85);
					transform: scale(.85)
	}
}
