@charset "UTF-8";

#cursor {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  pointer-events: none;
  position: fixed;
  top: -4px;
  left: -4px;
  width: 8px;
  height: 8px;
  background: rgba(0, 0, 0, 0.75);
  border-radius: 50%;
  z-index: 999;
  transition: width .3s, height .3s, top .3s, left .3s;
}
#cursor.hov_ {
  top: -12px;
  left: -12px;
  width: 32px;
  height: 32px;
  background: rgba(200, 50, 50, 0.75);
}

.cm-pointer {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: hidden;
	z-index: 10000;
	pointer-events: none
}
.cm-pointer__dot {
	position: absolute;
	width: 12px;
	height: 12px;
	margin: -10px 0 0 -10px;
	background-color: #86CDD4;
	border-radius: 50%;
	opacity: 0;
	-webkit-transform: scale(0);
	transform: scale(0);
	pointer-events: none;
	z-index: 2
}
.cm-pointer__dot.is-visible {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: opacity 0.5s ease, -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: opacity 0.5s ease, -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.5s ease;
	transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.5s ease, -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1)
}
.cm-pointer__dot.is-active {
	opacity: 1;
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	-webkit-transition: opacity 0.5s ease, -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: opacity 0.5s ease, -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.5s ease;
	transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.5s ease, -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1)
}
.cm-pointer__dot.is-hover {
	opacity: 1;
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	-webkit-transition: opacity 0.5s ease, -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: opacity 0.5s ease, -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.5s ease;
	transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.5s ease, -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1)
}
.cm-pointer__dot.is-hide {
	opacity: 0;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition: opacity 0.5s ease, -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: opacity 0.5s ease, -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.5s ease;
	transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.5s ease, -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1)
}
.cm-pointer__over {
	position: absolute;
	width: 30px;
	height: 30px;
	margin: -20px 0 0 -20px;
	background-color: rgba(238,238,238,0.54);
	border-radius: 50%;
	opacity: 0;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
	overflow: hidden;
	pointer-events: none;
	z-index: 1
}
.cm-pointer__over.is-visible {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: opacity 0.5s ease, -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: opacity 0.5s ease, -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.5s ease;
	transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.5s ease, -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1)
}
.cm-pointer__over.is-hide {
	opacity: 0;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition: opacity 0.5s ease-out, -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: opacity 0.5s ease-out, -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.5s ease-out;
	transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.5s ease-out, -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1)
}
.cm-pointer__over.is-hover {
	-webkit-transform: scale(1.7);
	transform: scale(1.7);
	-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1)
}
.cm-pointer__over.is-hover .cm-pointer__overEffect {
	-webkit-animation: 0.8s cmEffectAnim cubic-bezier(0.215, 0.61, 0.355, 1) both;
	animation: 0.8s cmEffectAnim cubic-bezier(0.215, 0.61, 0.355, 1) both
}
.cm-pointer__over.is-active {
	-webkit-transform: scale(2);
	transform: scale(2);
	-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1)
}
.cm-pointer__overEffect {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: #fff;
	opacity: 0;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}
@-webkit-keyframes cmEffectAnim {
0% {
width:0%;
height:0%;
opacity:1
}
100% {
width:100%;
height:100%;
opacity:0
}
}
@keyframes cmEffectAnim {
0% {
width:0%;
height:0%;
opacity:1
}
100% {
width:100%;
height:100%;
opacity:0
}
}