/* -------------              Иконки ватцсап ------------*/

.mess-n-call-wrap {
	font-size: 20px;
	position: fixed;
    justify-content: center;
    align-items: center;
	display: flex;
	width: 60px;
	height: 60px;
	bottom: 90px;
    right: 52px;
	z-index: 111111;
}
.mess-n-call-container {
	position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}
.mess-n-call-wrap span {
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
}

.wa-fixed {
	position: relative;
	z-index: 1112;
    display: inline-block;
    cursor: pointer;
    width: 60px;
    height: 60px;
    margin: 0px;
    background: #25D366 url(https://static.tildacdn.com/tild3932-3435-4731-a561-653834316362/3225179_app_logo_med.svg) no-repeat;
    animation: opacity-cycle 2s infinite;
	border-radius: 50%;
	overflow: hidden;
}
.mess-n-call-wrap:hover .wa-fixed {
	animation: none;
}
@keyframes opacity-cycle {
	from {
		opacity:1;
	}
	50% {
		opacity: 0;
	}
	to {
		opacity:1;
	}
}
.mess-n-call-wrap:before,
.mess-n-call-wrap:after {
	position: absolute;
	z-index: 111;
	width: calc(100% + 20px);
	height: calc(100% + 20px);
	top: -10px;
	left: -10px;
	content: '';
	border-radius: 50%;
	background-color: #25D366; 	
    animation: opacity-cycle 2s infinite;
}
.mess-n-call-wrap:before {
	width: calc(100% + 10px);
	height: calc(100% + 10px);
	top: -5px;
	left: -5px;
    animation: opacity-cycle 2.5s infinite;
}
.mess-n-call-wrap:hover:before,
.mess-n-call-wrap:hover:after {
	animation: none;
	opacity: 0;
}
@media screen and (max-width: 475px) {
	.mess-n-call-wrap {
		bottom: 110px;
		right: 25px;
	}
}
/*-----------------------*/