Ok, SO I have the quickstart installed and up an running. The counter is working, but it is displaying the wrong times. I've edited the two instances as shown, but the timer is way off. What am I doing wrong here?
This is my code:
<div class="gk-animation" data-height="530">
<div class="gk-animation-wrap">
<div class="gka-bg">Background</div>
<h2 class="gk-scale-up" data-start="{'opacity':0}" data-end="{'opacity':1}" data-delay="200" data-time="500">Chattahoochee River Country Music Festival 24 July. - 26 July. 2015</h2>
<h1 class="gk-scale-up" data-start="{'opacity':0}" data-end="{'opacity':1}" data-delay="600" data-time="500">Countdown</h1>
<div class="gk-stars" data-start="{'opacity':0}" data-end="{'opacity':1}" data-delay="1000" data-time="500">* * * * * *</div>
<div class="gk-jscounter gk-scale-up" data-dateend="7-24-2015" data-timeend="00:00" data-timezone="-5" data-start="{'opacity':0}" data-end="{'opacity':1}" data-delay="900" data-time="500">Counting finished!</div>
<div class="gk-guitar" data-start="{'opacity': 0, 'right': '-200px'}" data-end="{'opacity': 1, 'right': 0}" data-delay="900" data-time="450">Guitar</div>
<a href="http://crcmf.com/?post_type=product" class="gk-ticket" data-start="{'opacity':0, 'top': '45px'}" data-end="{'opacity':1, 'top': 0}" data-delay="1300" data-time="450">
<strong>Get a ticket</strong>
<small>Come Join Us!</small>
</a>
</div>
</div>
...................................
this is what shows up