drinkcirkul.com
Open in
urlscan Pro
23.227.38.32
Public Scan
Submitted URL: https://cirkul.net/
Effective URL: https://drinkcirkul.com/
Submission: On February 14 via api from US — Scanned from US
Effective URL: https://drinkcirkul.com/
Submission: On February 14 via api from US — Scanned from US
Form analysis 9 forms found in the DOM
<form novalidate="" data-abide="0jexdr-abide" data-newsletter-signup-form="">
<label for="email" class="hide">Email Address</label>
<div class="input-group">
<input class="input-group-field" name="emailAddress" type="email" id="email" placeholder="Your Email" required="">
<div class="input-group-button">
<button type="submit" class="button">
<img src="//drinkcirkul.com/cdn/shop/files/2021-submit-arrow.svg?v=99064018637792798" alt="Submit">
</button>
</div>
</div>
</form><form onsubmit="return false;" data-flavor-quiz-modal-form="INITIAL">
<div class="step-1-inner"
data-interchange="[//drinkcirkul.com/cdn/shop/files/2024-flavor-quiz-initial-background-mobile.png?v=7197438022898822603, xsmall], [//drinkcirkul.com/cdn/shop/files/2024-flavor-quiz-initial-background-desktop.png?v=4230684443496576751, medium]"
style="background-image: url("//drinkcirkul.com/cdn/shop/files/2024-flavor-quiz-initial-background-desktop.png?v=4230684443496576751");">
<h2>
<strong> You Bring The Water,<br class="show-for-medium">
<span class="no-wrap">We Have</span> <span class="no-wrap">The Flavors.</span>
</strong> Let us help you find your favorites.
</h2>
<div data-optimizely-flavor-quiz-initial-step="control">
<h3>Don't know where <span class="no-wrap">to begin?</span></h3>
<p class="info"> Share a little bit about your favorite flavors, and <strong>Cirkul</strong> will kickstart your awesome hydration journey <strong>PLUS</strong> earn <strong>10% off</strong>! </p>
<button class="button get-started" id="flavor-quiz-INITIAL-continue" type="button" data-skip-collect-email="">Get Started</button>
<p class="free-flavor-notice"> Get a <strong>FREE</strong> flavor with your <span class="no-wrap">first order!*</span>
<small>*Applicable on first orders <span class="no-wrap">$15 or more</span></small>
</p>
</div>
<p class="email-prompt hide" data-optimizely-flavor-quiz-initial-step="email-first"> Before you begin...<br> Enter your email to unlock a FREE flavor! </p>
<fieldset class="hide" data-optimizely-flavor-quiz-initial-step="email-first">
<label for="email">Email Address</label>
<input type="email" name="email" placeholder="example@hotmail.com" aria-label="Email Address" required="">
<button id="flavor-quiz-INITIAL-email-submit" class="button" type="submit" name="SUBMIT_EMAIL">Get My Free Flavor</button>
<button id="flavor-quiz-INITIAL-email-maybe-later" class="no-thanks" type="button" data-skip-collect-email="">Maybe Later</button>
</fieldset>
</div>
</form><form class="step-form step-form--demographic hide" onsubmit="return false;" data-flavor-quiz-modal-form="DEMOGRAPHIC">
<div class="grid-container">
<div class="grid-x">
<div class="cell content-cell">
<ul class="step-navigation">
<li><button class="current-step" type="button" disabled="">Shopping For</button></li>
<li><button type="button" disabled="">Flavor Categories</button></li>
<li><button type="button" disabled="">Flavor Results</button></li>
<li><button type="button" disabled="">Add Bottles</button></li>
</ul>
<h2>I am selecting these <span class="no-wrap">flavors for...</span></h2>
<fieldset class="grid-x">
<legend>Select all that apply:</legend>
<label class="cell xsmall-12 medium-shrink">
<input type="checkbox" name="demographic" value="adults">
<div class="checkbox-display">
<img src="//drinkcirkul.com/cdn/shop/files/2024-flavor-quiz-adult-icon.svg?v=3576769261613320277" alt="">
<span>Adult(s)</span>
</div>
</label>
<label class="cell xsmall-12 medium-shrink">
<input type="checkbox" name="demographic" value="children">
<div class="checkbox-display">
<img src="//drinkcirkul.com/cdn/shop/files/2024-flavor-quiz-children-icon.svg?v=15791296629444531237" alt="">
<span>Children</span>
</div>
</label>
<label class="cell xsmall-12 medium-shrink">
<input type="checkbox" name="demographic" value="all">
<div class="checkbox-display">
<img src="//drinkcirkul.com/cdn/shop/files/2024-flavor-quiz-family-icon.svg?v=1429974477113208667" alt="">
<span>All of the Above</span>
</div>
</label>
</fieldset>
<h3>Why we ask?</h3>
<p> Some of our flavors contain caffeine. <strong>By selecting for kids, we include in our selection fun flavors from Wild Splash (<em>caffeine free</em>) that kids will enjoy!</strong>
</p>
<button id="flavor-quiz-DEMOGRAPHIC-continue" class="button" type="submit" disabled="">Continue</button>
</div>
</div>
</div>
</form><form class="step-form step-form--flavor-categories hide" onsubmit="return false;" data-flavor-quiz-modal-form="FLAVOR_CATEGORIES">
<div class="grid-container">
<div class="grid-x">
<div class="cell content-cell">
<ul class="step-navigation">
<li><button class="previous-step" type="button" disabled="">Shopping For</button></li>
<li><button class="current-step" type="button" disabled="">Flavor Categories</button></li>
<li><button type="button" disabled="">Flavor Results</button></li>
<li><button type="button" disabled="">Add Bottles</button></li>
</ul>
<h2>Which beverages do you drink <span class="no-wrap">most often?</span></h2>
<div class="progress-bar hide-for-medium" data-flavor-quiz-modal-flavors-progress-bar="">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="24" viewBox="0 0 10 24" fill="none" data-flavor-quiz-modal-flavors-progress-bar-icon="">
<path class="recolorable-icon" fill="#fff"
d="M7.743 8.17h1.25a.41.41 0 0 0 .411-.41V6.422a.41.41 0 0 0-.41-.41H.41a.41.41 0 0 0-.41.41V7.76c0 .227.184.41.41.41h1.25l.243 12.458a2.801 2.801 0 0 0 2.786 2.733 2.8 2.8 0 0 0 2.787-2.728L7.743 8.17ZM.41 5.603h8.584a.41.41 0 0 0 .41-.41c0-1.132-.993-2.054-2.212-2.054h-.097V1.617a.41.41 0 0 0-.41-.41H2.72a.41.41 0 0 0-.41.41v1.522h-.098C.992 3.139 0 4.06 0 5.193c0 .226.184.41.41.41ZM2.72 0a.41.41 0 0 0 0 .82h3.963a.41.41 0 0 0 0-.82H2.72Z">
</path>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="24" viewBox="0 0 10 24" fill="none" data-flavor-quiz-modal-flavors-progress-bar-icon="">
<path class="recolorable-icon" fill="#fff"
d="M7.743 8.17h1.25a.41.41 0 0 0 .411-.41V6.422a.41.41 0 0 0-.41-.41H.41a.41.41 0 0 0-.41.41V7.76c0 .227.184.41.41.41h1.25l.243 12.458a2.801 2.801 0 0 0 2.786 2.733 2.8 2.8 0 0 0 2.787-2.728L7.743 8.17ZM.41 5.603h8.584a.41.41 0 0 0 .41-.41c0-1.132-.993-2.054-2.212-2.054h-.097V1.617a.41.41 0 0 0-.41-.41H2.72a.41.41 0 0 0-.41.41v1.522h-.098C.992 3.139 0 4.06 0 5.193c0 .226.184.41.41.41ZM2.72 0a.41.41 0 0 0 0 .82h3.963a.41.41 0 0 0 0-.82H2.72Z">
</path>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="24" viewBox="0 0 10 24" fill="none" data-flavor-quiz-modal-flavors-progress-bar-icon="">
<path class="recolorable-icon" fill="#fff"
d="M7.743 8.17h1.25a.41.41 0 0 0 .411-.41V6.422a.41.41 0 0 0-.41-.41H.41a.41.41 0 0 0-.41.41V7.76c0 .227.184.41.41.41h1.25l.243 12.458a2.801 2.801 0 0 0 2.786 2.733 2.8 2.8 0 0 0 2.787-2.728L7.743 8.17ZM.41 5.603h8.584a.41.41 0 0 0 .41-.41c0-1.132-.993-2.054-2.212-2.054h-.097V1.617a.41.41 0 0 0-.41-.41H2.72a.41.41 0 0 0-.41.41v1.522h-.098C.992 3.139 0 4.06 0 5.193c0 .226.184.41.41.41ZM2.72 0a.41.41 0 0 0 0 .82h3.963a.41.41 0 0 0 0-.82H2.72Z">
</path>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="24" viewBox="0 0 10 24" fill="none" data-flavor-quiz-modal-flavors-progress-bar-icon="">
<path class="recolorable-icon" fill="#fff"
d="M7.743 8.17h1.25a.41.41 0 0 0 .411-.41V6.422a.41.41 0 0 0-.41-.41H.41a.41.41 0 0 0-.41.41V7.76c0 .227.184.41.41.41h1.25l.243 12.458a2.801 2.801 0 0 0 2.786 2.733 2.8 2.8 0 0 0 2.787-2.728L7.743 8.17ZM.41 5.603h8.584a.41.41 0 0 0 .41-.41c0-1.132-.993-2.054-2.212-2.054h-.097V1.617a.41.41 0 0 0-.41-.41H2.72a.41.41 0 0 0-.41.41v1.522h-.098C.992 3.139 0 4.06 0 5.193c0 .226.184.41.41.41ZM2.72 0a.41.41 0 0 0 0 .82h3.963a.41.41 0 0 0 0-.82H2.72Z">
</path>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="24" viewBox="0 0 10 24" fill="none" data-flavor-quiz-modal-flavors-progress-bar-icon="">
<path class="recolorable-icon" fill="#fff"
d="M7.743 8.17h1.25a.41.41 0 0 0 .411-.41V6.422a.41.41 0 0 0-.41-.41H.41a.41.41 0 0 0-.41.41V7.76c0 .227.184.41.41.41h1.25l.243 12.458a2.801 2.801 0 0 0 2.786 2.733 2.8 2.8 0 0 0 2.787-2.728L7.743 8.17ZM.41 5.603h8.584a.41.41 0 0 0 .41-.41c0-1.132-.993-2.054-2.212-2.054h-.097V1.617a.41.41 0 0 0-.41-.41H2.72a.41.41 0 0 0-.41.41v1.522h-.098C.992 3.139 0 4.06 0 5.193c0 .226.184.41.41.41ZM2.72 0a.41.41 0 0 0 0 .82h3.963a.41.41 0 0 0 0-.82H2.72Z">
</path>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="24" viewBox="0 0 10 24" fill="none" data-flavor-quiz-modal-flavors-progress-bar-icon="">
<path class="recolorable-icon" fill="#fff"
d="M7.743 8.17h1.25a.41.41 0 0 0 .411-.41V6.422a.41.41 0 0 0-.41-.41H.41a.41.41 0 0 0-.41.41V7.76c0 .227.184.41.41.41h1.25l.243 12.458a2.801 2.801 0 0 0 2.786 2.733 2.8 2.8 0 0 0 2.787-2.728L7.743 8.17ZM.41 5.603h8.584a.41.41 0 0 0 .41-.41c0-1.132-.993-2.054-2.212-2.054h-.097V1.617a.41.41 0 0 0-.41-.41H2.72a.41.41 0 0 0-.41.41v1.522h-.098C.992 3.139 0 4.06 0 5.193c0 .226.184.41.41.41ZM2.72 0a.41.41 0 0 0 0 .82h3.963a.41.41 0 0 0 0-.82H2.72Z">
</path>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="24" viewBox="0 0 10 24" fill="none" data-flavor-quiz-modal-flavors-progress-bar-icon="">
<path class="recolorable-icon" fill="#fff"
d="M7.743 8.17h1.25a.41.41 0 0 0 .411-.41V6.422a.41.41 0 0 0-.41-.41H.41a.41.41 0 0 0-.41.41V7.76c0 .227.184.41.41.41h1.25l.243 12.458a2.801 2.801 0 0 0 2.786 2.733 2.8 2.8 0 0 0 2.787-2.728L7.743 8.17ZM.41 5.603h8.584a.41.41 0 0 0 .41-.41c0-1.132-.993-2.054-2.212-2.054h-.097V1.617a.41.41 0 0 0-.41-.41H2.72a.41.41 0 0 0-.41.41v1.522h-.098C.992 3.139 0 4.06 0 5.193c0 .226.184.41.41.41ZM2.72 0a.41.41 0 0 0 0 .82h3.963a.41.41 0 0 0 0-.82H2.72Z">
</path>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="24" viewBox="0 0 10 24" fill="none" data-flavor-quiz-modal-flavors-progress-bar-icon="">
<path class="recolorable-icon" fill="#fff"
d="M7.743 8.17h1.25a.41.41 0 0 0 .411-.41V6.422a.41.41 0 0 0-.41-.41H.41a.41.41 0 0 0-.41.41V7.76c0 .227.184.41.41.41h1.25l.243 12.458a2.801 2.801 0 0 0 2.786 2.733 2.8 2.8 0 0 0 2.787-2.728L7.743 8.17ZM.41 5.603h8.584a.41.41 0 0 0 .41-.41c0-1.132-.993-2.054-2.212-2.054h-.097V1.617a.41.41 0 0 0-.41-.41H2.72a.41.41 0 0 0-.41.41v1.522h-.098C.992 3.139 0 4.06 0 5.193c0 .226.184.41.41.41ZM2.72 0a.41.41 0 0 0 0 .82h3.963a.41.41 0 0 0 0-.82H2.72Z">
</path>
</svg>
</div>
<fieldset class="grid-x">
<legend>Select all that apply:</legend>
<label class="cell xsmall-12 medium-shrink">
<input type="checkbox" name="flavorCategories" value="flavoredWater" data-category-color="#2AADBF">
<div class="checkbox-display" style="--checkbox-background-color: #2AADBF;">
<img src="//drinkcirkul.com/cdn/shop/files/2024-flavor-quiz-flavored-water-icon.png?v=11466028745740575480" alt="">
<span>Flavored Water</span>
</div>
</label>
<label class="cell xsmall-12 medium-shrink">
<input type="checkbox" name="flavorCategories" value="sportsDrinks" data-category-color="#E56C38">
<div class="checkbox-display" style="--checkbox-background-color: #E56C38;">
<img src="//drinkcirkul.com/cdn/shop/files/2024-flavor-quiz-sports-drinks-icon.png?v=1869156246909746227" alt="">
<span>Sports Drinks</span>
</div>
</label>
<label class="cell xsmall-12 medium-shrink" data-flavor-quiz-category-not-for-kids="">
<input type="checkbox" name="flavorCategories" value="coffee" data-category-color="#3146FF">
<div class="checkbox-display" style="--checkbox-background-color: #3146FF;">
<img src="//drinkcirkul.com/cdn/shop/files/2024-flavor-quiz-coffee-icon.png?v=7012704614314878541" alt="">
<span>Coffee</span>
</div>
</label>
<label class="cell xsmall-12 medium-shrink">
<input type="checkbox" name="flavorCategories" value="juice" data-category-color="#E15ED4">
<div class="checkbox-display" style="--checkbox-background-color: #E15ED4;">
<img src="//drinkcirkul.com/cdn/shop/files/2024-flavor-quiz-juice-icon.png?v=5279063560211014925" alt="">
<span>Juice</span>
</div>
</label>
<label class="cell xsmall-12 medium-shrink" data-flavor-quiz-category-not-for-kids="">
<input type="checkbox" name="flavorCategories" value="tea" data-category-color="#2FA565">
<div class="checkbox-display" style="--checkbox-background-color: #2FA565;">
<img src="//drinkcirkul.com/cdn/shop/files/2024-flavor-quiz-tea-icon.png?v=17112346593027496726" alt="">
<span>Tea</span>
</div>
</label>
<label class="cell xsmall-12 medium-shrink">
<input type="checkbox" name="flavorCategories" value="soda" data-category-color="#F25858">
<div class="checkbox-display" style="--checkbox-background-color: #F25858;">
<img src="//drinkcirkul.com/cdn/shop/files/2024-flavor-quiz-soda-icon.png?v=6707368480551214608" alt="">
<span>Soda</span>
</div>
</label>
<label class="cell xsmall-12 medium-shrink">
<input type="checkbox" name="flavorCategories" value="forKids" data-category-color="#546FCE">
<div class="checkbox-display" style="--checkbox-background-color: #546FCE;">
<img src="//drinkcirkul.com/cdn/shop/files/2024-flavor-quiz-for-kids-icon.png?v=14598754619784226507" alt="">
<span>For Kids</span>
</div>
</label>
<label class="cell xsmall-12 medium-shrink" data-flavor-quiz-category-not-for-kids="">
<input type="checkbox" name="flavorCategories" value="energyDrinks" data-category-color="#8638E5">
<div class="checkbox-display" style="--checkbox-background-color: #8638E5;">
<img src="//drinkcirkul.com/cdn/shop/files/2024-flavor-quiz-energy-drinks-icon.png?v=5491126787579180290" alt="">
<span>Energy Drinks</span>
</div>
</label>
</fieldset>
<h3>Why we ask?</h3>
<p>With over 100 options, Cirkul offers a world of possibilities! Share your flavor preferences, and begin your journey to hydration happiness!</p>
<div class="bottom-bar">
<div class="progress-bar show-for-medium" data-flavor-quiz-modal-flavors-progress-bar="">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="24" viewBox="0 0 10 24" fill="none" data-flavor-quiz-modal-flavors-progress-bar-icon="">
<path class="recolorable-icon" fill="#fff"
d="M7.743 8.17h1.25a.41.41 0 0 0 .411-.41V6.422a.41.41 0 0 0-.41-.41H.41a.41.41 0 0 0-.41.41V7.76c0 .227.184.41.41.41h1.25l.243 12.458a2.801 2.801 0 0 0 2.786 2.733 2.8 2.8 0 0 0 2.787-2.728L7.743 8.17ZM.41 5.603h8.584a.41.41 0 0 0 .41-.41c0-1.132-.993-2.054-2.212-2.054h-.097V1.617a.41.41 0 0 0-.41-.41H2.72a.41.41 0 0 0-.41.41v1.522h-.098C.992 3.139 0 4.06 0 5.193c0 .226.184.41.41.41ZM2.72 0a.41.41 0 0 0 0 .82h3.963a.41.41 0 0 0 0-.82H2.72Z">
</path>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="24" viewBox="0 0 10 24" fill="none" data-flavor-quiz-modal-flavors-progress-bar-icon="">
<path class="recolorable-icon" fill="#fff"
d="M7.743 8.17h1.25a.41.41 0 0 0 .411-.41V6.422a.41.41 0 0 0-.41-.41H.41a.41.41 0 0 0-.41.41V7.76c0 .227.184.41.41.41h1.25l.243 12.458a2.801 2.801 0 0 0 2.786 2.733 2.8 2.8 0 0 0 2.787-2.728L7.743 8.17ZM.41 5.603h8.584a.41.41 0 0 0 .41-.41c0-1.132-.993-2.054-2.212-2.054h-.097V1.617a.41.41 0 0 0-.41-.41H2.72a.41.41 0 0 0-.41.41v1.522h-.098C.992 3.139 0 4.06 0 5.193c0 .226.184.41.41.41ZM2.72 0a.41.41 0 0 0 0 .82h3.963a.41.41 0 0 0 0-.82H2.72Z">
</path>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="24" viewBox="0 0 10 24" fill="none" data-flavor-quiz-modal-flavors-progress-bar-icon="">
<path class="recolorable-icon" fill="#fff"
d="M7.743 8.17h1.25a.41.41 0 0 0 .411-.41V6.422a.41.41 0 0 0-.41-.41H.41a.41.41 0 0 0-.41.41V7.76c0 .227.184.41.41.41h1.25l.243 12.458a2.801 2.801 0 0 0 2.786 2.733 2.8 2.8 0 0 0 2.787-2.728L7.743 8.17ZM.41 5.603h8.584a.41.41 0 0 0 .41-.41c0-1.132-.993-2.054-2.212-2.054h-.097V1.617a.41.41 0 0 0-.41-.41H2.72a.41.41 0 0 0-.41.41v1.522h-.098C.992 3.139 0 4.06 0 5.193c0 .226.184.41.41.41ZM2.72 0a.41.41 0 0 0 0 .82h3.963a.41.41 0 0 0 0-.82H2.72Z">
</path>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="24" viewBox="0 0 10 24" fill="none" data-flavor-quiz-modal-flavors-progress-bar-icon="">
<path class="recolorable-icon" fill="#fff"
d="M7.743 8.17h1.25a.41.41 0 0 0 .411-.41V6.422a.41.41 0 0 0-.41-.41H.41a.41.41 0 0 0-.41.41V7.76c0 .227.184.41.41.41h1.25l.243 12.458a2.801 2.801 0 0 0 2.786 2.733 2.8 2.8 0 0 0 2.787-2.728L7.743 8.17ZM.41 5.603h8.584a.41.41 0 0 0 .41-.41c0-1.132-.993-2.054-2.212-2.054h-.097V1.617a.41.41 0 0 0-.41-.41H2.72a.41.41 0 0 0-.41.41v1.522h-.098C.992 3.139 0 4.06 0 5.193c0 .226.184.41.41.41ZM2.72 0a.41.41 0 0 0 0 .82h3.963a.41.41 0 0 0 0-.82H2.72Z">
</path>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="24" viewBox="0 0 10 24" fill="none" data-flavor-quiz-modal-flavors-progress-bar-icon="">
<path class="recolorable-icon" fill="#fff"
d="M7.743 8.17h1.25a.41.41 0 0 0 .411-.41V6.422a.41.41 0 0 0-.41-.41H.41a.41.41 0 0 0-.41.41V7.76c0 .227.184.41.41.41h1.25l.243 12.458a2.801 2.801 0 0 0 2.786 2.733 2.8 2.8 0 0 0 2.787-2.728L7.743 8.17ZM.41 5.603h8.584a.41.41 0 0 0 .41-.41c0-1.132-.993-2.054-2.212-2.054h-.097V1.617a.41.41 0 0 0-.41-.41H2.72a.41.41 0 0 0-.41.41v1.522h-.098C.992 3.139 0 4.06 0 5.193c0 .226.184.41.41.41ZM2.72 0a.41.41 0 0 0 0 .82h3.963a.41.41 0 0 0 0-.82H2.72Z">
</path>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="24" viewBox="0 0 10 24" fill="none" data-flavor-quiz-modal-flavors-progress-bar-icon="">
<path class="recolorable-icon" fill="#fff"
d="M7.743 8.17h1.25a.41.41 0 0 0 .411-.41V6.422a.41.41 0 0 0-.41-.41H.41a.41.41 0 0 0-.41.41V7.76c0 .227.184.41.41.41h1.25l.243 12.458a2.801 2.801 0 0 0 2.786 2.733 2.8 2.8 0 0 0 2.787-2.728L7.743 8.17ZM.41 5.603h8.584a.41.41 0 0 0 .41-.41c0-1.132-.993-2.054-2.212-2.054h-.097V1.617a.41.41 0 0 0-.41-.41H2.72a.41.41 0 0 0-.41.41v1.522h-.098C.992 3.139 0 4.06 0 5.193c0 .226.184.41.41.41ZM2.72 0a.41.41 0 0 0 0 .82h3.963a.41.41 0 0 0 0-.82H2.72Z">
</path>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="24" viewBox="0 0 10 24" fill="none" data-flavor-quiz-modal-flavors-progress-bar-icon="">
<path class="recolorable-icon" fill="#fff"
d="M7.743 8.17h1.25a.41.41 0 0 0 .411-.41V6.422a.41.41 0 0 0-.41-.41H.41a.41.41 0 0 0-.41.41V7.76c0 .227.184.41.41.41h1.25l.243 12.458a2.801 2.801 0 0 0 2.786 2.733 2.8 2.8 0 0 0 2.787-2.728L7.743 8.17ZM.41 5.603h8.584a.41.41 0 0 0 .41-.41c0-1.132-.993-2.054-2.212-2.054h-.097V1.617a.41.41 0 0 0-.41-.41H2.72a.41.41 0 0 0-.41.41v1.522h-.098C.992 3.139 0 4.06 0 5.193c0 .226.184.41.41.41ZM2.72 0a.41.41 0 0 0 0 .82h3.963a.41.41 0 0 0 0-.82H2.72Z">
</path>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="24" viewBox="0 0 10 24" fill="none" data-flavor-quiz-modal-flavors-progress-bar-icon="">
<path class="recolorable-icon" fill="#fff"
d="M7.743 8.17h1.25a.41.41 0 0 0 .411-.41V6.422a.41.41 0 0 0-.41-.41H.41a.41.41 0 0 0-.41.41V7.76c0 .227.184.41.41.41h1.25l.243 12.458a2.801 2.801 0 0 0 2.786 2.733 2.8 2.8 0 0 0 2.787-2.728L7.743 8.17ZM.41 5.603h8.584a.41.41 0 0 0 .41-.41c0-1.132-.993-2.054-2.212-2.054h-.097V1.617a.41.41 0 0 0-.41-.41H2.72a.41.41 0 0 0-.41.41v1.522h-.098C.992 3.139 0 4.06 0 5.193c0 .226.184.41.41.41ZM2.72 0a.41.41 0 0 0 0 .82h3.963a.41.41 0 0 0 0-.82H2.72Z">
</path>
</svg>
</div>
<button id="flavor-quiz-FLAVOR_CATEGORIES-go-back" class="go-back" type="button" data-go-back="DEMOGRAPHIC">Back</button>
<button id="flavor-quiz-FLAVOR_CATEGORIES-continue" class="button" type="submit" disabled="">Continue</button>
</div>
</div>
</div>
</div>
</form><form class="step-form step-form--flavor-results hide" onsubmit="return false;" data-flavor-quiz-modal-form="FLAVOR_RESULTS">
<div class="grid-container">
<div class="grid-x">
<div class="cell content-cell">
<ul class="step-navigation">
<li><button class="previous-step" type="button" disabled="">Shopping For</button></li>
<li><button class="previous-step" type="button" disabled="">Flavor Categories</button></li>
<li><button class="current-step" type="button" disabled="">Flavor Results</button></li>
<li><button type="button" disabled="">Add Bottles</button></li>
</ul>
<h2>Your results are in!</h2>
<p>Based on your one-of-a-kind taste buds - these tasty treats are calling your name!</p>
<button id="flavor-quiz-FLAVOR_RESULTS-continue-upper" class="button hide-for-medium" type="submit"> Confirm |<span class="price" data-flavor-results-price-display="">$0.00</span>
</button>
<fieldset class="grid-x">
<legend>Click to replace a flavor:</legend>
<div class="cell shrink" data-flavor-result-product="">
<label>
<select name="flavors[1]" data-flavor-result-select="0">
<!-- Will be populated with options by data-flavor-quiz-modal.js -->
</select>
<img class="dropdown-indicator" src="//drinkcirkul.com/cdn/shop/files/2024-flavor-quiz-dropdown-icon.svg?v=11494030616077666209" alt="Dropdown Indicator">
<img class="flavor-image" src="" alt="" data-flavor-result-image="">
<!-- ^ Will have src set by data-flavor-quiz-modal.js -->
</label>
<span class="product-title">
<strong data-flavor-result-brand=""><!-- Will be populated by data-flavor-quiz-modal.js --></strong>
<span data-flavor-result-title=""><!-- Will be populated by data-flavor-quiz-modal.js --></span>
</span>
</div>
<div class="cell shrink" data-flavor-result-product="">
<label>
<select name="flavors[2]" data-flavor-result-select="1">
<!-- Will be populated with options by data-flavor-quiz-modal.js -->
</select>
<img class="dropdown-indicator" src="//drinkcirkul.com/cdn/shop/files/2024-flavor-quiz-dropdown-icon.svg?v=11494030616077666209" alt="Dropdown Indicator">
<img class="flavor-image" src="" alt="" data-flavor-result-image="">
<!-- ^ Will have src set by data-flavor-quiz-modal.js -->
</label>
<span class="product-title">
<strong data-flavor-result-brand=""><!-- Will be populated by data-flavor-quiz-modal.js --></strong>
<span data-flavor-result-title=""><!-- Will be populated by data-flavor-quiz-modal.js --></span>
</span>
</div>
<div class="cell shrink" data-flavor-result-product="">
<label>
<select name="flavors[3]" data-flavor-result-select="2">
<!-- Will be populated with options by data-flavor-quiz-modal.js -->
</select>
<img class="dropdown-indicator" src="//drinkcirkul.com/cdn/shop/files/2024-flavor-quiz-dropdown-icon.svg?v=11494030616077666209" alt="Dropdown Indicator">
<img class="flavor-image" src="" alt="" data-flavor-result-image="">
<!-- ^ Will have src set by data-flavor-quiz-modal.js -->
</label>
<span class="product-title">
<strong data-flavor-result-brand=""><!-- Will be populated by data-flavor-quiz-modal.js --></strong>
<span data-flavor-result-title=""><!-- Will be populated by data-flavor-quiz-modal.js --></span>
</span>
</div>
<div class="cell shrink" data-flavor-result-product="">
<label>
<select name="flavors[4]" data-flavor-result-select="3">
<!-- Will be populated with options by data-flavor-quiz-modal.js -->
</select>
<img class="dropdown-indicator" src="//drinkcirkul.com/cdn/shop/files/2024-flavor-quiz-dropdown-icon.svg?v=11494030616077666209" alt="Dropdown Indicator">
<img class="flavor-image" src="" alt="" data-flavor-result-image="">
<!-- ^ Will have src set by data-flavor-quiz-modal.js -->
</label>
<span class="product-title">
<strong data-flavor-result-brand=""><!-- Will be populated by data-flavor-quiz-modal.js --></strong>
<span data-flavor-result-title=""><!-- Will be populated by data-flavor-quiz-modal.js --></span>
</span>
</div>
<div class="cell shrink" data-flavor-result-product="">
<label>
<select name="flavors[5]" data-flavor-result-select="4">
<!-- Will be populated with options by data-flavor-quiz-modal.js -->
</select>
<img class="dropdown-indicator" src="//drinkcirkul.com/cdn/shop/files/2024-flavor-quiz-dropdown-icon.svg?v=11494030616077666209" alt="Dropdown Indicator">
<img class="flavor-image" src="" alt="" data-flavor-result-image="">
<!-- ^ Will have src set by data-flavor-quiz-modal.js -->
</label>
<span class="product-title">
<strong data-flavor-result-brand=""><!-- Will be populated by data-flavor-quiz-modal.js --></strong>
<span data-flavor-result-title=""><!-- Will be populated by data-flavor-quiz-modal.js --></span>
</span>
</div>
<div class="cell shrink" data-flavor-result-product="">
<label>
<select name="flavors[6]" data-flavor-result-select="5">
<!-- Will be populated with options by data-flavor-quiz-modal.js -->
</select>
<img class="dropdown-indicator" src="//drinkcirkul.com/cdn/shop/files/2024-flavor-quiz-dropdown-icon.svg?v=11494030616077666209" alt="Dropdown Indicator">
<img class="flavor-image" src="" alt="" data-flavor-result-image="">
<!-- ^ Will have src set by data-flavor-quiz-modal.js -->
</label>
<span class="product-title">
<strong data-flavor-result-brand=""><!-- Will be populated by data-flavor-quiz-modal.js --></strong>
<span data-flavor-result-title=""><!-- Will be populated by data-flavor-quiz-modal.js --></span>
</span>
</div>
<div class="cell shrink" data-flavor-result-product="">
<label>
<select name="flavors[7]" data-flavor-result-select="6">
<!-- Will be populated with options by data-flavor-quiz-modal.js -->
</select>
<img class="dropdown-indicator" src="//drinkcirkul.com/cdn/shop/files/2024-flavor-quiz-dropdown-icon.svg?v=11494030616077666209" alt="Dropdown Indicator">
<img class="flavor-image" src="" alt="" data-flavor-result-image="">
<!-- ^ Will have src set by data-flavor-quiz-modal.js -->
</label>
<span class="product-title">
<strong data-flavor-result-brand=""><!-- Will be populated by data-flavor-quiz-modal.js --></strong>
<span data-flavor-result-title=""><!-- Will be populated by data-flavor-quiz-modal.js --></span>
</span>
</div>
<div class="cell shrink" data-flavor-result-product="">
<label>
<select name="flavors[8]" data-flavor-result-select="7">
<!-- Will be populated with options by data-flavor-quiz-modal.js -->
</select>
<img class="dropdown-indicator" src="//drinkcirkul.com/cdn/shop/files/2024-flavor-quiz-dropdown-icon.svg?v=11494030616077666209" alt="Dropdown Indicator">
<img class="flavor-image" src="" alt="" data-flavor-result-image="">
<!-- ^ Will have src set by data-flavor-quiz-modal.js -->
</label>
<span class="product-title">
<strong data-flavor-result-brand=""><!-- Will be populated by data-flavor-quiz-modal.js --></strong>
<span data-flavor-result-title=""><!-- Will be populated by data-flavor-quiz-modal.js --></span>
</span>
</div>
</fieldset>
<button id="flavor-quiz-FLAVOR_RESULTS-continue-lower" class="button" type="submit">Confirm |<span class="price" data-flavor-results-price-display="">$0.00</span></button>
<button id="flavor-quiz-FLAVOR_RESULTS-reset-quiz" class="button reset-quiz" type="submit" name="RESET_QUIZ">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25" fill="none">
<mask id="a" width="25" height="25" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:alpha">
<path fill="#D9D9D9" d="M.5.5h24v24H.5z"></path>
</mask>
<g mask="url(#a)">
<path class="recolorable-icon" fill="#00A3E0"
d="M12.5 22.5c-1.25 0-2.42-.238-3.512-.712a9.149 9.149 0 0 1-2.85-1.925 9.147 9.147 0 0 1-1.925-2.85A8.707 8.707 0 0 1 3.5 13.5h2c0 1.95.68 3.604 2.037 4.962C8.896 19.822 10.55 20.5 12.5 20.5c1.95 0 3.604-.68 4.962-2.038C18.822 17.104 19.5 15.45 19.5 13.5c0-1.95-.68-3.604-2.038-4.963C16.104 7.18 14.45 6.5 12.5 6.5h-.15l1.55 1.55-1.4 1.45-4-4 4-4 1.4 1.45-1.55 1.55h.15c1.25 0 2.42.237 3.512.713a9.147 9.147 0 0 1 2.85 1.925 9.149 9.149 0 0 1 1.926 2.85A8.707 8.707 0 0 1 21.5 13.5c0 1.25-.238 2.42-.712 3.512a9.148 9.148 0 0 1-1.925 2.85 9.148 9.148 0 0 1-2.85 1.926 8.707 8.707 0 0 1-3.513.712Z">
</path>
</g>
</svg> Reset Quiz </button>
</div>
</div>
</div>
</form><form class="step-form step-form--add-bottles hide" onsubmit="return false;" data-flavor-quiz-modal-form="ADD_BOTTLES">
<div class="grid-container">
<div class="grid-x">
<div class="cell content-cell">
<ul class="step-navigation">
<li><button class="previous-step" type="button" disabled="">Shopping For</button></li>
<li><button class="previous-step" type="button" disabled="">Flavor Categories</button></li>
<li><button class="previous-step" type="button" disabled="">Flavor Results</button></li>
<li><button class="current-step" type="button" disabled="">Add Bottles</button></li>
</ul>
<h2>Before we send you on <span class="no-wrap">your way!</span></h2>
<p>Would you like to add a bottle(s)?</p>
<div class="grid-x">
<div class="image-cell cell medium-shrink show-for-medium">
<img src="" alt="" data-add-bottle-preview-image="">
<!-- src and alt will be populated by data-flavor-quiz-modal.js -->
</div>
<fieldset class="details-cell cell xsmall-12 medium-auto">
<legend>Customize your bottle:</legend>
<div class="bottle-type-radios">
<input id="flavor-quiz-bottle-type-switch-1" type="radio" name="bottleType" value="plastic" checked="true" required="">
<label for="flavor-quiz-bottle-type-switch-1">Plastic</label>
<input id="flavor-quiz-bottle-type-switch-2" type="radio" name="bottleType" value="metal" required="">
<label for="flavor-quiz-bottle-type-switch-2">Stainless</label>
<div class="switch-paddle" data-bottle-type-switch-panel=""></div>
</div>
<div class="bottle-image hide-for-medium">
<img src="" alt="" data-add-bottle-preview-image="">
<!-- src and alt will be populated by data-flavor-quiz-modal.js -->
</div>
<div class="bottle-description show-for-medium" data-add-bottle-product-description="">
<!-- Will be populated by data-flavor-quiz-modal.js -->
</div>
<div class="bottle-selects">
<label>
<span>Size</span>
<select name="bottleSize">
<!-- Will be populated by data-flavor-quiz-modal.js -->
</select>
</label>
<label data-add-product-bottle-variant-select="">
<span>Bottle</span>
<select name="bottleVariantId">
<!-- Will be populated by data-flavor-quiz-modal.js -->
</select>
</label>
</div>
<div class="bottle-quantity-and-submit">
<label>
<span>Quantity</span>
<input type="number" name="bottleQuantity" value="1" min="1" step="1">
</label>
<button id="flavor-quiz-ADD_BOTTLES-add-to-cart" class="button" type="submit" name="ADD_BOTTLE"> Add To Cart |<span class="price" data-add-bottle-price-display="">$0.00</span>
</button>
</div>
<div class="bottle-description hide-for-medium" data-add-bottle-product-description="">
<!-- Will be populated by data-flavor-quiz-modal.js -->
</div>
</fieldset>
</div>
<div class="bottom-bar">
<button id="flavor-quiz-ADD_BOTTLES-already-have-bottle" class="already-have-bottle" type="submit" data-add-bottle-skip="">I Already Have A Bottle</button>
<button id="flavor-quiz-ADD_BOTTLES-continue" class="button continue hide" type="submit" data-add-bottle-continue="">Next</button>
</div>
</div>
</div>
</div>
</form><form class="step-form step-form--collect-email hide" onsubmit="return false;" data-flavor-quiz-modal-form="COLLECT_EMAIL"
style="background-image: url(//drinkcirkul.com/cdn/shop/files/2024-flavor-quiz-email-background-desktop.png?v=3770946317077565191);">
<div class="grid-x step-grid">
<div class="cell email-cell xsmall-12 medium-6" data-email-cell="">
<div class="email-cell-inner" data-email-cell-inner="">
<img src="//drinkcirkul.com/cdn/shop/files/2024-flavor-quiz-your-water-your-way.png?v=16782422609945165889" alt="Your Water. Your Way.®"
data-interchange="[//drinkcirkul.com/cdn/shop/files/2024-flavor-quiz-your-water-your-way-blue.png?v=17811938423996836204, xsmall], [//drinkcirkul.com/cdn/shop/files/2024-flavor-quiz-your-water-your-way.png?v=16782422609945165889, medium]">
<h2 class="unsubmitted-header" data-show-when-email-unsubmitted="">Don't miss out on a <span class="no-wrap">FREE Flavor!</span></h2>
<p class="unsubmitted-text" data-show-when-email-unsubmitted="">Enter your email to unlock!</p>
<h2 class="submitted-header hide" data-show-when-email-submitted="">Congratulations! 🎉</h2>
<p class="submitted-text hide" data-show-when-email-submitted="">Now choose your free flavor!</p>
<fieldset data-show-when-email-unsubmitted="">
<label for="email">Email Address</label>
<input type="email" name="email" placeholder="example@hotmail.com" aria-label="Email Address" required="">
<button id="flavor-quiz-COLLECT_EMAIL-submit" class="button" type="submit" name="SUBMIT_EMAIL">Submit</button>
<button id="flavor-quiz-COLLECT_EMAIL-no-thanks" class="no-thanks" type="button" data-skip-collect-email="">No Thanks</button>
</fieldset>
</div>
</div>
<div class="cell free-sip-cell xsmall-12 medium-6 free-sip-disabled" data-free-sip-cell="">
<div class="free-sip-cell-inner" data-free-sip-cell-inner="">
<div class="grid-x options-grid">
<div class="cell shrink option-cell">
<h5 class="benefit">
<img src="//drinkcirkul.com/cdn/shop/files/newsletter-modal-icon-shield.svg?v=5544231392553978928" alt="" width="12" height="12" loading="lazy"> B-Vitamins
</h5>
<img class="newsletter-sip" src="//drinkcirkul.com/cdn/shop/files/new-newsletter-lifesip-fruit-punch.jpg?v=13509682693871440009" alt="">
<p> LifeSip<br>
<span class="flavor-name">Fruit Punch</span>
</p>
<button id="flavor-quiz-COLLECT_EMAIL-lifesip-fruit-punch" type="submit" class="button" name="SELECT_FREE_SIP" data-newsletter-modal-line-choice="lifesip-fruit-punch"
data-choice-image-url="//drinkcirkul.com/cdn/shop/files/newsletter-lifesip-fruit-punch.jpg?v=17605279928450065294" data-choice-title="Fruit Punch" data-choice-brand="LifeSip" data-choice-sku="CX1PKLIFEFP" disabled=""> Select </button>
</div>
<div class="cell shrink option-cell">
<h5 class="benefit">
<img src="//drinkcirkul.com/cdn/shop/files/newsletter-modal-icon-caffeine.svg?v=18161746797997895562" alt="" width="12" height="12" loading="lazy"> Caffeine
</h5>
<img class="newsletter-sip" src="//drinkcirkul.com/cdn/shop/files/new-newsletter-gosip-raspberry.jpg?v=11965636228216354169" alt="">
<p> GoSip<br>
<span class="flavor-name">Blue Raspberry</span>
</p>
<button id="flavor-quiz-COLLECT_EMAIL-gosip-blue-raspberry" type="submit" class="button" name="SELECT_FREE_SIP" data-newsletter-modal-line-choice="gosip-blue-raspberry"
data-choice-image-url="//drinkcirkul.com/cdn/shop/files/newsletter-gosip-blue-raspberry.jpg?v=5843591938492782601" data-choice-title="Blue Raspberry" data-choice-brand="GoSip" data-choice-sku="CX1PKGOBRSP" disabled=""> Select </button>
</div>
<div class="cell shrink option-cell">
<h5 class="benefit">
<img src="//drinkcirkul.com/cdn/shop/files/newsletter-modal-icon-caffeine.svg?v=18161746797997895562" alt="" width="12" height="12" loading="lazy"> Caffeine
</h5>
<div>
<img class="newsletter-sip" src="//drinkcirkul.com/cdn/shop/files/new-newsletter-gateway-peach.jpg?v=3934910524964958295" alt="">
<p> Gateway<br>
<span class="flavor-name">Peach Tea</span>
</p>
</div>
<button id="flavor-quiz-COLLECT_EMAIL-gateway-peach-tea" type="submit" class="button" name="SELECT_FREE_SIP" data-newsletter-modal-line-choice="gateway-tea-peach"
data-choice-image-url="//drinkcirkul.com/cdn/shop/files/newsletter-gateway-peach.png?v=12435388937405610250" data-choice-title="Peach Tea" data-choice-brand="Gateway" data-choice-sku="CX1PKGWYTEAPCH" disabled=""> Select </button>
</div>
<div class="cell shrink option-cell">
<h5 class="benefit">
<img src="//drinkcirkul.com/cdn/shop/files/newsletter-modal-icon-electrolytes.svg?v=10398016197397654640" alt="" width="12" height="12" loading="lazy"> Electrolytes
</h5>
<img class="newsletter-sip" src="//drinkcirkul.com/cdn/shop/files/new-newsletter-flyte-hit-stick.jpg?v=17340704318547136620" alt="">
<p> Flyte<br>
<span class="flavor-name">Hit Stick<br> (Mixed Berry)</span>
</p>
<button id="flavor-quiz-COLLECT_EMAIL-flyte-hit-stick" type="submit" class="button" name="SELECT_FREE_SIP" data-newsletter-modal-line-choice="flyte-hit-stick"
data-choice-image-url="//drinkcirkul.com/cdn/shop/files/newsletter-flyte-hit-stick.png?v=3401037879486827204" data-choice-title="Hit Stick (Mixed Berry)" data-choice-brand="Flyte" data-choice-sku="CX1PKFLYHITSTK" disabled=""> Select
</button>
</div>
<div class="cell shrink option-cell">
<h5 class="benefit">
<img src="//drinkcirkul.com/cdn/shop/files/newsletter-modal-icon-caffeine.svg?v=18161746797997895562" alt="" width="12" height="12" loading="lazy"> Caffeine
</h5>
<img class="newsletter-sip" src="//drinkcirkul.com/cdn/shop/files/new-newsletter-inflow-passion-fruit-dragon-fruit.jpg?v=18125718413661459507" alt="">
<p> Inflow<br>
<span class="flavor-name">Passion Fruit<br> Dragon Fruit</span>
</p>
<button id="flavor-quiz-COLLECT_EMAIL-inflow-passion-dragon" type="submit" class="button" name="SELECT_FREE_SIP" data-newsletter-modal-line-choice="inflow-passion-fruit-dragon-fruit"
data-choice-image-url="//drinkcirkul.com/cdn/shop/files/newsletter-inflow-passion-fruit-dragon-fruit.png?v=4797432337338843144" data-choice-title="Passion Fruit Dragon Fruit" data-choice-brand="Inflow Energy"
data-choice-sku="CX1PKINFPASDRG" disabled=""> Select </button>
</div>
<div class="cell shrink option-cell">
<h5 class="benefit">
<img src="//drinkcirkul.com/cdn/shop/files/newsletter-modal-icon-globe.svg?v=10825307018258153166" alt="" width="12" height="12" loading="lazy"> Inspired
</h5>
<img class="newsletter-sip" src="//drinkcirkul.com/cdn/shop/files/new-newsletter-sabrocita-strawberry.jpg?v=3932678912012956735" alt="">
<p> Sabrocita<br>
<span class="flavor-name"> Strawberry <br>
<br>
</span>
</p>
<button id="flavor-quiz-COLLECT_EMAIL-sabrocita-strawberry" type="submit" class="button" name="SELECT_FREE_SIP" data-newsletter-modal-line-choice="sabrocita-strawberry"
data-choice-image-url="//drinkcirkul.com/cdn/shop/files/newsletter-sabrocita-strawberry.png?v=2446468975919127117" data-choice-title="Strawberry" data-choice-brand="Sabrocita" data-choice-sku="CX1PKSABSTR" disabled=""> Select </button>
</div>
</div>
</div>
</div>
</div>
</form><form class="step-form step-form--confirm-items hide" onsubmit="return false;" data-flavor-quiz-modal-form="CONFIRM_ITEMS">
<div class="grid-x">
<div class="cell social-proof-cell medium-6 show-for-medium">
<div class="cell-inner">
<div class="inner-inner">
<h2>The Water Bottle Revolutionizing TikTok</h2>
<p>Join the TikTok hype with Cirkul. Discover why it's the favorite water bottle of the community!</p>
<img src="//drinkcirkul.com/cdn/shop/files/2024-flavor-quiz-tiktok.png?v=18263224059268873569" alt="TikTok Thumbnails">
</div>
</div>
</div>
<div class="cell content-cell xsmall-12 medium-6">
<div class="cell-inner">
<h2>Done!</h2>
<p>Now that you've found your NEW flavors, check out our other products or checkout!</p>
<button id="flavor-quiz-FINAL-checkout" class="button" type="submit">Checkout |<span class="price" data-confirm-items-price-display="">$0.00</span></button>
<button id="flavor-quiz-FINAL-continue-shopping" class="button continue-shopping" type="submit" name="CONTINUE_SHOPPING">Continue Shopping</button>
<section class="summary">
<h3>Summary</h3>
<ul data-confirm-items-list="">
<!-- Will be populated by data-flavor-quiz-modal.js -->
</ul>
</section>
</div>
</div>
</div>
</form><form class="newsletter-modal-form" onsubmit="return false;" data-newsletter-modal-form="free-sip-choose-variant-a">
<div class="grid-x">
<div class="cell xsmall-12 medium-auto content-cell" data-newsletter-modal-form-step="1">
<img class="logo" src="//drinkcirkul.com/cdn/shop/t/4/assets/cirkul-logo.svg?v=159630815144857884411553470545" width="108" height="49" alt="Cirkul Logo">
<img class="background-image hide-for-medium" src="//drinkcirkul.com/cdn/shop/t/4/assets/newsletter-modal-background-mobile.png?v=142785797929633200471668539448" alt="Assorted Cirkul flavors">
<h1>Get a FREE flavor!</h1>
<p>Enter your email below to get a FREE flavor cartridge with your first order<span data-newsletter-modal-variant="A">*</span></p>
<label for="email" class="hide">Email Address</label>
<input type="email" name="email" placeholder="Add your email address..." aria-label="Email Address" required="">
<button class="button" type="submit">Get Your Free Flavor</button>
<div class="newsletter-fine-print">*When you spend $15 or more on your first order</div>
</div>
<div class="cell xsmall-12 medium-auto content-cell hide" data-newsletter-modal-form-step="2">
<img class="logo logo-step-2" src="//drinkcirkul.com/cdn/shop/t/4/assets/cirkul-logo.svg?v=159630815144857884411553470545" width="108" height="49" alt="Cirkul Logo">
<h1>Pick a beverage.</h1>
<p>How do you like to stay hydrated?</p>
<div class="grid-x options-grid new-options-grid">
<div class="cell shrink option-cell">
<h5 class="benefit">
<img src="//drinkcirkul.com/cdn/shop/files/newsletter-modal-icon-shield.svg?v=5544231392553978928" alt="" width="12" height="12" loading="lazy"> B-Vitamins
</h5>
<img class="newsletter-sip" src="//drinkcirkul.com/cdn/shop/files/new-newsletter-lifesip-fruit-punch.jpg?v=13509682693871440009" alt="">
<p> LifeSip<br>
<span class="flavor-name">Fruit Punch</span>
</p>
<button type="submit" class="button" data-newsletter-modal-line-choice="lifesip-fruit-punch" data-choice-image-url="//drinkcirkul.com/cdn/shop/files/newsletter-lifesip-fruit-punch.jpg?v=17605279928450065294" data-choice-title="Fruit Punch"
data-choice-sku="CX1PKLIFEFP"> Select </button>
</div>
<div class="cell shrink option-cell">
<h5 class="benefit">
<img src="//drinkcirkul.com/cdn/shop/files/newsletter-modal-icon-caffeine.svg?v=18161746797997895562" alt="" width="12" height="12" loading="lazy"> Caffeine
</h5>
<img class="newsletter-sip" src="//drinkcirkul.com/cdn/shop/files/new-newsletter-gosip-raspberry.jpg?v=11965636228216354169" alt="">
<p> GoSip<br>
<span class="flavor-name">Blue Raspberry</span>
</p>
<button type="submit" class="button" data-newsletter-modal-line-choice="gosip-blue-raspberry" data-choice-image-url="//drinkcirkul.com/cdn/shop/files/newsletter-gosip-blue-raspberry.jpg?v=5843591938492782601"
data-choice-title="Blue Raspberry" data-choice-sku="CX1PKGOBRSP"> Select </button>
</div>
<div class="cell shrink option-cell">
<h5 class="benefit">
<img src="//drinkcirkul.com/cdn/shop/files/newsletter-modal-icon-caffeine.svg?v=18161746797997895562" alt="" width="12" height="12" loading="lazy"> Caffeine
</h5>
<div>
<img class="newsletter-sip" src="//drinkcirkul.com/cdn/shop/files/new-newsletter-gateway-peach.jpg?v=3934910524964958295" alt="">
<p> Gateway<br>
<span class="flavor-name">Peach Tea</span>
</p>
</div>
<button type="submit" class="button" data-newsletter-modal-line-choice="gateway-tea-peach" data-choice-image-url="//drinkcirkul.com/cdn/shop/files/newsletter-gateway-peach.png?v=12435388937405610250" data-choice-title="Gateway Peach Tea"
data-choice-sku="CX1PKGWYTEAPCH"> Select </button>
</div>
<div class="cell shrink option-cell">
<h5 class="benefit">
<img src="//drinkcirkul.com/cdn/shop/files/newsletter-modal-icon-electrolytes.svg?v=10398016197397654640" alt="" width="12" height="12" loading="lazy"> Electrolytes
</h5>
<img class="newsletter-sip" src="//drinkcirkul.com/cdn/shop/files/new-newsletter-flyte-hit-stick.jpg?v=17340704318547136620" alt="">
<p> Flyte<br>
<span class="flavor-name">Hit Stick<br> (Mixed Berry)</span>
</p>
<button type="submit" class="button" data-newsletter-modal-line-choice="flyte-hit-stick" data-choice-image-url="//drinkcirkul.com/cdn/shop/files/newsletter-flyte-hit-stick.png?v=3401037879486827204" data-choice-title="Hit Stick"
data-choice-sku="CX1PKFLYHITSTK"> Select </button>
</div>
<div class="cell shrink option-cell">
<h5 class="benefit">
<img src="//drinkcirkul.com/cdn/shop/files/newsletter-modal-icon-caffeine.svg?v=18161746797997895562" alt="" width="12" height="12" loading="lazy"> Caffeine
</h5>
<img class="newsletter-sip" src="//drinkcirkul.com/cdn/shop/files/new-newsletter-inflow-passion-fruit-dragon-fruit.jpg?v=18125718413661459507" alt="">
<p> Inflow<br>
<span class="flavor-name">Passion Fruit<br> Dragon Fruit</span>
</p>
<button type="submit" class="button" data-newsletter-modal-line-choice="inflow-passion-fruit-dragon-fruit" data-choice-image-url="//drinkcirkul.com/cdn/shop/files/newsletter-inflow-passion-fruit-dragon-fruit.png?v=4797432337338843144"
data-choice-title="Passion Fruit Dragon Fruit" data-choice-sku="CX1PKINFPASDRG"> Select </button>
</div>
<div class="cell shrink option-cell">
<h5 class="benefit">
<img src="//drinkcirkul.com/cdn/shop/files/newsletter-modal-icon-globe.svg?v=10825307018258153166" alt="" width="12" height="12" loading="lazy"> Inspired
</h5>
<img class="newsletter-sip" src="//drinkcirkul.com/cdn/shop/files/new-newsletter-sabrocita-strawberry.jpg?v=3932678912012956735" alt="">
<p> Sabrocita<br>
<span class="flavor-name"> Strawberry <br>
<br>
</span>
</p>
<button type="submit" class="button" data-newsletter-modal-line-choice="sabrocita-strawberry" data-choice-image-url="//drinkcirkul.com/cdn/shop/files/newsletter-sabrocita-strawberry.png?v=2446468975919127117" data-choice-title="Strawberry"
data-choice-sku="CX1PKSABSTR"> Select </button>
</div>
</div>
</div>
<div class="cell show-for-medium medium-shrink main-image-cell">
<img src="//drinkcirkul.com/cdn/shop/files/newsletter-modal-background-2.jpg?v=13771641473614692276" alt="Assorted Cirkul flavors">
</div>
</div>
</form>Text Content
YOUR BUNDLE
BUNDLE TOTAL
$0.00
10% Off
15% Off
20% Off
25% Off
Spend $25.00 more to unlock 10% off!
Save Even More:
Click Next below and choose Autoship to unlock:
* Extra 10% off this order
* Discounted cartridges
* Convenient reorders of all your favorite flavors
* Pause, delay, or cancel anytime!
Free Shipping on Orders $15+
Next | $0.00
Show Hide 0 Items
SUBTOTAL
$0.00
DISCOUNT
$0.00
Next | $0.00
TRY AUTO-SHIP
& SAVE 10% TODAY!
* Discounted cartridges
* Never run out of your favorite flavors
* Pause, Delay, or Cancel anytime
One-Time Auto Ship 4-Pack $3.75 / Cartridge Auto Ship 6-Pack $3.33 / Cartridge
Auto Ship 8-Pack $3.38 / Cartridge Auto Ship 16-Pack $3.06 / Cartridge Best
Value
PAY TODAY
$0.00 $0.00
NEXT SHIPMENT
$19.99
Checkout
* Log In
* Create Account
* Plans
* Products
* FLVR LAB
* Bottle Drops
* Bundles
* Bottles
* Basics
* Flavors
* Why Cirkul
* Getting Started
* Learn More
* FAQ
* Cirkular
* Account
* Cart
* Help
* Home
* Plans
* Products
* FLVR LAB
* Bottle Drops
* Bundles
* Bottles
* Basics
* Flavors
* LifeSip
* FitSip
* GoSip
* Gateway Tea
* Wild Splash
* Sabrocita
* Inflow Energy
* Flyte
* Squeeze Lemonade
* Fission
* Frosted Refreshers
* Frosted Iced Coffee
* Stage
* Verda
* Puressence
* About
* Why Cirkul
* Getting Started
* Learn More
* FAQ
* Cirkular
* Careers
* Help
* Menu
* Cart 0
* Account
* Cart 0
Try Cirkul
Working...
FINALLY, WATER IS YOUR
FAVORITE BEVERAGE®
Save up to 35% on your first order.
Try Cirkul
YOUR WATER. YOUR WAY®
Choose from over 100+ flavors to dial up or down to find your perfect blend.
In a one size fits all beverage world, Cirkul lets you choose your flavor and
intensity.
Try Cirkul
TASTE THE DIFFERENCE
With Cirkul, your flavor, your enhancements, and your intensity is all in your
hands!
SIP® CARTRIDGES
Each of our 100+ flavors and formulas offer something different to give your
water a boost with zero calories, no sugar, and no artificial colors.
SIP® CARTRIDGES
Each of our 100+ flavors and formulas offer something different to give your
water a boost with zero calories, no sugar, and no artificial colors.
COMFORT-GRIP LID
Our comfort-grip lid features an ergonomic soft colorful rubber that gives you a
fantastic grip when carrying or removing the lid. We've combined it with
ruggedized base plastic that adds the leak-proof barrier and makes cleaning a
breeze.
WATER BOTTLE
Our state of the art water bottles enable you to create unique flavored water
that tastes as good as it is for you.
Try Cirkul
WHAT SIPSTERS SAY!
Check out what these happy Sipsters had to say about hydrating with Cirkul!
* "My preschooler is drinking more water than ever from his 'magic bottle' and
I love that he is staying hydrated without sugar or dyes."
Sara
* "Thank you Cirkul for keeping me hydrated no matter what workout I am trying
to squeeze into my busy schedule. Great taste and convenience - can't be
beat!"
Mae
* "I can't believe the Sips last for 6 bottles! It keeps me hydrated and makes
a great hiking buddy!"
Samantha
* "Cirkul turns my water into a delicious hydrating flavored drink with a twist
of the dial. We love the Strawberry Kiwi flavor!"
Kristin
Testimonial 1 Current Slide Testimonial 2 Testimonial 3 Testimonial 4
FIND YOUR FORMULA
Choose from 13+ brands with different formulas & benefits and enjoy your water
your way with zero calories, no sugar, and no artificial colors.
Hydration Without Compromise
Electrolyte enhanced, stevia-sweetened formula to reach your peak performance.
Be true to you.
Tasty, stevia-sweetened blends that put you in control of your flavor.
A hint of fruit essence in every sip.
Unsweetened touch of fruit flavor to give your water a subtle yet delicious
spin.
Enriched with B-Vitamins to fuel your everyday.
Delicious, Zero Calories,
Vitamin Enhanced
Electrolytes to help keep you in the game.
Replenishing, Zero Calories,
Electrolyte Enriched
A caffeinated kick when you're running on empty.
Energizing, No Sugar,
Caffeine Enhanced
Explore all of life's flavors.
Refreshing, caffeinated Iced Teas that taste like home.
Water has never been this fun.
Flavors kids love and parents feel good about.
Discover internationally inspired tastes.
Deliciously fresh favorites celebrated around the globe.
Continuous progress, effortless energy.
Optimized with Green Tea & Ginger Root extracts, Caffeine, B-Vitamins, and
Taurine to get you in the flow.
It's time to take Flyte.
Packed with electrolytes to fuel your next move.
Squeeze More Out Of Life.
Big, bold, delicious taste blended for you and the next-generation lemonade
drinker.
Rethink Your Energy Drink
Premium body fuel packed with energy for the risk-taker in you.
Exotic tastes for your afternoon escape.
A delightful, fruity treat to serve as your daily refresh.
A sweet kick of confidence.
Sweet, caffeinated Iced Coffee treat always ready to pick you up.
Hydration Without Compromise
Electrolyte enhanced, stevia-sweetened formula to reach your peak performance.
Be true to you.
Tasty, stevia-sweetened blends that put you in control of your flavor.
A hint of fruit essence in every sip.
Unsweetened touch of fruit flavor to give your water a subtle yet delicious
spin.
Enriched with B-Vitamins to fuel your everyday.
Delicious, Zero Calories,
Vitamin Enhanced
Electrolytes to help keep you in the game.
Replenishing, Zero Calories,
Electrolyte Enriched
A caffeinated kick when you're running on empty.
Energizing, No Sugar,
Caffeine Enhanced
* LIVE YOUR HEALTHIEST LIFE - STARTING NOW.
Drink more water with Cirkul and start crushing your hydration goals.
Try Cirkul
* HYDRATION FOR EACH MEMBER OF YOUR FAMILY.
When a bit of flavor makes it easier to drink water, Cirkul is the answer.
Try Cirkul
* HEALTH THROUGH HYDRATION.
Cirkul makes the hydration part of your health plan fun, easy, and delicious.
Try Cirkul
Slide 1 Current Slide Slide 2 Slide 3
SHARE YOUR CIRKUL LOVE WITH US
We believe getting healthy should be easy, convenient and delicious. Impacting
people for the better is at the core of what we do. Let's live our lives and
stay hydrated.
Let's #DrinkCirkul together.
Follow @DrinkCirkul
READY TO GET HYDRATED?
Drink more water with Cirkul and start crushing your hydration goals.
Try Cirkul
JOIN OUR FACEBOOK COMMUNITY
Connect with thousands of Sipsters on their healthy hydration journey.
Join Us
WANT TO KNOW THE LATEST FROM CIRKUL?
Sign up to be first to receive the latest Cirkul news!
Email Address
* Try Cirkul
* Plans
* Products
* How it Works
* Help
* Store Locator
* About
*
* Careers
* Why Cirkul
* FAQ
* Cirkular
* Careers
help@drinkcirkul.com 1-844-4-CIRKUL
*
*
*
*
* Privacy Policy
* Terms of Use
© 2021 Cirkul, Inc.
Exclusive flavors, limited supply. Get ‘em before they're gone.
Take Me There Take Me There
12oz of shatter-proof, BPA-free, hydration magic. Our bottle features ergonomic
styling that fits great in your hand whether you're on the go, at the office, or
at home.
* Material: 100% BPA-free, shatter-proof premium plastic
* Capacity: 12oz
* Ergonomically shaped to fit the contours of your hand, shatter-proof in case
of any drops
22oz of shatter-proof, BPA-free, hydration magic. Our bottle features ergonomic
styling that fits great in your hand whether you're on the go, at the office, or
at home.
* Material: 100% BPA-free, shatter-proof premium plastic
* Capacity: 22oz
* Ergonomically shaped to fit the contours of your hand, shatter-proof in case
of any drops
32oz of shatter-proof, BPA-free, hydration magic. Our bottle features ergonomic
styling that fits great in your hand whether you're on the go, at the office, or
at home.
* Material: 100% BPA-free, shatter-proof premium plastic
* Capacity: 32oz
* Ergonomically shaped to fit the contours of your hand, shatter-proof in case
of any drops
Cirkul's stainless steel bottle keeps your water ice-cold all day long while you
enjoy refreshing, delicious hydration.
* Double walled, insulated stainless steel
* Capacity: 12oz
* Keeps water ice-cold for up to 8 hours (even though we know you'll finish the
entire bottle in 30 minutes when you have any of our delicious flavors
on-hand)
Cirkul's stainless steel bottle keeps your water ice-cold all day long while you
enjoy refreshing, delicious hydration.
* Double walled, insulated stainless steel
* Capacity: 22oz
* Keeps water ice-cold for up to 8 hours (even though we know you'll finish the
entire bottle in 30 minutes when you have any of our delicious flavors
on-hand)
Cirkul's stainless steel bottle keeps your water ice-cold all day long while you
enjoy refreshing, delicious hydration.
* Double walled, insulated stainless steel
* Capacity: 32oz
* Keeps water ice-cold for up to 8 hours (even though we know you'll finish the
entire bottle in 30 minutes when you have any of our delicious flavors
on-hand)
YOU BRING THE WATER,
WE HAVE THE FLAVORS. LET US HELP YOU FIND YOUR FAVORITES.
DON'T KNOW WHERE TO BEGIN?
Share a little bit about your favorite flavors, and Cirkul will kickstart your
awesome hydration journey PLUS earn 10% off!
Get Started
Get a FREE flavor with your first order!* *Applicable on first orders $15 or
more
Before you begin...
Enter your email to unlock a FREE flavor!
Email Address Get My Free Flavor Maybe Later
* Shopping For
* Flavor Categories
* Flavor Results
* Add Bottles
I AM SELECTING THESE FLAVORS FOR...
Select all that apply:
Adult(s)
Children
All of the Above
WHY WE ASK?
Some of our flavors contain caffeine. By selecting for kids, we include in our
selection fun flavors from Wild Splash (caffeine free) that kids will enjoy!
Continue
* Shopping For
* Flavor Categories
* Flavor Results
* Add Bottles
WHICH BEVERAGES DO YOU DRINK MOST OFTEN?
Select all that apply:
Flavored Water
Sports Drinks
Coffee
Juice
Tea
Soda
For Kids
Energy Drinks
WHY WE ASK?
With over 100 options, Cirkul offers a world of possibilities! Share your flavor
preferences, and begin your journey to hydration happiness!
Back Continue
0%
*
*
*
*
* Shopping For
* Flavor Categories
* Flavor Results
* Add Bottles
YOUR RESULTS ARE IN!
Based on your one-of-a-kind taste buds - these tasty treats are calling your
name!
Confirm |$0.00 Click to replace a flavor:
Confirm |$0.00 Reset Quiz
* Shopping For
* Flavor Categories
* Flavor Results
* Add Bottles
BEFORE WE SEND YOU ON YOUR WAY!
Would you like to add a bottle(s)?
Customize your bottle:
Plastic Stainless
Size Bottle
Quantity Add To Cart |$0.00
I Already Have A Bottle Next
DON'T MISS OUT ON A FREE FLAVOR!
Enter your email to unlock!
CONGRATULATIONS! 🎉
Now choose your free flavor!
Email Address Submit No Thanks
B-VITAMINS
LifeSip
Fruit Punch
Select
CAFFEINE
GoSip
Blue Raspberry
Select
CAFFEINE
Gateway
Peach Tea
Select
ELECTROLYTES
Flyte
Hit Stick
(Mixed Berry)
Select
CAFFEINE
Inflow
Passion Fruit
Dragon Fruit
Select
INSPIRED
Sabrocita
Strawberry
Select
THE WATER BOTTLE REVOLUTIONIZING TIKTOK
Join the TikTok hype with Cirkul. Discover why it's the favorite water bottle of
the community!
DONE!
Now that you've found your NEW flavors, check out our other products or
checkout!
Checkout |$0.00 Continue Shopping
SUMMARY
GET A FREE FLAVOR!
Enter your email below to get a FREE flavor cartridge with your first order*
Email Address Get Your Free Flavor
*When you spend $15 or more on your first order
PICK A BEVERAGE.
How do you like to stay hydrated?
B-VITAMINS
LifeSip
Fruit Punch
Select
CAFFEINE
GoSip
Blue Raspberry
Select
CAFFEINE
Gateway
Peach Tea
Select
ELECTROLYTES
Flyte
Hit Stick
(Mixed Berry)
Select
CAFFEINE
Inflow
Passion Fruit
Dragon Fruit
Select
INSPIRED
Sabrocita
Strawberry
Select