/* Main El */
#thp-cursor {
	position: fixed;
	visibility: visible;
	opacity: 0;
	left: 0;
	top: 0;
	font-size: 1.2rem;
	z-index: 9999999;
	animation: mousePulse 1s infinite;
	transition: transform .5s ease-in-out, opacity .5s ease-in-out;
	transform-origin: center;
}
#thp-cursor.cursor-show {
	opacity: 1;
}
#thp-cursor.right {
	animation: mouseMoveRight 1s infinite;
}
#thp-cursor.topright {
	animation: mouseMoveTopRight 1s infinite;
}

@keyframes mousePulse {
	0% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.2);
	}	
	100% {
		transform: scale(1);
	}
}
@keyframes mouseMoveRight {
	0% {
		transform: translateX(0);
	}
	50% {
		transform: translateX(5px);
	}	
	100% {
		transform: translateX(0);
	}
}
@keyframes mouseMoveTopRight {
	0% {
		transform: translate(0, 0);
	}
	50% {
		transform: translate(5px, -5px);
	}	
	100% {
		transform: translate(0, 0);
	}
}

/* Intent - Play 
.mejs-container *,
.mejs-overlay-play,
.mejs-overlay-button {
	cursor: url('../img/cursors/circle-play.svg?id=123') 256 256, pointer !important;
}


.mejs-container *,
.mejs-overlay-play,
.mejs-overlay-button {
	cursor: url('../img/cursors/circle-pause.svg?id=123') 256 256, pointer !important;
}


a[href^="mailto:"] {
	cursor: url('../img/cursors/circle-envelope.svg?id=123') 256 256, pointer !important;
}

a[href^="tel:"] {
	cursor: url('../img/cursors/circle-phone.svg?id=123') 256 256, pointer !important;
}
*/

a[href^="mailto:"]:hover i {
 -webkit-animation: scale 2s cubic-bezier(.36, .07, .19, .97) infinite;
  animation: scale 2s cubic-bezier(.36, .07, .19, .97) infinite;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 300px;
  perspective: 300px;	
}
a[href^="tel:"]:hover i {
 -webkit-animation: vibrate 2s cubic-bezier(.36, .07, .19, .97) infinite;
  animation: vibrate 2s cubic-bezier(.36, .07, .19, .97) infinite;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 300px;
  perspective: 300px;	
}

@keyframes vibrate {
  0%, 2%, 4%, 6%, 8%, 10%, 12%, 14%, 16%, 18% {
    -webkit-transform: translate3d(-2px, 0, 0);
            transform: translate3d(-2px, 0, 0);
  }
  1%, 3%, 5%, 7%, 9%, 11%, 13%, 15%, 17%, 19% {
    -webkit-transform: translate3d(2px, 0, 0);
            transform: translate3d(2px, 0, 0);
  }
  20%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes scale {
  0% {
            transform: scale(1) rotate(0deg);
  }
  50% {
            transform: scale(1.2) rotate(10deg);
  }
  100% {
            transform: scale(1) rotate(0deg);
  }
}