@charset "UTF-8";
   body.iframe-hover .wpcc-cursor {
display: none;
} .no-transition .cursor-el1, .no-transition .cursor-el2 {
transition: none !important;
}
.no-cursor {
cursor: none;
}
.no-cursor a {
cursor: none;
}
.default-cursor {
cursor: default;
}
.wpcc-cursor {
--top: 0;
--left: 0;
--img-width: 30px;
--default-cursor-normal: "initial";
--default-cursor-link: "pointer";
--fe-width: 30px;
--fe-height: 30px;
--fe-color: #000000;
--fe-border-radius: 100px;
--fe-border-width: 0px;
--fe-border-color: #252525;
--fe-transition-duration: 100ms;
--fe-transition-timing: "ease-out";
--fe-blending-mode: normal;
--fe-zindex: 100;
--fe-backdrop: "none";
--se-width: 30px;
--se-height: 30px;
--se-color: #000000;
--se-border-radius: 100px;
--se-border-width: 0px;
--se-border-color: #252525;
--se-transition-duration: 100ms;
--se-transition-timing: "ease-out";
--se-blending-mode: normal;
--se-zindex: 99;
--se-backdrop: "none";
}
.wpcc-cursor:not(.active) {
display: none;
}
.wpcc-cursor div {
position: fixed !important;
pointer-events: none;
z-index: 99999999999;
box-sizing: border-box;
mix-blend-mode: var(--fe-blending-mode);
}  .cursor-image {
--width:100px;
--color: transparent;
--radius: 0;
--padding: 0;
--blending: "normal";
}
.cursor-image .cursor-el1 {
width: auto;
height: auto;
top: 0;
left: 0;
background-color: var(--color);
border-radius: var(--radius);
padding: var(--padding);
mix-blend-mode: var(--blending);
}
.cursor-image .cursor-el1 img {
display: block;
width: var(--width);
top: 0;
left: 0;
height: auto !important;
object-fit: contain !important;
}
.cursor-image .cursor-el2 {
display: none;
} .cursor-text {
--duration: 0;
--timing: ease-out;
}
.cursor-text .cursor-el1 {
transition-property: all;
transition-duration: var(--duration);
transition-timing-function: var(--timing);
width: auto;
height: auto;
top: 0;
left: 0;
--animation-duration: 10s;
--animation-name: spinright;
--text-width: 150px;
--text-transform: uppercase;
--font-size: 55px;
--font-weight: bold;
--word-spacing: 30px;
--text-color: #252525;
--dot-fill: #252500;
--dot-display: block;
--dot-width: 10px;
}
.cursor-text .cursor-el1 svg {
margin-top: -50%;
margin-left: -50%;
}
.cursor-text .cursor-el2 {
display: none;
}
.cursor-text svg {
width: var(--text-width);
animation-name: var(--animation-name);
animation-duration: var(--animation-duration);
animation-iteration-count: infinite;
animation-fill-mode: backwards;
animation-timing-function: linear;
}
.cursor-text text {
text-transform: var(--text-transform);
font-size: var(--font-size);
word-spacing: var(--word-spacing);
font-weight: var(--font-weight);
fill: var(--text-color);
}
.cursor-text circle {
fill: var(--dot-fill);
display: var(--dot-display);
r: var(--dot-width);
}
.cursor-horizontal {
--hr-width: 150px;
--hr-transform: capitalize;
--hr-size: 35px;
--hr-weight: bold;
--hr-spacing: 5px;
--hr-color: #252525;
--bg-color: #f3f6f4;
--hr-radius: 0;
--hr-padding: 0;
--hr-backdrop: none;
--duration: 0;
--timing: none;
}
.cursor-horizontal .cursor-el1 {
transition-property: all;
transition-duration: var(--duration);
transition-timing-function: var(--timing);
top: 0;
left: 0;
}
.cursor-horizontal .cursor-el1 > div {
width: var(--hr-width);
height: var(--hr-width);
background-color: var(--bg-color);
color: var(--hr-color);
font-size: var(--hr-size);
font-weight: var(--hr-weight);
word-spacing: var(--hr-spacing);
border-radius: var(--hr-radius);
text-transform: var(--hr-transform);
padding: var(--hr-padding);
backdrop-filter: var(--hr-backdrop);
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
transform: translate(-50%, -50%);
} .cursor-snap {
--blending: normal;
--bgcolor: transparent;
--border-color: #252525;
--border-width: 1px;
--radius: 0;
--width: auto;
--height: auto;
}
.cursor-snap .cursor-el1 {
border: var(--border-width) solid var(--border-color);
border-radius: var(--radius);
background-color: var(--bgcolor);
mix-blend-mode: var(--blending);
width: var(--width);
height: var(--height);
}
.cursor-snap .cursor-el2 {
display: none;
}
[class*=cursor-created]:not(.cursor-image):not(.cursor-text):not(.cursor-horizontal):not(.cursor-snap) .cursor-el1 {
width: var(--fe-width);
height: var(--fe-height);
background-color: var(--fe-color);
border-width: var(--fe-border-width);
border-radius: var(--fe-border-radius);
border-color: var(--fe-border-color);
transition-duration: var(--fe-transition-duration);
transition-timing-function: var(--fe-transition-timing);
mix-blend-mode: var(--fe-blending-mode);
z-index: var(--fe-zindex);
border-style: solid;
top: calc(var(--fe-height) / -2);
left: calc(var(--fe-width) / -2);
backdrop-filter: var(--fe-backdrop);
}
[class*=cursor-created]:not(.cursor-image):not(.cursor-text):not(.cursor-horizontal):not(.cursor-snap) .cursor-el2 {
width: var(--se-width);
height: var(--se-height);
background-color: var(--se-color);
border-width: var(--se-border-width);
border-radius: var(--se-border-radius);
border-color: var(--se-border-color);
transition-duration: var(--se-transition-duration);
transition-timing-function: var(--se-transition-timing);
mix-blend-mode: var(--se-blending-mode);
z-index: var(--se-zindex);
border-style: solid;
top: calc(var(--se-height) / -2);
left: calc(var(--se-width) / -2);
backdrop-filter: var(--se-backdrop);
} .cursor-1 .cursor-el1 {
width: var(--fe-width);
height: var(--fe-height);
border: calc(var(--fe-width) / 25) solid var(--fe-color);
border-radius: var(--fe-border-radius);
top: calc(var(--fe-height) / -2);
left: calc(var(--fe-width) / -2);
mix-blend-mode: var(--fe-blending);
transition: all 200ms ease-out;
}
.cursor-1 .cursor-el2 {
width: calc(var(--se-width) / 5);
height: calc(var(--se-height) / 5);
border-radius: 50%;
background-color: var(--se-color);
top: calc(var(--se-height) / -10);
left: calc(var(--se-width) / -10);
mix-blend-mode: var(--se-blending);
animation: c1-anim-reverse 200ms ease-out;
}
.cursor-1.link-hover .cursor-el1 {
width: calc(var(--fe-width) / 1.5);
height: calc(var(--fe-height) / 1.5);
top: calc(var(--fe-height) / -3);
left: calc(var(--fe-width) / -3);
opacity: 0;
}
.cursor-1.link-hover .cursor-el2 {
animation: c1-anim 200ms ease-out;
animation-fill-mode: forwards;
}
.cursor-1.input-hover {
display: none;
} .cursor-2 .cursor-el1 {
width: calc(var(--fe-width));
height: calc(var(--fe-height));
border-radius: var(--fe-border-radius);
background-color: var(--fe-color);
top: calc(var(--fe-height) / -2);
left: calc(var(--fe-width) / -2);
mix-blend-mode: var(--fe-blending);
animation: c2-anim-reverse 200ms ease-out;
}
.cursor-2.link-hover .cursor-el1 {
animation: c2-anim 200ms ease-out;
animation-fill-mode: forwards;
}
.cursor-2.input-hover {
display: none;
} .cursor-3 .cursor-el1 {
width: var(--fe-width);
height: var(--fe-height);
background-color: var(--fe-color);
opacity: 0.5;
border-radius: var(--fe-border-radius);
top: calc(var(--fe-height) / -2);
left: calc(var(--fe-width) / -2);
mix-blend-mode: var(--fe-blending);
transition: all 200ms ease-out;
}
.cursor-3 .cursor-el2 {
width: calc(var(--se-width) / 5);
height: calc(var(--se-height) / 5);
border-radius: 50%;
background-color: var(--se-color);
top: calc(var(--se-height) / -10);
left: calc(var(--se-width) / -10);
mix-blend-mode: var(--se-blending);
animation: c1-anim-reverse 200ms ease-out;
}
.cursor-3.link-hover .cursor-el1 {
width: calc(var(--fe-width) / 1.5);
height: calc(var(--fe-height) / 1.5);
top: calc(var(--fe-height) / -3);
left: calc(var(--fe-width) / -3);
opacity: 0;
}
.cursor-3.link-hover .cursor-el2 {
animation: c1-anim 200ms ease-out;
animation-fill-mode: forwards;
}
.cursor-3.input-hover {
display: none;
} .cursor-4 .cursor-el1 {
width: var(--fe-width);
height: var(--fe-height);
border-radius: var(--fe-border-radius);
opacity: 0.7;
background-color: var(--fe-color);
top: calc(var(--fe-height) / -2);
left: calc(var(--fe-width) / -2);
mix-blend-mode: var(--fe-blending);
transition: all 200ms ease-out;
}
.cursor-4 .cursor-el2 {
width: var(--se-width);
height: var(--se-height);
border-radius: 50%;
background-color: var(--se-color);
top: calc(var(--se-height) / -2);
left: calc(var(--se-width) / -2);
mix-blend-mode: var(--se-blending);
animation: c2-anim-reverse 200ms ease-out;
}
.cursor-4.link-hover .cursor-el2 {
animation: c2-anim 200ms ease-out;
animation-fill-mode: forwards;
}
.cursor-4.input-hover {
display: none;
} .cursor-5 .cursor-el1 {
width: var(--fe-width);
height: var(--fe-height);
border: calc(var(--fe-width) / 15) solid var(--fe-color);
border-radius: var(--fe-border-radius);
top: calc(var(--fe-height) / -2);
left: calc(var(--fe-width) / -2);
mix-blend-mode: var(--fe-blending);
animation: c5-anim-reverse 200ms ease-out;
}
.cursor-5.link-hover .cursor-el1 {
animation: c5-anim 200ms ease-out;
animation-fill-mode: forwards;
}
.cursor-5.input-hover {
display: none;
} .cursor-6 .cursor-el1 {
width: var(--fe-width);
height: var(--fe-height);
border: calc(var(--fe-width) / 10) solid var(--fe-color);
border-radius: var(--fe-border-radius);
top: calc(var(--fe-height) / -2);
left: calc(var(--fe-width) / -2);
mix-blend-mode: var(--fe-blending);
transition: all 100ms ease-out;
animation: c6-anim-reverse 200ms ease-out;
}
.cursor-6 .cursor-el2 {
width: calc(var(--se-width) / 2);
height: calc(var(--se-height) / 2);
border-radius: 50%;
background-color: var(--se-color);
top: calc(var(--se-height) / -4);
left: calc(var(--se-width) / -4);
mix-blend-mode: var(--se-blending);
}
.cursor-6.link-hover .cursor-el1 {
animation: c6-anim 200ms ease-out;
animation-fill-mode: forwards;
}
.cursor-6.input-hover {
display: none;
} .cursor-7 .cursor-el1 {
width: var(--fe-width);
height: var(--fe-height);
border: calc(var(--fe-width) / 15) solid var(--fe-color);
border-radius: var(--fe-border-radius);
top: calc(var(--fe-height) / -2);
left: calc(var(--fe-width) / -2);
mix-blend-mode: var(--fe-blending);
opacity: 0.5;
transition: all 200ms ease-out;
}
.cursor-7 .cursor-el2 {
width: var(--se-width);
height: var(--se-height);
border: calc(var(--se-width) / 15) solid var(--se-color);
border-radius: 50%;
top: calc(var(--se-height) / -2);
left: calc(var(--se-width) / -2);
mix-blend-mode: var(--se-blending);
animation: c5-anim-reverse 200ms ease-out;
}
.cursor-7.link-hover .cursor-el2 {
animation: c5-anim 200ms ease-out;
animation-fill-mode: forwards;
}
.cursor-7.link-hover .cursor-el1 {
opacity: 0;
}
.cursor-7.input-hover {
display: none;
} .cursor-8 .cursor-el1 {
width: var(--fe-width);
height: var(--fe-height);
background-color: var(--fe-color);
border-radius: var(--fe-border-radius);
top: calc(var(--fe-height) / -2);
left: calc(var(--fe-width) / -2);
mix-blend-mode: var(--fe-blending);
opacity: 0.5;
transition: all 200ms ease-out;
}
.cursor-8 .cursor-el2 {
width: var(--se-width);
height: var(--se-height);
border: calc(var(--se-width) / 15) solid var(--se-color);
border-radius: 50%;
top: calc(var(--se-height) / -2);
left: calc(var(--se-width) / -2);
mix-blend-mode: var(--se-blending);
animation: c5-anim-reverse 200ms ease-out;
}
.cursor-8.link-hover .cursor-el2 {
animation: c5-anim 200ms ease-out;
animation-fill-mode: forwards;
}
.cursor-8.link-hover .cursor-el1 {
opacity: 0;
}
.cursor-8.input-hover {
display: none;
} @keyframes c1-anim {
to {
width: var(--fe-width);
height: var(--fe-height);
top: calc(var(--fe-height) / -2);
left: calc(var(--fe-width) / -2);
opacity: 0.3;
}
}
@keyframes c1-anim-reverse {
from {
width: var(--fe-width);
height: var(--fe-height);
top: calc(var(--fe-height) / -2);
left: calc(var(--fe-width) / -2);
opacity: 0.3;
}
to {
width: calc(var(--fe-width) / 5);
height: calc(var(--fe-height) / 5);
top: calc(var(--fe-height) / -10);
left: calc(var(--fe-width) / -10);
}
}
@keyframes c2-anim {
to {
width: calc(var(--fe-width) / 0.5);
height: calc(var(--fe-height) / 0.5);
top: calc(var(--fe-height) / -1);
left: calc(var(--fe-width) / -1);
border-width: calc(var(--fe-width) / 15);
opacity: 0.3;
}
}
@keyframes c2-anim-reverse {
from {
width: calc(var(--fe-width) / 5);
height: calc(var(--fe-height) / 5);
top: calc(var(--fe-height) / -10);
left: calc(var(--fe-width) / -10);
border-width: calc(var(--fe-width) / 15);
opacity: 0.3;
}
to {
width: var(--fe-width);
height: var(--fe-height);
border: calc(var(--fe-width) / 25) solid var(--fe-color);
border-radius: 50%;
top: calc(var(--fe-height) / -2);
left: calc(var(--fe-width) / -2);
}
}
@keyframes c4-anim {
to {
width: calc(var(--fe-width) / 1.5);
height: calc(var(--fe-height) / 1.5);
top: calc(var(--fe-height) / -3);
left: calc(var(--fe-width) / -3);
background-color: var(--fe-color);
opacity: 0.3;
}
}
@keyframes c4-anim-reverse {
from {
width: calc(var(--fe-width) / 1.5);
height: calc(var(--fe-height) / 1.5);
top: calc(var(--fe-height) / -3);
left: calc(var(--fe-width) / -3);
background-color: var(--fe-color);
opacity: 0.3;
}
to {
width: var(--fe-width);
height: var(--fe-height);
top: calc(var(--fe-height) / -2);
left: calc(var(--fe-width) / -2);
background-color: transparent;
opacity: 1;
}
}
@keyframes c5-anim {
50% {
width: calc(var(--fe-width) / 2.5);
height: calc(var(--fe-height) / 2.5);
top: calc(var(--fe-height) / -5);
left: calc(var(--fe-width) / -5);
background-color: var(--fe-color);
opacity: 0.3;
}
100% {
width: calc(var(--fe-width) / 0.5);
height: calc(var(--fe-height) / 0.5);
top: calc(var(--fe-height) / -1);
left: calc(var(--fe-width) / -1);
background-color: var(--fe-color);
opacity: 0.3;
}
}
@keyframes c5-anim-reverse {
from {
width: calc(var(--fe-width) / 0.5);
height: calc(var(--fe-height) / 0.5);
top: calc(var(--fe-height) / -1);
left: calc(var(--fe-width) / -1);
background-color: var(--fe-color);
opacity: 0.3;
}
to {
width: var(--fe-width);
height: var(--fe-height);
top: calc(var(--fe-height) / -2);
left: calc(var(--fe-width) / -2);
}
}
@keyframes c6-anim {
to {
width: calc(var(--fe-width) / 0.5);
height: calc(var(--fe-height) / 0.5);
top: calc(var(--fe-height) / -1);
left: calc(var(--fe-width) / -1);
background-color: var(--fe-color);
opacity: 0.3;
}
}
@keyframes c6-anim-reverse {
from {
width: calc(var(--fe-width) / 0.5);
height: calc(var(--fe-height) / 0.5);
top: calc(var(--fe-height) / -1);
left: calc(var(--fe-width) / -1);
background-color: var(--fe-color);
opacity: 0.3;
}
to {
width: var(--fe-width);
height: var(--fe-height);
top: calc(var(--fe-height) / -2);
left: calc(var(--fe-width) / -2);
}
}
@keyframes c-scale {
to {
width: calc(var(--fe-width) * 3);
height: calc(var(--fe-width) * 3);
top: calc(var(--fe-width) * -1.5);
left: calc(var(--fe-width) * -1.5);
opacity: 1;
}
}
@keyframes c-scale-reverse {
from {
width: calc(var(--fe-width) * 3);
height: calc(var(--fe-width) * 3);
top: calc(var(--fe-width) * -1.5);
left: calc(var(--fe-width) * -1.5);
opacity: 1;
}
to {
width: calc(var(--fe-width) / 5);
height: calc(var(--fe-width) / 5);
top: calc(var(--fe-width) / -10);
left: calc(var(--fe-width) / -10);
}
}
@keyframes spin {
from {
transform: rotate(360deg);
}
to {
transform: rotate(0);
}
}
@keyframes spinleft {
from {
transform: rotate(360deg);
}
to {
transform: rotate(0);
}
}
@keyframes spinright {
from {
transform: rotate(0);
}
to {
transform: rotate(360deg);
}
}  @media only screen and (min-width: 320px) and (max-width: 767px) {
.wpcc-cursor.hide-mobile {
display: none;
opacity: 0;
visibility: hidden;
}
} @media only screen and (min-width: 768px) and (max-width: 1024px) {
.wpcc-cursor.hide-tablet {
display: none;
opacity: 0;
visibility: hidden;
}
}