.Phone{display:none;}

@media (max-width:768px) 
{
	.m-tel{display:none !important;}

	.Phone {
		position: fixed;
		left: 20px;
		bottom: 20px;
		display: block;
		margin: 0;
		width: 60px;
		height: 60px;
		font-size: 25vmin;
		background-color: #b72e2b;
		border-radius: 30px;
		box-shadow: 0 0 0 0em rgba(183, 46, 43, 0), 0em 3px 6px rgba(0, 0, 0, 0.2);
		-webkit-transform: translate3d(0, 0, 0) scale(1);
		transform: translate3d(0, 0, 0) scale(1);
	}

	.Phone::before,
	.Phone::after {
	  position: absolute;
	  content: "";
	}

	.Phone::before {
	  top: 0;
	  left: 0;
	  width: 60px;
	  height: 60px;
	  background-color: rgba(255, 255, 255, 0.1);
	  border-radius: 100%;
	  opacity: 1;
	  transform: translate3d(0, 0, 0) scale(0);
	}

	.Phone::after {
	  top: 15px;
	  left: 15px;
	  width: 30px;
	  height: 30px;
	  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTYuNiAxMC44YzEuNCAyLjggMy44IDUuMSA2LjYgNi42bDIuMi0yLjJjLjMtLjMuNy0uNCAxLS4yIDEuMS40IDIuMy42IDMuNi42LjUgMCAxIC40IDEgMVYyMGMwIC41LS41IDEtMSAxLTkuNCAwLTE3LTcuNi0xNy0xNyAwLS42LjQtMSAxLTFoMy41Yy41IDAgMSAuNCAxIDEgMCAxLjIuMiAyLjUuNiAzLjYuMS40IDAgLjctLjIgMWwtMi4zIDIuMnoiIGZpbGw9IiNmZmZmZmYiLz48L3N2Zz4=);
	  background-position: 50% 50%;
	  background-repeat: no-repeat;
	  background-size: cover;
	  transform: translate3d(0, 0, 0);
	}
	

	.Phone.is-animating {
	  animation: phone-outer 3000ms infinite;
	}
	
	.Phone.is-animating::before, .Phone.is-animating::after {
		-webkit-animation: phone-icon 3000ms infinite;
		animation: phone-icon 3000ms infinite;
	}

	@keyframes phone-outer {
	  0% {
		transform: translate3d(0, 0, 0) scale(1);
		box-shadow:
		  0 0 0 0em rgba(183, 46, 43, 0),
		  0em 1px 2px rgba(0, 0, 0, 0.2);
	  }
	  33.3333% { 
		transform: translate3d(0, 0, 0) scale(1.1);
		box-shadow:
		  0 0 0 0em rgba(183, 46, 43, 0.1),
		  0em 1px 2px rgba(0, 0, 0, 0.8);
	  }
	  66.6666% {
		transform: translate3d(0, 0, 0) scale(1);
		box-shadow:
		  0 0 0 30px rgba(183, 46, 43, 0),
		  0em 1px 2px rgba(0, 0, 0, 0.5);
	  } 
	  100% {
		transform: translate3d(0, 0, 0) scale(1);
		box-shadow:
		  0 0 0 0em rgba(183, 46, 43, 0),
		  0em 1px 2px rgba(0, 0, 0, 0.2);
	  }
	}

	@keyframes phone-inner {
	  0% {
		opacity: 1;
		transform: translate3d(0, 0, 0) scale(0);
	  }
	  33.3333% {
		opacity: 1;
		transform: translate3d(0, 0, 0) scale(0.9);
	  }
	  66.6666% {
		opacity: 0;
		transform: translate3d(0, 0, 0) scale(0);
	  }
	  100% {
		opacity: 0;
		transform: translate3d(0, 0, 0) scale(0);
	  }
	}

	@keyframes phone-icon {
	  0% { transform: translate3d(0em, 0, 0); }
	  2% { transform: translate3d(0.01em, 0, 0); }
	  4% { transform: translate3d(-0.01em, 0, 0); }
	  6% { transform: translate3d(0.01em, 0, 0); }
	  8% { transform: translate3d(-0.01em, 0, 0); }
	  10% { transform: translate3d(0.01em, 0, 0); }
	  12% { transform: translate3d(-0.01em, 0, 0); }
	  14% { transform: translate3d(0.01em, 0, 0); }
	  16% { transform: translate3d(-0.01em, 0, 0); }
	  18% { transform: translate3d(0.01em, 0, 0); }
	  20% { transform: translate3d(-0.01em, 0, 0); }
	  22% { transform: translate3d(0.01em, 0, 0); }
	  24% { transform: translate3d(-0.01em, 0, 0); }
	  26% { transform: translate3d(0.01em, 0, 0); }
	  28% { transform: translate3d(-0.01em, 0, 0); }
	  30% { transform: translate3d(0.01em, 0, 0); }
	  32% { transform: translate3d(-0.01em, 0, 0); }
	  34% { transform: translate3d(0.01em, 0, 0); }
	  36% { transform: translate3d(-0.01em, 0, 0); }
	  38% { transform: translate3d(0.01em, 0, 0); }
	  40% { transform: translate3d(-0.01em, 0, 0); }
	  42% { transform: translate3d(0.01em, 0, 0); }
	  44% { transform: translate3d(-0.01em, 0, 0); }
	  46% { transform: translate3d(0em, 0, 0); }
	}
}