www.kona-ice.com
Open in
urlscan Pro
2606:4700:3032::6815:11af
Public Scan
Submitted URL: http://ykgy025y.r.us-east-1.awstrack.me/L0/http:%2F%2Fwww.kona-ice.com/1/0100017b78b662a5-ea628f6f-68b3-4ca2-96bf-427fd9b4f61b-000000/UA...
Effective URL: https://www.kona-ice.com/
Submission: On August 24 via api from US
Effective URL: https://www.kona-ice.com/
Submission: On August 24 via api from US
Form analysis 1 forms found in the DOM
POST ./
<form method="post" action="./" id="form1" class="ls-direction-fix ls-overflow-visible">
<div class="aspNetHidden">
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="fxzvxLzAGwd+MRR+wp2RneuEZmHfSeSQwtki3BhIpYNH6ScB0CkWzT5LpasY4fM1awQ8LQPfELGI8jnkiNk4Rz99T59hVS4+jgdB3OHJIa4=">
</div>
<div class="aspNetHidden">
<input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="CA0B0334">
<input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="">
<input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="">
<input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION"
value="Pn3GpuNLv0D9RZP4XDqKSxBdmQXnJUh3W9moLjSHi4nU0CyDzfQXD+Y3AkARkw8YLau+QZS9Jod8+IZD+VVzxP/TN32f7cw30huQVXdUQu7ESq/VmDUAgl/hN9TJYbbfPHv/Pc2ZBtkcytciyp6w+6ne9KBrePQ+Xq00KINGqNUidRSFRogw1PGmzy4R9XEw">
</div>
<!-- Loading script asynchronously -->
<script type="text/javascript">
(function(a, b, c, d) {
a = '//tags.tiqcdn.com/utag/audiencex/konaice/prod/utag.js';
b = document;
c = 'script';
d = b.createElement(c);
d.src = a;
d.type = 'text/java' + c;
d.async = true;
a = b.getElementsByTagName(c)[0];
a.parentNode.insertBefore(d, a);
})();
</script>
<!-- End Loading script asynchronously -->
<!-- Summit Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PMKFGZF" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Summit Google Tag Manager (noscript) -->
<div id="fade-in" class="box">
<div class="container-1100">
<div class="nav-locate">
<div id="header1_Panel2" onkeypress="javascript:return WebForm_FireDefaultButton(event, 'header1_btnFindAKonaNav')">
<div class="input">
<input name="header1$txtFindAKona" type="text" id="header1_txtFindAKona" placeholder="Enter Event Zip Code" style="padding: 15px 25px; background-color: #FFF; border: solid 1px #999; color: #999; text-align: center; font-size: 16px;">
</div>
<div class="button">
<div style="width: 150px; margin: 0 auto; text-align: center;">
<input type="submit" name="header1$btnFindAKonaNav" value="Submit" onclick="ga('send', 'event', 'Find A Kona', 'Submit', 'Website');" id="header1_btnFindAKonaNav">
</div>
</div>
<div class="clear"></div>
</div>
</div>
</div>
</div>
<div id="event-fade-in" class="event-box">
<div class="nav-container">
<div class="wrapper">
<nav class="site-nav">
<ul class="open desktop" style="margin: 0 auto;">
<li><a href="/schools/">Schools</a></li>
<li><a href="/fundraisers/">Fundraisers</a></li>
<li><a href="/sports/">Sports</a></li>
<li><a href="/daycares/">Daycares</a></li>
<li><a href="/corporate/">Corporate</a></li>
<li><a href="/events/">Events</a></li>
<li><a href="/parties/">Parties</a></li>
</ul>
</nav>
</div>
</div>
</div>
<div class="nav-container">
<div class="wrapper">
<nav class="site-nav">
<div class="logo"><a href="/">
<img src="/images/logo.png" alt="Kona Ice"></a></div>
<div class="menu-toggle">
<div class="hamburger"></div>
</div>
<ul class="open desktop">
<li><a class="slide" href="#">Find Kona</a></li>
<li><a href="/flavorwave/nutrition.aspx">Nutrition</a></li>
<li><a href="/flavorwave/">Flavorwave</a></li>
<li><a href="/giveback-programs/">Giveback</a></li>
<li><a href="/hiring/">Join the Team</a></li>
<li><a class="event-slide" href="#">Events</a></li>
<li><a href="https://www.ownakona.com/" target="_blank">Ownakona</a></li>
<li><a href="/contact/">Contact</a></li>
</ul>
</nav>
</div>
</div>
<!--<div style="position:absolute; top:5px; right:5px; z-index:9999999999;"><a href="https://kona-ice.ca" target="_blank"><img src="/images/global/ca-flag.jpg" alt="Canada Site" height="20" /></a></div>-->
<!-- Normal Popup -->
<!--<div class="ls-popup">
<div id="sliderPopup" style="width:500px;height:500px;margin:0 auto;margin-bottom: 0px;">
<div class="ls-slide" data-ls="duration:5000; overflow:true; kenburnsscale:1.2; parallaxtype:3d; parallaxrotate:20;">
<img width="250" height="250" src="/images/home-popup/ls-slider-4-slide-1.jpg" class="ls-tn" alt="" />
<div style="top:147px; left:66px; text-align:initial; font-weight:400; font-style:normal; text-decoration:none; mix-blend-mode:normal; width:270px; height:270px; background:#ffffff; border-radius:500px; font-size:16px;" class="ls-l" data-ls="showinfo:1; durationin:1500; easingin:easeOutElastic; fadein:false; scalexin:0; scaleyin:0; loop:true; loopoffsetx:-20; loopoffsety:20; loopduration:4000; loopeasing:easeInOutSine; loopcount:-1; loopyoyo:true; parallax:true; parallaxlevel:4;"></div>
<div style="top:24px; text-align:initial; font-weight:400; font-style:normal; text-decoration:none; mix-blend-mode:normal; width:360px; height:360px; background:#ffffff; border-radius:500px; font-size:21px; left:123px;" class="ls-l" data-ls="showinfo:1; durationin:1250; delayin:200; easingin:easeOutElastic; fadein:false; scalexin:0; scaleyin:0; loop:true; loopoffsetx:-20; loopoffsety:-20; loopduration:4000; loopstartat:allinend + 2000; loopeasing:easeInOutSine; loopcount:-1; loopyoyo:true; parallax:true; parallaxlevel:4;"></div>
<div style="top:130px; left:130px; text-align:initial; font-weight:400; font-style:normal; text-decoration:none; mix-blend-mode:normal; width:370px; height:370px; background:rgba(255, 255, 255, 0.98); border-radius:500px; font-size:22px;" class="ls-l" data-ls="showinfo:1; delayin:400; easingin:easeOutElastic; fadein:false; scalexin:0; scaleyin:0; loop:true; loopoffsetx:20; loopoffsety:20; loopduration:4000; loopstartat:allinend + 4000; loopeasing:easeInOutSine; loopcount:-1; loopyoyo:true; parallax:true; parallaxlevel:4;"></div>
<div style="top:94px; left:298px; text-align:initial; font-weight:400; font-style:normal; text-decoration:none; mix-blend-mode:normal; width:99px; height:99px; background:#ffffff; border-radius:500px; font-size:5px;" class="ls-l" data-ls="showinfo:1; durationin:0; delayin:1000; easingin:easeOutElastic; fadein:false; scalexin:0; scaleyin:0; loop:true; loopoffsetx:150; loopoffsety:-100; loopduration:4000; loopstartat:allinend + 0; loopeasing:easeInOutSine; looprotatex:25; loopscalex:0; loopscaley:0; loopcount:-1; looprepeatdelay:5500; parallax:true; parallaxlevel:4;"></div>
<div style="top:162px; left:66px; text-align:initial; font-weight:400; font-style:normal; text-decoration:none; mix-blend-mode:normal; width:99px; height:99px; background:#ffffff; border-radius:500px; font-size:5px;" class="ls-l" data-ls="showinfo:1; durationin:0; delayin:2000; easingin:easeOutElastic; fadein:false; scalexin:0; scaleyin:0; loop:true; loopoffsetx:-150; loopoffsety:-100; loopduration:3000; loopstartat:allinend + 0; loopeasing:easeInOutSine; looprotatex:25; loopscalex:0; loopscaley:0; loopcount:-1; looprepeatdelay:4500; parallax:true; parallaxlevel:4;"></div>
<div style="top:246px; left:387px; text-align:initial; font-weight:400; font-style:normal; text-decoration:none; mix-blend-mode:normal; width:99px; height:99px; background:#ffffff; border-radius:500px; font-size:5px;" class="ls-l" data-ls="showinfo:1; durationin:0; delayin:2500; easingin:easeOutElastic; fadein:false; scalexin:0; scaleyin:0; loop:true; loopoffsetx:150; loopoffsety:-20; loopduration:5000; loopstartat:allinend + 0; loopeasing:easeInOutSine; looprotatex:25; loopscalex:0; loopscaley:0; loopcount:-1; looprepeatdelay:5000; parallax:true; parallaxlevel:4;"></div>
<div style="top:364px; left:66px; text-align:initial; font-weight:400; font-style:normal; text-decoration:none; mix-blend-mode:normal; width:99px; height:99px; background:#ffffff; border-radius:500px; font-size:5px;" class="ls-l" data-ls="showinfo:1; durationin:0; delayin:4000; easingin:easeOutElastic; fadein:false; scalexin:0; scaleyin:0; loop:true; loopoffsetx:-150; loopoffsety:100; loopduration:3500; loopstartat:allinend + 0; loopeasing:easeInOutSine; looprotatex:25; loopscalex:0; loopscaley:0; loopcount:-1; looprepeatdelay:4000; parallax:true; parallaxlevel:4;"></div>
<div style="top:156px; left:76px; text-align:initial; font-weight:400; font-style:normal; text-decoration:none; mix-blend-mode:normal; width:250px; height:250px; background:#00AEEE; border-radius:500px; font-size:16px;" class="ls-l" data-ls="showinfo:1; durationin:1500; easingin:easeOutElastic; fadein:false; scalexin:0; scaleyin:0; loop:true; loopoffsetx:-20; loopoffsety:20; loopduration:4000; loopeasing:easeInOutSine; loopcount:-1; loopyoyo:true; parallax:true; parallaxlevel:4;"></div>
<div style="top:34px; left:133px; text-align:initial; font-weight:400; font-style:normal; text-decoration:none; mix-blend-mode:normal; width:340px; height:340px; background:#00AEEE; border-radius:500px; font-size:21px;" class="ls-l" data-ls="showinfo:1; durationin:1250; delayin:200; easingin:easeOutElastic; fadein:false; scalexin:0; scaleyin:0; loop:true; loopoffsetx:-20; loopoffsety:-20; loopduration:4000; loopstartat:allinend + 2000; loopeasing:easeInOutSine; loopcount:-1; loopyoyo:true; parallax:true; parallaxlevel:4;"></div>
<div style="top:140px; left:140px; text-align:initial; font-weight:400; font-style:normal; text-decoration:none; mix-blend-mode:normal; width:350px; height:350px; background:#00AEEE; border-radius:500px; font-size:22px;" class="ls-l" data-ls="showinfo:1; delayin:400; easingin:easeOutElastic; fadein:false; scalexin:0; scaleyin:0; loop:true; loopoffsetx:20; loopoffsety:20; loopduration:4000; loopstartat:allinend + 4000; loopeasing:easeInOutSine; loopcount:-1; loopyoyo:true; parallax:true; parallaxlevel:4;"></div>
<div style="top:104px; left:308px; text-align:initial; font-weight:400; font-style:normal; text-decoration:none; mix-blend-mode:normal; width:79px; height:79px; background:#00AEEE; border-radius:500px; font-size:5px;" class="ls-l" data-ls="showinfo:1; durationin:0; delayin:1000; easingin:easeOutElastic; fadein:false; scalexin:0; scaleyin:0; loop:true; loopoffsetx:150; loopoffsety:-100; loopduration:4000; loopstartat:allinend + 0; loopeasing:easeInOutSine; looprotatex:25; loopscalex:0; loopscaley:0; loopcount:-1; looprepeatdelay:5500; parallax:true; parallaxlevel:4;"></div>
<div style="top:172px; left:76px; text-align:initial; font-weight:400; font-style:normal; text-decoration:none; mix-blend-mode:normal; width:79px; height:79px; background:#00AEEE; border-radius:500px; font-size:5px;" class="ls-l" data-ls="showinfo:1; durationin:0; delayin:2000; easingin:easeOutElastic; fadein:false; scalexin:0; scaleyin:0; loop:true; loopoffsetx:-150; loopoffsety:-100; loopduration:3000; loopstartat:allinend + 0; loopeasing:easeInOutSine; looprotatex:25; loopscalex:0; loopscaley:0; loopcount:-1; looprepeatdelay:4500; parallax:true; parallaxlevel:4;"></div>
<div style="top:256px; left:397px; text-align:initial; font-weight:400; font-style:normal; text-decoration:none; mix-blend-mode:normal; width:79px; height:79px; background:#00AEEE; border-radius:500px; font-size:5px;" class="ls-l" data-ls="showinfo:1; durationin:0; delayin:2500; easingin:easeOutElastic; fadein:false; scalexin:0; scaleyin:0; loop:true; loopoffsetx:150; loopoffsety:-20; loopduration:5000; loopstartat:allinend + 0; loopeasing:easeInOutSine; looprotatex:25; loopscalex:0; loopscaley:0; loopcount:-1; looprepeatdelay:5000; parallax:true; parallaxlevel:4;"></div>
<div style="top:374px; left:76px; text-align:initial; font-weight:400; font-style:normal; text-decoration:none; mix-blend-mode:normal; width:79px; height:79px; background:#00AEEE; border-radius:500px; font-size:5px;" class="ls-l" data-ls="showinfo:1; durationin:0; delayin:4000; easingin:easeOutElastic; fadein:false; scalexin:0; scaleyin:0; loop:true; loopoffsetx:-150; loopoffsety:100; loopduration:3500; loopstartat:allinend + 0; loopeasing:easeInOutSine; looprotatex:25; loopscalex:0; loopscaley:0; loopcount:-1; looprepeatdelay:4000; parallax:true; parallaxlevel:4;"></div>
<img width="1582" height="1609" src="/images/home-popup/Shadow.png" class="ls-l" alt="" style="top:81px; left:84px; opacity:0.5; mix-blend-mode:multiply; width:436px; height:403px;" data-ls="offsetxin:100lw; durationin:2000; rotatein:30; loop:true; loopeasing:easeOutBounce; looprotate:5; loopcount:-1; loopyoyo:true; parallax:true; parallaxlevel:8; rotation:-13;">
<img width="2400" height="1800" src="/images/home-popup/T-ShirtMockup.png" class="ls-l" alt="" style="top:-18px; left:-72px; width:751px; height:562px;" data-ls="offsetxin:100lw; durationin:2000; rotatein:30; loop:true; loopeasing:easeOutBounce; looprotate:3; loopcount:-1; loopyoyo:true; parallax:true; parallaxlevel:8; rotation:-13; scaleX:0.8; scaleY:0.8;">
<a style="" class="ls-l" href="https://konaice.wufoo.com/forms/kona-ice-tshirt-giveaway/" target="_blank" data-ls="showinfo:1; offsetyin:100lh; delayin:1200; rotatexin:-70; hover:true; hoverdurationin:1000; hoverdurationout:500; hovereasingin:easeOutElastic; hovereasingout:easeInOutQuint; hoverscalex:1.1; hoverscaley:1.1; parallax:true; parallaxlevel:-2; rotation:-10;">
<p style="box-shadow: -30px 20px 20px rgba(0,0,0,.3); cursor:pointer;top:334px; left:236px; text-align:center; font-weight:800; font-style:normal; text-decoration:none; mix-blend-mode:normal; padding-top:5px; padding-right:20px; border-bottom:4px solid #B7411C; padding-bottom:5px; padding-left:20px; font-family:Helvetica; color:#ffffff; background:#F37521; border-radius:100px; font-size:30px;" class=" ls-close-popup">HERE IS HOW!</p>
</a>
<p style="font-weight:600;text-align:right !important; text-shadow: 5px 10px 10px rgba(0,0,0,.5); ;font-family:Helvetica; font-size:56px; line-height:61px; color:#ffffff; top:44px; left:11px; text-align:left; white-space:normal;" class="ls-l" data-ls="offsetyin:-50; durationin:600; delayin:50; easingin:easeOutBack; offsetyout:bottom; durationout:400; parallax:true; parallaxlevel:2; rotation:-13;">WIN</p>
<p style="font-weight:600;text-align:right !important; text-shadow: 5px 10px 10px rgba(0,0,0,.5); ;font-family:Helvetica; font-size:19px; line-height:61px; color:#ffffff; top:38px; left:131px; text-align:left; white-space:normal;" class="ls-l" data-ls="offsetyin:-50; durationin:600; delayin:50; easingin:easeOutBack; offsetyout:bottom; durationout:400; parallax:true; parallaxlevel:2; rotation:-13;">this</p>
<p style="font-weight:600;text-align:right !important; text-shadow: 5px 10px 10px rgba(0,0,0,.5); ;font-family:Helvetica; line-height:61px; color:#ffffff; top:89px; left:20px; text-align:left; font-size:68px; white-space:normal;" class="ls-l" data-ls="offsetyin:-50; durationin:600; delayin:50; easingin:easeOutBack; offsetyout:bottom; durationout:400; parallax:true; parallaxlevel:2; rotation:-13;">FREE</p>
<p style="font-weight:900;text-align:right !important; text-shadow: 5px 10px 10px rgba(0,0,0,.5); ;font-family:Helvetica; font-size:56px; line-height:61px; color:#ffffff; top:132px; left:33.98089599609375px; text-align:left; white-space:normal;" class="ls-l" data-ls="offsetyin:-50; durationin:600; delayin:50; easingin:easeOutBack; offsetyout:bottom; durationout:400; parallax:true; parallaxlevel:2; rotation:-13;">T-SHIRT</p>
</div>
</div>
</div>-->
<!-- Chill Out Popup-->
<!--<div class="ls-popup">
<div id="sliderPopup" style="width:500px;height:500px;margin:0 auto;margin-bottom: 0px;">
<div class="ls-slide" data-ls="duration:5000; overflow:true; kenburnsscale:1.2; parallaxtype:3d; parallaxrotate:20;">
<img width="250" height="250" src="/images/home-popup/ls-slider-44-slide-1.jpg" class="ls-tn" alt="" />
<div style="top:193px; left:95px; text-align:initial; font-weight:400; font-style:normal; text-decoration:none; mix-blend-mode:normal; width:219px; height:219px; background:#ffffff; border-radius:500px; font-size:13px; line-height:14px;" class="ls-l" data-ls="showinfo:1; durationin:1500; easingin:easeOutElastic; fadein:false; scalexin:0; scaleyin:0; loop:true; loopoffsetx:-20; loopoffsety:20; loopduration:4000; loopeasing:easeInOutSine; loopcount:-1; loopyoyo:true; parallax:true; parallaxlevel:4;"></div>
<div style="top:93px; text-align:initial; font-weight:400; font-style:normal; text-decoration:none; mix-blend-mode:normal; width:292px; height:292px; background:#ffffff; border-radius:500px; font-size:17px; left:141px; line-height:18px;" class="ls-l" data-ls="showinfo:1; durationin:1250; delayin:200; easingin:easeOutElastic; fadein:false; scalexin:0; scaleyin:0; loop:true; loopoffsetx:-20; loopoffsety:-20; loopduration:4000; loopstartat:allinend + 2000; loopeasing:easeInOutSine; loopcount:-1; loopyoyo:true; parallax:true; parallaxlevel:4;"></div>
<div style="top:179px; left:146px; text-align:initial; font-weight:400; font-style:normal; text-decoration:none; mix-blend-mode:normal; width:300px; height:300px; background:rgba(255, 255, 255, 0.98); border-radius:500px; font-size:17px; line-height:19px;" class="ls-l" data-ls="showinfo:1; delayin:400; easingin:easeOutElastic; fadein:false; scalexin:0; scaleyin:0; loop:true; loopoffsetx:20; loopoffsety:20; loopduration:4000; loopstartat:allinend + 4000; loopeasing:easeInOutSine; loopcount:-1; loopyoyo:true; parallax:true; parallaxlevel:4;"></div>
<div style="top:150px; left:283px; text-align:initial; font-weight:400; font-style:normal; text-decoration:none; mix-blend-mode:normal; width:80px; height:80px; background:#ffffff; border-radius:500px; font-size:4px; line-height:4px;" class="ls-l" data-ls="showinfo:1; durationin:0; delayin:1000; easingin:easeOutElastic; fadein:false; scalexin:0; scaleyin:0; loop:true; loopoffsetx:150; loopoffsety:-100; loopduration:4000; loopstartat:allinend + 0; loopeasing:easeInOutSine; looprotatex:25; loopscalex:0; loopscaley:0; loopcount:-1; looprepeatdelay:5500; parallax:true; parallaxlevel:4;"></div>
<div style="top:205px; left:95px; text-align:initial; font-weight:400; font-style:normal; text-decoration:none; mix-blend-mode:normal; width:80px; height:80px; background:#ffffff; border-radius:500px; font-size:4px; line-height:4px;" class="ls-l" data-ls="showinfo:1; durationin:0; delayin:2000; easingin:easeOutElastic; fadein:false; scalexin:0; scaleyin:0; loop:true; loopoffsetx:-150; loopoffsety:-100; loopduration:3000; loopstartat:allinend + 0; loopeasing:easeInOutSine; looprotatex:25; loopscalex:0; loopscaley:0; loopcount:-1; looprepeatdelay:4500; parallax:true; parallaxlevel:4;"></div>
<div style="top:273px; left:355px; text-align:initial; font-weight:400; font-style:normal; text-decoration:none; mix-blend-mode:normal; width:80px; height:80px; background:#ffffff; border-radius:500px; font-size:4px; line-height:4px;" class="ls-l" data-ls="showinfo:1; durationin:0; delayin:2500; easingin:easeOutElastic; fadein:false; scalexin:0; scaleyin:0; loop:true; loopoffsetx:150; loopoffsety:-20; loopduration:5000; loopstartat:allinend + 0; loopeasing:easeInOutSine; looprotatex:25; loopscalex:0; loopscaley:0; loopcount:-1; looprepeatdelay:5000; parallax:true; parallaxlevel:4;"></div>
<div style="top:369px; left:95px; text-align:initial; font-weight:400; font-style:normal; text-decoration:none; mix-blend-mode:normal; width:80px; height:80px; background:#ffffff; border-radius:500px; font-size:4px; line-height:4px;" class="ls-l" data-ls="showinfo:1; durationin:0; delayin:4000; easingin:easeOutElastic; fadein:false; scalexin:0; scaleyin:0; loop:true; loopoffsetx:-150; loopoffsety:100; loopduration:3500; loopstartat:allinend + 0; loopeasing:easeInOutSine; looprotatex:25; loopscalex:0; loopscaley:0; loopcount:-1; looprepeatdelay:4000; parallax:true; parallaxlevel:4;"></div>
<div style="top:200px; left:103px; text-align:initial; font-weight:400; font-style:normal; text-decoration:none; mix-blend-mode:normal; width:203px; height:203px; background:#e9b220; border-radius:500px; font-size:13px; line-height:14px;" class="ls-l" data-ls="showinfo:1; durationin:1500; easingin:easeOutElastic; fadein:false; scalexin:0; scaleyin:0; loop:true; loopoffsetx:-20; loopoffsety:20; loopduration:4000; loopeasing:easeInOutSine; loopcount:-1; loopyoyo:true; parallax:true; parallaxlevel:4;"></div>
<div style="top:101px; left:149px; text-align:initial; font-weight:400; font-style:normal; text-decoration:none; mix-blend-mode:normal; width:275px; height:275px; background:#e9b220; border-radius:500px; font-size:17px; line-height:18px;" class="ls-l" data-ls="showinfo:1; durationin:1250; delayin:200; easingin:easeOutElastic; fadein:false; scalexin:0; scaleyin:0; loop:true; loopoffsetx:-20; loopoffsety:-20; loopduration:4000; loopstartat:allinend + 2000; loopeasing:easeInOutSine; loopcount:-1; loopyoyo:true; parallax:true; parallaxlevel:4;"></div>
<div style="top:188px; left:155px; text-align:initial; font-weight:400; font-style:normal; text-decoration:none; mix-blend-mode:normal; width:283px; height:283px; background:#e9b220; border-radius:500px; font-size:17px; line-height:19px;" class="ls-l" data-ls="showinfo:1; delayin:400; easingin:easeOutElastic; fadein:false; scalexin:0; scaleyin:0; loop:true; loopoffsetx:20; loopoffsety:20; loopduration:4000; loopstartat:allinend + 4000; loopeasing:easeInOutSine; loopcount:-1; loopyoyo:true; parallax:true; parallaxlevel:4;"></div>
<div style="top:158px; left:291px; text-align:initial; font-weight:400; font-style:normal; text-decoration:none; mix-blend-mode:normal; width:64px; height:64px; background:#e9b220; border-radius:500px; font-size:4px; line-height:4px;" class="ls-l" data-ls="showinfo:1; durationin:0; delayin:1000; easingin:easeOutElastic; fadein:false; scalexin:0; scaleyin:0; loop:true; loopoffsetx:150; loopoffsety:-100; loopduration:4000; loopstartat:allinend + 0; loopeasing:easeInOutSine; looprotatex:25; loopscalex:0; loopscaley:0; loopcount:-1; looprepeatdelay:5500; parallax:true; parallaxlevel:4;"></div>
<div style="top:213px; left:103px; text-align:initial; font-weight:400; font-style:normal; text-decoration:none; mix-blend-mode:normal; width:64px; height:64px; background:#e9b220; border-radius:500px; font-size:4px; line-height:4px;" class="ls-l" data-ls="showinfo:1; durationin:0; delayin:2000; easingin:easeOutElastic; fadein:false; scalexin:0; scaleyin:0; loop:true; loopoffsetx:-150; loopoffsety:-100; loopduration:3000; loopstartat:allinend + 0; loopeasing:easeInOutSine; looprotatex:25; loopscalex:0; loopscaley:0; loopcount:-1; looprepeatdelay:4500; parallax:true; parallaxlevel:4;"></div>
<div style="top:281px; left:363px; text-align:initial; font-weight:400; font-style:normal; text-decoration:none; mix-blend-mode:normal; width:64px; height:64px; background:#e9b220; border-radius:500px; font-size:4px; line-height:4px;" class="ls-l" data-ls="showinfo:1; durationin:0; delayin:2500; easingin:easeOutElastic; fadein:false; scalexin:0; scaleyin:0; loop:true; loopoffsetx:150; loopoffsety:-20; loopduration:5000; loopstartat:allinend + 0; loopeasing:easeInOutSine; looprotatex:25; loopscalex:0; loopscaley:0; loopcount:-1; looprepeatdelay:5000; parallax:true; parallaxlevel:4;"></div>
<div style="top:376px; left:103px; text-align:initial; font-weight:400; font-style:normal; text-decoration:none; mix-blend-mode:normal; width:64px; height:64px; background:#e9b220; border-radius:500px; font-size:4px; line-height:4px;" class="ls-l" data-ls="showinfo:1; durationin:0; delayin:4000; easingin:easeOutElastic; fadein:false; scalexin:0; scaleyin:0; loop:true; loopoffsetx:-150; loopoffsety:100; loopduration:3500; loopstartat:allinend + 0; loopeasing:easeInOutSine; looprotatex:25; loopscalex:0; loopscaley:0; loopcount:-1; looprepeatdelay:4000; parallax:true; parallaxlevel:4;"></div>
<img width="193" height="232" src="/images/home-popup/palm_tree-1.png" class="ls-l" alt="" style="top:129px; left:340px; width:149px; height:180px;" data-ls="offsetxin:100lw; durationin:2000; rotatein:30; loop:true; loopduration:3000; looprotate:-5; looptransformorigin:3.4% 95.6% 0; loopcount:-1; loopyoyo:true;">
<img width="1452" height="1038" src="/images/home-popup/circle_guy-1.png" class="ls-l" alt="" style="top:106px; left:20px; width:570px; height:383px;" data-ls="offsetxin:100lw; durationin:2000; rotatein:30; loop:true; loopduration:3000; looprotate:5; loopcount:-1; loopyoyo:true; parallax:true; parallaxlevel:1;">
<p style="font-weight:600;text-align:right !important; text-shadow: 5px 10px 10px rgba(0,0,0,.5); ;font-family:Helvetica; font-size:45px; line-height:50px; color:#ffffff; top:38px; left:21px; text-align:left; white-space:normal;" class="ls-l" data-ls="offsetyin:-50; durationin:600; delayin:50; easingin:easeOutBack; offsetyout:bottom; durationout:400; parallax:true; parallaxlevel:2; rotation:-13;">FIND A</p>
<p style="font-weight:600;text-align:right !important; text-shadow: 5px 10px 10px rgba(0,0,0,.5); ;font-family:Helvetica; line-height:50px; color:#ffffff; top:66px; left:12px; text-align:left; font-size:55px; white-space:normal;" class="ls-l" data-ls="offsetyin:-50; durationin:600; delayin:50; easingin:easeOutBack; offsetyout:bottom; durationout:400; parallax:true; parallaxlevel:2; rotation:-13;">KONA TRUCK</p>
<p style="font-weight:900;text-align:right !important; text-shadow: 5px 10px 10px rgba(0,0,0,.5); ;font-family:Helvetica; font-size:45px; line-height:50px; color:#ffffff; top:144px; left:18px; text-align:left; white-space:normal;" class="ls-l" data-ls="offsetyin:-50; durationin:600; delayin:50; easingin:easeOutBack; offsetyout:bottom; durationout:400; parallax:true; parallaxlevel:2; rotation:-13;">NEAR</p>
<p style="font-weight:900;text-align:right !important; text-shadow: 5px 10px 10px rgba(0,0,0,.5); ;font-family:Helvetica; font-size:65px; line-height:50px; color:#ffffff; top:194px; left:31px; text-align:left; white-space:normal;" class="ls-l" data-ls="offsetyin:-50; durationin:600; delayin:50; easingin:easeOutBack; offsetyout:bottom; durationout:400; parallax:true; parallaxlevel:2; rotation:-13;">YOU!</p>
<a style="" class="ls-l" href="https://www.kona-ice.com/chill-out-day/" target="_blank" data-ls="showinfo:1; offsetyin:100lh; delayin:1200; rotatexin:-70; hover:true; hoverdurationin:1000; hoverdurationout:500; hovereasingin:easeOutElastic; hovereasingout:easeInOutQuint; hoverscalex:1.1; hoverscaley:1.1; parallax:true; parallaxlevel:-2; rotation:-10;">
<p style="box-shadow: -30px 20px 20px rgba(0,0,0,.3); cursor:pointer;top:409px; left:196px; text-align:center; font-weight:800; font-style:normal; text-decoration:none; mix-blend-mode:normal; padding-top:5px; padding-right:20px; border-bottom:4px solid #1487b5; padding-bottom:5px; padding-left:20px; font-family:Helvetica; color:#ffffff; background:#00A6E3; border-radius:100px; font-size:24px; line-height:27px;" class=" ls-close-popup">FREE KONA ICE</p>
</a>
<img width="816" height="520" src="/images/home-popup/chill_out_day_logo.png" class="ls-l" alt="" style="top:447px; left:424px; width:66px; height:42px; font-size:13px; line-height:14px;">
</div>
</div>
</div>-->
<!-- Slider HTML markup -->
<div id="mobile-slider" style="width: 1600px; height: 1833px; margin: 66px auto 0px; position: relative; visibility: visible;" data-layerslider-uid="LSsexm1hvwd" class="ls-roundedflat ls-container ls-responsive ls-device-is-desktop ls-forcehide"
data-current-slide="2">
<!-- Slide 1-->
<!-- Slide 2-->
<!-- Slide 3-->
<!-- Slide 4-->
<!-- Slide 5-->
<div class="ls-inner" style="background-color: rgb(255, 255, 255);">
<div class="ls-layers">
<div class="ls-background-videos"></div>
<div class="ls-slide-backgrounds">
<div class="ls-wrapper ls-bg-outer" data-slide-index="2" style="z-index: 1; width: 1600px; height: 1833px;">
<div class="ls-wrapper ls-bg-wrap" style="background-color: transparent; display: block;"><img src="https://www.kona-ice.com/images/home-mobile/yellow_bkgd.png" class="ls-bg" alt=""
style="margin: 0px; z-index: auto; width: 5866px; height: 1833px; padding: 0px; border-width: 0px; border-radius: 0px; x: -2133px; y: 0px; transform: translateX(-2133px) translateY(0px);" data-ls-slidein="2" data-ls-slideout="2">
</div>
</div>
<div class="ls-wrapper ls-bg-outer" data-slide-index="3" style="z-index: 1;">
<div class="ls-wrapper ls-bg-wrap" style="background-color: transparent;"><img src="https://www.kona-ice.com/images/home-mobile/green_bkgd.png" class="ls-bg" alt="" style="margin: 0px; z-index: auto;" data-ls-slidein="3"
data-ls-slideout="3"></div>
</div>
</div>
<div class="ls-wrapper ls-in-out" data-slide-index="1"
style="z-index: 101; margin-left: 0px; margin-top: 0px; width: 6400px; height: 3800px; left: -2400px; top: -983.5px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px; opacity: 1; display: none;">
<img src="https://www.kona-ice.com/images/home-mobile/Layer-4-copy.png" class="ls-layer" alt=""
style="top: -983.5px; left: -2400px; margin: 0px; z-index: auto; width: 6400px; height: 3800px; padding: 0px; border-width: 0px; border-radius: 0px; filter: none;" data-ls-slidein="1" data-ls-slideout="1"></div>
<div class="ls-wrapper ls-parallax" data-slide-index="1" style="z-index: 102; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);" data-ls-parallax="disbaled">
<div class="ls-wrapper ls-in-out"
style="margin-left: 0px; margin-top: 0px; width: 1716.67px; height: 1596.67px; left: 926.667px; top: 413.333px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px; opacity: 1; display: none;">
<div class="ls-wrapper ls-loop" style="width: 1716.67px; height: 1596.67px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px; opacity: 1;"><img
src="https://www.kona-ice.com/images/home-mobile/splash-1-blur.png" class="ls-layer" alt=""
style="top: 413.333px; left: 926.667px; width: 1716.67px; height: 1596.67px; font-size: 13px; line-height: 14px; margin: 0px; z-index: auto; padding: 0px; border-width: 0px; border-radius: 0px; filter: none;"
data-ls="offsetxin:300; delayin:100; easingin:easeOutExpo; scalexin:0.8; scaleyin:0.8; offsetyout:bottom; durationout:400; loop:true; loopduration:7000; looprotate:-10; loopcount:1; parallax:true; parallaxlevel:-1; parallaxtype:3d; parallaxaxis:both;"
data-ls-slidein="1" data-ls-slideout="1"></div>
</div>
</div>
<div class="ls-wrapper ls-parallax" data-slide-index="1" style="z-index: 103; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);" data-ls-parallax="disbaled">
<div class="ls-wrapper ls-in-out"
style="margin-left: 0px; margin-top: 0px; width: 720px; height: 1450px; left: 1276.67px; top: 503.333px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px; opacity: 1; display: none;">
<div class="ls-wrapper ls-loop" style="width: 720px; height: 1450px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px; opacity: 1;"><img
src="https://www.kona-ice.com/images/home-mobile/Vector-Smart-Object.png" class="ls-layer" alt=""
style="top: 503.333px; left: 1276.67px; width: 720px; height: 1450px; font-size: 13px; line-height: 14px; margin: 0px; z-index: auto; padding: 0px; border-width: 0px; border-radius: 0px; filter: none;"
data-ls="offsetxin:300; delayin:100; easingin:easeOutExpo; scalexin:0.8; scaleyin:0.8; offsetyout:bottom; durationout:400; loop:true; loopduration:7000; looprotate:10; loopcount:1; parallax:true; parallaxlevel:1; parallaxtype:3d; parallaxaxis:both;"
data-ls-slidein="1" data-ls-slideout="1"></div>
</div>
</div>
<div class="ls-wrapper ls-parallax" data-slide-index="1" style="z-index: 104; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);" data-ls-parallax="disbaled">
<div class="ls-wrapper ls-in-out"
style="margin-left: 0px; margin-top: 0px; width: 1100px; height: 700px; left: 1126.67px; top: 1433.33px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px; opacity: 1; display: none;">
<div class="ls-wrapper ls-loop" style="width: 1100px; height: 700px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px; opacity: 1;"><img
src="https://www.kona-ice.com/images/home-mobile/splash-2-blur.png" class="ls-layer" alt=""
style="top: 1433.33px; left: 1126.67px; width: 1100px; height: 700px; font-size: 13px; line-height: 14px; margin: 0px; z-index: auto; padding: 0px; border-width: 0px; border-radius: 0px; filter: none;"
data-ls="offsetxin:300; delayin:50; easingin:easeOutExpo; scalexin:0.8; scaleyin:0.8; offsetyout:bottom; durationout:400; loop:true; loopduration:7000; looprotate:10; loopcount:1; parallax:true; parallaxlevel:-3; parallaxtype:3d; parallaxaxis:both;"
data-ls-slidein="1" data-ls-slideout="1"></div>
</div>
</div>
<div class="ls-wrapper ls-parallax" data-slide-index="1" style="z-index: 105; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);" data-ls-parallax="disbaled">
<div class="ls-wrapper ls-in-out"
style="margin-left: 0px; margin-top: 0px; width: 650px; height: 673.333px; left: -180px; top: -120px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px; opacity: 1; display: none;">
<div class="ls-wrapper ls-loop" style="width: 650px; height: 673.333px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px; opacity: 1;"><img
src="https://www.kona-ice.com/images/home-mobile/splash-1-blur.png" class="ls-layer" alt=""
style="top: -120px; left: -180px; width: 650px; height: 673.333px; margin: 0px; z-index: auto; padding: 0px; border-width: 0px; border-radius: 0px; filter: none;"
data-ls="offsetxin:-300; delayin:100; easingin:easeOutExpo; scalexin:0.8; scaleyin:0.8; offsetyout:bottom; durationout:400; loop:true; loopduration:7000; looprotate:10; loopcount:1; parallax:true; parallaxlevel:-2; parallaxtype:3d; parallaxaxis:both;"
data-ls-slidein="1" data-ls-slideout="1"></div>
</div>
</div>
<div class="ls-wrapper ls-parallax" data-slide-index="1" style="z-index: 106; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);" data-ls-parallax="disbaled">
<div class="ls-wrapper ls-in-out"
style="margin-left: 0px; margin-top: 0px; width: 390px; height: 616.667px; left: 13.3333px; top: -120px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px; opacity: 1; display: none;">
<div class="ls-wrapper ls-loop" style="width: 390px; height: 616.667px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px; opacity: 1;"><img
src="https://www.kona-ice.com/images/home-mobile/orange_kona.png" class="ls-layer" alt=""
style="top: -120px; left: 13.3333px; width: 390px; height: 616.667px; margin: 0px; z-index: auto; padding: 0px; border-width: 0px; border-radius: 0px; filter: none;"
data-ls="offsetxin:-300; delayin:100; easingin:easeOutExpo; scalexin:0.8; scaleyin:0.8; offsetyout:bottom; durationout:400; loop:true; loopduration:7000; looprotate:3; loopcount:1; parallax:true; parallaxlevel:2; parallaxtype:3d; parallaxaxis:both;"
data-ls-slidein="1" data-ls-slideout="1"></div>
</div>
</div>
<div class="ls-wrapper ls-parallax" data-slide-index="1" style="z-index: 107; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);" data-ls-parallax="disbaled">
<div class="ls-wrapper ls-in-out"
style="margin-left: 0px; margin-top: 0px; width: 613.333px; height: 636.667px; left: 43.3333px; top: -13.3333px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px; opacity: 1; display: none;">
<img src="https://www.kona-ice.com/images/home-mobile/droplets.png" class="ls-layer" alt=""
style="top: -13.3333px; left: 43.3333px; width: 613.333px; height: 636.667px; margin: 0px; z-index: auto; padding: 0px; border-width: 0px; border-radius: 0px; filter: none;"
data-ls="offsetxin:-300; delayin:100; easingin:easeOutExpo; scalexin:0.8; scaleyin:0.8; offsetyout:bottom; durationout:400; parallax:true; parallaxlevel:-2;" data-ls-slidein="1" data-ls-slideout="1"></div>
</div>
<div class="ls-wrapper ls-parallax" data-slide-index="1" style="z-index: 108; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);" data-ls-parallax="disbaled">
<div class="ls-wrapper ls-in-out"
style="margin-left: 0px; margin-top: 0px; width: 1363.33px; height: 1416.67px; left: 2643.33px; top: 696.667px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px; opacity: 1; display: none;">
<img src="https://www.kona-ice.com/images/home-mobile/droplets.png" class="ls-layer" alt=""
style="top: 696.667px; left: 2643.33px; width: 1363.33px; height: 1416.67px; margin: 0px; z-index: auto; padding: 0px; border-width: 0px; border-radius: 0px; filter: none;"
data-ls="offsetxin:-300; delayin:100; easingin:easeOutExpo; scalexin:0.8; scaleyin:0.8; offsetyout:bottom; durationout:400; parallax:true; parallaxlevel:-2; parallaxtype:3d; parallaxaxis:both;" data-ls-slidein="1" data-ls-slideout="1">
</div>
</div>
<div class="ls-wrapper ls-parallax" data-slide-index="1" style="z-index: 109; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);" data-ls-parallax="disbaled">
<div class="ls-wrapper ls-in-out"
style="margin-left: 0px; margin-top: 0px; width: 1936.67px; height: 3343.33px; left: -106.667px; top: -1553.33px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px; opacity: 1; display: none;">
<div class="ls-wrapper ls-loop" style="width: 1936.67px; height: 3343.33px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px; opacity: 1;"><img
src="https://www.kona-ice.com/images/home-mobile/flare-copy-2.png" class="ls-layer" alt=""
style="top: -1553.33px; left: -106.667px; width: 1936.67px; height: 3343.33px; font-size: 13px; line-height: 14px; margin: 0px; z-index: auto; padding: 0px; border-width: 0px; border-radius: 0px; filter: none;"
data-ls="loop:true; loopduration:7000; looprotate:90; loopcount:-1; loopyoyo:true; parallax:true; parallaxlevel:4;" data-ls-slidein="1" data-ls-slideout="1"></div>
</div>
</div>
<div class="ls-wrapper ls-in-out" data-slide-index="1"
style="z-index: 110; margin-left: 0px; margin-top: 0px; width: 2333.33px; height: 253.333px; left: -366.667px; top: 233.333px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px; opacity: 1; display: none;">
<p style="font-weight: 600; width: 2333.33px; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 120px; line-height: 253.333px; color: rgb(255, 255, 255); top: 233.333px; left: -366.667px; text-align: center; white-space: normal; margin: 0px; z-index: auto; height: 253.333px; padding: 0px; border-width: 0px; border-radius: 0px; letter-spacing: 0px; filter: none;"
class="ls-layer" data-ls="offsetyin:150; durationin:700; delayin:200; easingin:easeOutQuint; rotatexin:20; scalexin:1.4; offsetyout:600; durationout:400; parallaxlevel:0;" data-ls-slidein="1" data-ls-slideout="1">WE ARE</p>
</div>
<div class="ls-wrapper ls-parallax" data-slide-index="1" style="z-index: 111; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);" data-ls-parallax="disbaled">
<div class="ls-wrapper ls-in-out"
style="margin-left: 0px; margin-top: 0px; width: 913.333px; height: 666.667px; left: 343.333px; top: 443.333px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px; opacity: 1; display: none;">
<img src="https://www.kona-ice.com/images/home-mobile/kona_ice_logo_stacked.png" class="ls-layer" alt=""
style="top: 443.333px; left: 343.333px; width: 913.333px; height: 666.667px; font-size: 13px; line-height: 14px; margin: 0px; z-index: auto; padding: 0px; border-width: 0px; border-radius: 0px; filter: none;"
data-ls="offsetyin:-100; durationin:750; easingin:easeOutBack; rotatein:6; offsetyout:bottom; durationout:400; parallax:true; parallaxlevel:1; parallaxtype:3d; parallaxaxis:both;" data-ls-slidein="1" data-ls-slideout="1"></div>
</div>
<div class="ls-wrapper ls-in-out" data-slide-index="1"
style="z-index: 112; margin-left: 0px; margin-top: 0px; width: 1333.33px; height: 153.333px; left: 133.333px; top: 1153.33px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px; opacity: 1; display: none;">
<p style="font-weight: 600; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 76.6667px; color: rgb(255, 255, 255); top: 1153.33px; left: 133.333px; text-align: center; width: 1333.33px; font-size: 50px; white-space: normal; margin: 0px; z-index: auto; height: 153.333px; padding: 0px; border-width: 0px; border-radius: 0px; letter-spacing: 0px; filter: none;"
class="ls-layer" data-ls="offsetyin:150; durationin:700; easingin:easeOutQuint; rotatexin:20; scalexin:1.4; offsetyout:600; durationout:400; parallaxlevel:0;" data-ls-slidein="1" data-ls-slideout="1">We're mobile. We're fun. We're stocked
with the most delicious flavors you've ever tasted!</p>
</div>
<div class="ls-wrapper ls-in-out" data-slide-index="1"
style="z-index: 113; margin-left: 0px; margin-top: 0px; width: 586.667px; height: 180px; left: 500px; top: 1346.67px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px; opacity: 1; display: none;">
<p style="cursor: pointer; padding: 33.3333px 83.3333px; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 60px; top: 1346.67px; left: 500px; color: rgb(255, 255, 255); line-height: 93.3333px; border-radius: 84px; border-width: 10px; border-style: solid; border-color: rgb(255, 255, 255); margin: 0px; z-index: auto; width: 400px; height: 93.3333px; letter-spacing: 0px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); filter: none;"
class="ls-layer"
data-ls="offsetyin:150; durationin:700; delayin:400; easingin:easeOutQuint; rotatexin:20; scalexin:1.4; offsetyout:600; durationout:400; hover:true; hoveropacity:1; hoverscalex:1.1; hoverscaley:1.1; hoveralwaysontop:false; parallaxlevel:0;"
data-ls-slidein="1" data-ls-slideout="1" data-ls-canhover="0"><i class="fa fa-hand-peace-o"></i> LEARN MORE </p><a style="" class="ls-layer-link" href="/about" target="_self">
</a>
</div>
<div class="ls-wrapper ls-parallax" data-slide-index="2" data-ls-parallax="active" style="mix-blend-mode: overlay; z-index: 102; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);">
<div class="ls-wrapper ls-in-out"
style="margin-left: 0px; margin-top: 0px; width: 2453.33px; height: 4236.67px; left: -1260px; top: -1803.33px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px; opacity: 1; display: block;">
<div class="ls-wrapper ls-loop" style="width: 2453.33px; height: 4236.67px; transform: matrix3d(0.997783, 0.0665476, 0, 0, -0.0665476, 0.997783, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;"><img
src="https://www.kona-ice.com/images/home-mobile/light.png" class="ls-layer" alt=""
style="top: -1803.33px; left: -1260px; mix-blend-mode: normal; width: 2453.33px; height: 4236.67px; font-size: 13px; line-height: 14px; margin: 0px; z-index: auto; padding: 0px; border-width: 0px; border-radius: 0px;"
data-ls="offsetxin:-300; delayin:100; easingin:easeOutExpo; scalexin:0.8; scaleyin:0.8; offsetyout:bottom; durationout:400; loop:true; loopduration:7000; looprotate:10; loopcount:1; parallax:true; parallaxlevel:2;" data-ls-slidein="2"
data-ls-slideout="2"></div>
</div>
</div>
<div class="ls-wrapper ls-parallax" data-slide-index="2" data-ls-parallax="active" style="mix-blend-mode: multiply; z-index: 103; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);">
<div class="ls-wrapper ls-in-out"
style="margin-left: 0px; margin-top: 0px; width: 1350px; height: 810px; left: 136.667px; top: 166.667px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px; opacity: 1; display: block;"><img
src="https://www.kona-ice.com/images/home-mobile/find_a_kona3.png" class="ls-layer" alt=""
style="top: 166.667px; left: 136.667px; opacity: 0.2; mix-blend-mode: normal; width: 1350px; height: 810px; font-size: 13px; line-height: 14px; margin: 0px; z-index: auto; padding: 0px; border-width: 0px; border-radius: 0px;"
data-ls="offsetyin:-100; durationin:750; easingin:easeOutBack; rotatein:6; offsetyout:bottom; durationout:400; parallax:true; parallaxlevel:1; parallaxtype:3d; parallaxaxis:both;" data-ls-slidein="2" data-ls-slideout="2"></div>
</div>
<div class="ls-wrapper ls-parallax" data-slide-index="2" data-ls-parallax="active" style="z-index: 104; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);">
<div class="ls-wrapper ls-in-out"
style="margin-left: 0px; margin-top: 0px; width: 833.333px; height: 203.333px; left: 366.667px; top: 306.667px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px; opacity: 1; display: block;">
<img src="https://www.kona-ice.com/images/home-mobile/FIND_A-small.png" class="ls-layer" alt=""
style="top: 306.667px; left: 366.667px; width: 833.333px; height: 203.333px; font-size: 13px; line-height: 14px; margin: 0px; z-index: auto; padding: 0px; border-width: 0px; border-radius: 0px;"
data-ls="offsetyin:-100; durationin:750; easingin:easeOutBack; rotatein:6; offsetyout:bottom; durationout:400; parallax:true; parallaxlevel:-1; parallaxtype:2d; parallaxaxis:both;" data-ls-slidein="2" data-ls-slideout="2"></div>
</div>
<div class="ls-wrapper ls-parallax" data-slide-index="2" data-ls-parallax="active" style="z-index: 105; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);">
<div class="ls-wrapper ls-in-out"
style="margin-left: 0px; margin-top: 0px; width: 1020px; height: 403.333px; left: 320px; top: 463.333px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px; opacity: 1; display: block;"><img
src="https://www.kona-ice.com/images/home-mobile/find_a_kona1.png" class="ls-layer" alt=""
style="top: 463.333px; left: 320px; width: 1020px; height: 403.333px; font-size: 13px; line-height: 14px; margin: 0px; z-index: auto; padding: 0px; border-width: 0px; border-radius: 0px;"
data-ls="offsetyin:-100; durationin:750; easingin:easeOutBack; rotatein:6; offsetyout:bottom; durationout:400; parallax:true; parallaxlevel:2; parallaxtype:2d; parallaxaxis:both;" data-ls-slidein="2" data-ls-slideout="2"></div>
</div>
<div class="ls-wrapper ls-in-out" data-slide-index="2"
style="z-index: 106; margin-left: 0px; margin-top: 0px; width: 1166.67px; height: 306.667px; left: 223.333px; top: 906.667px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px; opacity: 1; display: block;">
<p style="font-weight: 600; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 76.6667px; color: rgb(255, 255, 255); top: 906.667px; left: 223.333px; text-align: center; width: 1166.67px; font-size: 50px; white-space: normal; margin: 0px; z-index: auto; height: 306.667px; padding: 0px; border-width: 0px; border-radius: 0px; letter-spacing: 0px;"
class="ls-layer" data-ls="offsetyin:150; durationin:700; easingin:easeOutQuint; rotatexin:20; scalexin:1.4; offsetyout:600; durationout:400; parallaxlevel:0;" data-ls-slidein="2" data-ls-slideout="2">For booking inquiries, nutrition &
allergy questions, sponsorship requests, fundraising options, and/or any other local information, please click the search below.</p>
</div>
<div class="ls-wrapper ls-in-out" data-slide-index="2"
style="z-index: 107; margin-left: 0px; margin-top: 0px; width: 520px; height: 180px; left: 540px; top: 1333.33px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px; opacity: 1; display: block;">
<p style="cursor: pointer; padding: 33.3333px 83.3333px; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 60px; top: 1333.33px; left: 540px; color: rgb(255, 255, 255); line-height: 93.3333px; border-radius: 84px; border-width: 10px; border-style: solid; border-color: rgb(255, 255, 255); width: 333.333px; text-align: center; margin: 0px; z-index: auto; height: 93.3333px; letter-spacing: 0px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);"
class="ls-layer"
data-ls="offsetyin:150; durationin:700; delayin:400; easingin:easeOutQuint; rotatexin:20; scalexin:1.4; offsetyout:600; durationout:400; hover:true; hoveropacity:1; hoverscalex:1.1; hoverscaley:1.1; hoveralwaysontop:false; parallaxlevel:0;"
data-ls-slidein="2" data-ls-slideout="2" data-ls-canhover="1"><i class="fa fa-search"></i> SEARCH </p><a style="" class="ls-layer-link" href="/find-a-kona" target="_self">
</a>
</div>
<div class="ls-wrapper ls-parallax" data-slide-index="3" style="mix-blend-mode: multiply; z-index: 102;">
<div class="ls-wrapper ls-in-out">
<div class="ls-wrapper ls-loop"><img src="https://www.kona-ice.com/images/home-mobile/cup_shadow.png" class="ls-layer" alt=""
style="top: 355px; left: 194px; opacity: 0.4; mix-blend-mode: normal; width: 112px; height: 148px; font-size: 13px; line-height: 14px; margin: 0px; z-index: auto;"
data-ls="offsetxin:300; delayin:100; easingin:easeOutExpo; scalexin:0.8; scaleyin:0.8; offsetyout:bottom; durationout:400; loop:true; loopduration:7000; looprotate:3; loopcount:1; parallax:true; parallaxlevel:-3; parallaxaxis:both;"
data-ls-slidein="3" data-ls-slideout="3"></div>
</div>
</div>
<div class="ls-wrapper ls-parallax" data-slide-index="3" style="z-index: 103;">
<div class="ls-wrapper ls-in-out">
<div class="ls-wrapper ls-loop"><img src="https://www.kona-ice.com/images/home-mobile/Peppermint-leaf-on-white.png" class="ls-layer" alt="" style="top: 449px; left: 276px; width: 48px; height: 40px; margin: 0px; z-index: auto;"
data-ls="offsetyin:-300; delayin:100; easingin:easeOutExpo; scalexin:0.8; scaleyin:0.8; offsetyout:bottom; durationout:400; loop:true; loopduration:7000; looprotate:-3; loopcount:1; parallax:true; parallaxlevel:-1;"
data-ls-slidein="3" data-ls-slideout="3"></div>
</div>
</div>
<div class="ls-wrapper ls-parallax" data-slide-index="3" style="z-index: 104;">
<div class="ls-wrapper ls-in-out">
<div class="ls-wrapper ls-loop"><img src="https://www.kona-ice.com/images/home-mobile/Half-orange-fruit-on-white-background-copy.png" class="ls-layer" alt=""
style="top: 430px; left: 265px; width: 48px; height: 52px; margin: 0px; z-index: auto;"
data-ls="offsetyin:-300; delayin:100; easingin:easeOutExpo; scalexin:0.8; scaleyin:0.8; offsetyout:bottom; durationout:400; loop:true; loopduration:7000; looprotate:-3; loopcount:1; parallax:true; parallaxlevel:2;" data-ls-slidein="3"
data-ls-slideout="3"></div>
</div>
</div>
<div class="ls-wrapper ls-parallax" data-slide-index="3" style="z-index: 105;">
<div class="ls-wrapper ls-in-out">
<div class="ls-wrapper ls-loop"><img src="https://www.kona-ice.com/images/home-mobile/Just-splash.png" class="ls-layer" alt="" style="top: 315px; left: 164px; width: 150px; height: 207px; margin: 0px; z-index: auto;"
data-ls="offsetxin:300; delayin:100; easingin:easeOutExpo; scalexin:0.8; scaleyin:0.8; offsetyout:bottom; durationout:400; loop:true; loopduration:7000; looprotate:-1; loopcount:1; parallax:true; parallaxlevel:-1;" data-ls-slidein="3"
data-ls-slideout="3"></div>
</div>
</div>
<div class="ls-wrapper ls-parallax" data-slide-index="3" style="z-index: 106;">
<div class="ls-wrapper ls-in-out">
<div class="ls-wrapper ls-loop"><img src="https://www.kona-ice.com/images/home-mobile/ICE.png" class="ls-layer" alt="" style="top: 317px; left: 203px; width: 95px; height: 85px; margin: 0px; z-index: auto;"
data-ls="offsetxin:300; delayin:100; easingin:easeOutExpo; scalexin:0.8; scaleyin:0.8; offsetyout:bottom; durationout:400; loop:true; loopduration:7000; looprotate:3; loopcount:1; parallax:true; parallaxlevel:1;" data-ls-slidein="3"
data-ls-slideout="3"></div>
</div>
</div>
<div class="ls-wrapper ls-parallax" data-slide-index="3" style="z-index: 107;">
<div class="ls-wrapper ls-in-out">
<div class="ls-wrapper ls-loop"><img src="https://www.kona-ice.com/images/home-mobile/cup_water.png" class="ls-layer" alt=""
style="top: 311px; left: 158px; width: 166px; height: 221px; font-size: 13px; line-height: 14px; margin: 0px; z-index: auto;"
data-ls="offsetxin:300; delayin:100; easingin:easeOutExpo; scalexin:0.8; scaleyin:0.8; offsetyout:bottom; durationout:400; loop:true; loopduration:7000; looprotate:3; loopcount:1; parallax:true; parallaxlevel:1; parallaxaxis:both;"
data-ls-slidein="3" data-ls-slideout="3"></div>
</div>
</div>
<div class="ls-wrapper ls-parallax" data-slide-index="3" style="mix-blend-mode: multiply; z-index: 108;">
<div class="ls-wrapper ls-in-out">
<div class="ls-wrapper ls-loop"><img src="https://www.kona-ice.com/images/home-mobile/shadow-1.png" class="ls-layer" alt=""
style="top: 365px; left: 186px; opacity: 0.5; mix-blend-mode: normal; width: 102px; height: 172px; margin: 0px; z-index: auto;"
data-ls="offsetxin:300; delayin:100; easingin:easeOutExpo; scalexin:0.8; scaleyin:0.8; offsetyout:bottom; durationout:400; loop:true; loopduration:7000; looprotate:3; loopcount:1; parallax:true; parallaxlevel:1; parallaxaxis:both;"
data-ls-slidein="3" data-ls-slideout="3"></div>
</div>
</div>
<div class="ls-wrapper ls-parallax" data-slide-index="3" style="z-index: 109;">
<div class="ls-wrapper ls-in-out">
<div class="ls-wrapper ls-loop"><img src="https://www.kona-ice.com/images/home-mobile/swirl-1.png" class="ls-layer" alt="" style="top: 315px; left: 163px; width: 150px; height: 161px; margin: 0px; z-index: auto;"
data-ls="offsetxin:300; delayin:100; easingin:easeOutExpo; scalexin:0.8; scaleyin:0.8; offsetyout:bottom; durationout:400; loop:true; loopduration:7000; looprotate:-1; loopcount:1; parallax:true; parallaxlevel:-1;" data-ls-slidein="3"
data-ls-slideout="3"></div>
</div>
</div>
<div class="ls-wrapper ls-parallax" data-slide-index="3" style="z-index: 110;">
<div class="ls-wrapper ls-in-out">
<div class="ls-wrapper ls-loop"><img src="https://www.kona-ice.com/images/home-mobile/Orange-fruit-isolated-on-a-white-background.-copy.png" class="ls-layer" alt=""
style="top: 299px; left: 129px; width: 112px; height: 135px; margin: 0px; z-index: auto;"
data-ls="offsetyin:-300; delayin:100; easingin:easeOutExpo; scalexin:0.8; scaleyin:0.8; offsetyout:bottom; durationout:400; loop:true; loopduration:7000; looprotate:-15; loopcount:1; parallax:true; parallaxlevel:2;"
data-ls-slidein="3" data-ls-slideout="3"></div>
</div>
</div>
<div class="ls-wrapper ls-parallax" data-slide-index="3" style="mix-blend-mode: overlay; z-index: 111;">
<div class="ls-wrapper ls-in-out">
<div class="ls-wrapper ls-loop"><img src="https://www.kona-ice.com/images/home-mobile/light.png" class="ls-layer" alt=""
style="top: -563px; left: -378px; mix-blend-mode: normal; width: 736px; height: 1271px; font-size: 13px; line-height: 14px; margin: 0px; z-index: auto;"
data-ls="offsetxin:-300; delayin:100; easingin:easeOutExpo; scalexin:0.8; scaleyin:0.8; offsetyout:bottom; durationout:400; loop:true; loopduration:7000; looprotate:10; loopcount:1; parallax:true; parallaxlevel:2;" data-ls-slidein="3"
data-ls-slideout="3"></div>
</div>
</div>
<div class="ls-wrapper ls-in-out" data-slide-index="3" style="z-index: 112;">
<p style="font-weight: 600; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 23px; color: rgb(255, 255, 255); top: 129px; left: 30px; text-align: center; width: 420px; font-size: 15px; white-space: normal; margin: 0px; z-index: auto;"
class="ls-layer" data-ls="offsetyin:150; durationin:700; easingin:easeOutQuint; rotatexin:20; scalexin:1.4; offsetyout:600; durationout:400; parallaxlevel:0;" data-ls-slidein="3" data-ls-slideout="3">We think something can be delicious
and nutritious! Which is why we have two different types of Konas - Vita-Blend and Fruit First. Learn more below!</p>
</div>
<div class="ls-wrapper ls-in-out" data-slide-index="3" style="z-index: 113;">
<p style="cursor: pointer; padding: 10px 25px; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 18px; top: 214px; left: 137px; color: rgb(255, 255, 255); line-height: 28px; border-radius: 25px; border-width: 3px; border-style: solid; border-color: rgb(255, 255, 255); width: 150px; text-align: center; margin: 0px; z-index: auto;"
class="ls-layer"
data-ls="offsetxin:150; durationin:700; delayin:400; easingin:easeOutQuint; rotatexin:20; scalexin:1.4; offsetyout:600; durationout:400; hover:true; hoveropacity:1; hoverscalex:1.1; hoverscaley:1.1; hoveralwaysontop:false; parallaxlevel:0;"
data-ls-slidein="3" data-ls-slideout="3"><i class="fa fa-search"></i> LEARN MORE</p><a style="" class="ls-layer-link" href="/flavorwave/nutrition.aspx" target="_self">
</a>
</div>
<div class="ls-wrapper ls-in-out" data-slide-index="3" style="z-index: 114;">
<p style="font-weight: 600; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 70px; line-height: 76px; color: rgb(255, 255, 255); top: 53px; left: 58px; white-space: normal; text-align: right !important; margin: 0px; z-index: auto;"
class="ls-layer" data-ls="offsetyin:-50; durationin:600; delayin:50; easingin:easeOutBack; offsetyout:bottom; durationout:400; parallaxlevel:0;" data-ls-slidein="3" data-ls-slideout="3">NUTRITION</p>
</div>
<div class="ls-wrapper ls-parallax" data-slide-index="3" style="z-index: 115;">
<div class="ls-wrapper ls-in-out">
<div class="ls-wrapper ls-loop"><img src="https://www.kona-ice.com/images/home-mobile/bubbles.png" class="ls-layer" alt="" style="top: -411px; left: 1025px; width: 905px; height: 1256px; filter: blur(5px); margin: 0px; z-index: auto;"
data-ls="offsetyout:bottom; durationout:400; loop:true; loopduration:7000; looprotate:7; loopcount:1; parallax:true; parallaxlevel:4;" data-ls-slidein="3" data-ls-slideout="3"></div>
</div>
</div>
</div>
</div>
<div class="ls-gui-element ls-circle-timer" style="display: block; opacity: 0.65;">
<div class="ls-ct-center"></div>
<div class="ls-ct-left">
<div class="ls-ct-rotate" style="transform: matrix3d(0.970561, 0.240857, 0, 0, -0.240857, 0.970561, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);">
<div class="ls-ct-hider">
<div class="ls-ct-half"></div>
</div>
</div>
</div>
<div class="ls-ct-right">
<div class="ls-ct-rotate" style="transform: matrix(-1, 0, 0, -1, 0, 0);">
<div class="ls-ct-hider">
<div class="ls-ct-half"></div>
</div>
</div>
</div>
</div>
<div class="ls-gui-element ls-loading-container" style="display: none;">
<div class="ls-loading-indicator"></div>
</div>
<div class="ls-gui-element ls-shadow" data-ls-parallax="disabled"></div>
<a class="ls-gui-element ls-nav-prev" aria-label="jump to the previous slide" href="#" style="display: none; visibility: visible;"></a><a class="ls-gui-element ls-nav-next" aria-label="jump to the next slide" href="#" style="display: none; visibility: visible;"></a>
<div class="ls-gui-element ls-bottom-nav-wrapper" style="visibility: visible;"><span class="ls-nav-sides ls-nav-sideleft"></span><span
class="ls-bottom-slidebuttons"><a href="#" aria-label="jump to slide 1" class=""></a><a href="#" aria-label="jump to slide 2" class="ls-nav-active"></a><a href="#" aria-label="jump to slide 3"></a><a href="#" aria-label="jump to slide 4"></a><a href="#" aria-label="jump to slide 5"></a>
<div class="ls-thumbnail-hover" style="width: 100px; height: 60px;">
<div class="ls-thumbnail-hover-inner" style="visibility: hidden; display: block;">
<div class="ls-thumbnail-hover-bg"></div>
<div class="ls-thumbnail-hover-img" style="width: 100px; height: 60px;"><img style="height: 60px;"></div><span></span>
</div>
</div>
</span><span class="ls-nav-sides ls-nav-sideright"></span></div>
</div>
<!-- Slider HTML markup -->
<div id="slider" style="width: 1600px; height: 600px; margin: 66px auto 0px; position: relative; visibility: visible;" data-layerslider-uid="LSt3p19447q" class="ls-roundedflat ls-container ls-responsive ls-device-is-desktop" data-current-slide="2">
<!-- Slide 1-->
<!-- Slide 2-->
<!-- Slide 3-->
<!-- Slide 4-->
<!-- Slide 5-->
<div class="ls-inner" style="background-color: rgb(255, 255, 255);">
<div class="ls-layers">
<div class="ls-background-videos"></div>
<div class="ls-slide-backgrounds">
<div class="ls-wrapper ls-bg-outer" data-slide-index="1" style="z-index: 1; width: 1600px; height: 600px;">
<div class="ls-wrapper ls-bg-wrap" style="background-color: transparent; display: none; opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0);"><img src="https://www.kona-ice.com/images/home-desktop/Layer-4-copy.png" class="ls-bg" alt=""
style="margin: 0px; z-index: auto; width: 1600px; height: 950px; padding: 0px; border-width: 0px; border-radius: 0px; x: 0px; y: -175px; transform: translateX(0px) translateY(-175px); filter: none;" data-ls-slidein="1"
data-ls-slideout="1"></div>
</div>
<div class="ls-wrapper ls-bg-outer" data-slide-index="2" style="z-index: 1; width: 1600px; height: 600px;">
<div class="ls-wrapper ls-bg-wrap" style="background-color: transparent; display: block;"><img src="https://www.kona-ice.com/images/home-desktop/yellow_bkgd.png" class="ls-bg" alt=""
style="margin: 0px; z-index: auto; width: 1920px; height: 600px; padding: 0px; border-width: 0px; border-radius: 0px; x: -160px; y: 0px; transform: translateX(-160px) translateY(0px);" data-ls-slidein="2" data-ls-slideout="2"></div>
</div>
<div class="ls-wrapper ls-bg-outer" data-slide-index="3" style="z-index: 1;">
<div class="ls-wrapper ls-bg-wrap" style="background-color: transparent;"><img src="https://www.kona-ice.com/images/home-desktop/green_bkgd.png" class="ls-bg" alt="" style="margin: 0px; z-index: auto;" data-ls-slidein="3"
data-ls-slideout="3"></div>
</div>
</div>
<div class="ls-wrapper ls-parallax" data-slide-index="1" data-ls-parallax="disbaled" style="z-index: 102; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);">
<div class="ls-wrapper ls-in-out"
style="margin-left: 0px; margin-top: 0px; width: 1002.67px; height: 932px; left: 1036px; top: -205.333px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px; opacity: 1; display: none;">
<div class="ls-wrapper ls-loop" style="width: 1002.67px; height: 932px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px; opacity: 1;"><img
src="https://www.kona-ice.com/images/home-desktop/splash-1-blur.png" class="ls-layer" alt=""
style="top: -205.333px; left: 1036px; width: 1002.67px; height: 932px; margin: 0px; z-index: auto; padding: 0px; border-width: 0px; border-radius: 0px; filter: none;"
data-ls="offsetxin:300; delayin:100; easingin:easeOutExpo; scalexin:0.8; scaleyin:0.8; offsetyout:bottom; durationout:400; loop:true; loopduration:7000; looprotate:-10; loopcount:1; parallax:true; parallaxlevel:-1; parallaxtype:3d; parallaxaxis:both;"
data-ls-slidein="1" data-ls-slideout="1"></div>
</div>
</div>
<div class="ls-wrapper ls-parallax" data-slide-index="1" data-ls-parallax="disbaled" style="z-index: 103; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);">
<div class="ls-wrapper ls-in-out"
style="margin-left: 0px; margin-top: 0px; width: 421.333px; height: 846.667px; left: 1241.33px; top: -152px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px; opacity: 1; display: none;">
<div class="ls-wrapper ls-loop" style="width: 421.333px; height: 846.667px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px; opacity: 1;"><img
src="https://www.kona-ice.com/images/home-desktop/Vector-Smart-Object.png" class="ls-layer" alt=""
style="top: -152px; left: 1241.33px; width: 421.333px; height: 846.667px; font-size: 13px; line-height: 14px; margin: 0px; z-index: auto; padding: 0px; border-width: 0px; border-radius: 0px; filter: none;"
data-ls="offsetxin:300; delayin:100; easingin:easeOutExpo; scalexin:0.8; scaleyin:0.8; offsetyout:bottom; durationout:400; loop:true; loopduration:7000; looprotate:10; loopcount:1; parallax:true; parallaxlevel:1; parallaxtype:3d; parallaxaxis:both;"
data-ls-slidein="1" data-ls-slideout="1"></div>
</div>
</div>
<div class="ls-wrapper ls-parallax" data-slide-index="1" data-ls-parallax="disbaled" style="z-index: 104; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);">
<div class="ls-wrapper ls-in-out"
style="margin-left: 0px; margin-top: 0px; width: 642.667px; height: 409.333px; left: 1152px; top: 390.667px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px; opacity: 1; display: none;">
<div class="ls-wrapper ls-loop" style="width: 642.667px; height: 409.333px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px; opacity: 1;"><img
src="https://www.kona-ice.com/images/home-desktop/splash-2-blur.png" class="ls-layer" alt=""
style="top: 390.667px; left: 1152px; width: 642.667px; height: 409.333px; margin: 0px; z-index: auto; padding: 0px; border-width: 0px; border-radius: 0px; filter: none;"
data-ls="offsetxin:300; delayin:50; easingin:easeOutExpo; scalexin:0.8; scaleyin:0.8; offsetyout:bottom; durationout:400; loop:true; loopduration:7000; looprotate:10; loopcount:1; parallax:true; parallaxlevel:-3; parallaxtype:3d; parallaxaxis:both;"
data-ls-slidein="1" data-ls-slideout="1"></div>
</div>
</div>
<div class="ls-wrapper ls-parallax" data-slide-index="1" data-ls-parallax="disbaled" style="z-index: 105; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);">
<div class="ls-wrapper ls-in-out"
style="margin-left: 0px; margin-top: 0px; width: 408px; height: 424px; left: 32px; top: 49.3333px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px; opacity: 1; display: none;">
<div class="ls-wrapper ls-loop" style="width: 408px; height: 424px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px; opacity: 1;"><img
src="https://www.kona-ice.com/images/home-desktop/splash-1-blur.png" class="ls-layer" alt=""
style="top: 49.3333px; left: 32px; width: 408px; height: 424px; margin: 0px; z-index: auto; padding: 0px; border-width: 0px; border-radius: 0px; filter: none;"
data-ls="offsetxin:-300; delayin:100; easingin:easeOutExpo; scalexin:0.8; scaleyin:0.8; offsetyout:bottom; durationout:400; loop:true; loopduration:7000; looprotate:10; loopcount:1; parallax:true; parallaxlevel:-2; parallaxtype:3d; parallaxaxis:both;"
data-ls-slidein="1" data-ls-slideout="1"></div>
</div>
</div>
<div class="ls-wrapper ls-parallax" data-slide-index="1" data-ls-parallax="disbaled" style="z-index: 106; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);">
<div class="ls-wrapper ls-in-out"
style="margin-left: 0px; margin-top: 0px; width: 246.667px; height: 388px; left: 153.333px; top: 49.3333px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px; opacity: 1; display: none;">
<div class="ls-wrapper ls-loop" style="width: 246.667px; height: 388px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px; opacity: 1;"><img
src="https://www.kona-ice.com/images/home-desktop/orange_kona.png" class="ls-layer" alt=""
style="top: 49.3333px; left: 153.333px; width: 246.667px; height: 388px; margin: 0px; z-index: auto; padding: 0px; border-width: 0px; border-radius: 0px; filter: none;"
data-ls="offsetxin:-300; delayin:100; easingin:easeOutExpo; scalexin:0.8; scaleyin:0.8; offsetyout:bottom; durationout:400; loop:true; loopduration:7000; looprotate:3; loopcount:1; parallax:true; parallaxlevel:2; parallaxtype:3d; parallaxaxis:both;"
data-ls-slidein="1" data-ls-slideout="1"></div>
</div>
</div>
<div class="ls-wrapper ls-parallax" data-slide-index="1" data-ls-parallax="disbaled" style="z-index: 107; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);">
<div class="ls-wrapper ls-in-out"
style="margin-left: 0px; margin-top: 0px; width: 385.333px; height: 400px; left: 172px; top: 117.333px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px; opacity: 1; display: none;"><img
src="https://www.kona-ice.com/images/home-desktop/droplets.png" class="ls-layer" alt=""
style="top: 117.333px; left: 172px; width: 385.333px; height: 400px; margin: 0px; z-index: auto; padding: 0px; border-width: 0px; border-radius: 0px; filter: none;"
data-ls="offsetxin:-300; delayin:100; easingin:easeOutExpo; scalexin:0.8; scaleyin:0.8; offsetyout:bottom; durationout:400; parallax:true; parallaxlevel:-2;" data-ls-slidein="1" data-ls-slideout="1"></div>
</div>
<div class="ls-wrapper ls-parallax" data-slide-index="1" data-ls-parallax="disbaled" style="z-index: 108; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);">
<div class="ls-wrapper ls-in-out"
style="margin-left: 0px; margin-top: 0px; width: 545.333px; height: 566.667px; left: 1057.33px; top: 278.667px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px; opacity: 1; display: none;">
<img src="https://www.kona-ice.com/images/home-desktop/droplets.png" class="ls-layer" alt=""
style="top: 278.667px; left: 1057.33px; width: 545.333px; height: 566.667px; margin: 0px; z-index: auto; padding: 0px; border-width: 0px; border-radius: 0px; filter: none;"
data-ls="offsetxin:-300; delayin:100; easingin:easeOutExpo; scalexin:0.8; scaleyin:0.8; offsetyout:bottom; durationout:400; parallax:true; parallaxlevel:-2; parallaxtype:3d; parallaxaxis:both;" data-ls-slidein="1" data-ls-slideout="1">
</div>
</div>
<div class="ls-wrapper ls-parallax" data-slide-index="1" data-ls-parallax="disbaled" style="z-index: 109; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);">
<div class="ls-wrapper ls-in-out"
style="margin-left: 0px; margin-top: 0px; width: 774.667px; height: 1337.33px; left: -42.6667px; top: -621.333px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px; opacity: 1; display: none;">
<div class="ls-wrapper ls-loop" style="width: 774.667px; height: 1337.33px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px; opacity: 1;"><img
src="https://www.kona-ice.com/images/home-desktop/flare-copy-2.png" class="ls-layer" alt=""
style="top: -621.333px; left: -42.6667px; width: 774.667px; height: 1337.33px; font-size: 13px; line-height: 14px; margin: 0px; z-index: auto; padding: 0px; border-width: 0px; border-radius: 0px; filter: none;"
data-ls="loop:true; loopduration:7000; looprotate:90; loopcount:-1; loopyoyo:true; parallax:true; parallaxlevel:4;" data-ls-slidein="1" data-ls-slideout="1"></div>
</div>
</div>
<div class="ls-wrapper ls-in-out" data-slide-index="1"
style="z-index: 110; margin-left: 0px; margin-top: 0px; width: 933.333px; height: 101.333px; left: 346.667px; top: 88px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px; opacity: 1; display: none;">
<p style="font-weight: 600; width: 933.333px; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 48px; line-height: 101.333px; color: rgb(255, 255, 255); top: 88px; left: 346.667px; text-align: center; white-space: normal; margin: 0px; z-index: auto; height: 101.333px; padding: 0px; border-width: 0px; border-radius: 0px; letter-spacing: 0px; filter: none;"
class="ls-layer" data-ls="offsetyin:150; durationin:700; delayin:200; easingin:easeOutQuint; rotatexin:20; scalexin:1.4; offsetyout:600; durationout:400; parallaxlevel:0;" data-ls-slidein="1" data-ls-slideout="1">WE ARE</p>
</div>
<div class="ls-wrapper ls-parallax" data-slide-index="1" data-ls-parallax="disbaled" style="z-index: 111; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);">
<div class="ls-wrapper ls-in-out"
style="margin-left: 0px; margin-top: 0px; width: 624px; height: 161.333px; left: 488px; top: 164px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px; opacity: 1; display: none;"><img
src="https://www.kona-ice.com/images/home-desktop/kona_ice_slide.png" class="ls-layer" alt=""
style="top: 164px; left: 488px; width: 624px; height: 161.333px; font-size: 13px; line-height: 14px; margin: 0px; z-index: auto; padding: 0px; border-width: 0px; border-radius: 0px; filter: none;"
data-ls="offsetyin:-100; durationin:750; easingin:easeOutBack; rotatein:6; offsetyout:bottom; durationout:400; parallax:true; parallaxlevel:1; parallaxtype:3d; parallaxaxis:both;" data-ls-slidein="1" data-ls-slideout="1"></div>
</div>
<div class="ls-wrapper ls-in-out" data-slide-index="1"
style="z-index: 112; margin-left: 0px; margin-top: 0px; width: 533.333px; height: 61.3333px; left: 534.667px; top: 340px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px; opacity: 1; display: none;">
<p style="font-weight: 600; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 30.6667px; color: rgb(255, 255, 255); top: 340px; left: 534.667px; text-align: center; width: 533.333px; font-size: 20px; white-space: normal; margin: 0px; z-index: auto; height: 61.3333px; padding: 0px; border-width: 0px; border-radius: 0px; letter-spacing: 0px; filter: none;"
class="ls-layer" data-ls="offsetyin:150; durationin:700; easingin:easeOutQuint; rotatexin:20; scalexin:1.4; offsetyout:600; durationout:400; parallaxlevel:0;" data-ls-slidein="1" data-ls-slideout="1">We're mobile. We're fun. We're stocked
with the most delicious flavors you've ever tasted!</p>
</div>
<div class="ls-wrapper ls-in-out" data-slide-index="1"
style="z-index: 113; margin-left: 0px; margin-top: 0px; width: 234.667px; height: 72px; left: 682.667px; top: 436px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px; opacity: 1; display: none;">
<p style="cursor: pointer; padding: 13.3333px 33.3333px; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 24px; top: 436px; left: 682.667px; color: rgb(255, 255, 255); line-height: 37.3333px; border-radius: 34px; border-width: 4px; border-style: solid; border-color: rgb(255, 255, 255); margin: 0px; z-index: auto; width: 160px; height: 37.3333px; letter-spacing: 0px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); filter: none;"
class="ls-layer"
data-ls="offsetyin:150; durationin:700; delayin:400; easingin:easeOutQuint; rotatexin:20; scalexin:1.4; offsetyout:600; durationout:400; hover:true; hoveropacity:1; hoverscalex:1.1; hoverscaley:1.1; hoveralwaysontop:false; parallaxlevel:0;"
data-ls-slidein="1" data-ls-slideout="1" data-ls-canhover="0"><i class="fa fa-hand-peace-o"></i> LEARN MORE </p><a style="" class="ls-layer-link" href="/about" target="_self">
</a>
</div>
<div class="ls-wrapper ls-in-out" data-slide-index="2"
style="z-index: 102; margin-left: 0px; margin-top: 0px; width: 1637.33px; height: 921.333px; left: -32px; top: -142.667px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px; opacity: 1; display: block;">
<div style="top: -142.667px; left: -32px; width: 1637.33px; height: 921.333px; font-size: 25px; line-height: 27px; margin: 0px; z-index: auto; padding: 0px; border-width: 0px; border-radius: 0px;" class="ls-layer ls-autoplay"
data-ls-slidein="2" data-ls-slideout="2">
<video width="640" height="360" preload="metadata" controls="" id="ls-html5-1" style="width: 100%; height: 100%;">
<source src="/videos/Truck_slide-2.mp4" type="video/mp4">
</video>
<div class="ls-vpcontainer" style="width: 100%; height: 100%; display: none;"></div>
</div>
</div>
<div class="ls-wrapper ls-parallax" data-slide-index="2" data-ls-parallax="active" style="mix-blend-mode: overlay; z-index: 103; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);">
<div class="ls-wrapper ls-in-out"
style="margin-left: 0px; margin-top: 0px; width: 981.333px; height: 1694.67px; left: -504px; top: -721.333px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px; opacity: 1; display: block;">
<div class="ls-wrapper ls-loop" style="width: 981.333px; height: 1694.67px; transform: matrix3d(0.998518, 0.0544274, 0, 0, -0.0544274, 0.998518, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;"><img
src="https://www.kona-ice.com/images/home-desktop/light.png" class="ls-layer" alt=""
style="top: -721.333px; left: -504px; mix-blend-mode: normal; width: 981.333px; height: 1694.67px; font-size: 13px; line-height: 14px; margin: 0px; z-index: auto; padding: 0px; border-width: 0px; border-radius: 0px;"
data-ls="offsetxin:-300; delayin:100; easingin:easeOutExpo; scalexin:0.8; scaleyin:0.8; offsetyout:bottom; durationout:400; loop:true; loopduration:7000; looprotate:10; loopcount:1; parallax:true; parallaxlevel:2;" data-ls-slidein="2"
data-ls-slideout="2"></div>
</div>
</div>
<div class="ls-wrapper ls-parallax" data-slide-index="2" data-ls-parallax="active" style="mix-blend-mode: multiply; z-index: 104; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);">
<div class="ls-wrapper ls-in-out"
style="margin-left: 0px; margin-top: 0px; width: 450.667px; height: 270.667px; left: 165.333px; top: 54.6667px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px; opacity: 1; display: block;">
<img src="https://www.kona-ice.com/images/home-desktop/find_a_kona3.png" class="ls-layer" alt=""
style="top: 54.6667px; left: 165.333px; opacity: 0.2; mix-blend-mode: normal; width: 450.667px; height: 270.667px; font-size: 13px; line-height: 14px; margin: 0px; z-index: auto; padding: 0px; border-width: 0px; border-radius: 0px;"
data-ls="offsetyin:-100; durationin:750; easingin:easeOutBack; rotatein:6; offsetyout:bottom; durationout:400; parallax:true; parallaxlevel:1; parallaxtype:3d; parallaxaxis:both;" data-ls-slidein="2" data-ls-slideout="2"></div>
</div>
<div class="ls-wrapper ls-parallax" data-slide-index="2" data-ls-parallax="active" style="z-index: 105; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);">
<div class="ls-wrapper ls-in-out"
style="margin-left: 0px; margin-top: 0px; width: 278.667px; height: 68px; left: 245.333px; top: 101.333px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px; opacity: 1; display: block;">
<img src="https://www.kona-ice.com/images/home-desktop/FIND_A-small.png" class="ls-layer" alt=""
style="top: 101.333px; left: 245.333px; width: 278.667px; height: 68px; font-size: 13px; line-height: 14px; margin: 0px; z-index: auto; padding: 0px; border-width: 0px; border-radius: 0px;"
data-ls="offsetyin:-100; durationin:750; easingin:easeOutBack; rotatein:6; offsetyout:bottom; durationout:400; parallax:true; parallaxlevel:-1; parallaxtype:2d; parallaxaxis:both;" data-ls-slidein="2" data-ls-slideout="2"></div>
</div>
<div class="ls-wrapper ls-parallax" data-slide-index="2" data-ls-parallax="active" style="z-index: 106; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);">
<div class="ls-wrapper ls-in-out"
style="margin-left: 0px; margin-top: 0px; width: 341.333px; height: 134.667px; left: 222.667px; top: 153.333px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px; opacity: 1; display: block;">
<img src="https://www.kona-ice.com/images/home-desktop/find_a_kona1.png" class="ls-layer" alt=""
style="top: 153.333px; left: 222.667px; width: 341.333px; height: 134.667px; font-size: 13px; line-height: 14px; margin: 0px; z-index: auto; padding: 0px; border-width: 0px; border-radius: 0px;"
data-ls="offsetyin:-100; durationin:750; easingin:easeOutBack; rotatein:6; offsetyout:bottom; durationout:400; parallax:true; parallaxlevel:2; parallaxtype:2d; parallaxaxis:both;" data-ls-slidein="2" data-ls-slideout="2"></div>
</div>
<div class="ls-wrapper ls-in-out" data-slide-index="2"
style="z-index: 107; margin-left: 0px; margin-top: 0px; width: 560px; height: 92px; left: 222.667px; top: 288px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px; opacity: 1; display: block;">
<p style="font-weight: 600; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 30.6667px; color: rgb(255, 255, 255); top: 288px; left: 222.667px; text-align: left; width: 560px; font-size: 20px; white-space: normal; margin: 0px; z-index: auto; height: 92px; padding: 0px; border-width: 0px; border-radius: 0px; letter-spacing: 0px;"
class="ls-layer" data-ls="offsetyin:150; durationin:700; easingin:easeOutQuint; rotatexin:20; scalexin:1.4; offsetyout:600; durationout:400; parallaxlevel:0;" data-ls-slidein="2" data-ls-slideout="2">For booking inquiries, nutrition &
allergy questions, sponsorship requests, fundraising options, and/or any other local information, please click the search below.</p>
</div>
<div class="ls-wrapper ls-in-out" data-slide-index="2"
style="z-index: 108; margin-left: 0px; margin-top: 0px; width: 208px; height: 72px; left: 222.667px; top: 401.333px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px; opacity: 1; display: block;">
<p style="cursor: pointer; padding: 13.3333px 33.3333px; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 24px; top: 401.333px; left: 222.667px; color: rgb(255, 255, 255); line-height: 37.3333px; border-radius: 34px; border-width: 4px; border-style: solid; border-color: rgb(255, 255, 255); width: 133.333px; text-align: center; margin: 0px; z-index: auto; height: 37.3333px; letter-spacing: 0px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);"
class="ls-layer"
data-ls="offsetyin:150; durationin:700; delayin:400; easingin:easeOutQuint; rotatexin:20; scalexin:1.4; offsetyout:600; durationout:400; hover:true; hoveropacity:1; hoverscalex:1.1; hoverscaley:1.1; hoveralwaysontop:false; parallaxlevel:0;"
data-ls-slidein="2" data-ls-slideout="2" data-ls-canhover="1"><i class="fa fa-search"></i> SEARCH </p><a style="" class="ls-layer-link" href="/find-a-kona" target="_self">
</a>
</div>
<div class="ls-wrapper ls-parallax" data-slide-index="3" style="mix-blend-mode: multiply; z-index: 102;">
<div class="ls-wrapper ls-in-out">
<div class="ls-wrapper ls-loop"><img src="https://www.kona-ice.com/images/home-desktop/cup_shadow.png" class="ls-layer" alt=""
style="top: 92px; left: 794px; opacity: 0.4; mix-blend-mode: normal; width: 275px; height: 364px; font-size: 13px; line-height: 14px; margin: 0px; z-index: auto;"
data-ls="offsetxin:300; delayin:100; easingin:easeOutExpo; scalexin:0.8; scaleyin:0.8; offsetyout:bottom; durationout:400; loop:true; loopduration:7000; looprotate:3; loopcount:1; parallax:true; parallaxlevel:-3; parallaxaxis:both;"
data-ls-slidein="3" data-ls-slideout="3"></div>
</div>
</div>
<div class="ls-wrapper ls-parallax" data-slide-index="3" style="z-index: 103;">
<div class="ls-wrapper ls-in-out">
<div class="ls-wrapper ls-loop"><img src="https://www.kona-ice.com/images/home-desktop/Peppermint-leaf-on-white.png" class="ls-layer" alt="" style="top: 323px; left: 997px; width: 118px; height: 97px; margin: 0px; z-index: auto;"
data-ls="offsetyin:-300; delayin:100; easingin:easeOutExpo; scalexin:0.8; scaleyin:0.8; offsetyout:bottom; durationout:400; loop:true; loopduration:7000; looprotate:-3; loopcount:1; parallax:true; parallaxlevel:-1;"
data-ls-slidein="3" data-ls-slideout="3"></div>
</div>
</div>
<div class="ls-wrapper ls-parallax" data-slide-index="3" style="z-index: 104;">
<div class="ls-wrapper ls-in-out">
<div class="ls-wrapper ls-loop"><img src="https://www.kona-ice.com/images/home-desktop/Half-orange-fruit-on-white-background-copy.png" class="ls-layer" alt=""
style="top: 277px; left: 970px; width: 118px; height: 128px; margin: 0px; z-index: auto;"
data-ls="offsetyin:-300; delayin:100; easingin:easeOutExpo; scalexin:0.8; scaleyin:0.8; offsetyout:bottom; durationout:400; loop:true; loopduration:7000; looprotate:-3; loopcount:1; parallax:true; parallaxlevel:2;" data-ls-slidein="3"
data-ls-slideout="3"></div>
</div>
</div>
<div class="ls-wrapper ls-parallax" data-slide-index="3" style="z-index: 105;">
<div class="ls-wrapper ls-in-out">
<div class="ls-wrapper ls-loop"><img src="https://www.kona-ice.com/images/home-desktop/Just-splash.png" class="ls-layer" alt="" style="top: -5px; left: 722px; width: 366px; height: 508px; margin: 0px; z-index: auto;"
data-ls="offsetxin:300; delayin:100; easingin:easeOutExpo; scalexin:0.8; scaleyin:0.8; offsetyout:bottom; durationout:400; loop:true; loopduration:7000; looprotate:-1; loopcount:1; parallax:true; parallaxlevel:-1;" data-ls-slidein="3"
data-ls-slideout="3"></div>
</div>
</div>
<div class="ls-wrapper ls-parallax" data-slide-index="3" style="z-index: 106;">
<div class="ls-wrapper ls-in-out">
<div class="ls-wrapper ls-loop"><img src="https://www.kona-ice.com/images/home-desktop/ICE.png" class="ls-layer" alt="" style="top: 0px; left: 816px; width: 232px; height: 207px; margin: 0px; z-index: auto;"
data-ls="offsetxin:300; delayin:100; easingin:easeOutExpo; scalexin:0.8; scaleyin:0.8; offsetyout:bottom; durationout:400; loop:true; loopduration:7000; looprotate:3; loopcount:1; parallax:true; parallaxlevel:1;" data-ls-slidein="3"
data-ls-slideout="3"></div>
</div>
</div>
<div class="ls-wrapper ls-parallax" data-slide-index="3" style="z-index: 107;">
<div class="ls-wrapper ls-in-out">
<div class="ls-wrapper ls-loop"><img src="https://www.kona-ice.com/images/home-desktop/cup_water.png" class="ls-layer" alt=""
style="top: -16px; left: 707px; width: 408px; height: 540px; font-size: 13px; line-height: 14px; margin: 0px; z-index: auto;"
data-ls="offsetxin:300; delayin:100; easingin:easeOutExpo; scalexin:0.8; scaleyin:0.8; offsetyout:bottom; durationout:400; loop:true; loopduration:7000; looprotate:3; loopcount:1; parallax:true; parallaxlevel:1; parallaxaxis:both;"
data-ls-slidein="3" data-ls-slideout="3"></div>
</div>
</div>
<div class="ls-wrapper ls-parallax" data-slide-index="3" style="mix-blend-mode: multiply; z-index: 108;">
<div class="ls-wrapper ls-in-out">
<div class="ls-wrapper ls-loop"><img src="https://www.kona-ice.com/images/home-desktop/shadow-1.png" class="ls-layer" alt=""
style="top: 115px; left: 776px; opacity: 0.5; mix-blend-mode: normal; width: 249px; height: 423px; margin: 0px; z-index: auto;"
data-ls="offsetxin:300; delayin:100; easingin:easeOutExpo; scalexin:0.8; scaleyin:0.8; offsetyout:bottom; durationout:400; loop:true; loopduration:7000; looprotate:3; loopcount:1; parallax:true; parallaxlevel:1; parallaxaxis:both;"
data-ls-slidein="3" data-ls-slideout="3"></div>
</div>
</div>
<div class="ls-wrapper ls-parallax" data-slide-index="3" style="z-index: 109;">
<div class="ls-wrapper ls-in-out">
<div class="ls-wrapper ls-loop"><img src="https://www.kona-ice.com/images/home-desktop/swirl-1.png" class="ls-layer" alt="" style="top: -5px; left: 720px; width: 368px; height: 395px; margin: 0px; z-index: auto;"
data-ls="offsetxin:300; delayin:100; easingin:easeOutExpo; scalexin:0.8; scaleyin:0.8; offsetyout:bottom; durationout:400; loop:true; loopduration:7000; looprotate:-1; loopcount:1; parallax:true; parallaxlevel:-1;" data-ls-slidein="3"
data-ls-slideout="3"></div>
</div>
</div>
<div class="ls-wrapper ls-parallax" data-slide-index="3" style="z-index: 110;">
<div class="ls-wrapper ls-in-out">
<div class="ls-wrapper ls-loop"><img src="https://www.kona-ice.com/images/home-desktop/Orange-fruit-isolated-on-a-white-background.-copy.png" class="ls-layer" alt=""
style="top: -45px; left: 635px; width: 275px; height: 331px; margin: 0px; z-index: auto;"
data-ls="offsetyin:-300; delayin:100; easingin:easeOutExpo; scalexin:0.8; scaleyin:0.8; offsetyout:bottom; durationout:400; loop:true; loopduration:7000; looprotate:-15; loopcount:1; parallax:true; parallaxlevel:2;"
data-ls-slidein="3" data-ls-slideout="3"></div>
</div>
</div>
<div class="ls-wrapper ls-parallax" data-slide-index="3" style="mix-blend-mode: overlay; z-index: 111;">
<div class="ls-wrapper ls-in-out">
<div class="ls-wrapper ls-loop"><img src="https://www.kona-ice.com/images/home-desktop/light.png" class="ls-layer" alt=""
style="top: -563px; left: -378px; mix-blend-mode: normal; width: 736px; height: 1271px; font-size: 13px; line-height: 14px; margin: 0px; z-index: auto;"
data-ls="offsetxin:-300; delayin:100; easingin:easeOutExpo; scalexin:0.8; scaleyin:0.8; offsetyout:bottom; durationout:400; loop:true; loopduration:7000; looprotate:10; loopcount:1; parallax:true; parallaxlevel:2;" data-ls-slidein="3"
data-ls-slideout="3"></div>
</div>
</div>
<div class="ls-wrapper ls-in-out" data-slide-index="3" style="z-index: 112;">
<p style="font-weight: 600; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 23px; color: rgb(255, 255, 255); top: 194px; left: 167px; text-align: left; width: 420px; font-size: 15px; white-space: normal; margin: 0px; z-index: auto;"
class="ls-layer" data-ls="offsetyin:150; durationin:700; easingin:easeOutQuint; rotatexin:20; scalexin:1.4; offsetyout:600; durationout:400; parallaxlevel:0;" data-ls-slidein="3" data-ls-slideout="3">We think something can be delicious
and nutritious! Which is why we have two different types of Konas - Vita-Blend and Fruit First. Learn more below!</p>
</div>
<div class="ls-wrapper ls-in-out" data-slide-index="3" style="z-index: 113;">
<p style="cursor: pointer; padding: 10px 25px; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 18px; top: 279px; left: 167px; color: rgb(255, 255, 255); line-height: 28px; border-radius: 25px; border-width: 3px; border-style: solid; border-color: rgb(255, 255, 255); width: 150px; text-align: center; margin: 0px; z-index: auto;"
class="ls-layer"
data-ls="offsetyin:150; durationin:700; delayin:400; easingin:easeOutQuint; rotatexin:20; scalexin:1.4; offsetyout:600; durationout:400; hover:true; hoveropacity:1; hoverscalex:1.1; hoverscaley:1.1; hoveralwaysontop:false; parallaxlevel:0;"
data-ls-slidein="3" data-ls-slideout="3"><i class="fa fa-search"></i> LEARN MORE</p><a style="" class="ls-layer-link" href="/flavorwave/nutrition.aspx" target="_self">
</a>
</div>
<div class="ls-wrapper ls-parallax" data-slide-index="3" style="z-index: 114;">
<div class="ls-wrapper ls-in-out">
<div class="ls-wrapper ls-loop"><img src="https://www.kona-ice.com/images/home-desktop/bubbles.png" class="ls-layer" alt="" style="top: -411px; left: 1025px; width: 905px; height: 1256px; filter: blur(5px); margin: 0px; z-index: auto;"
data-ls="offsetyout:bottom; durationout:400; loop:true; loopduration:7000; looprotate:7; loopcount:1; parallax:true; parallaxlevel:4;" data-ls-slidein="3" data-ls-slideout="3"></div>
</div>
</div>
<div class="ls-wrapper ls-in-out" data-slide-index="3" style="z-index: 115;">
<p style="font-weight: 600; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 70px; line-height: 76px; color: rgb(255, 255, 255); top: 118px; left: 167px; white-space: normal; text-align: right !important; margin: 0px; z-index: auto;"
class="ls-layer" data-ls="offsetyin:-50; durationin:600; delayin:50; easingin:easeOutBack; offsetyout:bottom; durationout:400; parallaxlevel:0;" data-ls-slidein="3" data-ls-slideout="3">NUTRITION</p>
</div>
</div>
</div>
<div class="ls-gui-element ls-circle-timer" style="display: block; opacity: 0.65;">
<div class="ls-ct-center"></div>
<div class="ls-ct-left">
<div class="ls-ct-rotate" style="transform: matrix(1, 0, 0, 1, 0, 0);">
<div class="ls-ct-hider">
<div class="ls-ct-half"></div>
</div>
</div>
</div>
<div class="ls-ct-right">
<div class="ls-ct-rotate" style="transform: matrix3d(-0.981264, 0.192669, 0, 0, -0.192669, -0.981264, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);">
<div class="ls-ct-hider">
<div class="ls-ct-half"></div>
</div>
</div>
</div>
</div>
<div class="ls-gui-element ls-loading-container" style="display: none;">
<div class="ls-loading-indicator"></div>
</div>
<div class="ls-gui-element ls-shadow" data-ls-parallax="disabled"></div>
<a class="ls-gui-element ls-nav-prev" aria-label="jump to the previous slide" href="#" style="display: none; visibility: visible;"></a><a class="ls-gui-element ls-nav-next" aria-label="jump to the next slide" href="#" style="display: none; visibility: visible;"></a>
<div class="ls-gui-element ls-bottom-nav-wrapper" style="visibility: visible;"><span class="ls-nav-sides ls-nav-sideleft"></span><span
class="ls-bottom-slidebuttons"><a href="#" aria-label="jump to slide 1" class=""></a><a href="#" aria-label="jump to slide 2" class="ls-nav-active"></a><a href="#" aria-label="jump to slide 3"></a><a href="#" aria-label="jump to slide 4"></a><a href="#" aria-label="jump to slide 5"></a>
<div class="ls-thumbnail-hover" style="width: 100px; height: 60px;">
<div class="ls-thumbnail-hover-inner" style="visibility: hidden; display: block;">
<div class="ls-thumbnail-hover-bg"></div>
<div class="ls-thumbnail-hover-img" style="width: 100px; height: 60px;"><img style="height: 60px;"></div><span></span>
</div>
</div>
</span><span class="ls-nav-sides ls-nav-sideright"></span></div>
</div>
<div class="clear"></div>
<div class="yellow">
<div class="container-1100">
<div class="book-kona">
<div class="image">
<img src="/images/book-kona.png" alt="Book Kona">
</div>
<div class="text"> Looking for a Kona truck? You've come to the right place! With over 1,000 trucks in 48 states,you're bound to find one. Enter the zip code where your event will be taking place! </div>
<div class="clear"></div>
</div>
<div id="Panel1" onkeypress="javascript:return WebForm_FireDefaultButton(event, 'btnFindAKona')">
<div class="zip-code">
<div class="input">
<input name="txtFindAKona" type="text" id="txtFindAKona" placeholder="Enter Event Zip Code" style="padding: 15px 30px; background-color: #FFF; border: solid 1px #999; color: #999; text-align: center; font-size: 18px;">
</div>
<div class="button">
<div style="width: 150px; margin: 0 auto; text-align: center;">
<input type="submit" name="btnFindAKona" value="Submit" onclick="ga('send', 'event', 'Find A Kona', 'Submit', 'Website');" id="btnFindAKona">
</div>
</div>
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>
</div>
</div>
<div class="clear"></div>
<!-- Normal Special -->
<div id="sliderSpecials" style="width: 1600px; height: 200px; margin: 0px auto 0px 0px; position: relative; max-width: none; visibility: visible;" data-layerslider-uid="LSt7thtzgxu" class="ls-fullwidth ls-container ls-device-is-desktop"
data-current-slide="1">
<div class="ls-inner"
style="background-image: url("images/home-specials/chill-out-day-edit.jpg"); background-repeat: no-repeat; background-attachment: fixed; background-size: 100% 100%; background-position: 50% 50%; background-color: transparent;">
<div class="ls-layers">
<div class="ls-background-videos"></div>
<div class="ls-slide-backgrounds">
<div class="ls-wrapper ls-bg-outer" data-slide-index="1" style="z-index: 1; width: 1600px; height: 200px;">
<div class="ls-wrapper ls-bg-wrap" style="background-color: transparent; display: block; opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0);"><img src="https://www.kona-ice.com/images/home-specials/flavorwave_bkgd.png" class="ls-bg" alt=""
style="margin: 0px; z-index: auto; width: 1600px; height: 900px; padding: 0px; border-width: 0px; border-radius: 0px; x: 0px; y: -350px; transform: translateX(0px) translateY(-350px); filter: none;" data-ls-slidein="1"
data-ls-slideout="1"></div>
</div>
</div>
<div class="ls-wrapper ls-in-out" data-slide-index="1"
style="z-index: 102; margin-left: 0px; margin-top: 0px; width: 225px; height: 29px; left: 206px; top: 28px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px; opacity: 1; display: block;">
<p style="top: 28px; left: 206px; text-align: left; font-size: 25px; font-family: Helvetica; color: rgb(255, 255, 255); margin: 0px; z-index: auto; width: 225px; height: 29px; padding: 0px; border-width: 0px; border-radius: 0px; letter-spacing: 0px;"
class="ls-layer" data-ls="offsetxin:left;" data-ls-slidein="1" data-ls-slideout="1">WIN AN AWESOME</p>
</div>
<div class="ls-wrapper ls-in-out" data-slide-index="1"
style="z-index: 103; margin-left: 0px; margin-top: 0px; width: 459px; height: 50px; left: 206px; top: 62px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px; opacity: 1; display: block;">
<p style="top: 62px; left: 206px; text-align: left; font-weight: 900; font-size: 64px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 50px; margin: 0px; z-index: auto; width: 459px; height: 50px; padding: 0px; border-width: 0px; border-radius: 0px; letter-spacing: 0px;"
class="ls-layer" data-ls="offsetxin:left; delayin:250;" data-ls-slidein="1" data-ls-slideout="1">FREE T-SHIRT!</p>
</div>
<div class="ls-wrapper ls-in-out" data-slide-index="1"
style="z-index: 104; margin-left: 0px; margin-top: 0px; width: 219px; height: 46px; left: 209px; top: 124px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px; opacity: 1; display: block;">
<span
style="top: 124px; left: 209px; font-weight: 700; padding: 15px 60px; font-family: Arial, sans-serif; font-size: 14px; background: rgb(243, 117, 33); color: rgb(255, 255, 255); border-radius: 50px; margin: 0px; z-index: auto; width: 99px; height: 16px; border-width: 0px; letter-spacing: 0px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);"
class="ls-layer" data-ls="hover:true; hoverscalex:1.1; hoverscaley:1.1;" data-ls-slidein="1" data-ls-slideout="1" data-ls-canhover="1">HERE IS
HOW!</span><a style="" class="ls-layer-link" href="https://konaice.wufoo.com/forms/kona-ice-tshirt-giveaway/" target="_blank"></a></div>
<div class="ls-wrapper ls-in-out" data-slide-index="1"
style="z-index: 105; margin-left: 0px; margin-top: 0px; width: 753px; height: 524px; left: 779px; top: -88px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px; opacity: 1; display: block;">
<div class="ls-wrapper ls-loop" style="width: 753px; height: 524px; transform: matrix3d(0.997276, 0.0737604, 0, 0, -0.0737604, 0.997276, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;"><img
src="https://www.kona-ice.com/images/home-specials/T-ShirtMockup.png" class="ls-layer" alt="" style="top: -88px; left: 779px; width: 753px; height: 524px; margin: 0px; z-index: auto; padding: 0px; border-width: 0px; border-radius: 0px;"
data-ls="offsetyin:bottom; easingin:easeOutElastic; loop:true; loopduration:5000; looprotate:15; loopcount:-1; loopyoyo:true;" data-ls-slidein="1" data-ls-slideout="1"></div>
</div>
</div>
</div>
<div class="ls-gui-element ls-circle-timer" style="display: block; opacity: 0.65;">
<div class="ls-ct-center"></div>
<div class="ls-ct-left">
<div class="ls-ct-rotate" style="transform: matrix(-1, 0, 0, -1, 0, 0);">
<div class="ls-ct-hider">
<div class="ls-ct-half"></div>
</div>
</div>
</div>
<div class="ls-ct-right">
<div class="ls-ct-rotate" style="transform: matrix(-1, 0, 0, -1, 0, 0);">
<div class="ls-ct-hider">
<div class="ls-ct-half"></div>
</div>
</div>
</div>
</div>
<div class="ls-gui-element ls-loading-container" style="display: none;">
<div class="ls-loading-indicator"></div>
</div>
<div class="ls-gui-element ls-shadow" data-ls-parallax="disabled"></div>
</div>
<!-- Chill Out-->
<!--<div id="sliderSpecials" style="width:1280px;height:200px;margin:0 auto;margin-bottom: 0px;">
<div class="ls-slide" data-ls="transition2d:4; kenburnsscale:1.2;">
<img width="640" height="100" src="/images/home-specials/ls-slider-43-slide-1.jpg" class="ls-tn" alt="" />
<img width="1920" height="1140" src="/images/home-specials/Layer-4-copy.png" class="ls-l" alt="" style="top:0px; left:0px; opacity:0.8; width:100%; height:100%;" data-ls="position:fixed;">
<p style="top:28px; left:46px; text-align:left; font-size:25px; font-family:Helvetica; color:#ffffff;" class="ls-l" data-ls="offsetxin:left;">FIND A KONA ICE TRUCK</p>
<p style="top:62px; left:46px; text-align:left; font-weight:900; font-size:64px; font-family:Helvetica; color:#ffffff; line-height:50px;" class="ls-l" data-ls="offsetxin:left; delayin:250;">NEAR YOU!</p>
<a style="" class="ls-l" href="/chill-out-day/" target="_blank" data-ls="hover:true; hoverscalex:1.1; hoverscaley:1.1;"><span style="top:124px; left:49px; font-weight:700; padding-top:15px; padding-right:60px; padding-bottom:15px; padding-left:60px; font-family:Arial, sans-serif; font-size:14px; background:#F37521; color:#fff; border-radius:50px;" class="">FREE KONA ICE</span></a>
<img width="816" height="520" src="/images/home-specials/chill_out_day_logo.png" class="ls-l" alt="" style="top:20px; left:702px; opacity:0.7; width:245px; height:156px;" data-ls="offsetyin:bottom; easingin:easeOutElastic; loop:true; loopduration:5000; looprotate:15; loopcount:-1; loopyoyo:true;">
<img width="1585" height="1116" src="/images/home-specials/guy-2.png" class="ls-l" alt="" style="top:-54px; left:647px; width:590px; height:415px;" data-ls="offsetyin:bottom; loop:true; loopduration:5000; looprotate:-10; looptransformorigin:49.2% 60.2% 0; loopcount:-1; loopyoyo:true; parallax:true; parallaxlevel:-2;">
</div>
</div>-->
<div class="clear"></div>
<div class="half-width ls-direction-fix">
<!-- Slider HTML markup -->
<div class="ls-fullscreen-wrapper">
<div id="sliderNutrition" style="width: 800px; height: 500px; margin: 0px auto; position: relative; visibility: visible;" data-layerslider-uid="LSszm61iloh" class="ls-fullwidth ls-container ls-responsive ls-device-is-desktop"
data-current-slide="1">
<div class="ls-inner" style="background: none transparent;">
<div class="ls-layers">
<div class="ls-background-videos"></div>
<div class="ls-slide-backgrounds">
<div class="ls-wrapper ls-bg-outer" data-slide-index="1" style="z-index: 1; width: 800px; height: 500px;">
<div class="ls-wrapper ls-bg-wrap" style="background-color: transparent; display: block; opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0);"><img src="https://www.kona-ice.com/images/green_bkgd.png" class="ls-bg" alt=""
style="margin: 0px; z-index: auto; width: 889px; height: 500px; padding: 0px; border-width: 0px; border-radius: 0px; x: -89px; y: 0px; transform: translateX(-89px) translateY(0px); filter: none;" data-ls-slidein="1"
data-ls-slideout="1"></div>
</div>
</div>
<div class="ls-wrapper ls-parallax" data-slide-index="1" data-ls-parallax="active" style="z-index: 102; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);">
<div class="ls-wrapper ls-in-out"
style="margin-left: 0px; margin-top: 0px; width: 145.556px; height: 137.778px; left: 638.889px; top: 410px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px; opacity: 1; display: block;">
<img src="https://www.kona-ice.com/images/Half-orange-fruit-on-white-background-copy.png" class="ls-layer" alt=""
style="top: 410px; left: 638.889px; width: 145.556px; height: 137.778px; margin: 0px; z-index: auto; padding: 0px; border-width: 0px; border-radius: 0px;" data-ls="offsetxin:right; parallax:true; parallaxlevel:2;"
data-ls-slidein="1" data-ls-slideout="1"></div>
</div>
<div class="ls-wrapper ls-parallax" data-slide-index="1" data-ls-parallax="active" style="z-index: 103; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);">
<div class="ls-wrapper ls-in-out"
style="margin-left: 0px; margin-top: 0px; width: 487.778px; height: 677.778px; left: 425.556px; top: -82.2222px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px; opacity: 1; display: block;">
<img src="https://www.kona-ice.com/images/Just-splash.png" class="ls-layer" alt=""
style="top: -82.2222px; left: 425.556px; width: 487.778px; height: 677.778px; margin: 0px; z-index: auto; padding: 0px; border-width: 0px; border-radius: 0px;" data-ls="offsetxin:right; parallax:true; parallaxlevel:1;"
data-ls-slidein="1" data-ls-slideout="1"></div>
</div>
<div class="ls-wrapper ls-parallax" data-slide-index="1" data-ls-parallax="active" style="z-index: 104; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);">
<div class="ls-wrapper ls-in-out"
style="margin-left: 0px; margin-top: 0px; width: 258.889px; height: 230px; left: 558.889px; top: -13.3333px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px; opacity: 1; display: block;">
<img src="https://www.kona-ice.com/images/ICE.png" class="ls-layer" alt="" style="top: -13.3333px; left: 558.889px; width: 258.889px; height: 230px; margin: 0px; z-index: auto; padding: 0px; border-width: 0px; border-radius: 0px;"
data-ls="offsetxin:right; parallax:true; parallaxlevel:-1;" data-ls-slidein="1" data-ls-slideout="1"></div>
</div>
<div class="ls-wrapper ls-parallax" data-slide-index="1" data-ls-parallax="active" style="z-index: 105; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);">
<div class="ls-wrapper ls-in-out"
style="margin-left: 0px; margin-top: 0px; width: 437.778px; height: 605.556px; left: 448.889px; top: -21.1111px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px; opacity: 1; display: block;">
<img src="https://www.kona-ice.com/images/cup_water.png" class="ls-layer" alt=""
style="top: -21.1111px; left: 448.889px; width: 437.778px; height: 605.556px; margin: 0px; z-index: auto; padding: 0px; border-width: 0px; border-radius: 0px;" data-ls="offsetxin:right; parallax:true; parallaxlevel:-1;"
data-ls-slidein="1" data-ls-slideout="1"></div>
</div>
<div class="ls-wrapper ls-parallax" data-slide-index="1" data-ls-parallax="active" style="z-index: 106; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);">
<div class="ls-wrapper ls-in-out"
style="margin-left: 0px; margin-top: 0px; width: 487.778px; height: 524.444px; left: 425.556px; top: -82.2222px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px; opacity: 1; display: block;">
<img src="https://www.kona-ice.com/images/swirl-1.png" class="ls-layer" alt=""
style="top: -82.2222px; left: 425.556px; width: 487.778px; height: 524.444px; margin: 0px; z-index: auto; padding: 0px; border-width: 0px; border-radius: 0px;" data-ls="offsetxin:right; parallax:true; parallaxlevel:1;"
data-ls-slidein="1" data-ls-slideout="1"></div>
</div>
<div class="ls-wrapper ls-parallax" data-slide-index="1" data-ls-parallax="active" style="z-index: 107; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);">
<div class="ls-wrapper ls-in-out"
style="margin-left: 0px; margin-top: 0px; width: 282.222px; height: 342.222px; left: 327.778px; top: -66.6667px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px; opacity: 1; display: block;">
<img src="https://www.kona-ice.com/images/Orange-fruit-isolated-on-a-white-background.-copy.png" class="ls-layer" alt=""
style="top: -66.6667px; left: 327.778px; width: 282.222px; height: 342.222px; margin: 0px; z-index: auto; padding: 0px; border-width: 0px; border-radius: 0px;" data-ls="offsetxin:right; parallax:true; parallaxlevel:-2;"
data-ls-slidein="1" data-ls-slideout="1"></div>
</div>
<div class="ls-wrapper ls-in-out" data-slide-index="1"
style="z-index: 108; margin-left: 0px; margin-top: 0px; width: 303.333px; height: 64.4444px; left: 248.889px; top: 180px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px; opacity: 1; display: block;">
<p style="top: 180px; left: 248.889px; font-weight: 700; font-size: 55.5556px; font-family: Helvetica; color: rgb(255, 255, 255); margin: 0px; z-index: auto; width: 303.333px; height: 64.4444px; padding: 0px; border-width: 0px; border-radius: 0px; letter-spacing: 0px;"
class="ls-layer" data-ls-slidein="1" data-ls-slideout="1">NUTRITION</p>
</div>
<div class="ls-wrapper ls-in-out" data-slide-index="1"
style="z-index: 109; margin-left: 0px; margin-top: 0px; width: 184.444px; height: 45.5556px; left: 307.778px; top: 255.556px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px; opacity: 1; display: block;">
<img src="https://www.kona-ice.com/images/learn_more_btn.png" class="ls-layer" alt=""
style="top: 255.556px; left: 307.778px; margin: 0px; z-index: auto; width: 184.444px; height: 45.5556px; padding: 0px; border-width: 0px; border-radius: 0px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);"
data-ls="hover:true; hoverrotate:2; hoverscalex:1.1; hoverscaley:1.1;" data-ls-slidein="1" data-ls-slideout="1" data-ls-canhover="1"><a href="/flavorwave/nutrition.aspx" class="ls-layer-link"></a></div>
<div class="ls-wrapper ls-in-out" data-slide-index="1"
style="z-index: 110; margin-left: 0px; margin-top: 0px; width: 184.444px; height: 46.6667px; left: 307.778px; top: 314.444px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px; opacity: 1; display: block;">
<img src="https://www.kona-ice.com/images/watch_btn.png" class="ls-layer" alt=""
style="top: 314.444px; left: 307.778px; margin: 0px; z-index: auto; width: 184.444px; height: 46.6667px; padding: 0px; border-width: 0px; border-radius: 0px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);"
data-ls="hover:true; hoverrotate:2; hoverscalex:1.1; hoverscaley:1.1;" data-ls-slidein="1" data-ls-slideout="1" data-ls-canhover="1"><a class="ls-layer-link" href="#" id="playme1" onclick="revealVideo('nutrition','youtube1')"></a>
</div>
</div>
</div>
<div class="ls-gui-element ls-loading-container" style="display: none;">
<div class="ls-loading-indicator"></div>
</div>
<div class="ls-gui-element ls-shadow" data-ls-parallax="disabled"></div>
</div>
</div>
</div>
<div class="half-width ls-direction-fix">
<!-- Slider HTML markup -->
<div class="ls-fullscreen-wrapper">
<div id="sliderGiveback" style="width: 800px; height: 500px; margin: 0px auto; position: relative; visibility: visible;" data-layerslider-uid="LSvnlcy9e7q" class="ls-fullwidth ls-container ls-responsive ls-device-is-desktop"
data-current-slide="1">
<div class="ls-inner" style="background: none transparent;">
<div class="ls-layers">
<div class="ls-background-videos"></div>
<div class="ls-slide-backgrounds">
<div class="ls-wrapper ls-bg-outer" data-slide-index="1" style="z-index: 1; width: 800px; height: 500px;">
<div class="ls-wrapper ls-bg-wrap" style="background-color: transparent; display: block; opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0);"><img src="https://www.kona-ice.com/images/orange_bamboo.png" class="ls-bg" alt=""
style="margin: 0px; z-index: auto; width: 889px; height: 500px; padding: 0px; border-width: 0px; border-radius: 0px; x: 0px; y: 0px; transform: translateX(0px) translateY(0px); filter: none;" data-ls-slidein="1"
data-ls-slideout="1"></div>
</div>
</div>
<div class="ls-wrapper ls-parallax" data-slide-index="1" data-ls-parallax="active" style="z-index: 102; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);">
<div class="ls-wrapper ls-in-out"
style="margin-left: 0px; margin-top: 0px; width: 461.111px; height: 635.556px; left: -17.7778px; top: -51.1111px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px; opacity: 1; display: block;">
<img src="https://www.kona-ice.com/images/kona_heart.png" class="ls-layer" alt=""
style="top: -51.1111px; left: -17.7778px; width: 461.111px; height: 635.556px; margin: 0px; z-index: auto; padding: 0px; border-width: 0px; border-radius: 0px;" data-ls="offsetxin:left; parallax:true; parallaxlevel:1;"
data-ls-slidein="1" data-ls-slideout="1"></div>
</div>
<div class="ls-wrapper ls-in-out" data-slide-index="1"
style="z-index: 103; margin-left: 0px; margin-top: 0px; width: 293.333px; height: 64.4444px; left: 253.333px; top: 180px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px; opacity: 1; display: block;">
<p style="top: 180px; left: 253.333px; font-weight: 700; font-size: 55.5556px; font-family: Helvetica; color: rgb(255, 255, 255); margin: 0px; z-index: auto; width: 293.333px; height: 64.4444px; padding: 0px; border-width: 0px; border-radius: 0px; letter-spacing: 0px;"
class="ls-layer" data-ls-slidein="1" data-ls-slideout="1">GIVEBACK</p>
</div>
<div class="ls-wrapper ls-in-out" data-slide-index="1"
style="z-index: 104; margin-left: 0px; margin-top: 0px; width: 184.444px; height: 45.5556px; left: 307.778px; top: 255.556px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px; opacity: 1; display: block;">
<img src="https://www.kona-ice.com/images/learn_more_btn.png" class="ls-layer" alt=""
style="top: 255.556px; left: 307.778px; margin: 0px; z-index: auto; width: 184.444px; height: 45.5556px; padding: 0px; border-width: 0px; border-radius: 0px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);"
data-ls="hover:true; hoverrotate:2; hoverscalex:1.1; hoverscaley:1.1;" data-ls-slidein="1" data-ls-slideout="1" data-ls-canhover="1"><a href="/giveback-programs/" class="ls-layer-link"></a></div>
<div class="ls-wrapper ls-in-out" data-slide-index="1"
style="z-index: 105; margin-left: 0px; margin-top: 0px; width: 184.444px; height: 46.6667px; left: 307.778px; top: 314.444px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px; opacity: 1; display: block;">
<img src="https://www.kona-ice.com/images/watch_btn.png" class="ls-layer" alt=""
style="top: 314.444px; left: 307.778px; margin: 0px; z-index: auto; width: 184.444px; height: 46.6667px; padding: 0px; border-width: 0px; border-radius: 0px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);"
data-ls="hover:true; hoverrotate:2; hoverscalex:1.1; hoverscaley:1.1;" data-ls-slidein="1" data-ls-slideout="1" data-ls-canhover="1"><a class="ls-layer-link" href="#" id="playme2" onclick="revealVideo('giveback','youtube2')"></a>
</div>
</div>
</div>
<div class="ls-gui-element ls-loading-container" style="display: none;">
<div class="ls-loading-indicator"></div>
</div>
<div class="ls-gui-element ls-shadow" data-ls-parallax="disabled"></div>
</div>
</div>
</div>
<div class="clear"></div>
<div class="half-width ls-direction-fix">
<!-- Slider HTML markup -->
<div class="ls-fullscreen-wrapper">
<div id="sliderChange" style="width: 800px; height: 500px; margin: 0px auto; position: relative; visibility: visible;" data-layerslider-uid="LSioxze8n67" class="ls-fullwidth ls-container ls-responsive ls-device-is-desktop"
data-current-slide="1">
<!-- Slide 1-->
<div class="ls-inner" style="background: none transparent;">
<div class="ls-layers">
<div class="ls-background-videos"></div>
<div class="ls-slide-backgrounds">
<div class="ls-wrapper ls-bg-outer" data-slide-index="1" style="z-index: 1; width: 800px; height: 500px;">
<div class="ls-wrapper ls-bg-wrap" style="background-color: transparent; display: block; opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0);"><img src="https://www.kona-ice.com/images/purple_bamboo.png" class="ls-bg" alt=""
style="margin: 0px; z-index: auto; width: 889px; height: 500px; padding: 0px; border-width: 0px; border-radius: 0px; x: -89px; y: 0px; transform: translateX(-89px) translateY(0px); filter: none;" data-ls-slidein="1"
data-ls-slideout="1"></div>
</div>
</div>
<div class="ls-wrapper ls-parallax" data-slide-index="1" style="z-index: 102; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);" data-ls-parallax="active">
<div class="ls-wrapper ls-in-out" style="margin-left: 0px; margin-top: 0px; width: 672.222px; height: 526.667px; left: 362.222px; top: -40px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);"><img
src="https://www.kona-ice.com/images/book_bag.png" class="ls-layer" alt="" style="top: -40px; left: 362.222px; width: 672.222px; height: 526.667px; margin: 0px; z-index: auto; padding: 0px; border-width: 0px; border-radius: 0px;"
data-ls="offsetxin:right; parallax:true; parallaxlevel:2;" data-ls-slidein="1" data-ls-slideout="1"></div>
</div>
<div class="ls-wrapper ls-in-out" data-slide-index="1"
style="z-index: 103; margin-left: 0px; margin-top: 0px; width: 466.667px; height: 64.4444px; left: 170px; top: 180px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);">
<h2
style="top: 180px; left: 170px; font-weight: 700; font-size: 55.5556px; font-family: Helvetica; color: rgb(255, 255, 255); margin: 0px; z-index: auto; width: 466.667px; height: 64.4444px; padding: 0px; border-width: 0px; border-radius: 0px; letter-spacing: 0px;"
class="ls-layer" data-ls-slidein="1" data-ls-slideout="1"> #SEEtheCHANGE </h2>
</div>
<div class="ls-wrapper ls-in-out" data-slide-index="1"
style="z-index: 104; margin-left: 0px; margin-top: 0px; width: 184.444px; height: 45.5556px; left: 307.778px; top: 255.556px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);"><img
src="https://www.kona-ice.com/images/learn_more_btn.png" class="ls-layer" alt=""
style="top: 255.556px; left: 307.778px; margin: 0px; z-index: auto; width: 184.444px; height: 45.5556px; padding: 0px; border-width: 0px; border-radius: 0px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);"
data-ls="hover:true; hoverrotate:2; hoverscalex:1.1; hoverscaley:1.1;" data-ls-slidein="1" data-ls-slideout="1"><a href="/SEEtheCHANGE/" class="ls-layer-link"></a></div>
<div class="ls-wrapper ls-in-out" data-slide-index="1"
style="z-index: 105; margin-left: 0px; margin-top: 0px; width: 184.444px; height: 46.6667px; left: 307.778px; top: 314.444px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);"><img
src="https://www.kona-ice.com/images/watch_btn.png" class="ls-layer" alt=""
style="top: 314.444px; left: 307.778px; margin: 0px; z-index: auto; width: 184.444px; height: 46.6667px; padding: 0px; border-width: 0px; border-radius: 0px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);"
data-ls="hover:true; hoverrotate:2; hoverscalex:1.1; hoverscaley:1.1;" data-ls-slidein="1" data-ls-slideout="1"><a class="ls-layer-link" href="#" id="playme3" onclick="revealVideo('SEEtheCHANGE','youtube3')"></a></div>
</div>
</div>
<div class="ls-gui-element ls-loading-container" style="display: none;">
<div class="ls-loading-indicator"></div>
</div>
<div class="ls-gui-element ls-shadow" data-ls-parallax="disabled"></div>
</div>
</div>
</div>
<div class="half-width ls-direction-fix">
<!-- Slider HTML markup -->
<div class="ls-fullscreen-wrapper">
<div id="sliderFlavorwave" style="width: 800px; height: 500px; margin: 0px auto; position: relative; visibility: visible;" data-layerslider-uid="LStnddy8au9" class="ls-fullwidth ls-container ls-responsive ls-device-is-desktop"
data-current-slide="1">
<!-- Slide 1-->
<div class="ls-inner" style="background: none transparent;">
<div class="ls-layers">
<div class="ls-background-videos"></div>
<div class="ls-slide-backgrounds">
<div class="ls-wrapper ls-bg-outer" data-slide-index="1" style="z-index: 1; width: 800px; height: 500px;">
<div class="ls-wrapper ls-bg-wrap" style="background-color: transparent; display: block; opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0);"><img src="https://www.kona-ice.com/images/flavorwave_bkgd.png" class="ls-bg" alt=""
style="margin: 0px; z-index: auto; width: 889px; height: 500px; padding: 0px; border-width: 0px; border-radius: 0px; x: 0px; y: 0px; transform: translateX(0px) translateY(0px); filter: none;" data-ls-slidein="1"
data-ls-slideout="1"></div>
</div>
</div>
<div class="ls-wrapper ls-parallax" data-slide-index="1" data-ls-parallax="active" style="z-index: 102; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);">
<div class="ls-wrapper ls-in-out" style="margin-left: 0px; margin-top: 0px; width: 594.444px; height: 627.778px; left: -168.889px; top: -81.1111px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);"><img
src="https://www.kona-ice.com/images/boy.png" class="ls-layer" alt="" style="top: -81.1111px; left: -168.889px; width: 594.444px; height: 627.778px; margin: 0px; z-index: auto; padding: 0px; border-width: 0px; border-radius: 0px;"
data-ls="offsetxin:left; parallax:true; parallaxlevel:2;" data-ls-slidein="1" data-ls-slideout="1"></div>
</div>
<div class="ls-wrapper ls-in-out" data-slide-index="1"
style="z-index: 103; margin-left: 0px; margin-top: 0px; width: 383.333px; height: 64.4444px; left: 207.778px; top: 180px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);">
<h2
style="top: 180px; left: 207.778px; font-weight: 700; font-size: 55.5556px; font-family: Helvetica; color: rgb(255, 255, 255); margin: 0px; z-index: auto; width: 383.333px; height: 64.4444px; padding: 0px; border-width: 0px; border-radius: 0px; letter-spacing: 0px;"
class="ls-layer" data-ls-slidein="1" data-ls-slideout="1"> FLAVORWAVE </h2>
</div>
<div class="ls-wrapper ls-in-out" data-slide-index="1"
style="z-index: 104; margin-left: 0px; margin-top: 0px; width: 184.444px; height: 45.5556px; left: 307.778px; top: 255.556px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);"><img
src="https://www.kona-ice.com/images/learn_more_btn.png" class="ls-layer" alt=""
style="top: 255.556px; left: 307.778px; margin: 0px; z-index: auto; width: 184.444px; height: 45.5556px; padding: 0px; border-width: 0px; border-radius: 0px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);"
data-ls="hover:true; hoverrotate:2; hoverscalex:1.1; hoverscaley:1.1;" data-ls-slidein="1" data-ls-slideout="1"><a href="/flavorwave/" class="ls-layer-link"></a></div>
<div class="ls-wrapper ls-in-out" data-slide-index="1"
style="z-index: 105; margin-left: 0px; margin-top: 0px; width: 184.444px; height: 46.6667px; left: 307.778px; top: 314.444px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);"><img
src="https://www.kona-ice.com/images/watch_btn.png" class="ls-layer" alt=""
style="top: 314.444px; left: 307.778px; margin: 0px; z-index: auto; width: 184.444px; height: 46.6667px; padding: 0px; border-width: 0px; border-radius: 0px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);"
data-ls="hover:true; hoverrotate:2; hoverscalex:1.1; hoverscaley:1.1;" data-ls-slidein="1" data-ls-slideout="1"><a class="ls-layer-link" href="#" id="playme4" onclick="revealVideo('flavorwave','youtube4')"></a></div>
</div>
</div>
<div class="ls-gui-element ls-loading-container" style="display: none;">
<div class="ls-loading-indicator"></div>
</div>
<div class="ls-gui-element ls-shadow" data-ls-parallax="disabled"></div>
</div>
</div>
</div>
<div id="nutrition" class="lightbox" onclick="hideVideo('nutrition','youtube1')" style="z-index: 9999999999999;">
<div class="lightbox-container">
<div class="lightbox-content">
<a href="#" onclick="hideVideo('nutrition','youtube1')" class="lightbox-close">
Close | ✕
</a>
<div class="video-container">
<iframe id="youtube1" width="960" height="540" src="https://www.youtube.com/embed/ZfvkVpX3z-Y?showinfo=0&rel=0" frameborder="0" allow="accelerometer; autoplay;" allowfullscreen=""></iframe>
</div>
</div>
</div>
</div>
<div class="clear"></div>
<div id="giveback" class="lightbox" onclick="hideVideo('giveback','youtube2')" style="z-index: 9999999999999;">
<div class="lightbox-container">
<div class="lightbox-content">
<a href="#" onclick="hideVideo('giveback','youtube2')" class="lightbox-close">
Close | ✕
</a>
<div class="video-container">
<iframe id="youtube2" width="960" height="540" src="https://www.youtube.com/embed/CWvXgLk1cgo?showinfo=0&rel=0" frameborder="0" allow="accelerometer; autoplay;" allowfullscreen=""></iframe>
</div>
</div>
</div>
</div>
<div class="clear"></div>
<div id="SEEtheCHANGE" class="lightbox" onclick="hideVideo('SEEtheCHANGE','youtube3')" style="z-index: 9999999999999;">
<div class="lightbox-container">
<div class="lightbox-content">
<a href="#" onclick="hideVideo('SEEtheCHANGE','youtube3')" class="lightbox-close">
Close | ✕
</a>
<div class="video-container">
<iframe id="youtube3" width="960" height="540" src="https://www.youtube.com/embed/K0XAGYyBW9M?showinfo=0&rel=0" frameborder="0" allow="accelerometer; autoplay;" allowfullscreen=""></iframe>
</div>
</div>
</div>
</div>
<div class="clear"></div>
<div id="flavorwave" class="lightbox" onclick="hideVideo('flavorwave','youtube4')" style="z-index: 9999999999999;">
<div class="lightbox-container">
<div class="lightbox-content">
<a href="#" onclick="hideVideo('flavorwave','youtube4')" class="lightbox-close">
Close | ✕
</a>
<div class="video-container">
<iframe id="youtube4" width="960" height="540" src="https://www.youtube.com/embed/ZfvkVpX3z-Y?showinfo=0&rel=0" frameborder="0" allow="accelerometer; autoplay;" allowfullscreen=""></iframe>
</div>
</div>
</div>
</div>
<div class="clear"></div>
<!-- Initializing the slider -->
<script type="text/javascript">
$(document).ready(function() {
/*$('#sliderPopup').layerSlider({
sliderVersion: '6.7.6',
type: 'popup',
autoStart: false,
startInViewport: false,
pauseOnHover: 'disabled',
keybNav: false,
touchNav: false,
forceCycles: false,
skin: 'noskin',
globalBGSize: 'cover',
navPrevNext: false,
hoverPrevNext: false,
navStartStop: false,
navButtons: false,
showCircleTimer: false,
popupCloseOnTimeout: 5,
popupShowOnTimeout: 1,
popupShowOnce: false,
popupDistanceLeft: 30,
popupDistanceRight: 30,
popupDistanceTop: 30,
popupDistanceBottom: 30,
popupDurationIn: 500,
popupDelayIn: 0,
popupTransitionOut: 'spin',
skinsPath: '/layerslider/skins/',
plugins: ["popup"]
});*/
$('#slider').layerSlider({
sliderVersion: '6.7.6',
responsiveUnder: 1200,
allowFullscreen: false,
hideUnder: 481,
hideOver: 100000,
skin: 'roundedflat',
globalBGColor: '#ffffff',
navStartStop: false,
skinsPath: '/layerslider/skins/'
});
$('#mobile-slider').layerSlider({
sliderVersion: '6.7.6',
responsiveUnder: 1200,
allowFullscreen: false,
hideOver: 480,
skin: 'roundedflat',
globalBGColor: '#ffffff',
navStartStop: false,
skinsPath: '/layerslider/skins/'
});
$('#sliderSpecials').layerSlider({
createdWith: '6.7.6',
sliderVersion: '6.7.6',
type: 'fullwidth',
allowFullscreen: false,
skin: 'fullwidth',
globalBGImage: 'images/home-specials/chill-out-day-edit.jpg',
globalBGAttachment: 'fixed',
globalBGSize: '100% 100%',
skinsPath: '/layerslider/skins/'
});
$('#sliderNutrition,#sliderGiveback,#sliderChange,#sliderFlavorwave').layerSlider({
createdWith: '6.7.1',
sliderVersion: '6.7.1',
skin: 'fullwidth',
globalBGAttachment: 'fixed',
navPrevNext: false,
hoverPrevNext: false,
navStartStop: false,
navButtons: false,
showCircleTimer: false,
skinsPath: 'layerslider/skins/'
});
});
</script>
<div class="clear"></div>
<div id="footer">
<div class="container-1100">
<div class="left-200">
<a href="/find-a-kona/">Find a Kona</a><br>
<a href="/shaved-ice-franchise/">Shaved Ice Franchise</a><br>
<a href="/about/">About Kona Ice</a><br>
<a href="/hiring/">Work for Kona!</a><br>
<a href="/shaved-ice/">History of Shaved Ice</a><br>
<a href="/contact/">Contact</a><br>
<a href="/pdf/privacy-policy.pdf" target="_blank">Privacy Policy</a><br>
<a href="/pdf/terms-of-service.pdf" target="_blank">Terms of Service</a>
</div>
<div class="left-200">
<a href="/fruit-first/">Fruit First</a><br>
<a href="/flavorwave/">Flavorwave</a><br>
<a href="/giveback-programs/">Giveback Programs</a><br>
<a href="/kev/">The KEV</a><br>
<a href="/kiosk/">The Kiosk</a><br>
<a href="/mini/">The mini</a><br>
<a href="/island-rush/">Island Rush</a><br>
<a href="/ice-cream-truck/">Ice Cream Truck?</a>
</div>
<div class="left-200">
<a href="/schools/">Schools</a><br>
<a href="/fundraisers/">Fundraisers</a><br>
<a href="/sports/">Sports</a><br>
<a href="/daycares/">Daycares</a><br>
<a href="/corporate/">Corporate</a><br>
<a href="/events/">Events</a><br>
<a href="/parties/">Parties</a>
</div>
<div class="left-200">
<a href="/food-truck/">Food Truck</a><br>
<a href="/dessert-catering/">Dessert Catering</a><br>
<a href="/wedding-catering/">Wedding Catering</a><br>
<a href="/festival-vendors/">Festival Vendors</a><br>
<a href="/fundraising-ideas/">Fundraising Ideas</a>
</div>
<div class="left-200">
<a href="https://www.ownakona.com/" target="_blank">OwnaKona.com</a><br>
<a href="/SEEtheCHANGE/">#SeeTheChange</a><br>
<a href="https://www.facebook.com/konaiceexperience" target="_blank">Facebook</a><br>
<a href="https://twitter.com/konaice" target="_blank">Twitter</a><br>
<a href="https://www.youtube.com/user/KonaIceExperience" target="_blank">Youtube</a><br>
<a href="https://instagram.com/konaice" target="_blank">Instagram</a>
</div>
<div class="franchisee-login">
<img src="/images/kona_ice_grey_logo.png" alt="Kona Ice" width="100%"><br>
<br>
<a href="/login.aspx"><img src="/images/franchisee_login_btn.png" alt="Franchisee Login"></a><br><br><a href="http://kona-ice.ca" target="_blank"><img src="/images/global/ca-flag.jpg" alt="Canada Site" height="20"></a>
</div>
<div class="clear"></div>
<div style="text-align: center;">
<br>
<br> Kona Ice® Production. Enjoy the Experience. <br>
<br> Our intellectual property is protected by the following U.S. Patents:<br> 8,157,136 April 7, 2012 <br> 9,321,387 April 26, 2016<br> 9,751,447 September 5, 2017 <br>
<br> site maintained by <a href="https://www.cincinnatiwebtec.com" target="_blank">Web Design Company WebTec</a>
</div>
</div>
</div>
<div style="background-color: #1a1a1a; height: 50px; display: block;"></div>
<script type="text/javascript">
$('.slide').on('click', function() {
$('#fade-in').toggleClass('show');
});
$('.event-slide').on('click', function() {
$('#event-fade-in').toggleClass('show');
});
</script>
<script src="/js/index.js"></script>
<!-- Google Code for Remarketing Tag -->
<!--------------------------------------------------
Remarketing tags may not be associated with personally identifiable information or placed on pages related to sensitive categories. See more information and instructions on how to setup the tag on: http://google.com/ads/remarketingsetup
--------------------------------------------------->
<script type="text/javascript">
/* <![CDATA[ */
var google_conversion_id = 1005623637;
var google_custom_params = window.google_tag_params;
var google_remarketing_only = true;
/* ]]> */
</script>
<script type="text/javascript" src="//www.googleadservices.com/pagead/conversion.js">
</script>
<noscript>
<div style="display:inline;">
<img height="1" width="1" style="border-style:none;" alt="" src="//googleads.g.doubleclick.net/pagead/viewthroughconversion/1005623637/?value=0&guid=ON&script=0">
</div>
</noscript>
<!--LinkedIn Ads old removed 3/4/20-->
<!--<script type="text/javascript">
_linkedin_partner_id = "1298260";
window._linkedin_data_partner_ids = window._linkedin_data_partner_ids || [];
window._linkedin_data_partner_ids.push(_linkedin_partner_id);
</script><script type="text/javascript">
(function(){var s = document.getElementsByTagName("script")[0];
var b = document.createElement("script");
b.type = "text/javascript";b.async = true;
b.src = "https://snap.licdn.com/li.lms-analytics/insight.min.js";
s.parentNode.insertBefore(b, s);})();
</script>
<noscript>
<img height="1" width="1" style="display:none;" alt="" src="https://px.ads.linkedin.com/collect/?pid=1298260&fmt=gif" />
</noscript>-->
<!--LinkedIn Ads-->
<script type="text/javascript">
_linkedin_partner_id = "1906812";
window._linkedin_data_partner_ids = window._linkedin_data_partner_ids || [];
window._linkedin_data_partner_ids.push(_linkedin_partner_id);
</script>
<script type="text/javascript">
(function() {
var s = document.getElementsByTagName("script")[0];
var b = document.createElement("script");
b.type = "text/javascript";
b.async = true;
b.src = "https://snap.licdn.com/li.lms-analytics/insight.min.js";
s.parentNode.insertBefore(b, s);
})();
</script> <noscript> <img height="1" width="1" style="display:none;" alt="" src="https://px.ads.linkedin.com/collect/?pid=1906812&fmt=gif"> </noscript>
<script type="text/javascript">
//<![CDATA[
var theForm = document.forms['form1'];
if (!theForm) {
theForm = document.form1;
}
function __doPostBack(eventTarget, eventArgument) {
if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
theForm.__EVENTTARGET.value = eventTarget;
theForm.__EVENTARGUMENT.value = eventArgument;
theForm.submit();
}
}
//]]>
</script>
<script src="/WebResource.axd?d=pynGkmcFUV13He1Qd6_TZCgzzFIOKHb3MDS0ysxdL-0HwSBU0pFxvwHhQw7QEQbFrfM52KxB4rG9B0yzfH6pfA2&t=637453780939909757" type="text/javascript"></script>
</form>Text Content
Put the flavor on yourself! Choose one or all ten - the decision is yours! LEARN MORE FLAVORWAVE ® Try our all new Kona Krafted flavor line! It's designed for a more sophisticated palate. LEARN MORE KRAFTED Put the flavor on yourself! Choose one or all ten - the decision is yours! LEARN MORE FLAVORWAVE ® Try our all new Kona Krafted flavor line! It's designed for a more sophisticated palate. LEARN MORE KRAFTED * Schools * Fundraisers * Sports * Daycares * Corporate * Events * Parties * Find Kona * Nutrition * Flavorwave * Giveback * Join the Team * Events * Ownakona * Contact WE ARE We're mobile. We're fun. We're stocked with the most delicious flavors you've ever tasted! LEARN MORE For booking inquiries, nutrition & allergy questions, sponsorship requests, fundraising options, and/or any other local information, please click the search below. SEARCH We think something can be delicious and nutritious! Which is why we have two different types of Konas - Vita-Blend and Fruit First. Learn more below! LEARN MORE NUTRITION WE ARE We're mobile. We're fun. We're stocked with the most delicious flavors you've ever tasted! LEARN MORE For booking inquiries, nutrition & allergy questions, sponsorship requests, fundraising options, and/or any other local information, please click the search below. SEARCH We think something can be delicious and nutritious! Which is why we have two different types of Konas - Vita-Blend and Fruit First. Learn more below! LEARN MORE NUTRITION Looking for a Kona truck? You've come to the right place! With over 1,000 trucks in 48 states,you're bound to find one. Enter the zip code where your event will be taking place! WIN AN AWESOME FREE T-SHIRT! HERE IS HOW! NUTRITION GIVEBACK #SEETHECHANGE FLAVORWAVE Close | ✕ Close | ✕ Close | ✕ Close | ✕ Find a Kona Shaved Ice Franchise About Kona Ice Work for Kona! History of Shaved Ice Contact Privacy Policy Terms of Service Fruit First Flavorwave Giveback Programs The KEV The Kiosk The mini Island Rush Ice Cream Truck? Schools Fundraisers Sports Daycares Corporate Events Parties Food Truck Dessert Catering Wedding Catering Festival Vendors Fundraising Ideas OwnaKona.com #SeeTheChange Facebook Twitter Youtube Instagram Kona Ice® Production. Enjoy the Experience. Our intellectual property is protected by the following U.S. Patents: 8,157,136 April 7, 2012 9,321,387 April 26, 2016 9,751,447 September 5, 2017 site maintained by Web Design Company WebTec