#special {
  opacity: 0;
  width: 100%;
  max-width: 800px;
  height: 465px;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: url(../images/effect.png) no-repeat;
  background-position: 0% 0%;
}

#special[data-sq="0"] {
  background-position-y: 0px;
}

#special[data-sq="1"] {
  background-position-y: -465px;
}

#special[data-sq="2"] {
  background-position-y: -930px;
}

#special[data-sq="3"] {
  background-position-y: -1395px;
}

#special[data-sq="4"] {
  background-position-y: -1860px;
}

#special[data-sq="5"] {
  background-position-y: -2325px;
}

#special[data-sq="6"] {
  background-position-y: -2790px;
}

#special[data-sq="7"] {
  background-position-y: -3255px;
}

#special[data-sq="8"] {
  background-position-y: -3720px;
}

#special[data-sq="9"] {
  background-position-y: -4185px;
}

#special[data-sq="10"] {
  background-position-y: -4650px;
}

#special[data-sq="11"] {
  background-position-y: -5115px;
}

#special[data-sq="12"] {
  background-position-y: -5580px;
}

#special[data-sq="13"] {
  background-position-y: -6045px;
}

#special[data-sq="14"] {
  background-position-y: -6510px;
}

#special[data-sq="15"] {
  background-position-y: -6975px;
}

#special[data-sq="16"] {
  background-position-y: -7440px;
}

#special[data-sq="17"] {
  background-position-y: -7905px;
}

#special[data-sq="18"] {
  background-position-y: -8370px;
}

#special[data-sq="19"] {
  background-position-y: -8835px;
}

#special[data-sq="20"] {
  background-position-y: -9300px;
}

#special[data-sq="21"] {
  background-position-y: -9765px;
}

#special[data-sq="22"] {
  background-position-y: -10230px;
}

#special[data-sq="23"] {
  background-position-y: -10695px;
}

#special[data-sq="24"] {
  background-position-y: -11160px;
}

#special[data-sq="25"] {
  background-position-y: -11625px;
}

#special[data-sq="26"] {
  background-position-y: -12090px;
}

#special[data-sq="27"] {
  background-position-y: -12555px;
}
/*# sourceMappingURL=gun-effect.css.map */