.cursor-dot,
.cursor-dot-outline {
pointer-events: none;
position: absolute;
top: 50%;
left: 50%;
border-radius: 50%;
opacity: 0;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
z-index: 999999999;
}
.cursor-dot {
width: 8px;
height: 8px;
background-color: #fff;
}
.cursor-dot-outline {
width: 40px;
height: 40px;
background-color: rgba(255,250,250, 0.5);
}
body, a:-webkit-any-link, :any-link {  
cursor: none;
}
.icon-feed:before {
content: "\f1be";
font-family: FontAwesome;
} .mousegen {
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;  
}
p.mousetext {
margin-top: 5px;
color: #ffffff;
-webkit-animation: colorText 5s ease-out infinite, nudgeText 5s ease-out infinite;
animation: colorText 5s ease-out infinite, nudgeText 5s ease-out infinite;
}
.mouse {
background: #000000 -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, transparent), color-stop(50%, #ffffff), to(#ffffff));
background: #4e5559 linear-gradient(transparent 0%, transparent 50%, #ffffff 50%, #ffffff 100%);
position: relative;
width: 26px;
height: 44px;
border-radius: 100px;
background-size: 100% 200%;
-webkit-animation: colorSlide 5s linear infinite, nudgeMouse 5s ease-out infinite;
animation: colorSlide 5s linear infinite, nudgeMouse 5s ease-out infinite;
}
.mouse:before, .mouse:after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
}
.mouse:before {
width: 24px;
height: 41px;
background-color: #000000;
border-radius: 100px;
}
.mouse:after {
background-color: #ffffff;
width: 4px;
height: 4px;
border-radius: 100%;
-webkit-animation: trackBallSlide 5s linear infinite;
animation: trackBallSlide 5s linear infinite;
}
@-webkit-keyframes colorSlide {
0% {
background-position: 0% 100%;
}
20% {
background-position: 0% 0%;
}
21% {
background-color: #4e5559;
}
29.99% {
background-color: #ffffff;
background-position: 0% 0%;
}
30% {
background-color: #4e5559;
background-position: 0% 100%;
}
50% {
background-position: 0% 0%;
}
51% {
background-color: #4e5559;
}
59% {
background-color: #ffffff;
background-position: 0% 0%;
}
60% {
background-color: #4e5559;
background-position: 0% 100%;
}
80% {
background-position: 0% 0%;
}
81% {
background-color: #4e5559;
}
90%, 100% {
background-color: #ffffff;
}
}
@keyframes colorSlide {
0% {
background-position: 0% 100%;
}
20% {
background-position: 0% 0%;
}
21% {
background-color: #4e5559;
}
29.99% {
background-color: #ffffff;
background-position: 0% 0%;
}
30% {
background-color: #4e5559;
background-position: 0% 100%;
}
50% {
background-position: 0% 0%;
}
51% {
background-color: #4e5559;
}
59% {
background-color: #ffffff;
background-position: 0% 0%;
}
60% {
background-color: #4e5559;
background-position: 0% 100%;
}
80% {
background-position: 0% 0%;
}
81% {
background-color: #4e5559;
}
90%, 100% {
background-color: #ffffff;
}
}
@-webkit-keyframes trackBallSlide {
0% {
opacity: 1;
-webkit-transform: scale(1) translateY(-10px);
transform: scale(1) translateY(-10px);
}
6% {
opacity: 1;
-webkit-transform: scale(0.9) translateY(2.5px);
transform: scale(0.9) translateY(2.5px);
}
14% {
opacity: 0;
-webkit-transform: scale(0.4) translateY(20px);
transform: scale(0.4) translateY(20px);
}
15%, 19% {
opacity: 0;
-webkit-transform: scale(0.4) translateY(-10px);
transform: scale(0.4) translateY(-10px);
}
28%, 29.99% {
opacity: 1;
-webkit-transform: scale(1) translateY(-10px);
transform: scale(1) translateY(-10px);
}
30% {
opacity: 1;
-webkit-transform: scale(1) translateY(-10px);
transform: scale(1) translateY(-10px);
}
36% {
opacity: 1;
-webkit-transform: scale(0.9) translateY(2.5px);
transform: scale(0.9) translateY(2.5px);
}
44% {
opacity: 0;
-webkit-transform: scale(0.4) translateY(20px);
transform: scale(0.4) translateY(20px);
}
45%, 49% {
opacity: 0;
-webkit-transform: scale(0.4) translateY(-10px);
transform: scale(0.4) translateY(-10px);
}
58%, 59.99% {
opacity: 1;
-webkit-transform: scale(1) translateY(-10px);
transform: scale(1) translateY(-10px);
}
60% {
opacity: 1;
-webkit-transform: scale(1) translateY(-10px);
transform: scale(1) translateY(-10px);
}
66% {
opacity: 1;
-webkit-transform: scale(0.9) translateY(2.5px);
transform: scale(0.9) translateY(2.5px);
}
74% {
opacity: 0;
-webkit-transform: scale(0.4) translateY(20px);
transform: scale(0.4) translateY(20px);
}
75%, 79% {
opacity: 0;
-webkit-transform: scale(0.4) translateY(-10px);
transform: scale(0.4) translateY(-10px);
}
88%, 100% {
opacity: 1;
-webkit-transform: scale(1) translateY(-10px);
transform: scale(1) translateY(-10px);
}
}
@keyframes trackBallSlide {
0% {
opacity: 1;
-webkit-transform: scale(1) translateY(-10px);
transform: scale(1) translateY(-10px);
}
6% {
opacity: 1;
-webkit-transform: scale(0.9) translateY(2.5px);
transform: scale(0.9) translateY(2.5px);
}
14% {
opacity: 0;
-webkit-transform: scale(0.4) translateY(20px);
transform: scale(0.4) translateY(20px);
}
15%, 19% {
opacity: 0;
-webkit-transform: scale(0.4) translateY(-10px);
transform: scale(0.4) translateY(-10px);
}
28%, 29.99% {
opacity: 1;
-webkit-transform: scale(1) translateY(-10px);
transform: scale(1) translateY(-10px);
}
30% {
opacity: 1;
-webkit-transform: scale(1) translateY(-10px);
transform: scale(1) translateY(-10px);
}
36% {
opacity: 1;
-webkit-transform: scale(0.9) translateY(2.5px);
transform: scale(0.9) translateY(2.5px);
}
44% {
opacity: 0;
-webkit-transform: scale(0.4) translateY(20px);
transform: scale(0.4) translateY(20px);
}
45%, 49% {
opacity: 0;
-webkit-transform: scale(0.4) translateY(-10px);
transform: scale(0.4) translateY(-10px);
}
58%, 59.99% {
opacity: 1;
-webkit-transform: scale(1) translateY(-10px);
transform: scale(1) translateY(-10px);
}
60% {
opacity: 1;
-webkit-transform: scale(1) translateY(-10px);
transform: scale(1) translateY(-10px);
}
66% {
opacity: 1;
-webkit-transform: scale(0.9) translateY(2.5px);
transform: scale(0.9) translateY(2.5px);
}
74% {
opacity: 0;
-webkit-transform: scale(0.4) translateY(20px);
transform: scale(0.4) translateY(20px);
}
75%, 79% {
opacity: 0;
-webkit-transform: scale(0.4) translateY(-10px);
transform: scale(0.4) translateY(-10px);
}
88%, 100% {
opacity: 1;
-webkit-transform: scale(1) translateY(-10px);
transform: scale(1) translateY(-10px);
}
}
@-webkit-keyframes nudgeMouse {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
20% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
30% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
50% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
60% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
80% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
90% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes nudgeMouse {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
20% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
30% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
50% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
60% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
80% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
90% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes nudgeText {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
20% {
-webkit-transform: translateY(2px);
transform: translateY(2px);
}
30% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
50% {
-webkit-transform: translateY(2px);
transform: translateY(2px);
}
60% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
80% {
-webkit-transform: translateY(2px);
transform: translateY(2px);
}
90% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes nudgeText {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
20% {
-webkit-transform: translateY(2px);
transform: translateY(2px);
}
30% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
50% {
-webkit-transform: translateY(2px);
transform: translateY(2px);
}
60% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
80% {
-webkit-transform: translateY(2px);
transform: translateY(2px);
}
90% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes colorText {
21% {
color: #4e5559;
}
30% {
color: #ffffff;
}
51% {
color: #4e5559;
}
60% {
color: #ffffff;
}
81% {
color: #4e5559;
}
90% {
color: #ffffff;
}
}
@keyframes colorText {
21% {
color: #4e5559;
}
30% {
color: #ffffff;
}
51% {
color: #4e5559;
}
60% {
color: #ffffff;
}
81% {
color: #4e5559;
}
90% {
color: #ffffff;
}
}
.bg.section-bg  .icon-angle-down:before {
content: "";
} @media only screen and (max-width: 48em) { }