/** Mouse GM50 Animation by Mia**/
/** 2018 / 8 / 10 v6 **/
@-webkit-keyframes rainbow {
  0% {
    background-color: red; }
  16.6% {
    background-color: yellow; }
  33.2% {
    background-color: lime; }
  49.8% {
    background-color: cyan; }
  66.4% {
    background-color: blue; }
  83% {
    background-color: magenta; }
  100% {
    background-color: red; } }

@keyframes rainbow {
  0% {
    background-color: red; }
  16.6% {
    background-color: yellow; }
  33.2% {
    background-color: lime; }
  49.8% {
    background-color: cyan; }
  66.4% {
    background-color: blue; }
  83% {
    background-color: magenta; }
  100% {
    background-color: red; } }

@-webkit-keyframes steady {
  0% {
    background-color: #f00; }
  100% {
    background-color: #f00; } }

@keyframes steady {
  0% {
    background-color: #f00; }
  100% {
    background-color: #f00; } }

@-webkit-keyframes breath {
  0% {
    background-color: #1b1b1b; }
  7.14% {
    background-color: #9BA054; }
  14.28% {
    background-color: #1b1b1b; }
  21.42% {
    background-color: #007F27; }
  28.56% {
    background-color: #1b1b1b; }
  35.7% {
    background-color: #0097E4; }
  42.84% {
    background-color: #1b1b1b; }
  49.98% {
    background-color: #0A28EF; }
  57.12% {
    background-color: #1b1b1b; }
  64.26% {
    background-color: #832AFB; }
  71.4% {
    background-color: #1b1b1b; }
  78.54% {
    background-color: #7877CF; }
  85.68% {
    background-color: #1b1b1b; }
  92.82% {
    background-color: #7E1209; }
  100% {
    background-color: #1b1b1b; } }

@keyframes breath {
  0% {
    background-color: #1b1b1b; }
  7.14% {
    background-color: #9BA054; }
  14.28% {
    background-color: #1b1b1b; }
  21.42% {
    background-color: #007F27; }
  28.56% {
    background-color: #1b1b1b; }
  35.7% {
    background-color: #0097E4; }
  42.84% {
    background-color: #1b1b1b; }
  49.98% {
    background-color: #0A28EF; }
  57.12% {
    background-color: #1b1b1b; }
  64.26% {
    background-color: #832AFB; }
  71.4% {
    background-color: #1b1b1b; }
  78.54% {
    background-color: #7877CF; }
  85.68% {
    background-color: #1b1b1b; }
  92.82% {
    background-color: #7E1209; }
  100% {
    background-color: #1b1b1b; } }

@-webkit-keyframes wave-wheel {
  0% {
    background-color: red; }
  16.6% {
    background-color: yellow; }
  33.2% {
    background-color: lime; }
  49.8% {
    background-color: cyan; }
  66.4% {
    background-color: blue; }
  83% {
    background-color: magenta; }
  100% {
    background-color: red; } }

@keyframes wave-wheel {
  0% {
    background-color: red; }
  16.6% {
    background-color: yellow; }
  33.2% {
    background-color: lime; }
  49.8% {
    background-color: cyan; }
  66.4% {
    background-color: blue; }
  83% {
    background-color: magenta; }
  100% {
    background-color: red; } }

@-webkit-keyframes wave-logo {
  0% {
    background-color: cyan; }
  16.6% {
    background-color: blue; }
  33.2% {
    background-color: magenta; }
  49.8% {
    background-color: red; }
  66.4% {
    background-color: yellow; }
  83% {
    background-color: lime; }
  100% {
    background-color: cyan; } }

@keyframes wave-logo {
  0% {
    background-color: cyan; }
  16.6% {
    background-color: blue; }
  33.2% {
    background-color: magenta; }
  49.8% {
    background-color: red; }
  66.4% {
    background-color: yellow; }
  83% {
    background-color: lime; }
  100% {
    background-color: cyan; } }

@-webkit-keyframes wave {
  0% {
    background-position-x: 67vw; }
  100% {
    background-position-x: 28vw; } }

@keyframes wave {
  0% {
    background-position-x: 67vw; }
  100% {
    background-position-x: 28vw; } }

@-webkit-keyframes radar {
  0% {
    background-color: red; }
  16.6% {
    background-color: yellow; }
  33.2% {
    background-color: lime; }
  49.8% {
    background-color: cyan; }
  66.4% {
    background-color: blue; }
  83% {
    background-color: magenta; }
  100% {
    background-color: red; } }

@keyframes radar {
  0% {
    background-color: red; }
  16.6% {
    background-color: yellow; }
  33.2% {
    background-color: lime; }
  49.8% {
    background-color: cyan; }
  66.4% {
    background-color: blue; }
  83% {
    background-color: magenta; }
  100% {
    background-color: red; } }

@-webkit-keyframes radar-wheel {
  0% {
    background-color: red;
    opacity: 0; }
  11.9% {
    opacity: 0; }
  12% {
    opacity: 1; }
  12.5% {
    opacity: 1; }
  12.6% {
    opacity: 0; }
  16.6% {
    background-color: yellow; }
  24.4% {
    opacity: 0; }
  24.5% {
    opacity: 1; }
  25% {
    opacity: 1; }
  25.1% {
    opacity: 0; }
  33.2% {
    background-color: lime; }
  36.9% {
    opacity: 0; }
  37% {
    opacity: 1; }
  37.5% {
    opacity: 1; }
  37.6% {
    opacity: 0; }
  49.4% {
    opacity: 0; }
  49.5% {
    background-color: cyan;
    opacity: 1; }
  50% {
    opacity: 1; }
  50.1% {
    opacity: 0; }
  61.9% {
    opacity: 0; }
  62% {
    opacity: 1; }
  62.5% {
    opacity: 1; }
  62.6% {
    opacity: 0; }
  66.4% {
    background-color: blue; }
  74.4% {
    opacity: 0; }
  74.5% {
    opacity: 1; }
  75% {
    opacity: 1; }
  75.1% {
    opacity: 0; }
  83% {
    background-color: magenta; }
  86.9% {
    opacity: 0; }
  87% {
    opacity: 1; }
  87.5% {
    opacity: 1; }
  87.6% {
    opacity: 0; }
  98.9% {
    opacity: 0; }
  99% {
    opacity: 1; }
  99.5% {
    opacity: 1; }
  99.6% {
    opacity: 0; }
  100% {
    background-color: red; } }

@keyframes radar-wheel {
  0% {
    background-color: red;
    opacity: 0; }
  11.9% {
    opacity: 0; }
  12% {
    opacity: 1; }
  12.5% {
    opacity: 1; }
  12.6% {
    opacity: 0; }
  16.6% {
    background-color: yellow; }
  24.4% {
    opacity: 0; }
  24.5% {
    opacity: 1; }
  25% {
    opacity: 1; }
  25.1% {
    opacity: 0; }
  33.2% {
    background-color: lime; }
  36.9% {
    opacity: 0; }
  37% {
    opacity: 1; }
  37.5% {
    opacity: 1; }
  37.6% {
    opacity: 0; }
  49.4% {
    opacity: 0; }
  49.5% {
    background-color: cyan;
    opacity: 1; }
  50% {
    opacity: 1; }
  50.1% {
    opacity: 0; }
  61.9% {
    opacity: 0; }
  62% {
    opacity: 1; }
  62.5% {
    opacity: 1; }
  62.6% {
    opacity: 0; }
  66.4% {
    background-color: blue; }
  74.4% {
    opacity: 0; }
  74.5% {
    opacity: 1; }
  75% {
    opacity: 1; }
  75.1% {
    opacity: 0; }
  83% {
    background-color: magenta; }
  86.9% {
    opacity: 0; }
  87% {
    opacity: 1; }
  87.5% {
    opacity: 1; }
  87.6% {
    opacity: 0; }
  98.9% {
    opacity: 0; }
  99% {
    opacity: 1; }
  99.5% {
    opacity: 1; }
  99.6% {
    opacity: 0; }
  100% {
    background-color: red; } }

@-webkit-keyframes horizon {
  0% {
    background-color: red; }
  16.6% {
    background-color: yellow; }
  33.2% {
    background-color: lime; }
  49.8% {
    background-color: cyan; }
  66.4% {
    background-color: blue; }
  83% {
    background-color: magenta; }
  100% {
    background-color: red; } }

@-webkit-keyframes horizon-flash {
  0% {
    background-color: red; }
  3% {
    opacity: 0; }
  5% {
    opacity: 1; }
  7% {
    opacity: 0; }
  8% {
    opacity: 0; }
  10% {
    opacity: 1; }
  12% {
    opacity: 0; }
  13% {
    opacity: 0; }
  15% {
    opacity: 1; }
  16.6% {
    background-color: yellow; }
  17% {
    opacity: 0; }
  18% {
    opacity: 0; }
  20% {
    opacity: 1; }
  22% {
    opacity: 0; }
  23% {
    opacity: 0; }
  25% {
    opacity: 1; }
  27% {
    opacity: 0; }
  28% {
    opacity: 0; }
  30% {
    opacity: 1; }
  32% {
    opacity: 0; }
  33.2% {
    background-color: lime; }
  33% {
    opacity: 0; }
  35% {
    opacity: 1; }
  37% {
    opacity: 0; }
  38% {
    opacity: 0; }
  40% {
    opacity: 1; }
  42% {
    opacity: 0; }
  43% {
    opacity: 0; }
  45% {
    opacity: 1; }
  47% {
    opacity: 0; }
  48% {
    opacity: 0; }
  49.8% {
    background-color: cyan; }
  50% {
    opacity: 1; }
  52% {
    opacity: 0; }
  53% {
    opacity: 0; }
  55% {
    opacity: 1; }
  57% {
    opacity: 0; }
  58% {
    opacity: 0; }
  60% {
    opacity: 1; }
  62% {
    opacity: 0; }
  63% {
    opacity: 0; }
  65% {
    opacity: 1; }
  67% {
    opacity: 0; }
  66.4% {
    background-color: blue; }
  68% {
    opacity: 0; }
  70% {
    opacity: 1; }
  72% {
    opacity: 0; }
  73% {
    opacity: 0; }
  75% {
    opacity: 1; }
  77% {
    opacity: 0; }
  78% {
    opacity: 0; }
  80% {
    opacity: 1; }
  82% {
    opacity: 0; }
  83% {
    background-color: magenta;
    opacity: 0; }
  85% {
    opacity: 1; }
  87% {
    opacity: 0; }
  88% {
    opacity: 0; }
  90% {
    opacity: 1; }
  92% {
    opacity: 0; }
  93% {
    opacity: 0; }
  95% {
    opacity: 1; }
  97% {
    opacity: 0; }
  99% {
    opacity: 1; }
  100% {
    background-color: red; } }

@keyframes horizon {
  0% {
    background-color: red; }
  3% {
    opacity: 0; }
  5% {
    opacity: 1; }
  7% {
    opacity: 0; }
  8% {
    opacity: 0; }
  10% {
    opacity: 1; }
  12% {
    opacity: 0; }
  13% {
    opacity: 0; }
  15% {
    opacity: 1; }
  16.6% {
    background-color: yellow; }
  17% {
    opacity: 0; }
  18% {
    opacity: 0; }
  20% {
    opacity: 1; }
  22% {
    opacity: 0; }
  23% {
    opacity: 0; }
  25% {
    opacity: 1; }
  27% {
    opacity: 0; }
  28% {
    opacity: 0; }
  30% {
    opacity: 1; }
  32% {
    opacity: 0; }
  33.2% {
    background-color: lime; }
  33% {
    opacity: 0; }
  35% {
    opacity: 1; }
  37% {
    opacity: 0; }
  38% {
    opacity: 0; }
  40% {
    opacity: 1; }
  42% {
    opacity: 0; }
  43% {
    opacity: 0; }
  45% {
    opacity: 1; }
  47% {
    opacity: 0; }
  48% {
    opacity: 0; }
  49.8% {
    background-color: cyan; }
  50% {
    opacity: 1; }
  52% {
    opacity: 0; }
  53% {
    opacity: 0; }
  55% {
    opacity: 1; }
  57% {
    opacity: 0; }
  58% {
    opacity: 0; }
  60% {
    opacity: 1; }
  62% {
    opacity: 0; }
  63% {
    opacity: 0; }
  65% {
    opacity: 1; }
  67% {
    opacity: 0; }
  66.4% {
    background-color: blue; }
  68% {
    opacity: 0; }
  70% {
    opacity: 1; }
  72% {
    opacity: 0; }
  73% {
    opacity: 0; }
  75% {
    opacity: 1; }
  77% {
    opacity: 0; }
  78% {
    opacity: 0; }
  80% {
    opacity: 1; }
  82% {
    opacity: 0; }
  83% {
    background-color: magenta;
    opacity: 0; }
  85% {
    opacity: 1; }
  87% {
    opacity: 0; }
  88% {
    opacity: 0; }
  90% {
    opacity: 1; }
  92% {
    opacity: 0; }
  93% {
    opacity: 0; }
  95% {
    opacity: 1; }
  97% {
    opacity: 0; }
  99% {
    opacity: 1; }
  100% {
    background-color: red; } }

@-webkit-keyframes ripple-wheel {
  0% {
    background-color: #000; }
  12.5% {
    background-color: #000; }
  12.7% {
    background-color: cyan; }
  15% {
    background-color: cyan; }
  15.5% {
    background-color: #000; }
  37.5% {
    background-color: #000; }
  37.7% {
    background-color: red; }
  40% {
    background-color: red; }
  40.5% {
    background-color: #000; }
  62.5% {
    background-color: #000; }
  62.7% {
    background-color: yellow; }
  65% {
    background-color: yellow; }
  65.5% {
    background-color: #000; }
  87.5% {
    background-color: #000; }
  87.7% {
    background-color: lime; }
  90% {
    background-color: lime; }
  90.5% {
    background-color: #000; }
  100% {
    background-color: #000; } }

@keyframes ripple-wheel {
  0% {
    background-color: #000; }
  12.5% {
    background-color: #000; }
  12.7% {
    background-color: cyan; }
  15% {
    background-color: cyan; }
  15.5% {
    background-color: #000; }
  37.5% {
    background-color: #000; }
  37.7% {
    background-color: red; }
  40% {
    background-color: red; }
  40.5% {
    background-color: #000; }
  62.5% {
    background-color: #000; }
  62.7% {
    background-color: yellow; }
  65% {
    background-color: yellow; }
  65.5% {
    background-color: #000; }
  87.5% {
    background-color: #000; }
  87.7% {
    background-color: lime; }
  90% {
    background-color: lime; }
  90.5% {
    background-color: #000; }
  100% {
    background-color: #000; } }

@-webkit-keyframes ripple {
  0% {
    opacity: 0;
    background-color: #000; }
  13.1% {
    opacity: 0;
    background-color: #000; }
  13.2% {
    opacity: 1;
    background-color: cyan; }
  24.7% {
    opacity: 1;
    background-color: cyan; }
  25.3% {
    opacity: 0;
    background-color: #000; }
  37.8% {
    opacity: 0;
    background-color: #000; }
  38% {
    opacity: 1;
    background-color: red; }
  49.9% {
    opacity: 1;
    background-color: red; }
  50% {
    opacity: 0;
    background-color: #000; }
  62.8% {
    opacity: 0;
    background-color: #000; }
  63% {
    opacity: 1;
    background-color: yellow; }
  74.9% {
    opacity: 1;
    background-color: yellow; }
  75% {
    opacity: 0;
    background-color: #000; }
  87.8% {
    opacity: 0;
    background-color: #000; }
  88% {
    opacity: 1;
    background-color: lime; }
  99.5% {
    opacity: 1;
    background-color: lime; }
  99.6% {
    opacity: 0;
    background-color: #000; }
  100% {
    opacity: 0;
    background-color: #000; } }

@keyframes ripple {
  0% {
    opacity: 0;
    background-color: #000; }
  13% {
    opacity: 0;
    background-color: #000; }
  13.1% {
    opacity: 1;
    background-color: cyan; }
  24.7% {
    opacity: 1;
    background-color: cyan; }
  25.3% {
    opacity: 0;
    background-color: #000; }
  37.7% {
    opacity: 0;
    background-color: #000; }
  38% {
    opacity: 1;
    background-color: red; }
  49.9% {
    opacity: 1;
    background-color: red; }
  50% {
    opacity: 0;
    background-color: #000; }
  62.7% {
    opacity: 0;
    background-color: #000; }
  63% {
    opacity: 1;
    background-color: yellow; }
  74.9% {
    opacity: 1;
    background-color: yellow; }
  75% {
    opacity: 0;
    background-color: #000; }
  87.7% {
    opacity: 0;
    background-color: #000; }
  88% {
    opacity: 1;
    background-color: lime; }
  99.5% {
    opacity: 1;
    background-color: lime; }
  99.6% {
    opacity: 0;
    background-color: #000; }
  100% {
    opacity: 0;
    background-color: #000; } }

@-webkit-keyframes ripple-img {
  0% {
    opacity: 0; }
  13% {
    opacity: 0; }
  13.1% {
    opacity: 1; }
  25% {
    opacity: 1; }
  25.5% {
    opacity: 0; }
  37.7% {
    opacity: 0; }
  37.9% {
    opacity: 1; }
  50% {
    opacity: 1; }
  50.5% {
    opacity: 0; }
  62.7% {
    opacity: 0; }
  62.9% {
    opacity: 1; }
  75% {
    opacity: 1; }
  75.5% {
    opacity: 0; }
  87.7% {
    opacity: 0; }
  87.9% {
    opacity: 1; }
  99.5% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes ripple-img {
  0% {
    opacity: 0; }
  13% {
    opacity: 0; }
  13.1% {
    opacity: 1; }
  25% {
    opacity: 1; }
  25.5% {
    opacity: 0; }
  37.7% {
    opacity: 0; }
  37.9% {
    opacity: 1; }
  50% {
    opacity: 1; }
  50.5% {
    opacity: 0; }
  62.7% {
    opacity: 0; }
  62.9% {
    opacity: 1; }
  75% {
    opacity: 1; }
  75.5% {
    opacity: 0; }
  87.7% {
    opacity: 0; }
  87.9% {
    opacity: 1; }
  99.5% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@-webkit-keyframes ripple-click {
  10.5% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%); }
  12% {
    -webkit-transform: translateY(2%);
    transform: translateY(2%); }
  14.5% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%); }
  35.7% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%); }
  37.2% {
    -webkit-transform: translateY(2%);
    transform: translateY(2%); }
  39.7% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%); }
  60.7% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%); }
  62.2% {
    -webkit-transform: translateY(2%);
    transform: translateY(2%); }
  64.7% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%); }
  85.7% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%); }
  87.2% {
    -webkit-transform: translateY(2%);
    transform: translateY(2%); }
  89.7% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%); } }

@keyframes ripple-click {
  10.5% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%); }
  12% {
    -webkit-transform: translateY(2%);
    transform: translateY(2%); }
  14.5% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%); }
  35.7% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%); }
  37.2% {
    -webkit-transform: translateY(2%);
    transform: translateY(2%); }
  39.7% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%); }
  60.7% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%); }
  62.2% {
    -webkit-transform: translateY(2%);
    transform: translateY(2%); }
  64.7% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%); }
  85.7% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%); }
  87.7% {
    -webkit-transform: translateY(2%);
    transform: translateY(2%); }
  89.7% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%); } }

@-webkit-keyframes reactive {
  0% {
    background-color: cyan;
    opacity: 0; }
  16.6% {
    background-color: blue; }
  17% {
    opacity: 0; }
  19% {
    opacity: 1; }
  23% {
    opacity: 0;
    background-color: blue; }
  33.2% {
    background-color: magenta; }
  49.8% {
    background-color: red; }
  50% {
    opacity: 0; }
  52% {
    opacity: 1; }
  56% {
    opacity: 0;
    background-color: red; }
  60% {
    opacity: 0; }
  62% {
    opacity: 1; }
  66% {
    opacity: 0; }
  66.4% {
    background-color: yellow; }
  83% {
    background-color: lime;
    opacity: 0; }
  85% {
    opacity: 1; }
  89% {
    opacity: 0; }
  100% {
    background-color: cyan;
    opacity: 0; } }

@keyframes reactive {
  0% {
    background-color: cyan;
    opacity: 0; }
  16.6% {
    background-color: blue; }
  17% {
    opacity: 0; }
  19% {
    opacity: 1; }
  23% {
    opacity: 0;
    background-color: blue; }
  33.2% {
    background-color: magenta; }
  49.8% {
    background-color: red; }
  50% {
    opacity: 0; }
  52% {
    opacity: 1; }
  56% {
    opacity: 0;
    background-color: red; }
  60% {
    opacity: 0; }
  62% {
    opacity: 1; }
  66% {
    opacity: 0; }
  66.4% {
    background-color: yellow; }
  83% {
    background-color: lime;
    opacity: 0; }
  85% {
    opacity: 1; }
  89% {
    opacity: 0; }
  100% {
    background-color: cyan;
    opacity: 0; } }

@-webkit-keyframes reactive-click {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  15% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  19% {
    -webkit-transform: translateY(2%);
    transform: translateY(2%); }
  25% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  48% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  52% {
    -webkit-transform: translateY(2%);
    transform: translateY(2%); }
  58% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  62% {
    -webkit-transform: translateY(2%);
    transform: translateY(2%); }
  68% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  81% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  85% {
    -webkit-transform: translateY(2%);
    transform: translateY(2%); }
  91% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes reactive-click {
  0% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%); }
  15% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  19% {
    -webkit-transform: translateY(2%);
    transform: translateY(2%); }
  25% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  48% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  52% {
    -webkit-transform: translateY(2%);
    transform: translateY(2%); }
  58% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  62% {
    -webkit-transform: translateY(2%);
    transform: translateY(2%); }
  68% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  81% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  85% {
    -webkit-transform: translateY(2%);
    transform: translateY(2%); }
  91% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

body {
  background-color: #000; }

.gm50_bgWrap {
  position: relative;
  width: 100%;
  background: url("https://asset.msi.com/global/picture/image/feature/multimeda/mouse/GM50/GM50-light-effect-bg.jpg") 50% 0 no-repeat;
  background-size: 100%; }

#mysticLight_gm50 {
  position: relative;
  width: 100%; }

#mysticLight_gm50 .mouse_img img:nth-of-type(1),
#mysticLight_gm50 .mouse_img img:nth-of-type(2),
#mysticLight_gm50 .mouse_img img:nth-of-type(3),
#mysticLight_gm50 .mouse_img img:nth-of-type(6) {
  display: none; }

.gm50_wrap {
  width: 100%;
  max-width: 550px;
  margin: 0 auto; }

.kbg {
  position: relative;
  width: 100%;
  max-width: 550px; }
  .kbg .mouse_img {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    z-index: 20; }
    .kbg .mouse_img img {
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      position: absolute;
      /* opacity: .5;*/ }
    .kbg .mouse_img img:nth-of-type(1),
    .kbg .mouse_img img:nth-of-type(2),
    .kbg .mouse_img img:nth-of-type(3),
    .kbg .mouse_img img:nth-of-type(6) {
      display: none; }
    .kbg .mouse_img img:nth-of-type(5) {
      z-index: 10; }
    .kbg .mouse_img .shadow {
      opacity: .3; }
    .kbg .mouse_img .arrow {
      -webkit-transition: -webkit-transform .3s ease-in-out;
      transition: -webkit-transform .3s ease-in-out;
      -o-transition: transform .3s ease-in-out;
      transition: transform .3s ease-in-out;
      transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out; }
  .kbg #mouse_wheel {
    position: absolute;
    width: 11%;
    padding-bottom: 10%;
    top: 11%;
    left: 28%;
    border-radius: 100% 100% 70% 25%;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s; }
  .kbg #mouse_logo {
    position: absolute;
    width: 18%;
    padding-bottom: 20%;
    top: 35%;
    right: 24%;
    z-index: 2;
    background-color: #000; }
    .kbg #mouse_logo::before {
      content: '';
      display: block;
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      right: 0;
      z-index: 3; }
  .kbg #mouse_lightbar {
    position: absolute;
    width: 47%;
    padding-bottom: 40%;
    bottom: 10%;
    right: 7%;
    -webkit-transform: rotate(-25deg);
    -ms-transform: rotate(-25deg);
    transform: rotate(-25deg);
    border-radius: 0 59% 40% 36%;
    z-index: 1;
    background-color: #000; }
    .kbg #mouse_lightbar::before {
      content: '';
      display: block;
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      right: 0;
      z-index: 3;
      border-radius: 0 59% 40% 36%; }

#mysticLight_gm50 .gm50_wrap [animate-effect="rainbow"] [id^="mouse_"] {
  -webkit-animation: rainbow 6s infinite;
  animation: rainbow 6s infinite; }

#mysticLight_gm50 .gm50_wrap [animate-effect="steady"] [id^="mouse_"] {
  -webkit-animation: steady 6s infinite linear forwards;
  animation: steady 6s infinite linear forwards; }

#mysticLight_gm50 .gm50_wrap [animate-effect="breath"] [id^="mouse_"] {
  -webkit-animation: breath 9s infinite linear forwards;
  animation: breath 9s infinite linear forwards; }

#mysticLight_gm50 .gm50_wrap [animate-effect="wave"] #mouse_wheel {
  -webkit-animation: wave-wheel 4.9s infinite linear;
  animation: wave-wheel 4.9s infinite linear; }

#mysticLight_gm50 .gm50_wrap [animate-effect="wave"] #mouse_logo {
  -webkit-animation: wave-logo 4.9s infinite linear;
  animation: wave-logo 4.9s infinite linear; }

#mysticLight_gm50 .gm50_wrap [animate-effect="wave"] #mouse_lightbar {
  background-image: -webkit-gradient(linear, right center, left center, from(#f00), to(#f00), color-stop(15%, #f0f), color-stop(33%, #00f), color-stop(49%, #0ff), color-stop(67%, #0f0), color-stop(84%, #ff0));
  background-image: -webkit-repeating-linear-gradient(right, #f00, #f0f 15%, #00f 33%, #0ff 49%, #0f0 67%, #ff0 84%, #f00);
  background-image: -o-repeating-linear-gradient(right, #f00, #f0f 15%, #00f 33%, #0ff 49%, #0f0 67%, #ff0 84%, #f00);
  background-image: repeating-linear-gradient(to left, #f00, #f0f 15%, #00f 33%, #0ff 49%, #0f0 67%, #ff0 84%, #f00);
  background-size: 300%;
  -webkit-animation: wave 4.9s infinite linear;
  animation: wave 4.9s infinite linear; }

#mysticLight_gm50 .gm50_wrap [animate-effect="radar"] .mouse_img img:nth-of-type(3) {
  display: block; }

#mysticLight_gm50 .gm50_wrap [animate-effect="radar"] #mouse_wheel {
  -webkit-animation: radar-wheel 8s infinite linear;
  animation: radar-wheel 8s infinite linear; }

#mysticLight_gm50 .gm50_wrap [animate-effect="radar"] #mouse_logo {
  background-color: #000; }

#mysticLight_gm50 .gm50_wrap [animate-effect="radar"] #mouse_lightbar {
  -webkit-animation: radar 8s infinite linear;
  animation: radar 8s infinite linear; }

#mysticLight_gm50 .gm50_wrap [animate-effect="horizon"] .mouse_img img:nth-of-type(2) {
  display: block; }

#mysticLight_gm50 .gm50_wrap [animate-effect="horizon"] #mouse_wheel {
  -webkit-animation: horizon-flash 10s infinite;
  animation: horizon-flash 10s infinite; }

#mysticLight_gm50 .gm50_wrap [animate-effect="horizon"] #mouse_logo::before {
  -webkit-animation: horizon-flash 10s infinite;
  animation: horizon-flash 10s infinite; }

#mysticLight_gm50 .gm50_wrap [animate-effect="horizon"] #mouse_lightbar {
  -webkit-animation: horizon 10s infinite;
  animation: horizon 10s infinite; }

#mysticLight_gm50 .gm50_wrap [animate-effect="ripple"] .mouse_img img:nth-of-type(6) {
  display: block;
  -webkit-animation: ripple-click 8s infinite linear;
  animation: ripple-click 8s infinite linear; }

#mysticLight_gm50 .gm50_wrap [animate-effect="ripple"] .mouse_img img:nth-of-type(3) {
  display: block;
  -webkit-animation: ripple-img 8s  infinite linear;
  animation: ripple-img 8s  infinite linear; }

#mysticLight_gm50 .gm50_wrap [animate-effect="ripple"] #mouse_wheel {
  -webkit-animation: ripple-wheel 8s infinite linear;
  animation: ripple-wheel 8s infinite linear; }

#mysticLight_gm50 .gm50_wrap [animate-effect="ripple"] #mouse_logo::before {
  -webkit-animation: ripple-wheel 8s infinite linear;
  animation: ripple-wheel 8s infinite linear; }

#mysticLight_gm50 .gm50_wrap [animate-effect="ripple"] #mouse_lightbar {
  -webkit-animation: ripple 8s infinite linear;
  animation: ripple 8s infinite linear; }

#mysticLight_gm50 .gm50_wrap [animate-effect="reactive"] .mouse_img img:nth-of-type(6) {
  display: block;
  -webkit-animation: reactive-click 5s infinite;
  animation: reactive-click 5s infinite; }

#mysticLight_gm50 .gm50_wrap [animate-effect="reactive"] #mouse_wheel {
  -webkit-animation: reactive 5s infinite;
  animation: reactive 5s infinite; }

#mysticLight_gm50 .gm50_wrap [animate-effect="reactive"] #mouse_logo::before {
  -webkit-animation: reactive 5s infinite;
  animation: reactive 5s infinite; }

#mysticLight_gm50 .gm50_wrap [animate-effect="reactive"] #mouse_lightbar::before {
  -webkit-animation: reactive 5s infinite;
  animation: reactive 5s infinite; }

#mysticLight_gm50 .gm50_wrap [animate-effect="customize"] #mouse_wheel {
  background-color: #f00; }

#mysticLight_gm50 .gm50_wrap [animate-effect="customize"] #mouse_logo {
  background-color: #f00; }

#mysticLight_gm50 .gm50_wrap [animate-effect="customize"] #mouse_lightbar::before {
  background: #9e77ff;
  background: -webkit-linear-gradient(left, #9e77ff 1%, #0070ff 20%, #0f11a5 40%, #009d3a 60%, #008383 80%, #c5ffc0 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(1%, #9e77ff), color-stop(20%, #0070ff), color-stop(40%, #0f11a5), color-stop(60%, #009d3a), color-stop(80%, #008383), to(#c5ffc0));
  background: -o-linear-gradient(left, #9e77ff 1%, #0070ff 20%, #0f11a5 40%, #009d3a 60%, #008383 80%, #c5ffc0 100%);
  background: linear-gradient(to right, #9e77ff 1%, #0070ff 20%, #0f11a5 40%, #009d3a 60%, #008383 80%, #c5ffc0 100%); }

.btu_bar {
  position: relative;
  z-index: 22;
  width: 100%;
  max-width: 550px;
  text-align: center; }
  .btu_bar .btu_icon {
    display: inline-block;
    width: 30%;
    color: #fff;
    text-align: center;
    opacity: .3;
    padding: 15px 0;
    border: 1px solid #f00;
    margin: 4px;
    text-decoration: none;
    background-color: #000;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
    .btu_bar .btu_icon:hover {
      opacity: 0.8; }
  .btu_bar .btu_icon.active {
    opacity: 1; }
  .btu_bar .btu_icon span {
    color: #fff; }

@media (max-width: 767px) {
  .btu_bar {
    padding: 5% 0; }
    .btu_bar .btu_icon {
      width: 45%; } }