.socialmac_container *{
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	-ms-transition: all .35s ease-in-out;
	-o-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out;
}
.socialmac_container {
	position: fixed;
	bottom: 110px;
	left: 40px;
	z-index: 999;
	text-align: center;
	width: 50px;
}
.socialmc_icon div {
	width: 20px;
	margin: 15px;
	height: 20px;
	border-radius: 50%;
	position: relative;
	display: flex;
	align-items: center;
  	justify-content: center;
	bottom: 0;
	cursor: pointer;
}
.socialmc_icon img {
	width: 10px;
	margnin: 10px;
}
.socialmc_facebook div {
	background-color: #4267b2;
}
.socialmc_viber div {
	background-color: #8074d6;
}
.socialmc_telegramm div {
	background-color: #179cde;
}
.socialmc_icon div {
	position: absolute;
}
.socialmac_container .active div {
	width: 50px;
	height: 50px;
	margin: 0;
}
.socialmac_container .active img {
	width: 30px;
	margin: 0;
}
.socialmc_icon.active:nth-child(1) div {
	bottom: 70px;
}
.socialmc_icon.active:nth-child(2) div {
	bottom: 130px;
}
.socialmc_icon.active:nth-child(3) div {
	bottom: 190px;
}
.socialmc_toggle {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	position: relative;
	margin-bottom: 10px;
	display: flex;
	align-items: center;
  	justify-content: center;
	background-color: #8074d6;
	cursor: pointer;
}
.socialmc_toggle .cancel {
	width: 58px;
	z-index: -1;
	position: absolute;
	left: -4px;
	top: -4px;
	opacity: 0;
}
.socialmc_toggle.toggle-in .cancel {
	opacity: 1;
	z-index: 1;
}
.socialmc_toggle::before { 
    display: inline-block;
	content: "";
	position: fixed;
	bottom: 120px;
    width: 50px;
	height: 50px;
	border-radius: 50%;
	background-color: #8074d6;
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, transform .3s;
    transition: opacity .3s, transform .3s, -webkit-transform .3s;
    -webkit-animation: pulse-animation 2s cubic-bezier(0.24, 0, 0.38, 1) infinite;
    animation: pulse-animation 2s cubic-bezier(0.24, 0, 0.38, 1) infinite;
	z-index: -1;
}

.socialmc_toggle::before { 
	content: "";
	position: fixed;
	bottom: 120px;
    width: 50px;
	height: 50px;
	border-radius: 50%;
	background-color: #8074d6;
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, transform .3s;
    transition: opacity .3s, transform .3s, -webkit-transform .3s;
    -webkit-animation: pulse-animation 2s cubic-bezier(0.24, 0, 0.38, 1) infinite;
    animation: pulse-animation 2s cubic-bezier(0.24, 0, 0.38, 1) infinite;
	z-index: -1;
}

.socialmc_toggle.toggle-in::before { 
    display: none;
}
.toggle-in {
	background-color: rgba(0,0,0,0);
}
.toggle-in img {
	display: none;
}
.toggle-in img:nth-child(2) {
	display: block;
}