@charset "UTF-8";

/*
! А это важные стили
*/
@-webkit-keyframes cursorClickEffect_opacity {
	0%, to {
		opacity: 0
	}
	15%, 85% {
		opacity: 1
	}
}

@keyframes cursorClickEffect_opacity {
	0%, to {
		opacity: 0
	}
	15%, 85% {
		opacity: 1
	}
}

@-webkit-keyframes cursorClickEffect_rain {
	0%, to {
		-webkit-transform: translate(-50%, -50%) scale(0);
		transform: translate(-50%, -50%) scale(0)
	}
	50% {
		-webkit-transform: translate(-50%, -50%) scale(1.2);
		transform: translate(-50%, -50%) scale(1.2)
	}
}

@keyframes cursorClickEffect_rain {
	0%, to {
		-webkit-transform: translate(-50%, -50%) scale(0);
		transform: translate(-50%, -50%) scale(0)
	}
	50% {
		-webkit-transform: translate(-50%, -50%) scale(1.2);
		transform: translate(-50%, -50%) scale(1.2)
	}
}

@-webkit-keyframes cursorClickEffect_-360deg {
	0%, to {
		opacity: 0
	}
	15%, 85% {
		opacity: 1
	}
	0% {
		-webkit-transform: translate(-50%, -50%) rotate(-360deg);
		transform: translate(-50%, -50%) rotate(-360deg)
	}
}

@keyframes cursorClickEffect_-360deg {
	0%, to {
		opacity: 0
	}
	15%, 85% {
		opacity: 1
	}
	0% {
		-webkit-transform: translate(-50%, -50%) rotate(-360deg);
		transform: translate(-50%, -50%) rotate(-360deg)
	}
}

@-webkit-keyframes cursorClickEffect_360deg {
	0%, to {
		-webkit-transform: translate(-50%, -50%) rotate(0deg) scale(1.6);
		transform: translate(-50%, -50%) rotate(0deg) scale(1.6);
		opacity: 0
	}
	50% {
		-webkit-transform: translate(-50%, -50%) rotate(-360deg) scale(1.6);
		transform: translate(-50%, -50%) rotate(-360deg) scale(1.6);
		opacity: 1
	}
}

@keyframes cursorClickEffect_360deg {
	0%, to {
		-webkit-transform: translate(-50%, -50%) rotate(0deg) scale(1.6);
		transform: translate(-50%, -50%) rotate(0deg) scale(1.6);
		opacity: 0
	}
	50% {
		-webkit-transform: translate(-50%, -50%) rotate(-360deg) scale(1.6);
		transform: translate(-50%, -50%) rotate(-360deg) scale(1.6);
		opacity: 1
	}
}

@-webkit-keyframes cursorClickEffect_-280deg {
	0%, to {
		opacity: 0
	}
	15%, 85% {
		opacity: 1
	}
	50% {
		-webkit-transform: translate(-50%, -50%) rotate(240deg);
		transform: translate(-50%, -50%) rotate(240deg)
	}
}

@keyframes cursorClickEffect_-280deg {
	0%, to {
		opacity: 0
	}
	15%, 85% {
		opacity: 1
	}
	50% {
		-webkit-transform: translate(-50%, -50%) rotate(240deg);
		transform: translate(-50%, -50%) rotate(240deg)
	}
}

@-webkit-keyframes cursorClickEffect_spray {
	0%, to {
		opacity: 0;
		-webkit-transform: translate(-50%, -50%) translateX(20%) translateY(10%) scale(0.7) rotate(15deg);
		transform: translate(-50%, -50%) translateX(20%) translateY(10%) scale(0.7) rotate(15deg)
	}
	30% {
		opacity: 1;
		-webkit-transform: translate(-50%, -50%) translateX(-30%) translateY(10%) scale(0.7) rotate(15deg);
		transform: translate(-50%, -50%) translateX(-30%) translateY(10%) scale(0.7) rotate(15deg)
	}
	70% {
		opacity: 1;
		-webkit-transform: translate(-50%, -50%) translateX(20%) translateY(10%) scale(0.7) rotate(15deg);
		transform: translate(-50%, -50%) translateX(20%) translateY(10%) scale(0.7) rotate(15deg)
	}
}

@keyframes cursorClickEffect_spray {
	0%, to {
		opacity: 0;
		-webkit-transform: translate(-50%, -50%) translateX(20%) translateY(10%) scale(0.7) rotate(15deg);
		transform: translate(-50%, -50%) translateX(20%) translateY(10%) scale(0.7) rotate(15deg)
	}
	30% {
		opacity: 1;
		-webkit-transform: translate(-50%, -50%) translateX(-30%) translateY(10%) scale(0.7) rotate(15deg);
		transform: translate(-50%, -50%) translateX(-30%) translateY(10%) scale(0.7) rotate(15deg)
	}
	70% {
		opacity: 1;
		-webkit-transform: translate(-50%, -50%) translateX(20%) translateY(10%) scale(0.7) rotate(15deg);
		transform: translate(-50%, -50%) translateX(20%) translateY(10%) scale(0.7) rotate(15deg)
	}
}

@-webkit-keyframes cursorClickEffect_drip {
	0%, 80%, to {
		opacity: 0
	}
	0% {
		-webkit-transform: translate(-50%, -50%) translateX(-50%) translateY(-10%) scale(0.7);
		transform: translate(-50%, -50%) translateX(-50%) translateY(-10%) scale(0.7)
	}
	20% {
		opacity: 1
	}
	60% {
		opacity: 1;
		-webkit-transform: translate(-50%, -50%) translateX(-50%) translateY(20%) scale(0.7);
		transform: translate(-50%, -50%) translateX(-50%) translateY(20%) scale(0.7)
	}
	to {
		-webkit-transform: translate(-50%, -50%) translateX(-50%) translateY(20%) scale(0.7);
		transform: translate(-50%, -50%) translateX(-50%) translateY(20%) scale(0.7)
	}
}

@keyframes cursorClickEffect_drip {
	0%, 80%, to {
		opacity: 0
	}
	0% {
		-webkit-transform: translate(-50%, -50%) translateX(-50%) translateY(-10%) scale(0.7);
		transform: translate(-50%, -50%) translateX(-50%) translateY(-10%) scale(0.7)
	}
	20% {
		opacity: 1
	}
	60% {
		opacity: 1;
		-webkit-transform: translate(-50%, -50%) translateX(-50%) translateY(20%) scale(0.7);
		transform: translate(-50%, -50%) translateX(-50%) translateY(20%) scale(0.7)
	}
	to {
		-webkit-transform: translate(-50%, -50%) translateX(-50%) translateY(20%) scale(0.7);
		transform: translate(-50%, -50%) translateX(-50%) translateY(20%) scale(0.7)
	}
}

@-webkit-keyframes cursorClickEffect_up {
	0%, to {
		opacity: 0
	}
	0% {
		opacity: 1;
		-webkit-transform: translate(-50%, -50%) translateY(0%);
		transform: translate(-50%, -50%) translateY(0%)
	}
	90% {
		opacity: 1;
		-webkit-transform: translate(-50%, -50%) translateY(-35%);
		transform: translate(-50%, -50%) translateY(-35%)
	}
	to {
		-webkit-transform: translate(-50%, -50%) translateY(-35%);
		transform: translate(-50%, -50%) translateY(-35%)
	}
}

@keyframes cursorClickEffect_up {
	0%, to {
		opacity: 0
	}
	0% {
		opacity: 1;
		-webkit-transform: translate(-50%, -50%) translateY(0%);
		transform: translate(-50%, -50%) translateY(0%)
	}
	90% {
		opacity: 1;
		-webkit-transform: translate(-50%, -50%) translateY(-35%);
		transform: translate(-50%, -50%) translateY(-35%)
	}
	to {
		-webkit-transform: translate(-50%, -50%) translateY(-35%);
		transform: translate(-50%, -50%) translateY(-35%)
	}
}

.cursor-click-effect {
	z-index: 1000000
}

.cursor-click-effect, .cursor-click-effect-1, .cursor-click-effect-2 {
	position: fixed;
	width: 70px;
	height: 70px;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	pointer-events: none
}

.cursor-click-effect-1--inactive, .cursor-click-effect-2--inactive, .cursor-click-effect--inactive {
	display: none
}

.cursor-click-effect-1 {
	z-index: 1000001
}

.cursor-click-effect-2 {
	z-index: 1000002
}

.cursor-click-effect--active-money {
	background: url("../img/click-effects/sprite.png");
	background-size: 1120px 70px;
	background-position: 0% 0%;
	-webkit-animation: cursorClickEffect_rain 1s infinite;
	animation: cursorClickEffect_rain 1s infinite
}

.cursor-click-effect--active-gems {
	background: url("../img/click-effects/sprite.png");
	background-size: 1120px 70px;
	background-position: 6.666% 0%;
	-webkit-animation: cursorClickEffect_rain 1s infinite;
	animation: cursorClickEffect_rain 1s infinite
}

.cursor-click-effect--active-wheel {
	background: url("../img/click-effects/sprite.png");
	background-size: 1120px 70px;
	background-position: 13.332% 0%;
	-webkit-animation: cursorClickEffect_-360deg 1s infinite;
	animation: cursorClickEffect_-360deg 1s infinite
}

.cursor-click-effect--active-speedometer {
	background: url("../img/click-effects/sprite.png");
	background-size: 1120px 70px;
	background-position: 19.998% 0%;
	-webkit-animation: cursorClickEffect_opacity 1s infinite;
	animation: cursorClickEffect_opacity 1s infinite
}

.cursor-click-effect-1--active-speedometer {
	background: url("../img/click-effects/sprite.png");
	background-size: 1120px 70px;
	background-position: 26.664% 0%;
	-webkit-animation: cursorClickEffect_-280deg 1s infinite;
	animation: cursorClickEffect_-280deg 1s infinite
}

.cursor-click-effect-2--active-speedometer {
	background: url("../img/click-effects/sprite.png");
	background-size: 1120px 70px;
	background-position: 33.33% 0%;
	-webkit-animation: cursorClickEffect_360deg 1s infinite;
	animation: cursorClickEffect_360deg 1s infinite
}

.cursor-click-effect--active-gasoline {
	background: url("../img/click-effects/sprite.png");
	background-size: 1120px 70px;
	background-position: 39.996% 0%;
	-webkit-animation: cursorClickEffect_opacity 1s infinite;
	animation: cursorClickEffect_opacity 1s infinite
}

.cursor-click-effect-1--active-gasoline {
	background: url("../img/click-effects/sprite.png");
	background-size: 1120px 70px;
	background-position: 46.662% 0%;
	-webkit-animation: cursorClickEffect_drip 1s infinite;
	animation: cursorClickEffect_drip 1s infinite
}

.cursor-click-effect--active-teleport {
	background: url("../img/click-effects/sprite.png");
	background-size: 1120px 70px;
	background-position: 53.328% 0%;
	-webkit-animation: cursorClickEffect_opacity 1s infinite;
	animation: cursorClickEffect_opacity 1s infinite
}

.cursor-click-effect-1--active-teleport {
	background: url("../img/click-effects/sprite.png");
	background-size: 1120px 70px;
	background-position: 59.994% 0%;
	-webkit-animation: cursorClickEffect_-360deg 1s infinite;
	animation: cursorClickEffect_-360deg 1s infinite
}

.cursor-click-effect--active-screws {
	background: url("../img/click-effects/sprite.png");
	background-size: 1120px 70px;
	background-position: 66.66% 0%;
	-webkit-animation: cursorClickEffect_rain 1s infinite;
	animation: cursorClickEffect_rain 1s infinite
}

.cursor-click-effect--active-spray {
	background: url("../img/click-effects/sprite.png");
	background-size: 1120px 70px;
	background-position: 73.326% 0%;
	-webkit-animation: cursorClickEffect_opacity 1s infinite;
	animation: cursorClickEffect_opacity 1s infinite
}

.cursor-click-effect-1--active-spray {
	background: url("../img/click-effects/sprite.png");
	background-size: 1120px 70px;
	background-position: 79.992% 0%;
	-webkit-animation: cursorClickEffect_spray 1s infinite;
	animation: cursorClickEffect_spray 1s infinite
}

.cursor-click-effect--active-up {
	background: url("../img/click-effects/sprite.png");
	background-size: 1120px 70px;
	background-position: 86.658% 0%;
	-webkit-animation: cursorClickEffect_up 1s infinite;
	animation: cursorClickEffect_up 1s infinite
}

.cursor-click-effect--active-cracks {
	background: url("../img/click-effects/sprite.png");
	background-size: 1120px 70px;
	background-position: 93.324% 0%;
	-webkit-animation: cursorClickEffect_opacity 1s infinite;
	animation: cursorClickEffect_opacity 1s infinite
}

.cursor-click-effect--active-ore {
	background: url("../img/click-effects/sprite.png");
	background-size: 1120px 70px;
	background-position: 99.99% 0%;
	-webkit-animation: cursorClickEffect_rain 1s infinite;
	animation: cursorClickEffect_rain 1s infinite
}