@keyframes blink {

	0%,
	100% {
		opacity: 1
	}

	50% {
		opacity: 0
	}
}

@keyframes vibrate {
	0% {
		transform: translate(0)
	}

	20% {
		transform: translate(-2px, 2px) rotate(-5deg)
	}

	40% {
		transform: translate(2px, -2px) rotate(5deg)
	}

	60% {
		transform: translate(-2px, 2px) rotate(-5deg)
	}

	80% {
		transform: translate(2px, -2px) rotate(5deg)
	}

	100% {
		transform: translate(0)
	}
}

@keyframes phone-wave {
	0% {
		transform: scale(.8);
		opacity: .5
	}

	50% {
		transform: scale(1.2);
		opacity: 1
	}

	100% {
		transform: scale(1.5);
		opacity: 0
	}
}

.effect {
	display: block;
	overflow: hidden;
	position: relative
}

.effect::after {
	content: "";
	position: absolute;
	top: 0;
	right: -100%;
	width: 50%;
	height: 100%;
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .3) 100%);
	transform: skewX(-25deg);
	z-index: 2
}

.effect:hover::after {
	animation: shineEffect 1s ease-in-out
}

@keyframes shineEffect {
	0% {
		right: -100%
	}

	100% {
		right: 100%
	}
}

.swiper .swiper-button-next,
.swiper-button-prev {
	height: 60px;
	width: 60px;
	color: #000;
	background: rgba(255, 255, 255, .5) !important;
	opacity: 0;
	transition: opacity .3s ease
}

.swiper:hover .swiper-button-next,
.swiper:hover .swiper-button-prev {
	opacity: 1
}

@-webkit-keyframes tada {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}

	10%,
	20% {
		-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
	}

	30%,
	50%,
	70%,
	90% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
	}

	40%,
	60%,
	80% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
	}

	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

@keyframes tada {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}

	10%,
	20% {
		-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
		-ms-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
	}

	30%,
	50%,
	70%,
	90% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
		-ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
	}

	40%,
	60%,
	80% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
		-ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
	}

	100% {
		-webkit-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}