@charset "UTF-8";
/*!
 * Sado Custom Cursor Pack
 * Version: 1.1
 * Author: Web_Trendy
 * Copyright 2019 © Web_Trendy (https://codecanyon.net/user/web_trendy)
 * Licensed under Envato (https://codecanyon.net/licenses/standard)
 *
 * "Open your hands if you want to be held." -Rumi
 *
 */
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
	1.0 Variables > Line 23
	2.0 General Styles > Line 66
	3.0 Cursor Effects > Line 91
	4.0 Cursor Colors > Line 572

--------------------------------------------------------------*/
/*--------------------------------------------------------------
1.0 Variables
Variables used inside the library. Update per your needs.
--------------------------------------------------------------*/
/*CSS Variable*/
/*:root {
    --top: 0;
    --left: 0;
}*/
/*Default cursor color*/
/*--------------------------------------------------------------
2.0 General Styles
Styles applied to all effects.
--------------------------------------------------------------*/
.custom-cursor {
  cursor: pointer;
  --top: 0;
  --left: 0; }
  .custom-cursor .cursor {
    opacity: 0;
    position: fixed;
    pointer-events: none; }
    .custom-cursor .cursor div {
      position: fixed; }
  .custom-cursor a {
    cursor: none; }
  .custom-cursor.active .cursor {
    opacity: 1; }


.custom-cursor .cursor {z-index:2;}
.custom-cursor .cursor div {z-index:3;}
.custom-cursor .cursor div:before {z-index:4;}
/*--------------------------------------------------------------
3.0 Cursor Effects
Effects for Cursors.
--------------------------------------------------------------*/
/*Effect 1*/
.cursor-1 .cursor {
  width: 30px;
  height: 30px;
  border: 1px solid #323232;
  border-radius: 50%;
  top: calc(var(--top) - 15px);
  left: calc(var(--left) - 15px);
  -webkit-transition: all 200ms ease-out;
  transition: all 200ms ease-out; }
  .cursor-1 .cursor div {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #323232;
    top: calc(var(--top) - 3px);
    left: calc(var(--left) - 3px); }
  .cursor-1 .cursor.onlink {
    width: 20px;
    height: 20px;
    top: calc(var(--top) - 10px);
    left: calc(var(--left) - 10px); }
    .cursor-1 .cursor.onlink div {
      width: 10px;
      height: 10px;
      top: calc(var(--top) - 5px);
      left: calc(var(--left) - 5px); }

/*Effect 2*/
.cursor-2 .cursor {
  width: 30px;
  height: 3px;
  background-color: #323232;
  top: calc(var(--top) - 1.5px);
  left: calc(var(--left) - 30px); }
  .cursor-2 .cursor div {
    width: 15px;
    height: 15px;
    border-top: 3px solid #323232;
    border-right: 3px solid #323232;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    top: calc(var(--top) - 7.5px);
    left: calc(var(--left) - 15px);
    -webkit-transition: -webkit-transform 200ms ease-out;
    transition: -webkit-transform 200ms ease-out;
    transition: transform 200ms ease-out;
    transition: transform 200ms ease-out, -webkit-transform 200ms ease-out; }
  .cursor-2 .cursor.onlink {
    width: 0px; }
    .cursor-2 .cursor.onlink div {
      -webkit-transform: rotate(135deg);
              transform: rotate(135deg); }

/*Effect 3*/
.cursor-3 .cursor {
  width: 30px;
  height: 3px;
  background-color: #323232;
  top: calc(var(--top) - 1.5px);
  left: calc(var(--left) - 0px); }
  .cursor-3 .cursor div {
    width: 15px;
    height: 15px;
    border-top: 3px solid #323232;
    border-left: 3px solid #323232;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    top: calc(var(--top) - 7.5px);
    left: calc(var(--left) - 0px);
    -webkit-transition: -webkit-transform 200ms ease-out;
    transition: -webkit-transform 200ms ease-out;
    transition: transform 200ms ease-out;
    transition: transform 200ms ease-out, -webkit-transform 200ms ease-out; }
  .cursor-3 .cursor.onlink {
    width: 0px; }
    .cursor-3 .cursor.onlink div {
      -webkit-transform: rotate(-135deg);
              transform: rotate(-135deg); }

/*Effect 4*/
.cursor-4 .cursor {
  width: 60px;
  height: 60px;
  border: 2px solid #fff;
  transition: all .3s;
  border-radius: 50%;
  top: calc(var(--top) - 30px);
  left: calc(var(--left) - 30px); }
  .cursor-4 .cursor div {
    width: 30px;
    height: 1px;
    background-color: #fff;
    top: calc(var(--top) - 1.5px);
    left: calc(var(--left) - 15px);
    -webkit-transition: all 100ms ease-out;
    transition: all 100ms ease-out; }
    .cursor-4 .cursor div:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: #fff;
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }
  .cursor-4 .cursor.onlink {
    width: 60px;
    height: 60px;
    top: calc(var(--top) - 30px);
    left: calc(var(--left) - 30px); }
    .cursor-4 .cursor.onlink div {
      width: 30px;
      height: 2px;
      top: calc(var(--top) - 1px);
      left: calc(var(--left) - 20px); }

/*Effect 5*/
.cursor-5 .cursor {
  width: 30px;
  height: 30px;
  border: 1px solid #323232;
  border-radius: 50%;
  top: calc(var(--top) - 15px);
  left: calc(var(--left) - 15px); }
  .cursor-5 .cursor div {
    width: 0px;
    height: 0px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 8px solid #323232;
    top: calc(var(--top) - 6px);
    left: calc(var(--left) - 3px);
    -webkit-transition: all 100ms ease-out;
    transition: all 100ms ease-out; }
  .cursor-5 .cursor.onlink {
    width: 50px;
    height: 50px;
    top: calc(var(--top) - 25px);
    left: calc(var(--left) - 25px); }
    .cursor-5 .cursor.onlink div {
      border-top: 10px solid transparent;
      border-bottom: 10px solid transparent;
      border-left: 13px solid #323232;
      top: calc(var(--top) - 9px);
      left: calc(var(--left) - 5px); }

/*Effect 6*/
.cursor-6 .cursor {
  width: 0px;
  height: 0px;
  opacity: 0;
  border: 1px solid #323232;
  border-radius: 50%;
  top: calc(var(--top) - 0px);
  left: calc(var(--left) - 0px); }
  .cursor-6 .cursor div {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #323232;
    top: calc(var(--top) - 3px);
    left: calc(var(--left) - 3px); }
  .cursor-6 .cursor.onlink {
    width: 20px;
    height: 20px;
    top: calc(var(--top) - 10px);
    left: calc(var(--left) - 10px);
    opacity: 1; }

/*Effect 7*/
.cursor-7 .cursor div {
  width: 15px;
  height: 15px;
  border-top: 3px solid #323232;
  border-right: 3px solid #323232;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  top: calc(var(--top) - 7.5px);
  left: calc(var(--left) - 15px);
  -webkit-transition: -webkit-transform 200ms ease-out;
  transition: -webkit-transform 200ms ease-out;
  transition: transform 200ms ease-out;
  transition: transform 200ms ease-out, -webkit-transform 200ms ease-out; }
.cursor-7 .cursor.onlink div {
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg); }

/*Effect 8*/
.cursor-8 .cursor div {
  width: 15px;
  height: 15px;
  border-top: 3px solid #323232;
  border-left: 3px solid #323232;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  top: calc(var(--top) - 7.5px);
  left: calc(var(--left) - 0px);
  -webkit-transition: -webkit-transform 200ms ease-out;
  transition: -webkit-transform 200ms ease-out;
  transition: transform 200ms ease-out;
  transition: transform 200ms ease-out, -webkit-transform 200ms ease-out; }
.cursor-8 .cursor.onlink div {
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg); }

/*Effect 9*/
.cursor-9 .cursor div {
  width: 15px;
  height: 2px;
  background-color: #323232;
  top: calc(var(--top) - 1.5px);
  left: calc(var(--left) - 7.5px);
  -webkit-transition: width 300ms, height 300ms, -webkit-transform 300ms ease-out;
  transition: width 300ms, height 300ms, -webkit-transform 300ms ease-out;
  transition: width 300ms, height 300ms, transform 300ms ease-out;
  transition: width 300ms, height 300ms, transform 300ms ease-out, -webkit-transform 300ms ease-out; }
  .cursor-9 .cursor div:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #323232;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg); }
.cursor-9 .cursor.onlink div {
  width: 26px;
  height: 2px;
  top: calc(var(--top) - 1px);
  left: calc(var(--left) - 13px);
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg); }

/*Effect 10*/
.cursor-10 .cursor {
  width: 30px;
  height: 30px;
  border: 1px solid #323232;
  border-radius: 50%;
  top: calc(var(--top) - 15px);
  left: calc(var(--left) - 15px); }
  .cursor-10 .cursor div {
    width: 8px;
    height: 8px;
    background-color: #323232;
    top: calc(var(--top) - 4px);
    left: calc(var(--left) - 4px);
    -webkit-transition: all 100ms ease-out;
    transition: all 100ms ease-out; }
  .cursor-10 .cursor.onlink {
    width: 40px;
    height: 40px;
    top: calc(var(--top) - 20px);
    left: calc(var(--left) - 20px); }
    .cursor-10 .cursor.onlink div {
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg);
      -webkit-transition: all 200ms ease-out;
      transition: all 200ms ease-out;
      width: 10px;
      height: 10px;
      top: calc(var(--top) - 5px);
      left: calc(var(--left) - 5px); }

/*Effect 11*/
.cursor-11 .cursor {
  width: 30px;
  height: 30px;
  border: 1px solid #323232;
  border-radius: 50%;
  top: calc(var(--top) - 15px);
  left: calc(var(--left) - 15px);
  -webkit-transition: all 100ms ease-out;
  transition: all 100ms ease-out; }
  .cursor-11 .cursor div {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #323232;
    top: calc(var(--top) - 10px);
    left: calc(var(--left) - 10px); }
  .cursor-11 .cursor.onlink {
    width: 40px;
    height: 40px;
    top: calc(var(--top) - 20px);
    left: calc(var(--left) - 20px); }
    .cursor-11 .cursor.onlink div {
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg);
      -webkit-transition: all 200ms ease-out;
      transition: all 200ms ease-out;
      width: 10px;
      height: 10px;
      top: calc(var(--top) - 5px);
      left: calc(var(--left) - 5px); }

/*Effect 12*/
.cursor-12 .cursor:before {
  content: '';
  position: fixed;
  width: 5px;
  height: 5px;
  background-color: #323232;
  top: calc(var(--top) - 2.5px);
  left: calc(var(--left) - 15px);
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition: all 200ms ease-out;
  transition: all 200ms ease-out; }
.cursor-12 .cursor div {
  width: 10px;
  height: 10px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  background-color: #323232;
  top: calc(var(--top) - 5px);
  left: calc(var(--left) - 5px); }
.cursor-12 .cursor.onlink:before {
  width: 10px;
  height: 10px;
  top: calc(var(--top) - 5px);
  left: calc(var(--left) - 25px); }
.cursor-12 .cursor.onlink div {
  width: 15px;
  height: 15px;
  top: calc(var(--top) - 7.5px);
  left: calc(var(--left) - 7.5px); }

/*Effect 13*/
.cursor-13 .cursor {
  width: 20px;
  height: 20px;
  border: 1px solid #323232;
  border-radius: 50%;
  top: calc(var(--top) - 10px);
  left: calc(var(--left) - 10px); }
  .cursor-13 .cursor.onlink {
    width: 30px;
    height: 30px;
    top: calc(var(--top) - 15px);
    left: calc(var(--left) - 15px); }

/*Effect 14*/
.cursor-14 .cursor {
  width: 20px;
  height: 20px;
  border: 1px solid #323232;
  border-radius: 50%;
  border-color: transparent;
  top: calc(var(--top) - 10px);
  left: calc(var(--left) - 10px); }
  .cursor-14 .cursor div {
    width: 25px;
    height: 2px;
    background-color: #323232;
    top: calc(var(--top) - 1.5px);
    left: calc(var(--left) - 12.5px);
    -webkit-transition: width 300ms, height 300ms ease-out;
    transition: width 300ms, height 300ms ease-out;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg); }
    .cursor-14 .cursor div:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: #323232;
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }
  .cursor-14 .cursor.onlink {
    border-color: #323232;
    width: 40px;
    height: 40px;
    top: calc(var(--top) - 20px);
    left: calc(var(--left) - 20px); }
    .cursor-14 .cursor.onlink div {
      width: 15px;
      left: calc(var(--left) - 7.5px);
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg); }

/*Effect 15*/
.cursor-15 .cursor {
  width: 20px;
  height: 20px;
  top: calc(var(--top) - 10px);
  left: calc(var(--left) - 10px);
  -webkit-transition: all 100ms ease-out;
  transition: all 100ms ease-out; }
  .cursor-15 .cursor:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border: 1px solid #323232;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg); }
  .cursor-15 .cursor div {
    width: 6px;
    height: 6px;
    background-color: #323232;
    top: calc(var(--top) - 3px);
    left: calc(var(--left) - 3px);
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg); }
  .cursor-15 .cursor.onlink {
    width: 25px;
    height: 25px;
    top: calc(var(--top) - 12.5px);
    left: calc(var(--left) - 12.5px); }
    .cursor-15 .cursor.onlink div {
      width: 14px;
      height: 14px;
      top: calc(var(--top) - 7px);
      left: calc(var(--left) - 7px); }

/*--------------------------------------------------------------
4.0 Colors
Cursor colors
--------------------------------------------------------------*/
.color-1 .cursor {
  border-color: #595F6E; }
  .color-1 .cursor div {
    background-color: #595F6E; }
.color-1.cursor-2 .cursor, .color-1.cursor-3 .cursor, .color-1.cursor-7 .cursor, .color-1.cursor-8 .cursor {
  background-color: #595F6E; }
  .color-1.cursor-2 .cursor div, .color-1.cursor-3 .cursor div, .color-1.cursor-7 .cursor div, .color-1.cursor-8 .cursor div {
    background-color: transparent;
    border-color: #595F6E; }
.color-1.cursor-4 .cursor div:before, .color-1.cursor-9 .cursor div:before {
  background-color: #595F6E; }
.color-1.cursor-5 .cursor div {
  background-color: transparent;
  border-left-color: #595F6E; }
.color-1.cursor-12 .cursor:before {
  background-color: #595F6E; }
.color-1.cursor-14 .cursor {
  border-color: transparent; }
  .color-1.cursor-14 .cursor div:before {
    background-color: #595F6E; }
  .color-1.cursor-14 .cursor.onlink {
    border-color: #595F6E; }
.color-1.cursor-15 .cursor:before {
  border-color: #595F6E; }

.color-2 .cursor {
  border-color: #845EC2; }
  .color-2 .cursor div {
    background-color: #845EC2; }
.color-2.cursor-2 .cursor, .color-2.cursor-3 .cursor, .color-2.cursor-7 .cursor, .color-2.cursor-8 .cursor {
  background-color: #845EC2; }
  .color-2.cursor-2 .cursor div, .color-2.cursor-3 .cursor div, .color-2.cursor-7 .cursor div, .color-2.cursor-8 .cursor div {
    background-color: transparent;
    border-color: #845EC2; }
.color-2.cursor-4 .cursor div:before, .color-2.cursor-9 .cursor div:before {
  background-color: #845EC2; }
.color-2.cursor-5 .cursor div {
  background-color: transparent;
  border-left-color: #845EC2; }
.color-2.cursor-12 .cursor:before {
  background-color: #845EC2; }
.color-2.cursor-14 .cursor {
  border-color: transparent; }
  .color-2.cursor-14 .cursor div:before {
    background-color: #845EC2; }
  .color-2.cursor-14 .cursor.onlink {
    border-color: #845EC2; }
.color-2.cursor-15 .cursor:before {
  border-color: #845EC2; }

.color-3 .cursor {
  border-color: #1C1259; }
  .color-3 .cursor div {
    background-color: #1C1259; }
.color-3.cursor-2 .cursor, .color-3.cursor-3 .cursor, .color-3.cursor-7 .cursor, .color-3.cursor-8 .cursor {
  background-color: #1C1259; }
  .color-3.cursor-2 .cursor div, .color-3.cursor-3 .cursor div, .color-3.cursor-7 .cursor div, .color-3.cursor-8 .cursor div {
    background-color: transparent;
    border-color: #1C1259; }
.color-3.cursor-4 .cursor div:before, .color-3.cursor-9 .cursor div:before {
  background-color: #1C1259; }
.color-3.cursor-5 .cursor div {
  background-color: transparent;
  border-left-color: #1C1259; }
.color-3.cursor-12 .cursor:before {
  background-color: #1C1259; }
.color-3.cursor-14 .cursor {
  border-color: transparent; }
  .color-3.cursor-14 .cursor div:before {
    background-color: #1C1259; }
  .color-3.cursor-14 .cursor.onlink {
    border-color: #1C1259; }
.color-3.cursor-15 .cursor:before {
  border-color: #1C1259; }

.color-4 .cursor {
  border-color: #D65DB1; }
  .color-4 .cursor div {
    background-color: #D65DB1; }
.color-4.cursor-2 .cursor, .color-4.cursor-3 .cursor, .color-4.cursor-7 .cursor, .color-4.cursor-8 .cursor {
  background-color: #D65DB1; }
  .color-4.cursor-2 .cursor div, .color-4.cursor-3 .cursor div, .color-4.cursor-7 .cursor div, .color-4.cursor-8 .cursor div {
    background-color: transparent;
    border-color: #D65DB1; }
.color-4.cursor-4 .cursor div:before, .color-4.cursor-9 .cursor div:before {
  background-color: #D65DB1; }
.color-4.cursor-5 .cursor div {
  background-color: transparent;
  border-left-color: #D65DB1; }
.color-4.cursor-12 .cursor:before {
  background-color: #D65DB1; }
.color-4.cursor-14 .cursor {
  border-color: transparent; }
  .color-4.cursor-14 .cursor div:before {
    background-color: #D65DB1; }
  .color-4.cursor-14 .cursor.onlink {
    border-color: #D65DB1; }
.color-4.cursor-15 .cursor:before {
  border-color: #D65DB1; }

.color-5 .cursor {
  border-color: #7F4782; }
  .color-5 .cursor div {
    background-color: #7F4782; }
.color-5.cursor-2 .cursor, .color-5.cursor-3 .cursor, .color-5.cursor-7 .cursor, .color-5.cursor-8 .cursor {
  background-color: #7F4782; }
  .color-5.cursor-2 .cursor div, .color-5.cursor-3 .cursor div, .color-5.cursor-7 .cursor div, .color-5.cursor-8 .cursor div {
    background-color: transparent;
    border-color: #7F4782; }
.color-5.cursor-4 .cursor div:before, .color-5.cursor-9 .cursor div:before {
  background-color: #7F4782; }
.color-5.cursor-5 .cursor div {
  background-color: transparent;
  border-left-color: #7F4782; }
.color-5.cursor-12 .cursor:before {
  background-color: #7F4782; }
.color-5.cursor-14 .cursor {
  border-color: transparent; }
  .color-5.cursor-14 .cursor div:before {
    background-color: #7F4782; }
  .color-5.cursor-14 .cursor.onlink {
    border-color: #7F4782; }
.color-5.cursor-15 .cursor:before {
  border-color: #7F4782; }

.color-6 .cursor {
  border-color: #FF6F91; }
  .color-6 .cursor div {
    background-color: #FF6F91; }
.color-6.cursor-2 .cursor, .color-6.cursor-3 .cursor, .color-6.cursor-7 .cursor, .color-6.cursor-8 .cursor {
  background-color: #FF6F91; }
  .color-6.cursor-2 .cursor div, .color-6.cursor-3 .cursor div, .color-6.cursor-7 .cursor div, .color-6.cursor-8 .cursor div {
    background-color: transparent;
    border-color: #FF6F91; }
.color-6.cursor-4 .cursor div:before, .color-6.cursor-9 .cursor div:before {
  background-color: #FF6F91; }
.color-6.cursor-5 .cursor div {
  background-color: transparent;
  border-left-color: #FF6F91; }
.color-6.cursor-12 .cursor:before {
  background-color: #FF6F91; }
.color-6.cursor-14 .cursor {
  border-color: transparent; }
  .color-6.cursor-14 .cursor div:before {
    background-color: #FF6F91; }
  .color-6.cursor-14 .cursor.onlink {
    border-color: #FF6F91; }
.color-6.cursor-15 .cursor:before {
  border-color: #FF6F91; }

.color-7 .cursor {
  border-color: #e2598b; }
  .color-7 .cursor div {
    background-color: #e2598b; }
.color-7.cursor-2 .cursor, .color-7.cursor-3 .cursor, .color-7.cursor-7 .cursor, .color-7.cursor-8 .cursor {
  background-color: #e2598b; }
  .color-7.cursor-2 .cursor div, .color-7.cursor-3 .cursor div, .color-7.cursor-7 .cursor div, .color-7.cursor-8 .cursor div {
    background-color: transparent;
    border-color: #e2598b; }
.color-7.cursor-4 .cursor div:before, .color-7.cursor-9 .cursor div:before {
  background-color: #e2598b; }
.color-7.cursor-5 .cursor div {
  background-color: transparent;
  border-left-color: #e2598b; }
.color-7.cursor-12 .cursor:before {
  background-color: #e2598b; }
.color-7.cursor-14 .cursor {
  border-color: transparent; }
  .color-7.cursor-14 .cursor div:before {
    background-color: #e2598b; }
  .color-7.cursor-14 .cursor.onlink {
    border-color: #e2598b; }
.color-7.cursor-15 .cursor:before {
  border-color: #e2598b; }

.color-8 .cursor {
  border-color: #ee7777; }
  .color-8 .cursor div {
    background-color: #ee7777; }
.color-8.cursor-2 .cursor, .color-8.cursor-3 .cursor, .color-8.cursor-7 .cursor, .color-8.cursor-8 .cursor {
  background-color: #ee7777; }
  .color-8.cursor-2 .cursor div, .color-8.cursor-3 .cursor div, .color-8.cursor-7 .cursor div, .color-8.cursor-8 .cursor div {
    background-color: transparent;
    border-color: #ee7777; }
.color-8.cursor-4 .cursor div:before, .color-8.cursor-9 .cursor div:before {
  background-color: #ee7777; }
.color-8.cursor-5 .cursor div {
  background-color: transparent;
  border-left-color: #ee7777; }
.color-8.cursor-12 .cursor:before {
  background-color: #ee7777; }
.color-8.cursor-14 .cursor {
  border-color: transparent; }
  .color-8.cursor-14 .cursor div:before {
    background-color: #ee7777; }
  .color-8.cursor-14 .cursor.onlink {
    border-color: #ee7777; }
.color-8.cursor-15 .cursor:before {
  border-color: #ee7777; }

.color-9 .cursor {
  border-color: #FF9671; }
  .color-9 .cursor div {
    background-color: #FF9671; }
.color-9.cursor-2 .cursor, .color-9.cursor-3 .cursor, .color-9.cursor-7 .cursor, .color-9.cursor-8 .cursor {
  background-color: #FF9671; }
  .color-9.cursor-2 .cursor div, .color-9.cursor-3 .cursor div, .color-9.cursor-7 .cursor div, .color-9.cursor-8 .cursor div {
    background-color: transparent;
    border-color: #FF9671; }
.color-9.cursor-4 .cursor div:before, .color-9.cursor-9 .cursor div:before {
  background-color: #FF9671; }
.color-9.cursor-5 .cursor div {
  background-color: transparent;
  border-left-color: #FF9671; }
.color-9.cursor-12 .cursor:before {
  background-color: #FF9671; }
.color-9.cursor-14 .cursor {
  border-color: transparent; }
  .color-9.cursor-14 .cursor div:before {
    background-color: #FF9671; }
  .color-9.cursor-14 .cursor.onlink {
    border-color: #FF9671; }
.color-9.cursor-15 .cursor:before {
  border-color: #FF9671; }

.color-10 .cursor {
  border-color: #ff8246; }
  .color-10 .cursor div {
    background-color: #ff8246; }
.color-10.cursor-2 .cursor, .color-10.cursor-3 .cursor, .color-10.cursor-7 .cursor, .color-10.cursor-8 .cursor {
  background-color: #ff8246; }
  .color-10.cursor-2 .cursor div, .color-10.cursor-3 .cursor div, .color-10.cursor-7 .cursor div, .color-10.cursor-8 .cursor div {
    background-color: transparent;
    border-color: #ff8246; }
.color-10.cursor-4 .cursor div:before, .color-10.cursor-9 .cursor div:before {
  background-color: #ff8246; }
.color-10.cursor-5 .cursor div {
  background-color: transparent;
  border-left-color: #ff8246; }
.color-10.cursor-12 .cursor:before {
  background-color: #ff8246; }
.color-10.cursor-14 .cursor {
  border-color: transparent; }
  .color-10.cursor-14 .cursor div:before {
    background-color: #ff8246; }
  .color-10.cursor-14 .cursor.onlink {
    border-color: #ff8246; }
.color-10.cursor-15 .cursor:before {
  border-color: #ff8246; }

.color-11 .cursor {
  border-color: #ffdc27; }
  .color-11 .cursor div {
    background-color: #ffdc27; }
.color-11.cursor-2 .cursor, .color-11.cursor-3 .cursor, .color-11.cursor-7 .cursor, .color-11.cursor-8 .cursor {
  background-color: #ffdc27; }
  .color-11.cursor-2 .cursor div, .color-11.cursor-3 .cursor div, .color-11.cursor-7 .cursor div, .color-11.cursor-8 .cursor div {
    background-color: transparent;
    border-color: #ffdc27; }
.color-11.cursor-4 .cursor div:before, .color-11.cursor-9 .cursor div:before {
  background-color: #ffdc27; }
.color-11.cursor-5 .cursor div {
  background-color: transparent;
  border-left-color: #ffdc27; }
.color-11.cursor-12 .cursor:before {
  background-color: #ffdc27; }
.color-11.cursor-14 .cursor {
  border-color: transparent; }
  .color-11.cursor-14 .cursor div:before {
    background-color: #ffdc27; }
  .color-11.cursor-14 .cursor.onlink {
    border-color: #ffdc27; }
.color-11.cursor-15 .cursor:before {
  border-color: #ffdc27; }

.color-12 .cursor {
  border-color: #FFC75F; }
  .color-12 .cursor div {
    background-color: #FFC75F; }
.color-12.cursor-2 .cursor, .color-12.cursor-3 .cursor, .color-12.cursor-7 .cursor, .color-12.cursor-8 .cursor {
  background-color: #FFC75F; }
  .color-12.cursor-2 .cursor div, .color-12.cursor-3 .cursor div, .color-12.cursor-7 .cursor div, .color-12.cursor-8 .cursor div {
    background-color: transparent;
    border-color: #FFC75F; }
.color-12.cursor-4 .cursor div:before, .color-12.cursor-9 .cursor div:before {
  background-color: #FFC75F; }
.color-12.cursor-5 .cursor div {
  background-color: transparent;
  border-left-color: #FFC75F; }
.color-12.cursor-12 .cursor:before {
  background-color: #FFC75F; }
.color-12.cursor-14 .cursor {
  border-color: transparent; }
  .color-12.cursor-14 .cursor div:before {
    background-color: #FFC75F; }
  .color-12.cursor-14 .cursor.onlink {
    border-color: #FFC75F; }
.color-12.cursor-15 .cursor:before {
  border-color: #FFC75F; }

.color-13 .cursor {
  border-color: #F9F871; }
  .color-13 .cursor div {
    background-color: #F9F871; }
.color-13.cursor-2 .cursor, .color-13.cursor-3 .cursor, .color-13.cursor-7 .cursor, .color-13.cursor-8 .cursor {
  background-color: #F9F871; }
  .color-13.cursor-2 .cursor div, .color-13.cursor-3 .cursor div, .color-13.cursor-7 .cursor div, .color-13.cursor-8 .cursor div {
    background-color: transparent;
    border-color: #F9F871; }
.color-13.cursor-4 .cursor div:before, .color-13.cursor-9 .cursor div:before {
  background-color: #F9F871; }
.color-13.cursor-5 .cursor div {
  background-color: transparent;
  border-left-color: #F9F871; }
.color-13.cursor-12 .cursor:before {
  background-color: #F9F871; }
.color-13.cursor-14 .cursor {
  border-color: transparent; }
  .color-13.cursor-14 .cursor div:before {
    background-color: #F9F871; }
  .color-13.cursor-14 .cursor.onlink {
    border-color: #F9F871; }
.color-13.cursor-15 .cursor:before {
  border-color: #F9F871; }

.color-14 .cursor {
  border-color: #49beb7; }
  .color-14 .cursor div {
    background-color: #49beb7; }
.color-14.cursor-2 .cursor, .color-14.cursor-3 .cursor, .color-14.cursor-7 .cursor, .color-14.cursor-8 .cursor {
  background-color: #49beb7; }
  .color-14.cursor-2 .cursor div, .color-14.cursor-3 .cursor div, .color-14.cursor-7 .cursor div, .color-14.cursor-8 .cursor div {
    background-color: transparent;
    border-color: #49beb7; }
.color-14.cursor-4 .cursor div:before, .color-14.cursor-9 .cursor div:before {
  background-color: #49beb7; }
.color-14.cursor-5 .cursor div {
  background-color: transparent;
  border-left-color: #49beb7; }
.color-14.cursor-12 .cursor:before {
  background-color: #49beb7; }
.color-14.cursor-14 .cursor {
  border-color: transparent; }
  .color-14.cursor-14 .cursor div:before {
    background-color: #49beb7; }
  .color-14.cursor-14 .cursor.onlink {
    border-color: #49beb7; }
.color-14.cursor-15 .cursor:before {
  border-color: #49beb7; }

.color-15 .cursor {
  border-color: #bfcd7e; }
  .color-15 .cursor div {
    background-color: #bfcd7e; }
.color-15.cursor-2 .cursor, .color-15.cursor-3 .cursor, .color-15.cursor-7 .cursor, .color-15.cursor-8 .cursor {
  background-color: #bfcd7e; }
  .color-15.cursor-2 .cursor div, .color-15.cursor-3 .cursor div, .color-15.cursor-7 .cursor div, .color-15.cursor-8 .cursor div {
    background-color: transparent;
    border-color: #bfcd7e; }
.color-15.cursor-4 .cursor div:before, .color-15.cursor-9 .cursor div:before {
  background-color: #bfcd7e; }
.color-15.cursor-5 .cursor div {
  background-color: transparent;
  border-left-color: #bfcd7e; }
.color-15.cursor-12 .cursor:before {
  background-color: #bfcd7e; }
.color-15.cursor-14 .cursor {
  border-color: transparent; }
  .color-15.cursor-14 .cursor div:before {
    background-color: #bfcd7e; }
  .color-15.cursor-14 .cursor.onlink {
    border-color: #bfcd7e; }
.color-15.cursor-15 .cursor:before {
  border-color: #bfcd7e; }

.color-16 .cursor {
  border-color: #15cda8; }
  .color-16 .cursor div {
    background-color: #15cda8; }
.color-16.cursor-2 .cursor, .color-16.cursor-3 .cursor, .color-16.cursor-7 .cursor, .color-16.cursor-8 .cursor {
  background-color: #15cda8; }
  .color-16.cursor-2 .cursor div, .color-16.cursor-3 .cursor div, .color-16.cursor-7 .cursor div, .color-16.cursor-8 .cursor div {
    background-color: transparent;
    border-color: #15cda8; }
.color-16.cursor-4 .cursor div:before, .color-16.cursor-9 .cursor div:before {
  background-color: #15cda8; }
.color-16.cursor-5 .cursor div {
  background-color: transparent;
  border-left-color: #15cda8; }
.color-16.cursor-12 .cursor:before {
  background-color: #15cda8; }
.color-16.cursor-14 .cursor {
  border-color: transparent; }
  .color-16.cursor-14 .cursor div:before {
    background-color: #15cda8; }
  .color-16.cursor-14 .cursor.onlink {
    border-color: #15cda8; }
.color-16.cursor-15 .cursor:before {
  border-color: #15cda8; }

.color-17 .cursor {
  border-color: #ff5959; }
  .color-17 .cursor div {
    background-color: #ff5959; }
.color-17.cursor-2 .cursor, .color-17.cursor-3 .cursor, .color-17.cursor-7 .cursor, .color-17.cursor-8 .cursor {
  background-color: #ff5959; }
  .color-17.cursor-2 .cursor div, .color-17.cursor-3 .cursor div, .color-17.cursor-7 .cursor div, .color-17.cursor-8 .cursor div {
    background-color: transparent;
    border-color: #ff5959; }
.color-17.cursor-4 .cursor div:before, .color-17.cursor-9 .cursor div:before {
  background-color: #ff5959; }
.color-17.cursor-5 .cursor div {
  background-color: transparent;
  border-left-color: #ff5959; }
.color-17.cursor-12 .cursor:before {
  background-color: #ff5959; }
.color-17.cursor-14 .cursor {
  border-color: transparent; }
  .color-17.cursor-14 .cursor div:before {
    background-color: #ff5959; }
  .color-17.cursor-14 .cursor.onlink {
    border-color: #ff5959; }
.color-17.cursor-15 .cursor:before {
  border-color: #ff5959; }

.color-18 .cursor {
  border-color: #f34573; }
  .color-18 .cursor div {
    background-color: #f34573; }
.color-18.cursor-2 .cursor, .color-18.cursor-3 .cursor, .color-18.cursor-7 .cursor, .color-18.cursor-8 .cursor {
  background-color: #f34573; }
  .color-18.cursor-2 .cursor div, .color-18.cursor-3 .cursor div, .color-18.cursor-7 .cursor div, .color-18.cursor-8 .cursor div {
    background-color: transparent;
    border-color: #f34573; }
.color-18.cursor-4 .cursor div:before, .color-18.cursor-9 .cursor div:before {
  background-color: #f34573; }
.color-18.cursor-5 .cursor div {
  background-color: transparent;
  border-left-color: #f34573; }
.color-18.cursor-12 .cursor:before {
  background-color: #f34573; }
.color-18.cursor-14 .cursor {
  border-color: transparent; }
  .color-18.cursor-14 .cursor div:before {
    background-color: #f34573; }
  .color-18.cursor-14 .cursor.onlink {
    border-color: #f34573; }
.color-18.cursor-15 .cursor:before {
  border-color: #f34573; }

.color-19 .cursor {
  border-color: #fd5f00; }
  .color-19 .cursor div {
    background-color: #fd5f00; }
.color-19.cursor-2 .cursor, .color-19.cursor-3 .cursor, .color-19.cursor-7 .cursor, .color-19.cursor-8 .cursor {
  background-color: #fd5f00; }
  .color-19.cursor-2 .cursor div, .color-19.cursor-3 .cursor div, .color-19.cursor-7 .cursor div, .color-19.cursor-8 .cursor div {
    background-color: transparent;
    border-color: #fd5f00; }
.color-19.cursor-4 .cursor div:before, .color-19.cursor-9 .cursor div:before {
  background-color: #fd5f00; }
.color-19.cursor-5 .cursor div {
  background-color: transparent;
  border-left-color: #fd5f00; }
.color-19.cursor-12 .cursor:before {
  background-color: #fd5f00; }
.color-19.cursor-14 .cursor {
  border-color: transparent; }
  .color-19.cursor-14 .cursor div:before {
    background-color: #fd5f00; }
  .color-19.cursor-14 .cursor.onlink {
    border-color: #fd5f00; }
.color-19.cursor-15 .cursor:before {
  border-color: #fd5f00; }

.color-20 .cursor {
  border-color: #4592af; }
  .color-20 .cursor div {
    background-color: #4592af; }
.color-20.cursor-2 .cursor, .color-20.cursor-3 .cursor, .color-20.cursor-7 .cursor, .color-20.cursor-8 .cursor {
  background-color: #4592af; }
  .color-20.cursor-2 .cursor div, .color-20.cursor-3 .cursor div, .color-20.cursor-7 .cursor div, .color-20.cursor-8 .cursor div {
    background-color: transparent;
    border-color: #4592af; }
.color-20.cursor-4 .cursor div:before, .color-20.cursor-9 .cursor div:before {
  background-color: #4592af; }
.color-20.cursor-5 .cursor div {
  background-color: transparent;
  border-left-color: #4592af; }
.color-20.cursor-12 .cursor:before {
  background-color: #4592af; }
.color-20.cursor-14 .cursor {
  border-color: transparent; }
  .color-20.cursor-14 .cursor div:before {
    background-color: #4592af; }
  .color-20.cursor-14 .cursor.onlink {
    border-color: #4592af; }
.color-20.cursor-15 .cursor:before {
  border-color: #4592af; }

.color-21 .cursor {
  border-color: #6c5ce7; }
  .color-21 .cursor div {
    background-color: #6c5ce7; }
.color-21.cursor-2 .cursor, .color-21.cursor-3 .cursor, .color-21.cursor-7 .cursor, .color-21.cursor-8 .cursor {
  background-color: #6c5ce7; }
  .color-21.cursor-2 .cursor div, .color-21.cursor-3 .cursor div, .color-21.cursor-7 .cursor div, .color-21.cursor-8 .cursor div {
    background-color: transparent;
    border-color: #6c5ce7; }
.color-21.cursor-4 .cursor div:before, .color-21.cursor-9 .cursor div:before {
  background-color: #6c5ce7; }
.color-21.cursor-5 .cursor div {
  background-color: transparent;
  border-left-color: #6c5ce7; }
.color-21.cursor-12 .cursor:before {
  background-color: #6c5ce7; }
.color-21.cursor-14 .cursor {
  border-color: transparent; }
  .color-21.cursor-14 .cursor div:before {
    background-color: #6c5ce7; }
  .color-21.cursor-14 .cursor.onlink {
    border-color: #6c5ce7; }
.color-21.cursor-15 .cursor:before {
  border-color: #6c5ce7; }

.color-22 .cursor {
  border-color: #00D2FC; }
  .color-22 .cursor div {
    background-color: #00D2FC; }
.color-22.cursor-2 .cursor, .color-22.cursor-3 .cursor, .color-22.cursor-7 .cursor, .color-22.cursor-8 .cursor {
  background-color: #00D2FC; }
  .color-22.cursor-2 .cursor div, .color-22.cursor-3 .cursor div, .color-22.cursor-7 .cursor div, .color-22.cursor-8 .cursor div {
    background-color: transparent;
    border-color: #00D2FC; }
.color-22.cursor-4 .cursor div:before, .color-22.cursor-9 .cursor div:before {
  background-color: #00D2FC; }
.color-22.cursor-5 .cursor div {
  background-color: transparent;
  border-left-color: #00D2FC; }
.color-22.cursor-12 .cursor:before {
  background-color: #00D2FC; }
.color-22.cursor-14 .cursor {
  border-color: transparent; }
  .color-22.cursor-14 .cursor div:before {
    background-color: #00D2FC; }
  .color-22.cursor-14 .cursor.onlink {
    border-color: #00D2FC; }
.color-22.cursor-15 .cursor:before {
  border-color: #00D2FC; }

.color-23 .cursor {
  border-color: #eeeeee; }
  .color-23 .cursor div {
    background-color: #eeeeee; }
.color-23.cursor-2 .cursor, .color-23.cursor-3 .cursor, .color-23.cursor-7 .cursor, .color-23.cursor-8 .cursor {
  background-color: #eeeeee; }
  .color-23.cursor-2 .cursor div, .color-23.cursor-3 .cursor div, .color-23.cursor-7 .cursor div, .color-23.cursor-8 .cursor div {
    background-color: transparent;
    border-color: #eeeeee; }
.color-23.cursor-4 .cursor div:before, .color-23.cursor-9 .cursor div:before {
  background-color: #eeeeee; }
.color-23.cursor-5 .cursor div {
  background-color: transparent;
  border-left-color: #eeeeee; }
.color-23.cursor-12 .cursor:before {
  background-color: #eeeeee; }
.color-23.cursor-14 .cursor {
  border-color: transparent; }
  .color-23.cursor-14 .cursor div:before {
    background-color: #eeeeee; }
  .color-23.cursor-14 .cursor.onlink {
    border-color: #eeeeee; }
.color-23.cursor-15 .cursor:before {
  border-color: #eeeeee; }

.color-24 .cursor {
  border-color: #f2eee0; }
  .color-24 .cursor div {
    background-color: #f2eee0; }
.color-24.cursor-2 .cursor, .color-24.cursor-3 .cursor, .color-24.cursor-7 .cursor, .color-24.cursor-8 .cursor {
  background-color: #f2eee0; }
  .color-24.cursor-2 .cursor div, .color-24.cursor-3 .cursor div, .color-24.cursor-7 .cursor div, .color-24.cursor-8 .cursor div {
    background-color: transparent;
    border-color: #f2eee0; }
.color-24.cursor-4 .cursor div:before, .color-24.cursor-9 .cursor div:before {
  background-color: #f2eee0; }
.color-24.cursor-5 .cursor div {
  background-color: transparent;
  border-left-color: #f2eee0; }
.color-24.cursor-12 .cursor:before {
  background-color: #f2eee0; }
.color-24.cursor-14 .cursor {
  border-color: transparent; }
  .color-24.cursor-14 .cursor div:before {
    background-color: #f2eee0; }
  .color-24.cursor-14 .cursor.onlink {
    border-color: #f2eee0; }
.color-24.cursor-15 .cursor:before {
  border-color: #f2eee0; }

.color-25 .cursor {
  border-color: #323232; }
  .color-25 .cursor div {
    background-color: #323232; }
.color-25.cursor-2 .cursor, .color-25.cursor-3 .cursor, .color-25.cursor-7 .cursor, .color-25.cursor-8 .cursor {
  background-color: #323232; }
  .color-25.cursor-2 .cursor div, .color-25.cursor-3 .cursor div, .color-25.cursor-7 .cursor div, .color-25.cursor-8 .cursor div {
    background-color: transparent;
    border-color: #323232; }
.color-25.cursor-4 .cursor div:before, .color-25.cursor-9 .cursor div:before {
  background-color: #323232; }
.color-25.cursor-5 .cursor div {
  background-color: transparent;
  border-left-color: #323232; }
.color-25.cursor-12 .cursor:before {
  background-color: #323232; }
.color-25.cursor-14 .cursor {
  border-color: transparent; }
  .color-25.cursor-14 .cursor div:before {
    background-color: #323232; }
  .color-25.cursor-14 .cursor.onlink {
    border-color: #323232; }
.color-25.cursor-15 .cursor:before {
  border-color: #323232; }

.color-26 .cursor {
  border-color: #4e4e4e; }
  .color-26 .cursor div {
    background-color: #4e4e4e; }
.color-26.cursor-2 .cursor, .color-26.cursor-3 .cursor, .color-26.cursor-7 .cursor, .color-26.cursor-8 .cursor {
  background-color: #4e4e4e; }
  .color-26.cursor-2 .cursor div, .color-26.cursor-3 .cursor div, .color-26.cursor-7 .cursor div, .color-26.cursor-8 .cursor div {
    background-color: transparent;
    border-color: #4e4e4e; }
.color-26.cursor-4 .cursor div:before, .color-26.cursor-9 .cursor div:before {
  background-color: #4e4e4e; }
.color-26.cursor-5 .cursor div {
  background-color: transparent;
  border-left-color: #4e4e4e; }
.color-26.cursor-12 .cursor:before {
  background-color: #4e4e4e; }
.color-26.cursor-14 .cursor {
  border-color: transparent; }
  .color-26.cursor-14 .cursor div:before {
    background-color: #4e4e4e; }
  .color-26.cursor-14 .cursor.onlink {
    border-color: #4e4e4e; }
.color-26.cursor-15 .cursor:before {
  border-color: #4e4e4e; }

.color-27 .cursor {
  border-color: #fff; }
  .color-27 .cursor div {
    background-color: #fff; }
.color-27.cursor-2 .cursor, .color-27.cursor-3 .cursor, .color-27.cursor-7 .cursor, .color-27.cursor-8 .cursor {
  background-color: #fff; }
  .color-27.cursor-2 .cursor div, .color-27.cursor-3 .cursor div, .color-27.cursor-7 .cursor div, .color-27.cursor-8 .cursor div {
    background-color: transparent;
    border-color: #fff; }
.color-27.cursor-4 .cursor div:before, .color-27.cursor-9 .cursor div:before {
  background-color: #fff; }
.color-27.cursor-5 .cursor div {
  background-color: transparent;
  border-left-color: #fff; }
.color-27.cursor-12 .cursor:before {
  background-color: #fff; }
.color-27.cursor-14 .cursor {
  border-color: transparent; }
  .color-27.cursor-14 .cursor div:before {
    background-color: #fff; }
  .color-27.cursor-14 .cursor.onlink {
    border-color: #fff; }
.color-27.cursor-15 .cursor:before {
  border-color: #fff; }

/*--------------------------------------------------------------
5.0 Media Queries
CSS Styles for different devices
--------------------------------------------------------------*/
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .cursor {
    display: none; } }
/* :) Let's meke internet BEAUTIFUL*/
/*
 _       __     __       ______                    __
| |     / /__  / /_     /_  __/_______  ____  ____/ /_  __
| | /| / / _ \/ __ \     / / / ___/ _ \/ __ \/ __  / / / /
| |/ |/ /  __/ /_/ /    / / / /  /  __/ / / / /_/ / /_/ /
|__/|__/\___/_.___/    /_/ /_/   \___/_/ /_/\__,_/\__, /
                                                 /____/
*/
/*19 Jun 2019*/

/*# sourceMappingURL=custom-cursor.css.map */