.gd-item {
    position: absolute;
}

/* ##### GEM STONES ##### */

.gd-item.gd-item-gem {
    width: 60px;
    height: 60px;
    background-image: url(../images/storm_gemstone_atlas.png);
}

.gd-item.gd-item-gem.gd-item-1-1 {
    background-position: 0px 0px;
}
.gd-item.gd-item-gem.gd-item-1-2 {
    background-position: -60px 0px;
}
.gd-item.gd-item-gem.gd-item-1-3 {
    background-position: -120px 0px;
}
.gd-item.gd-item-gem.gd-item-1-4 {
    background-position: -180px 0px;
}
.gd-item.gd-item-gem.gd-item-1-5 {
    background-position: -240px 0px;
}
.gd-item.gd-item-gem.gd-item-1-6 {
    background-position: -300px 0px;
}
.gd-item.gd-item-gem.gd-item-1-7 {
    background-position: -360px 0px;
}
.gd-item.gd-item-gem.gd-item-1-8 {
    background-position: -420px 0px;
}
.gd-item.gd-item-gem.gd-item-1-9 {
    background-position: -480px 0px;
}
.gd-item.gd-item-gem.gd-item-1-10 {
    background-position: -540px 0px;
}

.gd-item.gd-item-gem.gd-item-7-1 {
  background-position: 0px -360px;
}
.gd-item.gd-item-gem.gd-item-7-2 {
  background-position: -60px -360px;
}
.gd-item.gd-item-gem.gd-item-7-3 {
  background-position: -120px -360px;
}
.gd-item.gd-item-gem.gd-item-7-4 {
  background-position: -180px -360px;
}
.gd-item.gd-item-gem.gd-item-7-5 {
  background-position: -240px -360px;
}
.gd-item.gd-item-gem.gd-item-7-6 {
  background-position: -300px -360px;
}
.gd-item.gd-item-gem.gd-item-7-7 {
  background-position: -360px -360px;
}
.gd-item.gd-item-gem.gd-item-7-8 {
  background-position: -420px -360px;
}
.gd-item.gd-item-gem.gd-item-7-9 {
  background-position: -480px -360px;
}
.gd-item.gd-item-gem.gd-item-7-10 {
  background-position: -540px -360px;
}

.gd-item.gd-item-gem.gd-item-8-1 {
  background-position: 0px -420px;
}
.gd-item.gd-item-gem.gd-item-8-2 {
  background-position: -60px -420px;
}
.gd-item.gd-item-gem.gd-item-8-3 {
  background-position: -120px -420px;
}
.gd-item.gd-item-gem.gd-item-8-4 {
  background-position: -180px -420px;
}
.gd-item.gd-item-gem.gd-item-8-5 {
  background-position: -240px -420px;
}
.gd-item.gd-item-gem.gd-item-8-6 {
  background-position: -300px -420px;
}
.gd-item.gd-item-gem.gd-item-8-7 {
  background-position: -360px -420px;
}
.gd-item.gd-item-gem.gd-item-8-8 {
  background-position: -420px -420px;
}
.gd-item.gd-item-gem.gd-item-8-9 {
  background-position: -480px -420px;
}
.gd-item.gd-item-gem.gd-item-8-10 {
  background-position: -540px -420px;
}

/* ##### MINERAL STONES ##### */

.gd-item.gd-item-stone {
    width: 70px;
    height: 60px;
    background-image: url(../images/macrovector_stones.png);
}

.gd-item.gd-item-stone.gd-item-1-1 {
    background-position: -10px -20px;
}
.gd-item.gd-item-stone.gd-item-1-2 {
    background-position: -85px -20px;
}
.gd-item.gd-item-stone.gd-item-1-3 {
    width: 60px;
    background-position: -150px -20px;
}
.gd-item.gd-item-stone.gd-item-1-4 {
    background-position: -215px -20px;
}
.gd-item.gd-item-stone.gd-item-2-1 {
    background-position: -5px -120px;
}
.gd-item.gd-item-stone.gd-item-2-2 {
    width: 50px;
    height: 75px;
    background-position: -85px -105px;
}
.gd-item.gd-item-stone.gd-item-2-3 {
    height: 75px;
    background-position: -138px -105px;
}
.gd-item.gd-item-stone.gd-item-2-4 {
    height: 75px;
    width: 70px;
    background-position: -210px -105px;
}
.gd-item.gd-item-stone.gd-item-3-1 {
    background-position: -5px -210px;
}
.gd-item.gd-item-stone.gd-item-3-2 {
    width: 60px;
    background-position: -80px -205px;
}
.gd-item.gd-item-stone.gd-item-3-3 {
    background-position: -150px -205px;
}
.gd-item.gd-item-stone.gd-item-3-4 {
    width: 60px;
    background-position: -230px -205px;
}

/* ##### CRYSTAL BALLS ##### */
.gd-item.gd-item-ball {
    width: 64px;
    height: 64px;
    background-image: url(../images/wenrexa_balls.png);
}

.gd-item.gd-item-ball.gd-item-1-1 {
    background-position: 0px 0px;
}
.gd-item.gd-item-ball.gd-item-1-2 {
    background-position: -64px 0px;
}
.gd-item.gd-item-ball.gd-item-1-3 {
    background-position: -128px 0px;
}
.gd-item.gd-item-ball.gd-item-1-4 {
    background-position: -192px 0px;
}
.gd-item.gd-item-ball.gd-item-1-5 {
    background-position: -256px 0px;
}
.gd-item.gd-item-ball.gd-item-1-6 {
    background-position: -320px 0px;
}
.gd-item.gd-item-ball.gd-item-1-7 {
    background-position: -384px 0px;
}
.gd-item.gd-item-ball.gd-item-1-8 {
    background-position: -448px 0px;
}
.gd-item.gd-item-ball.gd-item-1-9 {
    background-position: -512px 0px;
}
.gd-item.gd-item-ball.gd-item-2-1 {
    background-position: 0px -64px;
}
.gd-item.gd-item-ball.gd-item-2-2 {
    background-position: -64px -64px;
}
.gd-item.gd-item-ball.gd-item-2-3 {
    background-position: -128px -64px;
}
.gd-item.gd-item-ball.gd-item-2-4 {
    background-position: -192px -64px;
}
.gd-item.gd-item-ball.gd-item-2-5 {
    background-position: -256px -64px;
}
.gd-item.gd-item-ball.gd-item-2-6 {
    background-position: -320px -64px;
}
.gd-item.gd-item-ball.gd-item-2-7 {
    background-position: -384px -64px;
}
.gd-item.gd-item-ball.gd-item-2-8 {
    background-position: -448px -64px;
}

/* ##### FLOWERS ##### */
.gd-item.gd-item-flower {
    background-size: 100%;
}
.gd-item.gd-item-flower.gd-item-1 {
    width: 68px;
    height: 70px;
    background-image: url(../images/wenrexa_flowers/01.png);
}
.gd-item.gd-item-flower.gd-item-2 {
    width: 62px;
    height: 62px;
    background-image: url(../images/wenrexa_flowers/02.png);
}
.gd-item.gd-item-flower.gd-item-3 {
    width: 63px;
    height: 76px;
    background-image: url(../images/wenrexa_flowers/03.png);
}
.gd-item.gd-item-flower.gd-item-4 {
    width: 58px;
    height: 64px;
    background-image: url(../images/wenrexa_flowers/04.png);
}
.gd-item.gd-item-flower.gd-item-5 {
    width: 71px;
    height: 78px;
    background-image: url(../images/wenrexa_flowers/05.png);
}
.gd-item.gd-item-flower.gd-item-6 {
    width: 56px;
    height: 63px;
    background-image: url(../images/wenrexa_flowers/06.png);
}
.gd-item.gd-item-flower.gd-item-7 {
    width: 65px;
    height: 56px;
    background-image: url(../images/wenrexa_flowers/07.png);
}
.gd-item.gd-item-flower.gd-item-8 {
    width: 58px;
    height: 56px;
    background-image: url(../images/wenrexa_flowers/08.png);
}
.gd-item.gd-item-flower.gd-item-9 {
    width: 60px;
    height: 74px;
    background-image: url(../images/wenrexa_flowers/09.png);
}
.gd-item.gd-item-flower.gd-item-10 {
    width: 90px;
    height: 87px;
    background-image: url(../images/wenrexa_flowers/10.png);
}
.gd-item.gd-item-flower.gd-item-11 {
    width: 72px;
    height: 79px;
    background-image: url(../images/wenrexa_flowers/11.png);
}
.gd-item.gd-item-flower.gd-item-12 {
    width: 77px;
    height: 110px;
    background-image: url(../images/wenrexa_flowers/20.png);
}

.gd-item.gd-item-plant {
    background-size: 100%;
}
.gd-item.gd-item-plant.gd-item-1 {
    width: 52px;
    height: 52px;
    background-image: url(../images/wenrexa_flowers/16.png);
}
.gd-item.gd-item-plant.gd-item-2 {
    width: 48px;
    height: 56px;
    background-image: url(../images/wenrexa_flowers/17.png);
}
.gd-item.gd-item-plant.gd-item-3 {
    width: 51px;
    height: 57px;
    background-image: url(../images/wenrexa_flowers/18.png);
}
.gd-item.gd-item-plant.gd-item-4 {
    width: 53px;
    height: 54px;
    background-image: url(../images/wenrexa_flowers/21.png);
}

.gd-item.gd-item-sign {
  background-size: 100%;
}
.gd-item.gd-item-sign.gd-item-1 {
  width: 126px;
  height: 117px;
  background-image: url(../images/wenrexa_flowers/23.png);
}
.gd-item.gd-item-sign.gd-item-2 {
  width: 152px;
  height: 117px;
  background-image: url(../images/wenrexa_flowers/26.png);
}


/* ##### EXPLOSIONS ##### */
@keyframes gd-keyframes-explosion-karlote-1 {
    0% {
      background-image: url(../images/karlote/1/vnbv_0.png);
    }
    3.7% {
      background-image: url(../images/karlote/1/vnbv_1.png);
    }
    7.4% {
      background-image: url(../images/karlote/1/vnbv_2.png);
    }
    11.1% {
      background-image: url(../images/karlote/1/vnbv_3.png);
    }
    14.8% {
      background-image: url(../images/karlote/1/vnbv_4.png);
    }
    18.5% {
      background-image: url(../images/karlote/1/vnbv_5.png);
    }
    22.2% {
      background-image: url(../images/karlote/1/vnbv_6.png);
    }
    25.9% {
      background-image: url(../images/karlote/1/vnbv_7.png);
    }
    29.6% {
      background-image: url(../images/karlote/1/vnbv_8.png);
    }
    33.3% {
      background-image: url(../images/karlote/1/vnbv_9.png);
    }
    37% {
      background-image: url(../images/karlote/1/vnbv_10.png);
    }
    40.7% {
      background-image: url(../images/karlote/1/vnbv_11.png);
    }
    44.4% {
      background-image: url(../images/karlote/1/vnbv_12.png);
    }
    48.1% {
      background-image: url(../images/karlote/1/vnbv_13.png);
    }
    51.8% {
      background-image: url(../images/karlote/1/vnbv_14.png);
    }
    55.5% {
      background-image: url(../images/karlote/1/vnbv_15.png);
    }
    59.2% {
      background-image: url(../images/karlote/1/vnbv_16.png);
    }
    62.9% {
      background-image: url(../images/karlote/1/vnbv_17.png);
    }
    66.6% {
      background-image: url(../images/karlote/1/vnbv_18.png);
    }
    70.3% {
      background-image: url(../images/karlote/1/vnbv_19.png);
    }
    74% {
      background-image: url(../images/karlote/1/vnbv_20.png);
    }
    77.7% {
      background-image: url(../images/karlote/1/vnbv_21.png);
    }
    81.4% {
      background-image: url(../images/karlote/1/vnbv_22.png);
    }
    85.1% {
      background-image: url(../images/karlote/1/vnbv_23.png);
    }
    88.8% {
      background-image: url(../images/karlote/1/vnbv_24.png);
    }
    92.5% {
      background-image: url(../images/karlote/1/vnbv_25.png);
    }
    96.2% {
      background-image: url(../images/karlote/1/vnbv_26.png);
    }
    100% {
      background-image: url(../images/karlote/1/vnbv_27.png);
    }
}

@keyframes gd-keyframes-explosion-karlote-3 {
    0% {
      background-image: url(../images/karlote/3/vnbvq_0.png);
    }
    3.7% {
      background-image: url(../images/karlote/3/vnbvq_1.png);
    }
    7.4% {
      background-image: url(../images/karlote/3/vnbvq_2.png);
    }
    11.1% {
      background-image: url(../images/karlote/3/vnbvq_3.png);
    }
    14.8% {
      background-image: url(../images/karlote/3/vnbvq_4.png);
    }
    18.5% {
      background-image: url(../images/karlote/3/vnbvq_5.png);
    }
    22.2% {
      background-image: url(../images/karlote/3/vnbvq_6.png);
    }
    25.9% {
      background-image: url(../images/karlote/3/vnbvq_7.png);
    }
    29.6% {
      background-image: url(../images/karlote/3/vnbvq_8.png);
    }
    33.3% {
      background-image: url(../images/karlote/3/vnbvq_9.png);
    }
    37% {
      background-image: url(../images/karlote/3/vnbvq_10.png);
    }
    40.7% {
      background-image: url(../images/karlote/3/vnbvq_11.png);
    }
    44.4% {
      background-image: url(../images/karlote/3/vnbvq_12.png);
    }
    48.1% {
      background-image: url(../images/karlote/3/vnbvq_13.png);
    }
    51.8% {
      background-image: url(../images/karlote/3/vnbvq_14.png);
    }
    55.5% {
      background-image: url(../images/karlote/3/vnbvq_15.png);
    }
    59.2% {
      background-image: url(../images/karlote/3/vnbvq_16.png);
    }
    62.9% {
      background-image: url(../images/karlote/3/vnbvq_17.png);
    }
    66.6% {
      background-image: url(../images/karlote/3/vnbvq_18.png);
    }
    70.3% {
      background-image: url(../images/karlote/3/vnbvq_19.png);
    }
    74% {
      background-image: url(../images/karlote/3/vnbvq_20.png);
    }
    77.7% {
      background-image: url(../images/karlote/3/vnbvq_21.png);
    }
    81.4% {
      background-image: url(../images/karlote/3/vnbvq_22.png);
    }
    85.1% {
      background-image: url(../images/karlote/3/vnbvq_23.png);
    }
    88.8% {
      background-image: url(../images/karlote/3/vnbvq_24.png);
    }
    92.5% {
      background-image: url(../images/karlote/3/vnbvq_25.png);
    }
    96.2% {
      background-image: url(../images/karlote/3/vnbvq_26.png);
    }
    100% {
      background-image: url(../images/karlote/3/vnbvq_27.png);
    }
}

@keyframes gd-keyframes-explosion-karlote-2 {
    0% {
      background-image: url(../images/karlote/2/vnbvx_1.png);
    }
    3.4% {
      background-image: url(../images/karlote/2/vnbvx_2.png);
    }
    6.9% {
      background-image: url(../images/karlote/2/vnbvx_3.png);
    }
    10.3% {
      background-image: url(../images/karlote/2/vnbvx_4.png);
    }
    13.8% {
      background-image: url(../images/karlote/2/vnbvx_5.png);
    }
    17.2% {
      background-image: url(../images/karlote/2/vnbvx_6.png);
    }
    20.7% {
      background-image: url(../images/karlote/2/vnbvx_7.png);
    }
    24.1% {
      background-image: url(../images/karlote/2/vnbvx_8.png);
    }
    27.6% {
      background-image: url(../images/karlote/2/vnbvx_9.png);
    }
    31% {
      background-image: url(../images/karlote/2/vnbvx_10.png);
    }
    34.5% {
      background-image: url(../images/karlote/2/vnbvx_11.png);
    }
    37.9% {
      background-image: url(../images/karlote/2/vnbvx_12.png);
    }
    41.4% {
      background-image: url(../images/karlote/2/vnbvx_13.png);
    }
    44.8% {
      background-image: url(../images/karlote/2/vnbvx_14.png);
    }
    48.3% {
      background-image: url(../images/karlote/2/vnbvx_15.png);
    }
    51.7% {
      background-image: url(../images/karlote/2/vnbvx_16.png);
    }
    55.2% {
      background-image: url(../images/karlote/2/vnbvx_17.png);
    }
    58.6% {
      background-image: url(../images/karlote/2/vnbvx_18.png);
    }
    62.1% {
      background-image: url(../images/karlote/2/vnbvx_19.png);
    }
    65.5% {
      background-image: url(../images/karlote/2/vnbvx_20.png);
    }
    69% {
      background-image: url(../images/karlote/2/vnbvx_21.png);
    }
    72.4% {
      background-image: url(../images/karlote/2/vnbvx_22.png);
    }
    75.9% {
      background-image: url(../images/karlote/2/vnbvx_23.png);
    }
    79.3% {
      background-image: url(../images/karlote/2/vnbvx_24.png);
    }
    82.8% {
      background-image: url(../images/karlote/2/vnbvx_25.png);
    }
    86.2% {
      background-image: url(../images/karlote/2/vnbvx_26.png);
    }
    89.7% {
      background-image: url(../images/karlote/2/vnbvx_27.png);
    }
    93.1% {
      background-image: url(../images/karlote/2/vnbvx_28.png);
    }
    96.6% {
      background-image: url(../images/karlote/2/vnbvx_29.png);
    }
    100% {
      background-image: url(../images/karlote/2/vnbvx_29.png);
    }
}

.gd-effect {
  position: absolute;
}
.gd-effect.gd-effect-explosion {
    width: 112px;
    height: 100px;
    background-size: 100%;
}
.gd-effect.gd-effect-explosion.gd-effect-1 {
    animation: gd-keyframes-explosion-karlote-1 .8s steps(1) infinite;
}
.gd-effect.gd-effect-explosion.gd-effect-2 {
    animation: gd-keyframes-explosion-karlote-2 .8s steps(1) infinite;
}
.gd-effect.gd-effect-explosion.gd-effect-3 {
    animation: gd-keyframes-explosion-karlote-3 .8s steps(1) infinite;
}

/* ##### MISSILE ##### */
@keyframes gd-keyframes-missile {
    0% {
      background-position: 0px 0px;
    }
    1.67% {
      background-position: -100px 0px;
    }
    3.33% {
      background-position: -200px 0px;
    }
    5% {
      background-position: -300px 0px;
    }
    6.67% {
      background-position: -400px 0px;
    }
    8.33% {
      background-position: -500px 0px;
    }
    10% {
      background-position: -600px 0px;
    }
    11.67% {
      background-position: -700px 0px;
    }
    13.33% {
      background-position: 0px -100px;
    }
    15% {
      background-position: -100px -100px;
    }
    16.67% {
      background-position: -200px -100px;
    }
    18.33% {
      background-position: -300px -100px;
    }
    20% {
      background-position: -400px -100px;
    }
    21.67% {
      background-position: -500px -100px;
    }
    23.33% {
      background-position: -600px -100px;
    }
    25% {
      background-position: -700px -100px;
    }
    26.67% {
      background-position: 0px -200px;
    }
    28.33% {
      background-position: -100px -200px;
    }
    30% {
      background-position: -200px -200px;
    }
    31.67% {
      background-position: -300px -200px;
    }
    33.33% {
      background-position: -400px -200px;
    }
    35% {
      background-position: -500px -200px;
    }
    36.67% {
      background-position: -600px -200px;
    }
    38.33% {
      background-position: -700px -200px;
    }
    40% {
      background-position: 0px -300px;
    }
    41.67% {
      background-position: -100px -300px;
    }
    43.33% {
      background-position: -200px -300px;
    }
    45% {
      background-position: -300px -300px;
    }
    46.67% {
      background-position: -400px -300px;
    }
    48.33% {
      background-position: -500px -300px;
    }
    50% {
      background-position: -600px -300px;
    }
    51.67% {
      background-position: -700px -300px;
    }
    53.33% {
      background-position: 0px -400px;
    }
    55% {
      background-position: -100px -400px;
    }
    56.67% {
      background-position: -200px -400px;
    }
    58.33% {
      background-position: -300px -400px;
    }
    60% {
      background-position: -400px -400px;
    }
    61.67% {
      background-position: -500px -400px;
    }
    63.33% {
      background-position: -600px -400px;
    }
    65% {
      background-position: -700px -400px;
    }
    66.67% {
      background-position: 0px -500px;
    }
    68.33% {
      background-position: -100px -500px;
    }
    70% {
      background-position: -200px -500px;
    }
    71.67% {
      background-position: -300px -500px;
    }
    73.33% {
      background-position: -400px -500px;
    }
    75% {
      background-position: -500px -500px;
    }
    76.67% {
      background-position: -600px -500px;
    }
    78.33% {
      background-position: -700px -500px;
    }
    80% {
      background-position: 0px -600px;
    }
    81.67% {
      background-position: -100px -600px;
    }
    83.33% {
      background-position: -200px -600px;
    }
    85% {
      background-position: -300px -600px;
    }
    86.67% {
      background-position: -400px -600px;
    }
    88.33% {
      background-position: -500px -600px;
    }
    90% {
      background-position: -600px -600px;
    }
    91.67% {
      background-position: -700px -600px;
    }
    93.33% {
      background-position: 0px -700px;
    }
    95% {
      background-position: -100px -700px;
    }
    96.67% {
      background-position: -200px -700px;
    }
    98.33% {
      background-position: -300px -700px;
    }
    100% {
      background-position: 0px 0px;
    }
}