/*--------------------------------------------------------------
Custom mouse cursor
--------------------------------------------------------------*/

.cursor-anim-enable .pointer {
	display: block;
}
.pointer {
	display: none;
}

.cursor-anim-enable * {
	cursor: none !important;
}

.cursor-anim-enable .pointer {
	display: block;
}

.js-touch .cursor-anim-enable .pointer {
	display: none;
}

.pointer {
	overflow: hidden;
	width:  75px;
	height: 75px;
	position: fixed;
	left: -100px;
	top: 50%;
	z-index: 9999;
	border-radius: 50%;
	pointer-events: none;
	box-sizing: border-box;
	background: #fff;
	mix-blend-mode: difference;
	-webkit-transform: translate(-50%, -50%) scale(0);
	        transform: translate(-50%, -50%) scale(0);
	transition: -webkit-transform .5s cubic-bezier(.19, .94, .336, 1);
	transition: transform .5s cubic-bezier(.19, .94, .336, 1);
	transition: transform .5s cubic-bezier(.19, .94, .336, 1), -webkit-transform .5s cubic-bezier(.19, .94, .336, 1);
}

.js-page-in-anim-active .pointer {
	-webkit-transform: translate(-50%, -50%) scale(0.4);
	        transform: translate(-50%, -50%) scale(0.4);
}

.js-page-in-anim-active .js-pointer.js-large {
	-webkit-transform: translate(-50%, -50%) scale(1);
	        transform: translate(-50%, -50%) scale(1);
}

.js-page-in-anim-active .js-pointer.js-small {
	-webkit-transform: translate(-50%, -50%) scale(0.2);
	        transform: translate(-50%, -50%) scale(0.2);
}

.js-page-in-anim-active .js-pointer.js-none {
	-webkit-transform: translate(-50%, -50%) scale(0);
	        transform: translate(-50%, -50%) scale(0);
}

.js-page-in-anim-active .js-pointer.js-drag,
.js-page-in-anim-active .js-pointer.js-zoom {
	-webkit-transform: translate(-50%, -50%) scale(1);
	        transform: translate(-50%, -50%) scale(1);
}

body.js-page-in-anim-active.js-page-out .pointer {
	-webkit-transform: translate(-50%, -50%) scale(0);
	        transform: translate(-50%, -50%) scale(0);
}

.pointer__inner {
	position: absolute;
	left: 50%;
	top:  50%;
	opacity: 0;
	font-size: 25px;
	color: #000;
	-webkit-transform: translate(-50%, -50%) scale(0);
	        transform: translate(-50%, -50%) scale(0);
	transition: .4s cubic-bezier(.17, .85, .438, .99);
}

.drag {
	font-family: 'Lato', sans-serif;
	line-height: 1;
	font-size: 15px;
}

.js-drag .pointer__inner.drag,
.js-zoom .pointer__inner.fa-search {
	opacity: 1;
	-webkit-transform: translate(-50%, -50%) scale(1);
	        transform: translate(-50%, -50%) scale(1);
	transition-delay: .2s;
}
.nojq * {
	cursor: pointer!important;
}

