#loadingPosition {
    top: 315px;
    position: absolute;
    left: 40%;
    z-index: 9999;
}

 .bonusLoading {
    -moz-animation: bonusLoading 8s cubic-bezier(0.680, -0.550, 0.265, 1.550) infinite;
    -webkit-animation: bonusLoading 8s cubic-bezier(0.680, -0.550, 0.265, 1.550) infinite;
    animation: bonusLoading 8s cubic-bezier(0.680, -0.550, 0.265, 1.550) infinite;
}
.bonusLoading,
.bonusLoading:before,
.bonusLoading:after {
    background: #221122;
    box-sizing: border-box;
    display: block;
    font: 0 / 0 a;
    height: 40px;
    left: 50%;
    margin: -20px 0 0 -5px;
    position: absolute;
    top: 50%;
    width: 8px;
    z-index:99999;
}
.bonusLoading:before,
.bonusLoading:after{
    content: '';
    display: block;
    position: absolute;
    -webkit-transform: rotate(0deg);
    left: -10px
}
.bonusLoading:after {
    left: auto;
    right: -15px;
}

@-moz-keyframes 'bonusLoading' {
    0% {
      -moz-transform: rotate(0deg);
}
7.5% {
	    -moz-transform: rotate(0deg);
	  }
12.5% {
	    -moz-transform: rotate(90deg);
	  }
20% {
	    -moz-transform: rotate(90deg);
	  }
25% {
	    -moz-transform: rotate(180deg);
	  }
32.5% {
	    -moz-transform: rotate(180deg);
	  }
37.5% {
	    -moz-transform: rotate(270deg);
	  }
45% {
	    -moz-transform: rotate(270deg);
	  }
50% {
	    -moz-transform: rotate(180deg);
	  }
57.5% {
	    -moz-transform: rotate(180deg);    
	  }
62.5% {
	    -moz-transform: rotate(270deg);
	  }
70% {
	    -moz-transform: rotate(270deg);
	  }
75% {
	    -moz-transform: rotate(360deg);
	  }
82.5% {
	    -moz-transform: rotate(360deg);
	  }
87.5% {
	    -moz-transform: rotate(270deg);
	  }
95% {
	    -moz-transform: rotate(270deg);
	  }
100% {
	    -moz-transform: rotate(360deg);
	  }
	}
@-webkit-keyframes 'bonusLoading' {
    0% {
	    -webkit-transform: rotate(0deg);
}
7.5% {
	    -webkit-transform: rotate(0deg);
	  }
12.5% {
	    -webkit-transform: rotate(90deg);
	  }
20% {
	    -webkit-transform: rotate(90deg);
	  }
25% {
	    -webkit-transform: rotate(180deg);
	  }
32.5% {
	    -webkit-transform: rotate(180deg);
	  }
37.5% {
	    -webkit-transform: rotate(270deg);
	  }
45% {
	    -webkit-transform: rotate(270deg);
	  }
50% {
	    -webkit-transform: rotate(180deg);
	  }
57.5% {
	    -webkit-transform: rotate(180deg);    
	  }
62.5% {
	    -webkit-transform: rotate(270deg);
	  }
70% {
	    -webkit-transform: rotate(270deg);
	  }
75% {
	    -webkit-transform: rotate(360deg);
	  }
82.5% {
	    -webkit-transform: rotate(360deg);
	  }
87.5% {
	    -webkit-transform: rotate(270deg);
	  }
95% {
	    -webkit-transform: rotate(270deg);
	  }
100% {
	    -webkit-transform: rotate(360deg);
	  }
	}
@keyframes 'bonusLoading' {
    0% {
        transform: rotate(0deg);
    }
    7.5% {
        transform: rotate(0deg);
    }
    12.5% {
        transform: rotate(90deg);
    }
    20% {
        transform: rotate(90deg);
    }
    25% {
        transform: rotate(180deg);
    }
    32.5% {
        transform: rotate(180deg);
    }
    37.5% {
        transform: rotate(270deg);
    }
    45% {
        transform: rotate(270deg);
    }
    50% {
        transform: rotate(180deg);
    }
    57.5% {
        transform: rotate(180deg);    
    }
    62.5% {
        transform: rotate(270deg);
    }
    70% {
        transform: rotate(270deg);
    }
    75% {
        transform: rotate(360deg);
    }
    82.5% {
        transform: rotate(360deg);
    }
    87.5% {
        transform: rotate(270deg);
    }
    95% {
        transform: rotate(270deg);
    }
    100% {
        transform: rotate(360deg);
    }
}