<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" prefix="og: http://ogp.me/ns#">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Protect Stick Sunscreen SPF 30 | Beautycounter</title>
<meta name="description" content="Find Protect Stick Sunscreen SPF 30 at Beautycounter.com, and shop our full collection of safer sunscreen, sun protection and skincare." />
<meta name="keywords" content="skin-care, bath-body, family, spf, protect, face, 1-20, en-us" />
<meta name="robots" content="INDEX,FOLLOW" />
<link rel="icon" href="https://cdn.beautycounter.com/media/favicon/default/Beautycounter_B_32x32.gif" type="image/x-icon" />
<link rel="shortcut icon" href="https://cdn.beautycounter.com/media/favicon/default/Beautycounter_B_32x32.gif" type="image/x-icon" />
<script type="text/javascript" src="//fast.fonts.net/jsapi/439f46d2-2cab-4bac-8467-88987d4c454f.js"></script>
<script type="text/javascript" src="//www.youtube.com/iframe_api"></script>
<script type="text/javascript" src="//use.typekit.net/niv7nci.js"></script>
<script type="text/javascript">try{Typekit.load();}catch(e){}</script>
<!--[if lt IE 7]>
<script type="text/javascript">
//<![CDATA[
    var BLANK_URL = 'https://cdn.beautycounter.com/js/blank.html';
    var BLANK_IMG = 'https://cdn.beautycounter.com/js/spacer.gif';
//]]>
</script>
<![endif]-->
<link rel="stylesheet" type="text/css" href="https://cdn.beautycounter.com/media/css/s.97d4a01d558b3985643b781636069caa.1518140626.css" />
<link rel="stylesheet" type="text/css" href="https://cdn.beautycounter.com/media/css/s.9f467a8f56c9858d2c2ed8778a54bf18.1518140626.css" media="all" />
<script type="text/javascript" src="https://cdn.beautycounter.com/media/js/s.98731290bc622b6cb5af54235c59d844.1518140626.js"></script>
<link rel="canonical" href="https://www.beautycounter.com/protect-stick-sunscreen-spf-30-sweet-tooth-face.html" />
<!--[if lt IE 7]>
<script type="text/javascript" src="https://cdn.beautycounter.com/media/js/s.a6832c5e29e401d1f9b1e30f96b95a47.1518140626.js"></script>
<![endif]-->

<script type="text/javascript">
//<![CDATA[
Mage.Cookies.path     = '/';
Mage.Cookies.domain   = '.www.beautycounter.com';
//]]>
</script>
<link rel="apple-touch-icon" sizes="32x32" href="https://cdn.beautycounter.com/media/wysiwyg/Beautycounter_B_32x32.png" />
<link rel="apple-touch-icon" sizes="76x76" href="https://cdn.beautycounter.com/media/wysiwyg/Beautycounter_B_76x76.png" />
<link rel="apple-touch-icon" sizes="120x120" href="https://cdn.beautycounter.com/media/wysiwyg/Beautycounter_B_120x120.png" />
<link rel="apple-touch-icon" sizes="152x152" href="https://cdn.beautycounter.com/media/wysiwyg/Beautycounter_B_152x152.png" />
<link rel="apple-touch-icon" sizes="180x180" href="https://cdn.beautycounter.com/media/wysiwyg/Beautycounter_B_180x180.png" />
<link rel="apple-touch-icon" sizes="196x196" href="https://cdn.beautycounter.com/media/wysiwyg/Beautycounter_B_196x196.png" />
<script type="text/javascript">
//<![CDATA[
optionalZipCountries = ["HK","IE","MO","PA"];
//]]>
</script>
<style>
	.column-swap-img.home-banner-wrapper, .column-swap-img.simple-promo-banner{
max-width: 990px;
width: 100%;
}
.products-grid .product-flag {
position: absolute;
bottom: 65px;
width: 100%;
text-align: center;
}

.paypal-review-order .legend {
font-weight: bold; /* line 748*/
}
.paypal-review-order .legend a {
text-transform: uppercase;
letter-spacing: 1px;
color: #9d9fa2;
font-size: 10px;
}
.paypal-review-order .buttons-set button.button.no-checkout span, .paypal-review-order .form-buttons button.button.no-checkout  span {
cursor: default;
cursor: not-allowed;
}
</style><script>
	jQuery(function(){
	if( jQuery(window).width() <= 580 ){
jQuery('.nav-mobile-container').height('0');
		jQuery('.mobile-menu-open').on('click',function(){
			jQuery('.nav-mobile-container').height('auto');
		});

		jQuery('.mobile-menu-close').on('click',function(){
		setTimeout(function(){
			jQuery('.nav-mobile-container').height('0');
		}, 2000)
		});
	}
});</script><script type="text/javascript">
(function e(){var e=document.createElement("script");e.type="text/javascript",e.async=true,e.src="//staticw2.yotpo.com/zJqxhvI66bv8hdVJAQZJWJDUm3SPFvbemg6XyiLt/widget.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();
</script><script src="//js.maxmind.com/js/apis/geoip2/v2.1/geoip2.js"></script><script type="text/javascript">
//<![CDATA[
var redirectBrowser = function (site) {
    Mage.Cookies.set('EG', site, new Date(new Date().getTime() + 31536000 * 1000));
    var uri = sites[site];
    if (site != 'default') {
        window.location = uri;
    }
};

var sites = {
"default":"https://www.beautycounter.com/","ca_english":"https://www.beautycounter.com/en-ca/","ca_french":"https://www.beautycounter.com/fr-ca/",};
var defaultSite = "default";

var onSuccess = function (geoipResponse) {
    /* There's no guarantee that a successful response object
     * has any particular property, so we need to code defensively. */
    if (!geoipResponse.country.iso_code) {
        if (!Mage.Cookies.get('EG')) {
            redirectBrowser(defaultSite);
        }
        return;
    }

    /* ISO country codes are in upper case. */
    var code = geoipResponse.country.iso_code.toLowerCase();
    code += '_english';

    if (!Mage.Cookies.get('EG')) {
        if (sites[code]) {
            redirectBrowser(code);
        }
        else {
            redirectBrowser(defaultSite);
        }
    } else {
        if (Mage.Cookies.get('EG') != 'default' && 'default' == defaultSite) {
            redirectBrowser(Mage.Cookies.get('EG'));
        } else {
            Mage.Cookies.set('EG', 'default', new Date(new Date().getTime() + 31536000 * 1000));
        }
    }
};

/* We don't really care what the error is, we'll send them
 * to the default site. */
var onError = function (error) {

};

if (typeof geoip2 != "undefined") {
    geoip2.country( onSuccess, onError );
}

var switch_sites = {
    "default":"https://www.beautycounter.com/","ca_english":"https://www.beautycounter.com/en-ca/","ca_french":"https://www.beautycounter.com/fr-ca/",};

// Event delegation for country switcher
jQuery(document).ready(function(){
    jQuery("div.country-links ul li a").click(function(event){
        event.preventDefault();
        var site = jQuery(this).data('site-code');
        Mage.Cookies.set('EG', site, new Date(new Date().getTime() + 31536000 * 1000));
        var switch_uri = switch_sites[site];
        if (site != 'default') {
            window.location = switch_uri;
        }
    });
});
//]]>
</script>
<!--BEGIN SAILTHRU HORIZON & CONCIERGE -->
<script type="text/javascript">
//<![CDATA[
    (function() {
        function loadHorizon() {
            var s = document.createElement('script');
            s.type = 'text/javascript';
            s.async = true;
            s.src = location.protocol + '//ak.sail-horizon.com/horizon/v1.js';
            var x = document.getElementsByTagName('script')[0];
            x.parentNode.insertBefore(s, x);
        }
        loadHorizon();
        var oldOnLoad = window.onload;
        window.onload = function() {
            if (typeof oldOnLoad === 'function') {
                oldOnLoad();
            }
            Sailthru.setup({
                domain: 'horizon.beautycounter.com'             });
        };
    })();
//]]>
</script>
<!-- END SAILTHRU HORIZON & CONCIERGE -->

<!--BEGIN SAILTHRU TAGS-->
<meta name="sailthru.title" content="Protect Stick Sunscreen SPF 30 (Face)" />
<meta name="sailthru.tags" content="skin-care, bath-body, family, spf, protect, face, 1-20, en-us" />
<meta name="sailthru.description" content="&lt;style&gt;&lt;!--
.tab-content p {font-family: 'Times New Roman'; font-size: 12px;}
--&gt;&lt;/style&gt;
&lt;p&gt;
Compact and kid-friendly, Protect Stick Sunscreen SPF 30 (Face) provides mess-free and water-resistant sun protection while on-the-go. Formulated with non-nano zinc oxide, our Protect Stick Sunscreen provides protection from UVA and UVB rays and glides on smoothly without leaving white residue. The delicious aroma comes directly from our ultra-moisturizing and nourishing key ingredient: organic cocoa butter.
&lt;/p&gt;" />
<meta name="sailthru.image.full" content="https://cdn.beautycounter.com/media/catalog/product/cache/1/image/265x/0dc2d03fe217f8c83829496872af24a0/b/c/bc_sunstick-small_selling01_web.jpg" />
<meta name="sailthru.image.thumb" content="https://cdn.beautycounter.com/media/catalog/product/cache/1/thumbnail/50x50/0dc2d03fe217f8c83829496872af24a0/b/c/bc_sunstick-small_selling01_web.jpg" />
<meta name="sailthru.price" content="1800" />
<!--END SAILTHRU TAGS-->

<meta property="og:type" content="product" />
<meta property="og:site_name" content="Beautycounter" />
<meta property="fb:admins" content="100005304965200" />
<meta property="og:title" content="Protect Stick Sunscreen SPF 30 (Face)" />
<meta property="og:url" content="https://www.beautycounter.com/skin-care/sunscreen/protect-stick-sunscreen-spf-30-sweet-tooth-face.html" />
<meta property="og:image" content="https://cdn.beautycounter.com/media/catalog/product/cache/1/image/265x/0dc2d03fe217f8c83829496872af24a0/b/c/bc_sunstick-small_selling01_web.jpg" />
<meta property="og:description" content="Compact and easy to use, our kid-friendly Protect Stick Sunscreen provides water-resistant sun protection for the entire family. Organic ingredients, including coconut oil and acai fruit oil, help to hydrate and protect your skin. Formulated with non-nano zinc oxide, our Stick Sunscreen provides sheer protection from UVA/UVB rays and glides on smoothly without leaving white residue.

Comes in a limited-edition Sweet Tooth scent, a delicious aroma that comes from rich, organic cocoa butter.
" />
<!-- <meta property="og:email" content="info@Beautycounter.com" /> 
<meta property="og:phone_number" content="1-888-988-9108" /> --><script type="text/javascript">//<![CDATA[
        var Translator = new Translate({"Add to Cart":"Add to Bag"});
        //]]></script><script src="//cdn.optimizely.com/js/4127204655.js"></script>
<style>
.collateral-tabs .tab span {
padding: 0 2px 0 0 !important;
}
.col2-left-layout .product-view .box-collateral .products-grid .product-name {
overflow-wrap: normal !important;
}
span.newsletter-desc {
display: none;
}

p.availability.out-of-stock {
display: none;
}

ol#mini-cart {
max-height: 450px;
overflow-y: auto;
}

#search_autocomplete .amount {
display:none !important;
}
/* redesign 2016
@media only screen and (min-width: 1025px) { 
.nav-5-1 {
#display:none !important;
}
}
*/
</style>
<script type="text/javascript">
function replaceVideo () {
var videoModal = document.getElementById("video-modal");
if(videoModal){
videoModal.innerHTML = '<a class=\"pixafy-modal-dismiss\" href=\"#\">close</a> <iframe id=\"autoplayvideo\" src=\"//www.youtube.com/embed/v9nXGVi5VtE?enablejsapi=1\" frameborder=\"0\" width=\"640\" height=\"360\"></iframe>';
}
}
var oldOnLoad = window.onload; 
window.onload = function() { 
  if (typeof oldOnLoad === 'function') { 
    oldOnLoad(); 
  } 
  replaceVideo(); 
}; 
</script>
<!-- Viewport -->
<meta name="viewport" content="width=device-width, user-scalable=no">

<!-- IE Prevent Dev Mode -->
<meta http-equiv="X-UA-Compatible" content="IE=edge" /><script type="text/javascript">(window.NREUM||(NREUM={})).loader_config={xpid:"UwQCVFBQGwYCXVVQBAE="};window.NREUM||(NREUM={}),__nr_require=function(t,n,e){function r(e){if(!n[e]){var o=n[e]={exports:{}};t[e][0].call(o.exports,function(n){var o=t[e][1][n];return r(o||n)},o,o.exports)}return n[e].exports}if("function"==typeof __nr_require)return __nr_require;for(var o=0;o<e.length;o++)r(e[o]);return r}({1:[function(t,n,e){function r(t){try{s.console&&console.log(t)}catch(n){}}var o,i=t("ee"),a=t(15),s={};try{o=localStorage.getItem("__nr_flags").split(","),console&&"function"==typeof console.log&&(s.console=!0,o.indexOf("dev")!==-1&&(s.dev=!0),o.indexOf("nr_dev")!==-1&&(s.nrDev=!0))}catch(c){}s.nrDev&&i.on("internal-error",function(t){r(t.stack)}),s.dev&&i.on("fn-err",function(t,n,e){r(e.stack)}),s.dev&&(r("NR AGENT IN DEVELOPMENT MODE"),r("flags: "+a(s,function(t,n){return t}).join(", ")))},{}],2:[function(t,n,e){function r(t,n,e,r,s){try{p?p-=1:o(s||new UncaughtException(t,n,e),!0)}catch(f){try{i("ierr",[f,c.now(),!0])}catch(d){}}return"function"==typeof u&&u.apply(this,a(arguments))}function UncaughtException(t,n,e){this.message=t||"Uncaught error with no additional information",this.sourceURL=n,this.line=e}function o(t,n){var e=n?null:c.now();i("err",[t,e])}var i=t("handle"),a=t(16),s=t("ee"),c=t("loader"),f=t("gos"),u=window.onerror,d=!1,l="nr@seenError",p=0;c.features.err=!0,t(1),window.onerror=r;try{throw new Error}catch(h){"stack"in h&&(t(8),t(7),"addEventListener"in window&&t(5),c.xhrWrappable&&t(9),d=!0)}s.on("fn-start",function(t,n,e){d&&(p+=1)}),s.on("fn-err",function(t,n,e){d&&!e[l]&&(f(e,l,function(){return!0}),this.thrown=!0,o(e))}),s.on("fn-end",function(){d&&!this.thrown&&p>0&&(p-=1)}),s.on("internal-error",function(t){i("ierr",[t,c.now(),!0])})},{}],3:[function(t,n,e){t("loader").features.ins=!0},{}],4:[function(t,n,e){function r(t){}if(window.performance&&window.performance.timing&&window.performance.getEntriesByType){var o=t("ee"),i=t("handle"),a=t(8),s=t(7),c="learResourceTimings",f="addEventListener",u="resourcetimingbufferfull",d="bstResource",l="resource",p="-start",h="-end",m="fn"+p,w="fn"+h,v="bstTimer",y="pushState",g=t("loader");g.features.stn=!0,t(6);var b=NREUM.o.EV;o.on(m,function(t,n){var e=t[0];e instanceof b&&(this.bstStart=g.now())}),o.on(w,function(t,n){var e=t[0];e instanceof b&&i("bst",[e,n,this.bstStart,g.now()])}),a.on(m,function(t,n,e){this.bstStart=g.now(),this.bstType=e}),a.on(w,function(t,n){i(v,[n,this.bstStart,g.now(),this.bstType])}),s.on(m,function(){this.bstStart=g.now()}),s.on(w,function(t,n){i(v,[n,this.bstStart,g.now(),"requestAnimationFrame"])}),o.on(y+p,function(t){this.time=g.now(),this.startPath=location.pathname+location.hash}),o.on(y+h,function(t){i("bstHist",[location.pathname+location.hash,this.startPath,this.time])}),f in window.performance&&(window.performance["c"+c]?window.performance[f](u,function(t){i(d,[window.performance.getEntriesByType(l)]),window.performance["c"+c]()},!1):window.performance[f]("webkit"+u,function(t){i(d,[window.performance.getEntriesByType(l)]),window.performance["webkitC"+c]()},!1)),document[f]("scroll",r,{passive:!0}),document[f]("keypress",r,!1),document[f]("click",r,!1)}},{}],5:[function(t,n,e){function r(t){for(var n=t;n&&!n.hasOwnProperty(u);)n=Object.getPrototypeOf(n);n&&o(n)}function o(t){s.inPlace(t,[u,d],"-",i)}function i(t,n){return t[1]}var a=t("ee").get("events"),s=t(18)(a,!0),c=t("gos"),f=XMLHttpRequest,u="addEventListener",d="removeEventListener";n.exports=a,"getPrototypeOf"in Object?(r(document),r(window),r(f.prototype)):f.prototype.hasOwnProperty(u)&&(o(window),o(f.prototype)),a.on(u+"-start",function(t,n){var e=t[1],r=c(e,"nr@wrapped",function(){function t(){if("function"==typeof e.handleEvent)return e.handleEvent.apply(e,arguments)}var n={object:t,"function":e}[typeof e];return n?s(n,"fn-",null,n.name||"anonymous"):e});this.wrapped=t[1]=r}),a.on(d+"-start",function(t){t[1]=this.wrapped||t[1]})},{}],6:[function(t,n,e){var r=t("ee").get("history"),o=t(18)(r);n.exports=r,o.inPlace(window.history,["pushState","replaceState"],"-")},{}],7:[function(t,n,e){var r=t("ee").get("raf"),o=t(18)(r),i="equestAnimationFrame";n.exports=r,o.inPlace(window,["r"+i,"mozR"+i,"webkitR"+i,"msR"+i],"raf-"),r.on("raf-start",function(t){t[0]=o(t[0],"fn-")})},{}],8:[function(t,n,e){function r(t,n,e){t[0]=a(t[0],"fn-",null,e)}function o(t,n,e){this.method=e,this.timerDuration=isNaN(t[1])?0:+t[1],t[0]=a(t[0],"fn-",this,e)}var i=t("ee").get("timer"),a=t(18)(i),s="setTimeout",c="setInterval",f="clearTimeout",u="-start",d="-";n.exports=i,a.inPlace(window,[s,"setImmediate"],s+d),a.inPlace(window,[c],c+d),a.inPlace(window,[f,"clearImmediate"],f+d),i.on(c+u,r),i.on(s+u,o)},{}],9:[function(t,n,e){function r(t,n){d.inPlace(n,["onreadystatechange"],"fn-",s)}function o(){var t=this,n=u.context(t);t.readyState>3&&!n.resolved&&(n.resolved=!0,u.emit("xhr-resolved",[],t)),d.inPlace(t,y,"fn-",s)}function i(t){g.push(t),h&&(x?x.then(a):w?w(a):(E=-E,O.data=E))}function a(){for(var t=0;t<g.length;t++)r([],g[t]);g.length&&(g=[])}function s(t,n){return n}function c(t,n){for(var e in t)n[e]=t[e];return n}t(5);var f=t("ee"),u=f.get("xhr"),d=t(18)(u),l=NREUM.o,p=l.XHR,h=l.MO,m=l.PR,w=l.SI,v="readystatechange",y=["onload","onerror","onabort","onloadstart","onloadend","onprogress","ontimeout"],g=[];n.exports=u;var b=window.XMLHttpRequest=function(t){var n=new p(t);try{u.emit("new-xhr",[n],n),n.addEventListener(v,o,!1)}catch(e){try{u.emit("internal-error",[e])}catch(r){}}return n};if(c(p,b),b.prototype=p.prototype,d.inPlace(b.prototype,["open","send"],"-xhr-",s),u.on("send-xhr-start",function(t,n){r(t,n),i(n)}),u.on("open-xhr-start",r),h){var x=m&&m.resolve();if(!w&&!m){var E=1,O=document.createTextNode(E);new h(a).observe(O,{characterData:!0})}}else f.on("fn-end",function(t){t[0]&&t[0].type===v||a()})},{}],10:[function(t,n,e){function r(t){var n=this.params,e=this.metrics;if(!this.ended){this.ended=!0;for(var r=0;r<d;r++)t.removeEventListener(u[r],this.listener,!1);if(!n.aborted){if(e.duration=a.now()-this.startTime,4===t.readyState){n.status=t.status;var i=o(t,this.lastSize);if(i&&(e.rxSize=i),this.sameOrigin){var c=t.getResponseHeader("X-NewRelic-App-Data");c&&(n.cat=c.split(", ").pop())}}else n.status=0;e.cbTime=this.cbTime,f.emit("xhr-done",[t],t),s("xhr",[n,e,this.startTime])}}}function o(t,n){var e=t.responseType;if("json"===e&&null!==n)return n;var r="arraybuffer"===e||"blob"===e||"json"===e?t.response:t.responseText;return h(r)}function i(t,n){var e=c(n),r=t.params;r.host=e.hostname+":"+e.port,r.pathname=e.pathname,t.sameOrigin=e.sameOrigin}var a=t("loader");if(a.xhrWrappable){var s=t("handle"),c=t(11),f=t("ee"),u=["load","error","abort","timeout"],d=u.length,l=t("id"),p=t(14),h=t(13),m=window.XMLHttpRequest;a.features.xhr=!0,t(9),f.on("new-xhr",function(t){var n=this;n.totalCbs=0,n.called=0,n.cbTime=0,n.end=r,n.ended=!1,n.xhrGuids={},n.lastSize=null,p&&(p>34||p<10)||window.opera||t.addEventListener("progress",function(t){n.lastSize=t.loaded},!1)}),f.on("open-xhr-start",function(t){this.params={method:t[0]},i(this,t[1]),this.metrics={}}),f.on("open-xhr-end",function(t,n){"loader_config"in NREUM&&"xpid"in NREUM.loader_config&&this.sameOrigin&&n.setRequestHeader("X-NewRelic-ID",NREUM.loader_config.xpid)}),f.on("send-xhr-start",function(t,n){var e=this.metrics,r=t[0],o=this;if(e&&r){var i=h(r);i&&(e.txSize=i)}this.startTime=a.now(),this.listener=function(t){try{"abort"===t.type&&(o.params.aborted=!0),("load"!==t.type||o.called===o.totalCbs&&(o.onloadCalled||"function"!=typeof n.onload))&&o.end(n)}catch(e){try{f.emit("internal-error",[e])}catch(r){}}};for(var s=0;s<d;s++)n.addEventListener(u[s],this.listener,!1)}),f.on("xhr-cb-time",function(t,n,e){this.cbTime+=t,n?this.onloadCalled=!0:this.called+=1,this.called!==this.totalCbs||!this.onloadCalled&&"function"==typeof e.onload||this.end(e)}),f.on("xhr-load-added",function(t,n){var e=""+l(t)+!!n;this.xhrGuids&&!this.xhrGuids[e]&&(this.xhrGuids[e]=!0,this.totalCbs+=1)}),f.on("xhr-load-removed",function(t,n){var e=""+l(t)+!!n;this.xhrGuids&&this.xhrGuids[e]&&(delete this.xhrGuids[e],this.totalCbs-=1)}),f.on("addEventListener-end",function(t,n){n instanceof m&&"load"===t[0]&&f.emit("xhr-load-added",[t[1],t[2]],n)}),f.on("removeEventListener-end",function(t,n){n instanceof m&&"load"===t[0]&&f.emit("xhr-load-removed",[t[1],t[2]],n)}),f.on("fn-start",function(t,n,e){n instanceof m&&("onload"===e&&(this.onload=!0),("load"===(t[0]&&t[0].type)||this.onload)&&(this.xhrCbStart=a.now()))}),f.on("fn-end",function(t,n){this.xhrCbStart&&f.emit("xhr-cb-time",[a.now()-this.xhrCbStart,this.onload,n],n)})}},{}],11:[function(t,n,e){n.exports=function(t){var n=document.createElement("a"),e=window.location,r={};n.href=t,r.port=n.port;var o=n.href.split("://");!r.port&&o[1]&&(r.port=o[1].split("/")[0].split("@").pop().split(":")[1]),r.port&&"0"!==r.port||(r.port="https"===o[0]?"443":"80"),r.hostname=n.hostname||e.hostname,r.pathname=n.pathname,r.protocol=o[0],"/"!==r.pathname.charAt(0)&&(r.pathname="/"+r.pathname);var i=!n.protocol||":"===n.protocol||n.protocol===e.protocol,a=n.hostname===document.domain&&n.port===e.port;return r.sameOrigin=i&&(!n.hostname||a),r}},{}],12:[function(t,n,e){function r(){}function o(t,n,e){return function(){return i(t,[f.now()].concat(s(arguments)),n?null:this,e),n?void 0:this}}var i=t("handle"),a=t(15),s=t(16),c=t("ee").get("tracer"),f=t("loader"),u=NREUM;"undefined"==typeof window.newrelic&&(newrelic=u);var d=["setPageViewName","setCustomAttribute","setErrorHandler","finished","addToTrace","inlineHit","addRelease"],l="api-",p=l+"ixn-";a(d,function(t,n){u[n]=o(l+n,!0,"api")}),u.addPageAction=o(l+"addPageAction",!0),u.setCurrentRouteName=o(l+"routeName",!0),n.exports=newrelic,u.interaction=function(){return(new r).get()};var h=r.prototype={createTracer:function(t,n){var e={},r=this,o="function"==typeof n;return i(p+"tracer",[f.now(),t,e],r),function(){if(c.emit((o?"":"no-")+"fn-start",[f.now(),r,o],e),o)try{return n.apply(this,arguments)}catch(t){throw c.emit("fn-err",[arguments,this,t],e),t}finally{c.emit("fn-end",[f.now()],e)}}}};a("setName,setAttribute,save,ignore,onEnd,getContext,end,get".split(","),function(t,n){h[n]=o(p+n)}),newrelic.noticeError=function(t){"string"==typeof t&&(t=new Error(t)),i("err",[t,f.now()])}},{}],13:[function(t,n,e){n.exports=function(t){if("string"==typeof t&&t.length)return t.length;if("object"==typeof t){if("undefined"!=typeof ArrayBuffer&&t instanceof ArrayBuffer&&t.byteLength)return t.byteLength;if("undefined"!=typeof Blob&&t instanceof Blob&&t.size)return t.size;if(!("undefined"!=typeof FormData&&t instanceof FormData))try{return JSON.stringify(t).length}catch(n){return}}}},{}],14:[function(t,n,e){var r=0,o=navigator.userAgent.match(/Firefox[\/\s](\d+\.\d+)/);o&&(r=+o[1]),n.exports=r},{}],15:[function(t,n,e){function r(t,n){var e=[],r="",i=0;for(r in t)o.call(t,r)&&(e[i]=n(r,t[r]),i+=1);return e}var o=Object.prototype.hasOwnProperty;n.exports=r},{}],16:[function(t,n,e){function r(t,n,e){n||(n=0),"undefined"==typeof e&&(e=t?t.length:0);for(var r=-1,o=e-n||0,i=Array(o<0?0:o);++r<o;)i[r]=t[n+r];return i}n.exports=r},{}],17:[function(t,n,e){n.exports={exists:"undefined"!=typeof window.performance&&window.performance.timing&&"undefined"!=typeof window.performance.timing.navigationStart}},{}],18:[function(t,n,e){function r(t){return!(t&&t instanceof Function&&t.apply&&!t[a])}var o=t("ee"),i=t(16),a="nr@original",s=Object.prototype.hasOwnProperty,c=!1;n.exports=function(t,n){function e(t,n,e,o){function nrWrapper(){var r,a,s,c;try{a=this,r=i(arguments),s="function"==typeof e?e(r,a):e||{}}catch(f){l([f,"",[r,a,o],s])}u(n+"start",[r,a,o],s);try{return c=t.apply(a,r)}catch(d){throw u(n+"err",[r,a,d],s),d}finally{u(n+"end",[r,a,c],s)}}return r(t)?t:(n||(n=""),nrWrapper[a]=t,d(t,nrWrapper),nrWrapper)}function f(t,n,o,i){o||(o="");var a,s,c,f="-"===o.charAt(0);for(c=0;c<n.length;c++)s=n[c],a=t[s],r(a)||(t[s]=e(a,f?s+o:o,i,s))}function u(e,r,o){if(!c||n){var i=c;c=!0;try{t.emit(e,r,o,n)}catch(a){l([a,e,r,o])}c=i}}function d(t,n){if(Object.defineProperty&&Object.keys)try{var e=Object.keys(t);return e.forEach(function(e){Object.defineProperty(n,e,{get:function(){return t[e]},set:function(n){return t[e]=n,n}})}),n}catch(r){l([r])}for(var o in t)s.call(t,o)&&(n[o]=t[o]);return n}function l(n){try{t.emit("internal-error",n)}catch(e){}}return t||(t=o),e.inPlace=f,e.flag=a,e}},{}],ee:[function(t,n,e){function r(){}function o(t){function n(t){return t&&t instanceof r?t:t?c(t,s,i):i()}function e(e,r,o,i){if(!l.aborted||i){t&&t(e,r,o);for(var a=n(o),s=h(e),c=s.length,f=0;f<c;f++)s[f].apply(a,r);var d=u[y[e]];return d&&d.push([g,e,r,a]),a}}function p(t,n){v[t]=h(t).concat(n)}function h(t){return v[t]||[]}function m(t){return d[t]=d[t]||o(e)}function w(t,n){f(t,function(t,e){n=n||"feature",y[e]=n,n in u||(u[n]=[])})}var v={},y={},g={on:p,emit:e,get:m,listeners:h,context:n,buffer:w,abort:a,aborted:!1};return g}function i(){return new r}function a(){(u.api||u.feature)&&(l.aborted=!0,u=l.backlog={})}var s="nr@context",c=t("gos"),f=t(15),u={},d={},l=n.exports=o();l.backlog=u},{}],gos:[function(t,n,e){function r(t,n,e){if(o.call(t,n))return t[n];var r=e();if(Object.defineProperty&&Object.keys)try{return Object.defineProperty(t,n,{value:r,writable:!0,enumerable:!1}),r}catch(i){}return t[n]=r,r}var o=Object.prototype.hasOwnProperty;n.exports=r},{}],handle:[function(t,n,e){function r(t,n,e,r){o.buffer([t],r),o.emit(t,n,e)}var o=t("ee").get("handle");n.exports=r,r.ee=o},{}],id:[function(t,n,e){function r(t){var n=typeof t;return!t||"object"!==n&&"function"!==n?-1:t===window?0:a(t,i,function(){return o++})}var o=1,i="nr@id",a=t("gos");n.exports=r},{}],loader:[function(t,n,e){function r(){if(!x++){var t=b.info=NREUM.info,n=l.getElementsByTagName("script")[0];if(setTimeout(u.abort,3e4),!(t&&t.licenseKey&&t.applicationID&&n))return u.abort();f(y,function(n,e){t[n]||(t[n]=e)}),c("mark",["onload",a()+b.offset],null,"api");var e=l.createElement("script");e.src="https://"+t.agent,n.parentNode.insertBefore(e,n)}}function o(){"complete"===l.readyState&&i()}function i(){c("mark",["domContent",a()+b.offset],null,"api")}function a(){return E.exists&&performance.now?Math.round(performance.now()):(s=Math.max((new Date).getTime(),s))-b.offset}var s=(new Date).getTime(),c=t("handle"),f=t(15),u=t("ee"),d=window,l=d.document,p="addEventListener",h="attachEvent",m=d.XMLHttpRequest,w=m&&m.prototype;NREUM.o={ST:setTimeout,SI:d.setImmediate,CT:clearTimeout,XHR:m,REQ:d.Request,EV:d.Event,PR:d.Promise,MO:d.MutationObserver};var v=""+location,y={beacon:"bam.nr-data.net",errorBeacon:"bam.nr-data.net",agent:"js-agent.newrelic.com/nr-1071.min.js"},g=m&&w&&w[p]&&!/CriOS/.test(navigator.userAgent),b=n.exports={offset:s,now:a,origin:v,features:{},xhrWrappable:g};t(12),l[p]?(l[p]("DOMContentLoaded",i,!1),d[p]("load",r,!1)):(l[h]("onreadystatechange",o),d[h]("onload",r)),c("mark",["firstbyte",s],null,"api");var x=0,E=t(17)},{}]},{},["loader",2,10,4,3]);</script>


<!--BEGIN SAILTHRU TAGS-->
<meta name="sailthru.title" content="Protect Stick Sunscreen SPF 30 (Face)" />
<meta name="sailthru.tags" content="individual-product,Sun Protection,Sun Protection,Sunscreen,Kids,Kids,Face, For Kids & Babies,Additional Items,under-25" />
<meta name="sailthru.description" content="Compact and easy to use, our kid-friendly Protect Stick Sunscreen provides water-resistant sun protection for the entire family. Organic ingredients, including coconut oil and acai fruit oil, help to hydrate and protect your skin. Formulated with non-nano zinc oxide, our Stick Sunscreen provides sheer protection from UVA/UVB rays and glides on smoothly without leaving white residue.

Comes in a limited-edition Sweet Tooth scent, a delicious aroma that comes from rich, organic cocoa butter.
" />
<meta name="sailthru.image.full" content="https://cdn.beautycounter.com/media/catalog/product/cache/1/image/265x/0dc2d03fe217f8c83829496872af24a0/b/c/bc_sunstick-small_selling01_web.jpg" />
<meta name="sailthru.image.thumb" content="https://cdn.beautycounter.com/media/catalog/product/cache/1/thumbnail/50x50/0dc2d03fe217f8c83829496872af24a0/b/c/bc_sunstick-small_selling01_web.jpg" />
<meta name="sailthru.price" content="1800" />
<!--END SAILTHRU TAGS-->
</head>
<body class="store  catalog-product-view catalog-product-view product-protect-stick-sunscreen-spf-30-sweet-tooth-face">
                <!-- GOOGLE TAG MANAGER -->
        <noscript>
            <iframe src="//www.googletagmanager.com/ns.html?id=GTM-PC6NBV&noscript=true" height="0" width="0" style="display:none;visibility:hidden"></iframe>
        </noscript>
        <script type="text/javascript">
            //<![CDATA[
            (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});
                var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;
                j.src= '//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
            })(window,document,'script','dataLayer','GTM-PC6NBV');

            var dlCurrencyCode = 'USD';
                        //]]>
        </script>
        <!-- END GOOGLE TAG MANAGER -->
        
<div class="wrapper">
    <div class="consultant-panel">
    <div class="confirm">
        <p class="title">Start a new order with:</p>
        <p class="name"></p>
        <div class="buttons">
            <button id="confirm-yes">Yes, let's go</button>
            <button id="confirm-no">No, Search Again</button>
        </div>
    </div>
    <div class="back">
        <img src="https://cdn.beautycounter.com/skin/frontend/enterprise/beautycounter/images/left-arrow.svg" alt="Back">
    </div>
    <div class="close">
        <img src="https://cdn.beautycounter.com/skin/frontend/enterprise/beautycounter/images/close.svg" alt="Close">
    </div>
    <div class="logo"><img src="https://cdn.beautycounter.com/skin/frontend/enterprise/beautycounter/images/beautycounter-logo.svg" alt="Beautycounter"></div>
    <div class="consultant-info">
        <div class="title">
            <p class="cap-title">You are shopping with:</p> <img class="consultant-information" src="https://cdn.beautycounter.com/skin/frontend/enterprise/beautycounter/images/info.png" alt="Info">
        </div>
        <div class="profile">
            <div class="photo">
                <div class="image-wrapper">
                </div>
            </div>
            <div class="info">
                <p class="name"></p>
                <p class="contact"></p>
                <p class="location"></p>
                <hr/>
                <p class="title"></p>
                <p class="active-date"></p>
                <div class="start-shopping">
                    <div class="cta">
                        <button>Start Shopping</button>
                    </div>
                </div>
            </div>
            <div class="socials">
                <p class="socials-title">Shop <span class="fname"></span>'s Socials</p>
                <div class="socials-select mdl-selectfield">
                    <select name="socials-select-dropdown" id="socials-select-dropdown">
                    </select>
                </div>
                <div class="confirmed-social">
                    <p><span class="social-name"></span><span class="change">Change</span></p>
                    <!--<div class="cta">
                        <button>Shop This Social</button>
                    </div>-->
                </div>
            </div>
        </div>
        <div class="unfamiliar">
            <div class="content">
                <p class="title">Doesn't look familiar?</p>
                <p><span class="link">Search for a different Consultant</span> or <a
                            href="https://www.beautycounter.com/noconsultant"
                            onclick="delete_attrcookie('ATTRIBUTION_FALLBACK');">shop without a Consultant</a></p>
            </div>
        </div>
    </div>
    <div class="what-is-consultant" style="display:none">
        <div class="back" style="display:block">
        <img src="https://cdn.beautycounter.com/skin/frontend/enterprise/beautycounter/images/left-arrow.svg" alt="Back">
        </div>
        <div class="title">
            <p class="cap-title">What is a Consultant: </p>
        </div>
         <div class="consultant-left-info">
        
        <p class="social-content">Think of a Consultant as a personal shopper who can work with you to provide recommendations and purchasing advice throughout your Beautycounter experience. If you want your Consultant to get credit for this order, please select their name from the search results.</p>
        <div class="title">
            <p class="cap-title">What is a Social: </p>
        </div>
        <p class="social-content">A Social is a gathering where people learn about the Beautycounter mission and can preview, sample, and order products.</p>
             <p class="social-content"> Have you recently attended a Social? If so, select a Social from the dropdown menu.</p>
        
    </div>
     
    </div>
    <div class="consultant-search">
        <div class="title">
            <p class="cap-title">
                Shop with a different Consultant
            </p>
            <div class="search-wrapper">
                <div class="search-input-wrapper">
                    <form action="" autocomplete="off">
                        <input id="consultant-search-input" type="text" placeholder="Search for your Consultant's name">
                        <input type="submit" class="search-icon" alt="Search" value="">
                    </form>
                </div>
                <div class='search-pre-loader' style="display:none;"><img src='https://cdn.beautycounter.com/skin/frontend/enterprise/beautycounter/images/search-pre-loader.gif'/></div>
                <p>Search for a different Consultant. Select a name from the search results, and you will be directed to
                    their personal website to place your order. The next time you visit Beautycounter.com, you will shop
                    with your original Consultant.
                </p>
                <p>If you would like to change your default Consultant, please contact <a
                            href="mailto:info@beautycounter.com">Customer Care</a> or call <a href="tel:8889889108">(888)
                        988-9108</a>.</p>
            </div>
            <div class="search-results">

            </div>
        </div>
    </div>
</div>
<script>
    var delete_attrcookie = function (name) {
        document.cookie = name + '=;expires=Thu, 01 Jan 1970 00:00:01 GMT;';
    };
</script>
    <div class="topPanelContentExtra">
    <!--{BC_CONSULTANT_ATTRIBUTION_HEADER_d0f2ce665a7a719c153bfc81450b962a}--><script>
window['_fs_debug'] = false;
window['_fs_host'] = 'www.fullstory.com';
window['_fs_org'] = '3J83T';
window['_fs_namespace'] = 'FS1';
(function(m,n,e,t,l,o,g,y){
if (e in m && m.console && m.console.log) { m.console.log('FullStory namespace conflict. Please set window["_fs_namespace"].'); return;}
g=m[e]=function(a,b){g.q?g.q.push([a,b]):g._api(a,b);};g.q=[];
o=n.createElement(t);o.async=1;o.src='https://'+_fs_host+'/s/fs.js';
y=n.getElementsByTagName(t)[0];y.parentNode.insertBefore(o,y);
g.identify=function(i,v){g(l,{uid:i});if(v)g(l,v)};g.setUserVars=function(v){g(l,v)};
g.identifyAccount=function(i,v){o='account';v=v||{};v.acctId=i;g(o,v)};
g.clearUserCookie=function(c,d,i){if(!c || document.cookie.match('fs_uid=[`;`]*`[`;`]*`[`;`]*`')){
d=n.domain;while(1){n.cookie='fs_uid=;domain='+d+
';path=/;expires='+new Date(0).toUTCString();i=d.indexOf('.');if(i<0)break;d=d.slice(i+1)}}};
})(window,document,window['_fs_namespace'],'script','user');
</script>

<script>
FS1.clearUserCookie;
</script>

    <script type="text/javascript">
        var bca_is_attributed = true;
        var bca_attributor_id = '30160';
    </script>
    
    <script type="text/javascript">
        //<![CDATA[
        jQuery(document).ready(function () {
            if (Mage.Cookies.get('protocol') && Mage.Cookies.get('protocol') != window.location.protocol) {
                Mage.Cookies.set('protocol', window.location.protocol);
                if (Mage.Cookies.get('firstAttributionLoadCookie')) {
                    sessionStorage.setItem('firstAttributionLoad', Mage.Cookies.get('firstAttributionLoadCookie'));
                }
            }
            else {
                Mage.Cookies.set('protocol', window.location.protocol);
            }
            // Set a flag for the first time the user sees the attrib. panel; do not show on page load for the duration of the session after
            consultantPanel.dismissed = sessionStorage.getItem('firstAttributionLoad');
            if (!consultantPanel.dismissed || consultantPanel.dismissed == 'false') {
                setTimeout(function () {
                    consultantPanel.open();
                    sessionStorage.setItem('firstAttributionLoad', true);
                    Mage.Cookies.set('firstAttributionLoadCookie', true);
                }, 800)
            }
        });
    </script>

    <script>

    </script>
    <div id="consultant-name">
        <div class="content">
            You are shopping with: <span class="bold">Annie Lohr</span>
            | <span class="bold">Social: Benefit Hurricane Harvey</span>            | <span class="underline">View Details</span>
            <input type="hidden" name="pws_url_key" id="pws_url_key"
                   value="annielohr"/>
            <input type="hidden" name="social_id" id="social_id" value="252586"/>
            <input type="hidden" name="social_name" id="social_name" value="Benefit Hurricane Harvey"/>
        </div>
    </div>
    <div class="top-panel-container">
        <div id="pws-consultant-header"
             class="pws-consultant-header collapsed" style="display: none;">
            <div class="pws-consultant-profile">
                <div id="pws-consultant-image" class="header-content pws-consultant-image">
                    <img src="https://phx-cdn.beautycounter.com/MyPhoto/f1a054d5-2998-45c3-a8df-0ab294a04be3.jpg"/>
                </div>
                <div id="pws-consultant-info" class="pws-consultant-info header-content consultant-info">
                    <p class="title">Your Consultant is: </p>
                    <span class="pws-consultant-name consultant-name">Annie Lohr</span>
                                            <span class="consultant-id">(Social                            : Benefit Hurricane Harvey)</span>
                                        <div class="fa fa-plus-square-o show-info"></div>
                    <div class="fa fa-minus-square-o hide-info"></div>
                </div>
            </div>
            <div id="pws-consultant-socials">
                <div class="socials-title">
                    <span class="pws-social-prev pws-nav hide"></span>
                    <span class="title">Shop My Socials:</span>
                    <span class="pws-social-next pws-nav hide"></span>
                </div>
                <div id="socials-content-attribution" class="socials-content-attribution">
                    <div class="loader"><img src='https://cdn.beautycounter.com/skin/frontend/enterprise/beautycounter/images/pre-loader.gif'/></div>
                </div>
            </div>
            <script type="text/javascript">
                //<![CDATA[
                jQuery(document).ready(function () {
                    var pwsHeader = jQuery('#pws-consultant-header'),
                        promoPanel = jQuery('.promo-panel-container');
                    var social = null;
                                        var social = "Benefit Hurricane Harvey";
                                        if (jQuery("body").hasClass("pws-pws-index")) {
                        if (social) {
                            pwsHeader.addClass('collapsed');
                            promoPanel.animate({'max-height': '0%'});
                        } else {

                            pwsHeader.removeClass('collapsed');
                            promoPanel.animate({'max-height': '100%'});
                        }

                    } else {
                        pwsHeader.addClass('collapsed');
                        promoPanel.animate({'max-height': '0%'});
                    }
                    /*jQuery('.socials-content-attribution').load(' //echo $this->getAjaxUrl() ?>', function () {
                        if (jQuery('.socials-content-attribution').find('.empty-note').length) {
                            return;
                        }
                        jQuery.bc.toggleSocialsObserve();
                    });*/
                });
                //]]>
            </script>
            <div class="pws-consultant-contact">
                <a href="https://www.beautycounter.com/annielohr/contact"
                   class="pws-consultant-email"><span>Email Me<span
                                class="fa fa-envelope"></span></span></a>
                >>>>>>> origin/MDM-1785-attribution-front-end
            </div>
        </div>
    </div>

<!--/{BC_CONSULTANT_ATTRIBUTION_HEADER_d0f2ce665a7a719c153bfc81450b962a}--></div>

    <div class="promo-panel-container">
        <div class="promo-panel">
            <div class="desktop owl-carousel">

  <div class="banner">
    <p class="text-overflow">
      <a href="javascript:void(0)" onclick="jQuery.bc.showOfferPromoModal('footer_offer_promo')">
         <span style="text-decoration:none;text-transform: uppercase;">EXCITING NEWS! FREE RETURNS ON ALL ORDERS* <u>DETAILS</u></span>
        </a>
    </div>

  <div class="banner">
    <a class="text-overflow" href="https://www.beautycounter.com/extra-flawless/">ENTER FOR A CHANCE TO WIN OUR GIVEAWAY ($180 VALUE)! CLICK HERE TO READ THE TERMS & CONDITIONS.
        </a>
    </div>



    <div class="banner">
        <a class="text-overflow" href="https://www.beautycounter.com/member-program/">FREE SHIPPING + REWARDS & SAVINGS
            <span>BECOME A BEAUTYCOUNTER MEMBER</span>
        </a>
    </div>
</div>
<div class="tablet owl-carousel">

  <div class="banner">
    <p class="text-overflow">
      <a href="javascript:void(0)" onclick="jQuery.bc.showOfferPromoModal('footer_offer_promo')">
         <span style="text-decoration:none;text-transform: uppercase;">EXCITING NEWS! FREE RETURNS ON ALL ORDERS* <u>DETAILS</u></span>
        </a>
    </div>


  <div class="banner">
    <a class="text-overflow" href="https://www.beautycounter.com/extra-flawless/">ENTER FOR A CHANCE TO WIN OUR GIVEAWAY ($180 VALUE)! CLICK HERE TO READ THE TERMS & CONDITIONS.
        </a>
    </div>



    <div class="banner">
        <a class="text-overflow" href="https://www.beautycounter.com/member-program/">FREE SHIPPING + REWARDS & SAVINGS
            <span>BECOME A BEAUTYCOUNTER MEMBER</span>
        </a>
    </div>
</div>
<div class="phone owl-carousel">

  <div class="banner">
    <p class="text-overflow">
      <a href="javascript:void(0)" onclick="jQuery.bc.showOfferPromoModal('footer_offer_promo')">
         <span style="text-decoration:none;text-transform: uppercase;">EXCITING NEWS! FREE RETURNS ON ALL ORDERS* <u>DETAILS</u></span>
        </a>
    </div>



  <div class="banner">
    <a class="text-overflow" href="https://www.beautycounter.com/extra-flawless/">ENTER FOR A CHANCE TO WIN OUR GIVEAWAY ($180 VALUE)! CLICK HERE TO READ THE TERMS & CONDITIONS.
        </a>
    </div>



    <div class="banner">
        <a class="text-overflow" href="https://www.beautycounter.com/member-program/">FREE SHIPPING + REWARDS & SAVINGS
            <span>BECOME A BEAUTYCOUNTER MEMBER</span>
        </a>
    </div>
</div>
<style>
    .promo-panel-container .banner span {
        text-decoration: none;
    }

    .promo-panel-container .banner a.cta {
        border-bottom: 1px solid #fff;
        display: inline-block;
        margin-left: 1.05em;
    }

    @media only screen and (max-width: 767px) {
        .promo-panel-container {
            min-height: 40px;
        }
        .header-container {
            margin-bottom: 40px;
        }
        .cms-home .header-container {
            margin-bottom: 50px;
        }
    }
</style>
<script type="text/javascript">
    jQuery(document).ready(function () {
        jQuery('.promo-panel .owl-carousel').owlCarousel({
            loop: true,
            autoplay: true,
            autoplayHoverPause: true,
            autoplayTimeout: 3000,
            mouseDrag: false,
            touchDrag: false,
            items: 1,
            animateOut: 'slideOutDown',
            animateIn: 'slideInDown',
            dots: false,
            nav: false
        });
    });
</script>
<!-- Modal Data - Start -->
<div class="modal-data footer_offer_promo"><p>*US orders only. Product is eligible for a refund received 60 days from the ship date. We refund the purchase price (excluding the original shipping and handling fees) of the returned item(s) to the original form of payment.</p>
<p> For our Return Policy and the new Return Authorization Form go to Beautycounter.com/returns.</p>
<p><a class="black-btn" href="https://www.beautycounter.com/help/#returns">Learn More</a></p>
</div>
<div class="modal-data footer_offer_promo1"><p>
*Purchase the following Skin Care Regimens for a special discounted value. Offer valid from 12:01 AM PST on January 17, 2018, until 11:59 PM PST on February 7, 2018, while supplies last. Skin Care Regimens and prices are as follows: Countermatch Regimen ($150US / $180CAN), Nourishing Regimen ($120US / $145CAN), Rejuvenating Regimen ($180US / $220CAN), less applicable taxes, shipping and handling, host rewards, and Member enrollment fees. Offer available to Clients and Band of Beauty Members in the US and Canada only. Offer available on Beautycounter.com and Consultant Personal Websites. Quantities are limited; substitutions in product options may occur. Offer not valid on previous purchases. Offer cannot be combined with Consultant enrollment orders. Offer not transferable or interchangeable. Offer cannot be combined with other promotions. We reserve the right to modify or replace any part of these terms and conditions without notice. Offer subject to change in Beautycounter’s sole discretion.</p>
</div>
<div class="modal-data footer_offer_promo2"><p style="text-align: center;">
Place your order by the following dates to get it by December 23:<br/>
Ground December 13, 12:00pm PST<br/>
Priority December 18, 12:00pm PST<br/>
Expedited December 19, 12:00pm PST

</p>
</div>
<div class="modal-data footer_offer_promo3"><p>Purchase Ocean & Pacific Palette for $48 US ($58 US value). Offer available to Clients and Band of Beauty Members in the US only. Quantities are limited. Purchase minimum is applicable toward qualifying sales to increase host rewards. Offer available on Beautycounter.com and Consultant Personal Websites only. Offer not available Behind The Counter. Offer not valid on previous purchases. Offer not transferable or interchangeable. Beautycounter reserves the right to modify or replace any part of these terms and conditions without notice. Offer subject to change in Beautycounter’s sole discretion. Purchase limit on Ocean & Pacific Palette: maximum 2 per person and per order. Offer valid from 12:01 AM PST on December 15, 2017, until 11:59 PM PST on December 17, 2017, while supplies last. 

</p>


<p><a class="black-btn" href="https://www.beautycounter.com/ocean-pacific-palette.html">Shop Now</a></p>

</div>

<!-- Modal Data - End -->
        </div>
    </div>

<div class="top-panel">
    <div class="top-panel-container">
        <div class="topPanelContent">
            <!--{BC_CONSULTANT_ATTRIBUTION_HEADER_b51e6322f9beb042459ed23a135ab5ab}--><div class="consultant-attribution-wrapper">
                    <a href="https://www.beautycounter.com/join/" class="links-a">Become a Consultant</a>
    </div>
    <script type="text/javascript">
        jQuery(document).ready(function() {
            jQuery('.find-consultant-link').hide();
        });
    </script>
<input type="hidden" name="current_store_id" id="current_store_id" value="1"/>
<!--/{BC_CONSULTANT_ATTRIBUTION_HEADER_b51e6322f9beb042459ed23a135ab5ab}-->        </div>
        <div class="site-utility">
            <a href="#top-search" class="toggle-search desktop-only"></a>
            
<div class="top-cart" id="top-cart">
                                <div class="block-title no-items">
            <strong id="cartHeader" data-cart-url="https://www.beautycounter.com/checkout/cart/"><span>0</span></strong>
        </div>
        <div id="topCartContent" class="block-content" style="display:none">
            <div class="outer-wrapper">
                <div class="inner-wrapper">                                                                                    <p class="block-subtitle">
                            <span onclick="Enterprise.TopCart.hideCart()" class="close-btn">X</span>
                        </p>
                        <p class="cart-empty">
                            Your bag is empty. Fill it up!                        </p>
                                                                                </div>
            </div>
        </div>
        <script type="text/javascript">
            Enterprise.TopCart.initialize('topCartContent');
            // Below can be used to show minicart after item added
            // Enterprise.TopCart.showCart(7);
        </script>
    </div>
<script>
    $$('.mini-qty').invoke('observe', 'change', function(elem) {

        if ($(document.body).hasClassName('checkout-onepage-index')) {
            $('mini-updateCart').submit();
            return false;
        } else {

            // Submit via ajax - load block and render
            $('mini-updateCart').request({
                method: 'post',
                parameters: $('mini-updateCart').serialize(),
                onComplete: function (data) {
                    var html = data.responseText;
                    $('top-cart').replace(data.responseText);

                    // fetch the updated cart page block if we're on the checkout/cart page
                    var cart = $('cart');
                    if (cart) {
                        new Ajax.Request('//www.beautycounter.com/checkout/cart/updatePost/', {
                            method: 'post',
                            onSuccess: function (data) {
                                $('cart').replace(data.responseText);
                            }
                        });
                    }
                }
            });
        }

    });
</script><script type="text/javascript">
    var googleAnalyticsUniversalData = googleAnalyticsUniversalData || {};
    googleAnalyticsUniversalData['shoppingCartContent'] = [];
</script>
            <div class="flag-wrapper">
                <div class="country-switcher plain">
    <div class="flag-expand">
              <img width="20" height="16" data-2x="https://cdn.beautycounter.com/skin/frontend/enterprise/beautycounter/images/region/us-flag_2x.jpg"
             data-1x="https://cdn.beautycounter.com/skin/frontend/enterprise/beautycounter/images/region/us-flag.jpg" alt="Beautycounter.com US Flag"/>US
            <i class="fa fa-angle-down"></i>
      <i class="fa fa-angle-up"></i>
    </div>
    <div class="country-links">
      <ul>
        <li style="display:none">
          <a href="https://www.beautycounter.com/skin-care/sunscreen/protect-stick-sunscreen-spf-30-sweet-tooth-face.html"
             data-site-code="default" title="English - USA">
            <img data-1x="https://cdn.beautycounter.com/skin/frontend/enterprise/beautycounter/images/region/us-flag.jpg"
                 data-2x="https://cdn.beautycounter.com/skin/frontend/enterprise/beautycounter/images/region/us-flag_2x.jpg" width="20" height="16" alt="Beautycounter.com US Flag" />US</a>
        </li>
        <li >
          <a href="https://www.beautycounter.com/en-ca/skin-care/sunscreen/protect-stick-sunscreen-spf-30-sweet-tooth-face.html"
             data-site-code="ca_english" title="English - Canada">
            <img data-1x="https://cdn.beautycounter.com/skin/frontend/enterprise/beautycounter/images/region/canada-flag.jpg"
                 data-2x="https://cdn.beautycounter.com/skin/frontend/enterprise/beautycounter/images/region/canada-flag_2x.jpg" width="20" height="16" alt="Beautycounter.com Canada Flag" />EN</a>
        </li>
        <li >
          <a href="https://www.beautycounter.com/fr-ca/skin-care/sunscreen/protect-stick-sunscreen-spf-30-sweet-tooth-face.html"
             data-site-code="ca_french" title="Français - Canada">
            <img data-1x="https://cdn.beautycounter.com/skin/frontend/enterprise/beautycounter/images/region/canada-flag.jpg"
                 data-2x="https://cdn.beautycounter.com/skin/frontend/enterprise/beautycounter/images/region/canada-flag_2x.jpg" width="20" height="16" alt="Beautycounter.com Canada Flag" />FR</a>
        </li>
      </ul>
    </div>
</div>            </div>
            <ul class="links">
                                                        <li class=" last" ><a href="https://www.beautycounter.com/customer/account/" title="Sign In" >Sign In</a></li>
            </ul>
        </div>
    </div>
</div>

<div class="top-search-wrapper" style="display: none;">
    <form id="search_mini_form" action="https://www.beautycounter.com/catalogsearch/result/" method="get">
    <div class="form-search">
        <button id="search-submit-btn" type="submit" title="Search" class="button"></button>
        <input id="search" type="text" name="q"
           value="" class="input-text" maxlength="128"
           placeholder="What are you looking for?"/>

        <div id="search_autocomplete" class="search-autocomplete"></div>
        <script type="text/javascript">
        //<![CDATA[
            var searchForm = new Varien.searchForm('search_mini_form', 'search', 'What are you looking for?');
                            searchForm.initAutocomplete('https://www.beautycounter.com/catalogsearch/ajax/suggest/', 'search_autocomplete');
                    //]]>
        </script>
    </div>
</form>
<div class="search-overwall"></div></div>        <noscript>
        <div class="global-site-notice noscript">
            <div class="notice-inner">
                <p>
                    <strong>JavaScript seems to be disabled in your browser.</strong><br />
                    You must have JavaScript enabled in your browser to utilize the functionality of this website.                </p>
            </div>
        </div>
    </noscript>
    <div class="page">
        <div class="responsive">
    <div id="desktop" class="desktop-only"></div>
    <div id="tablet" class="tablet-only"></div>
    <div id="mobile" class="mobile-only"></div>
    <div id="phone" class="phone-only"></div>
</div>
<div class="header-container">
    <div class="header cf">
        <div class="site-navigation">
            <a href="#" class="toggle-menu store mobile-only" data-target="store"></a>
            <div class="nav-container">
                <div class="nav-wrapper">
                    <div class="nav-inner store">
                        <!--{BC_CONSULTANT_ATTRIBUTION_HEADER_f51afab6c633fac094535b66cb21751c}-->    <div class="pws-sidebar cf">
        <div class="pws-consultant-profile">
            <!--<div id="pws-consultant-image" class="pws-consultant-image header-content">
                    <img src="https://phx-cdn.beautycounter.com/MyPhoto/f1a054d5-2998-45c3-a8df-0ab294a04be3.jpg" />
                </div>-->
            <div id="pws-consultant-info" class="pws-consultant-info header-content">
                <p class="title">Your Consultant is: </p>
                <span class="pws-consultant-name consultant-name">Annie Lohr</span>
                <!--<div class="pws-consultant-contact">
                        <a href="https://www.beautycounter.com/annielohr/contact" class="pws-consultant-email"><span>Email Me</span><span class="fa fa-envelope"></span></a>
                    </div>-->
                <div class="pws-social">
                    <span class="bold">Social: Benefit Hurricane Harvey</span>                </div>
                <span class="underline">Edit</span>
            </div>
        </div>
    </div>
<!--/{BC_CONSULTANT_ATTRIBUTION_HEADER_f51afab6c633fac094535b66cb21751c}--><form id="search_mini_form_mobile" action="https://www.beautycounter.com/catalogsearch/result/" method="get">
    <div class="form-search">
        <button id="search-submit-btn" type="submit" title="Search" class="button"></button>
        <input id="search_mobile" type="text" name="q"
           value="" class="input-text" maxlength="128"
           placeholder="What are you looking for?"/>

        <div id="search_autocomplete_mobile" class="search-autocomplete"></div>
        <script type="text/javascript">
        //<![CDATA[
            var searchForm_mobile = new Varien.searchForm('search_mini_form_mobile', 'search_mobile', 'What are you looking for?');
                    //]]>
        </script>
    </div>
</form>
<div class="search-overwall"></div><div class="nav-container">
    <ul class="nav">
        <li  class="level0 nav-1 first level-top parent"><a href="https://www.beautycounter.com/skin-care.html"  class="level-top" ><span>Skin Care</span></a><div class="sub-container"><ul class="level0"><li  class="level1 nav-1-1 first"><a href="https://www.beautycounter.com/skin-care.html#cleansers-exfoliators" ><span>Cleansers</span></a></li><li  class="level1 nav-1-2"><a href="https://www.beautycounter.com/skin-care.html#toners-mists" ><span>Toners &amp; Mists </span></a></li><li  class="level1 nav-1-3"><a href="https://www.beautycounter.com/skin-care.html#masks" ><span>Masks</span></a></li><li  class="level1 nav-1-4"><a href="https://www.beautycounter.com/skin-care.html#moisturizers" ><span>Moisturizers</span></a></li><li  class="level1 nav-1-5"><a href="https://www.beautycounter.com/skin-care.html#oils" ><span>Face Oils &amp; Serums</span></a></li><li  class="level1 nav-1-6"><a href="https://www.beautycounter.com/skin-care.html#eye-lip-care" ><span>Eye &amp; Lip Care </span></a></li><li  class="level1 nav-1-7"><a href="https://www.beautycounter.com/skin-care.html#sunscreen" ><span>Sun Protection</span></a></li><li  class="level1 nav-1-8 last parent"><a href="https://www.beautycounter.com/skin-care.html#shop-by-sets" ><span>Sets &amp; Collections </span></a></li><li class="level1 view-all"><a href="https://www.beautycounter.com/skin-care.html">View All</a></li></ul></div></li><li  class="level0 nav-2 level-top parent"><a href="https://www.beautycounter.com/cosmetics.html"  class="level-top" ><span>Makeup</span></a><div class="sub-container"><ul class="level0"><li  class="level1 nav-2-1 first"><a href="https://www.beautycounter.com/cosmetics.html#face" ><span>Face</span></a></li><li  class="level1 nav-2-2"><a href="https://www.beautycounter.com/cosmetics.html#eyes" ><span>Eyes</span></a></li><li  class="level1 nav-2-3"><a href="https://www.beautycounter.com/cosmetics.html#lips" ><span>Lips</span></a></li><li  class="level1 nav-2-4"><a href="https://www.beautycounter.com/cosmetics.html#makeup-removers" ><span>Makeup Removers</span></a></li><li  class="level1 nav-2-5"><a href="https://www.beautycounter.com/cosmetics.html#brushes-bags" ><span>Brushes &amp; Bags</span></a></li><li  class="level1 nav-2-6 last"><a href="https://www.beautycounter.com/cosmetics.html#collections" ><span>Collections</span></a></li><li class="level1 view-all"><a href="https://www.beautycounter.com/cosmetics.html">View All</a></li></ul></div></li><li  class="level0 nav-3 level-top parent"><a href="https://www.beautycounter.com/body-hair.html"  class="level-top" ><span>Bath &amp; Body</span></a><div class="sub-container"><ul class="level0"><li  class="level1 nav-3-1 first"><a href="https://www.beautycounter.com/body-hair.html#moisturizers" ><span>Moisturizers</span></a></li><li  class="level1 nav-3-2"><a href="https://www.beautycounter.com/body-hair.html#body-wash-scrubs" ><span>Body Wash &amp; Scrubs</span></a></li><li  class="level1 nav-3-3"><a href="https://www.beautycounter.com/body-hair.html#hair-care" ><span>Hair Care</span></a></li><li  class="level1 nav-3-4"><a href="https://www.beautycounter.com/body-hair.html#sunscreen" ><span>Sun Protection</span></a></li><li  class="level1 nav-3-5"><a href="https://www.beautycounter.com/body-hair.html#hands" ><span>Hand Care</span></a></li><li  class="level1 nav-3-6 last parent"><a href="https://www.beautycounter.com/body-hair.html#shop-by-sets" ><span>Collections</span></a></li><li class="level1 view-all"><a href="https://www.beautycounter.com/body-hair.html">View All</a></li></ul></div></li><li  class="level0 nav-4 level-top parent"><a href="https://www.beautycounter.com/kids.html"  class="level-top" ><span>Family</span></a><div class="sub-container"><ul class="level0"><li  class="level1 nav-4-1 first"><a href="https://www.beautycounter.com/kids.html#baby" ><span>Baby</span></a></li><li  class="level1 nav-4-2"><a href="https://www.beautycounter.com/kids.html#kids" ><span>Kids</span></a></li><li  class="level1 nav-4-3 last"><a href="https://www.beautycounter.com/kids.html#collections" ><span>Collections</span></a></li><li class="level1 view-all"><a href="https://www.beautycounter.com/kids.html">View All</a></li></ul></div></li><li  class="level0 nav-5 last level-top parent"><a href="https://www.beautycounter.com/our-story"  class="level-top" ><span>Our Story</span></a><div class="sub-container"><ul class="level0"><li  class="level1 nav-5-1 first"><a href="https://www.beautycounter.com/our-story/our-story" ><span>Our Founder</span></a></li><li  class="level1 nav-5-2"><a href="https://www.beautycounter.com/our-story/our-story#ourmission" ><span>Our Safety Mission</span></a></li><li  class="level1 nav-5-3"><a href="https://www.beautycounter.com/our-story/ingredient-glossary" ><span>Ingredients Glossary</span></a></li><li  class="level1 nav-5-4"><a href="https://www.beautycounter.com/our-story/events" ><span>Events</span></a></li><li  class="level1 nav-5-5 last"><a href="https://www.beautycounter.com/our-story/careers" ><span>Careers</span></a></li><li class="level1 view-all"><a href="https://www.beautycounter.com/our-story">View All</a></li></ul></div></li>    </ul>
</div>
<!--{BC_CONSULTANT_ATTRIBUTION_HEADER_b51e6322f9beb042459ed23a135ab5ab}--><div class="consultant-attribution-wrapper">
                    <a href="https://www.beautycounter.com/join/" class="links-a">Become a Consultant</a>
    </div>
    <script type="text/javascript">
        jQuery(document).ready(function() {
            jQuery('.find-consultant-link').hide();
        });
    </script>
<input type="hidden" name="current_store_id" id="current_store_id" value="1"/>
<!--/{BC_CONSULTANT_ATTRIBUTION_HEADER_b51e6322f9beb042459ed23a135ab5ab}--><ul class="links">
                        <li class="first last" ><a href="https://www.beautycounter.com/customer/account/" title="Sign In" >Sign In</a></li>
            </ul>
<div class="country-switcher plain">
    <div class="country-links">
        <ul>
                            <li>
                    <a href="https://www.beautycounter.com/"
                       data-site-code="default" class="underlined">
                        <img data-1x="https://cdn.beautycounter.com/skin/frontend/enterprise/beautycounter/images/region/us-flag.jpg"
                             data-2x="https://cdn.beautycounter.com/skin/frontend/enterprise/beautycounter/images/region/us-flag_2x.jpg" width="20" height="16" alt="Beautycounter.com US Flag" /> US
                    </a>
                </li>
                        <li>
                <img data-1x="https://cdn.beautycounter.com/skin/frontend/enterprise/beautycounter/images/region/canada-flag.jpg"
                     data-2x="https://cdn.beautycounter.com/skin/frontend/enterprise/beautycounter/images/region/canada-flag_2x.jpg" width="20" height="16" alt="Beautycounter.com Canada Flag" /> CAN
            </li>

                            <li>
                    <a href="https://www.beautycounter.com/en-ca/"
                       data-site-code="ca_english" title="English - Canada">EN</a>
                </li>
                        <li>|</li>
                            <li>
                    <a href="https://www.beautycounter.com/fr-ca/"
                       data-site-code="ca_french" title="Français - Canada">FR</a>
                </li>
                        <ul>
    </div>
</div>                    </div>
                </div>
                <div class="nav-overwall mobile-only"></div>
            </div>
        </div>
        <div class="branding">
            
<a href="https://www.beautycounter.com/" title="Beautycounter" class="logo"><strong>Beautycounter</strong><img src="https://cdn.beautycounter.com/skin/frontend/enterprise/beautycounter/images/bc-logo.svg" alt="Beautycounter" /></a>        </div>
        <div class="full-bkg"></div>
    </div>
</div>
<div class="top-container-wrapper">
    </div>
                    <div class="breadcrumbs">
        <ul>
                                            <li class="home">
                                            <a href="https://www.beautycounter.com/" title="Go to Home Page">Home</a>
                                        <span> / </span>
                </li>
                                            <li class="category20">
                                            <a href="https://www.beautycounter.com/skin-care.html" title="">Skin Care</a>
                                        <span> / </span>
                </li>
                                            <li class="category31">
                                            <a href="https://www.beautycounter.com/skin-care/sunscreen.html" title="">Sun Protection</a>
                                        <span> / </span>
                </li>
                    </ul>
    </div>
                <div class="main col1-layout">
            <div class="col-main">
                    <div style="clear: both;"></div>
<div class="ampromo-notification" style="display:none;">
    You did not add any gift products to the cart. <a href="https://www.beautycounter.com/checkout/cart/#choose-gift">Check your available gifts!</a></div>

<script type="text/javascript">
    try {
        var optionsPrice = new Product.OptionsPrice([]);
    } catch (e) {
        console.error(e.message);
    }
</script>
<div id="messages_product_view"></div>
<div class="product-view" itemscope itemtype="http://schema.org/Product" id="">
    <form action="https://www.beautycounter.com/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuYmVhdXR5Y291bnRlci5jb20vc2tpbi1jYXJlL3N1bnNjcmVlbi9wcm90ZWN0LXN0aWNrLXN1bnNjcmVlbi1zcGYtMzAtc3dlZXQtdG9vdGgtZmFjZS5odG1s/product/495/form_key/JxGxiGSfC7KHy2LG/" method="post" id="product_addtocart_form_495">
        <div class="no-display">
            <input type="hidden" name="product" value="495" />
            <input type="hidden" name="related_product" id="related-products-field" value="" />
        </div>
        <div class="product-essential">
            <div class="centerer">
                <div class="mobile-name-wrapper">
                    <div id="mobile-option-attribute" class="mobile-attribute-container">
                                                                                                                    </div>
                    <div class="mobile-product-name">
                                                <h1 itemprop="name">Protect Stick Sunscreen SPF 30 (Face)</h1>
                    </div>
                </div>
            </div>

            <div class="product-left">
                <div class="product-img-box">
                    
<div class="image-picker-container split-image">
    
    <div id="main-product-image" class="product-image product-image-zoom split-image">
        <div class="mobile-alternate-images owl-carousel">
                                <div>
                                        <a href="javascript:void(0)" class="gallery-image " title=""
                           data-image="https://cdn.beautycounter.com/media/catalog/product/cache/1/image/380x645/0dc2d03fe217f8c83829496872af24a0/b/c/bc_sunstick-small_selling01_web.jpg"
                           data-image-retina="https://cdn.beautycounter.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/b/c/bc_sunstick-small_selling01_web.jpg">
                            <img src="https://cdn.beautycounter.com/media/catalog/product/cache/1/thumbnail/9df78eab33525d08d6e5fb8d27136e95/b/c/bc_sunstick-small_selling01_web.jpg"
                                 alt="" />
                                                       
                        </a>
                    </div>
                        </div>
        <div class="product-image-gallery">
            
                        <img src="https://cdn.beautycounter.com/media/catalog/product/cache/1/thumbnail/9df78eab33525d08d6e5fb8d27136e95/b/c/bc_sunstick-small_selling01_web.jpg" data-src-retina="https://cdn.beautycounter.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/b/c/bc_sunstick-small_selling01_web.jpg"
                 alt="" itemprop="image" />
         </div>
    </div>

    
            <div class="more-views ">

            <ul class="alternate-images ">
                                                    <li>
                                        <a href="javascript:void(0)" class="gallery-image " title=""
                           data-image="https://cdn.beautycounter.com/media/catalog/product/cache/1/image/380x645/0dc2d03fe217f8c83829496872af24a0/b/c/bc_sunstick-small_selling01_web.jpg"
                           data-image-retina="https://cdn.beautycounter.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/b/c/bc_sunstick-small_selling01_web.jpg">
                            <img src="https://cdn.beautycounter.com/media/catalog/product/cache/1/thumbnail/9df78eab33525d08d6e5fb8d27136e95/b/c/bc_sunstick-small_selling01_web.jpg"
                                 alt="" />
                                                       
                        </a>
                    </li>
                            </ul>
        </div>
    </div>


<script type="text/javascript">
     var product_type = 'simple';
     var quick_view = '';
       var simple_json = {"totalRecords":1,"items":[{"value_id":"2285","file":"\/b\/c\/bc_sunstick-small_selling01_web.jpg","product_id":"495","label":"","position":"1","disabled":"0","label_default":null,"position_default":"1","disabled_default":"0","url":"https:\/\/cdn.beautycounter.com\/media\/catalog\/product\/b\/c\/bc_sunstick-small_selling01_web.jpg","id":"2285","path":"\/var\/www\/releases\/current\/htdocs\/media\/catalog\/product\/b\/c\/bc_sunstick-small_selling01_web.jpg"}]};
        var simple_slider ='';
        var simple_mobile_slider = '';
        var slider_count = "1";
    var q_slider = '';
    </script>                                        <div class="social-media-container desktop">
                        <!--{BC_CONSULTANT_SOCIALMEDIA_SHARELINKS_43de6860e9ce96ae049e6cb20c5f3b9f}-->


            
    <div class="social-media link cf clearer">
        <ul class="small-share-icons clearfix">
            <li><a href="javascript:popWin('https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.beautycounter.com%2Fannielohr%2Fsocial%2F252586-Benefit%2BHurricane%2BHarvey%3Fgoto%3Dskin-care%252Fsunscreen%252Fprotect-stick-sunscreen-spf-30-sweet-tooth-face.html&t=Protect+Stick+Sunscreen+SPF+30+%28Face%29', 'facebook', 'width=640,height=480,left=0,top=0,location=no,status=yes,scrollbars=yes,resizable=yes');" title="Share on Facebook"><i class="fa fa-facebook"></i></a></li>
            <li><a href="https://twitter.com/share?text=Protect+Stick+Sunscreen+SPF+30+%28Face%29&url=https%3A%2F%2Fwww.beautycounter.com%2Fannielohr%2Fsocial%2F252586-Benefit%2BHurricane%2BHarvey%3Fgoto%3Dskin-care%252Fsunscreen%252Fprotect-stick-sunscreen-spf-30-sweet-tooth-face.html&hashtags=%2Cbeautycounter" title="Tweet"><i class="fa fa-twitter"></i></a></li>
            <li><a href="javascript:popWin('https://pinterest.com/pin/create/button/?url=https%3A%2F%2Fwww.beautycounter.com%2Fannielohr%2Fsocial%2F252586-Benefit%2BHurricane%2BHarvey%3Fgoto%3Dskin-care%252Fsunscreen%252Fprotect-stick-sunscreen-spf-30-sweet-tooth-face.html&media=https%3A%2F%2Fcdn.beautycounter.com%2Fmedia%2Fcatalog%2Fproduct%2Fcache%2F1%2Fimage%2F265x%2F0dc2d03fe217f8c83829496872af24a0%2Fb%2Fc%2Fbc_sunstick-small_selling01_web.jpg&description=Protect+Stick+Sunscreen+SPF+30+%28Face%29', 'pinterest', 'width=640,height=480,left=0,top=0,location=no,status=yes,scrollbars=yes,resizable=yes');" title="Pin it"><i class="fa fa-pinterest-p"></i></a></li>
                            <li><a href="https://www.beautycounter.com/sendfriend/product/send/id/495/" class="icon-sm-email"><i class="fa fa-envelope"></i></a></li>
                                </ul>
    </div>

    <script type="text/javascript">
        var twitter = jQuery('.icon-sm-tw');
        twitter.on('click', function(e) {
            e.preventDefault();
            var twitterUrl = twitter.attr('href');
            window.open(twitterUrl, "Twitter", "width=600, height=300");
        });
    </script>
<!--/{BC_CONSULTANT_SOCIALMEDIA_SHARELINKS_43de6860e9ce96ae049e6cb20c5f3b9f}-->                    </div>
                </div>
            </div>

            <div class="right-product-content">
                <div id="option-attribute" class="attribute-container">
                                                                                                </div>
                <div class="product-name">
                                        <h1 itemprop="name">Protect Stick Sunscreen SPF 30 (Face)</h1>
                </div>
                <p class="product-sku">
                                            <span class="size">Net wt. 0.52 oz. | </span>
                                        <span class="sku" id="sku">Item #3026</span>
                </p>
                <div class="product-collateral">
                                                                <div class="product-description desktop">
                            <style><!--
.tab-content p {font-family: 'Times New Roman'; font-size: 12px;}
--></style>
<p>
Compact and kid-friendly, Protect Stick Sunscreen SPF 30 (Face) provides mess-free and water-resistant sun protection while on-the-go. Formulated with non-nano zinc oxide, our Protect Stick Sunscreen provides protection from UVA and UVB rays and glides on smoothly without leaving white residue. The delicious aroma comes directly from our ultra-moisturizing and nourishing key ingredient: organic cocoa butter.
</p>                        </div>
                    
                                        <div class="rating-summary desktop">
                        
<div class="yotpo bottomLine"
	data-product-id="495"
	data-url="https://www.beautycounter.com/skin-care/sunscreen/protect-stick-sunscreen-spf-30-sweet-tooth-face.html?___store=default&amp;___from_store=default">
</div>                        <div class="read-more" onclick="jQuery('.star-clickable')[0].click()">Read reviews</div>
                    </div>
                    
                    
                    <div class="price-wrapper">
                        <div class="product-shop">
                            <div class="product-main-info">
                                <meta itemprop="brand" content="Beautycounter" />
                                <div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
                                                                        <div class="price-row">
                                        <span>Price:</span>
                                        
            <p class="availability in-stock">Availability: <span>In stock</span></p>
    

                
    <div class="price-box">
                                                                                    <span class="regular-price" id="product-price-495">
                                            <span class="price">$18</span>                                    </span>
                        
        </div>

                                    </div>
                                    <meta itemprop="category" content="Health & Beauty > Personal Care" />
                                    <meta itemprop="sku" content="SKU# 3026" />
                                    <meta itemprop="priceCurrency" content="USD" />
                                </div>
                            </div>
                        </div>
                        
                                                
                    </div>
   <p class="product-sku-mobile">
                                            <span class="size">Net wt. 0.52 oz. | </span>
                                        <span class="sku" id="sku">Item #3026</span>
                </p>
                    
    <div class="add-to-cart cf clear clearer in-stock">
    	                <div class="qty-wrapper clearfix form-list">
            <label for="qty" class="qtylabel">Qty</label>
            <div class="select">
                <select name="qty" id="qty">
                                                                <option value="1">1</option>
                                            <option value="2">2</option>
                                            <option value="3">3</option>
                                            <option value="4">4</option>
                                            <option value="5">5</option>
                                            <option value="6">6</option>
                                            <option value="7">7</option>
                                            <option value="8">8</option>
                                            <option value="9">9</option>
                                            <option value="10">10</option>
                                    </select>
            </div>
        </div>
                <div class="button-wrapper">
            <button type="button" title="Add to Bag" class="button btn-cart" onclick="productAddToCartForm_495.submit(this)">Add to Bag</button>
            <div class='pre-loader'><img src='https://cdn.beautycounter.com/skin/frontend/enterprise/beautycounter/images/pre-loader.gif'/></div>
        </div>
    </div>
                    <div class="add-to-cart cf clear clearer out-of-stock" style="display: none;">
                        <div class="qty-wrapper clearfix form-list">
                            <label for="qty" class="qtylabel">Qty</label>
                            <div class="select out-of-stock">
                                <select name="qty" id="qty" disabled>
                                    <option value="0">0</option>
                                </select>
                            </div>
                        </div>
                                                                                                <button type="button" class="btn btn-cart btn-outofstock" onclick="return false;">Out of Stock</button>
                                                                        <span class="out-of-stock-msg">
                            <a id="oos-msg" class="oos-msg" href="#">
                                Notify me when back in stock                            </a>
                        </span>
                                            </div>

                                        
                        <div class="product-description mobile">
                          
                            <style><!--
.tab-content p {font-family: 'Times New Roman'; font-size: 12px;}
--></style>
<p>
Compact and kid-friendly, Protect Stick Sunscreen SPF 30 (Face) provides mess-free and water-resistant sun protection while on-the-go. Formulated with non-nano zinc oxide, our Protect Stick Sunscreen provides protection from UVA and UVB rays and glides on smoothly without leaving white residue. The delicious aroma comes directly from our ultra-moisturizing and nourishing key ingredient: organic cocoa butter.
</p>                        </div>
                    
                                        <div class="rating-summary mobile">
                        
<div class="yotpo bottomLine"
	data-product-id="495"
	data-url="https://www.beautycounter.com/skin-care/sunscreen/protect-stick-sunscreen-spf-30-sweet-tooth-face.html?___store=default&amp;___from_store=default">
</div>                        <div class="read-more" onclick="jQuery('.star-clickable')[0].click()">Read reviews</div>
                    </div>
                    
                    <div class="social-media-container mobile">
                        <!--{BC_CONSULTANT_SOCIALMEDIA_SHARELINKS_43de6860e9ce96ae049e6cb20c5f3b9f}-->


            
    <div class="social-media link cf clearer">
        <ul class="small-share-icons clearfix">
            <li><a href="javascript:popWin('https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.beautycounter.com%2Fannielohr%2Fsocial%2F252586-Benefit%2BHurricane%2BHarvey%3Fgoto%3Dskin-care%252Fsunscreen%252Fprotect-stick-sunscreen-spf-30-sweet-tooth-face.html&t=Protect+Stick+Sunscreen+SPF+30+%28Face%29', 'facebook', 'width=640,height=480,left=0,top=0,location=no,status=yes,scrollbars=yes,resizable=yes');" title="Share on Facebook"><i class="fa fa-facebook"></i></a></li>
            <li><a href="https://twitter.com/share?text=Protect+Stick+Sunscreen+SPF+30+%28Face%29&url=https%3A%2F%2Fwww.beautycounter.com%2Fannielohr%2Fsocial%2F252586-Benefit%2BHurricane%2BHarvey%3Fgoto%3Dskin-care%252Fsunscreen%252Fprotect-stick-sunscreen-spf-30-sweet-tooth-face.html&hashtags=%2Cbeautycounter" title="Tweet"><i class="fa fa-twitter"></i></a></li>
            <li><a href="javascript:popWin('https://pinterest.com/pin/create/button/?url=https%3A%2F%2Fwww.beautycounter.com%2Fannielohr%2Fsocial%2F252586-Benefit%2BHurricane%2BHarvey%3Fgoto%3Dskin-care%252Fsunscreen%252Fprotect-stick-sunscreen-spf-30-sweet-tooth-face.html&media=https%3A%2F%2Fcdn.beautycounter.com%2Fmedia%2Fcatalog%2Fproduct%2Fcache%2F1%2Fimage%2F265x%2F0dc2d03fe217f8c83829496872af24a0%2Fb%2Fc%2Fbc_sunstick-small_selling01_web.jpg&description=Protect+Stick+Sunscreen+SPF+30+%28Face%29', 'pinterest', 'width=640,height=480,left=0,top=0,location=no,status=yes,scrollbars=yes,resizable=yes');" title="Pin it"><i class="fa fa-pinterest-p"></i></a></li>
                            <li><a href="https://www.beautycounter.com/sendfriend/product/send/id/495/" class="icon-sm-email"><i class="fa fa-envelope"></i></a></li>
                                </ul>
    </div>

    <script type="text/javascript">
        var twitter = jQuery('.icon-sm-tw');
        twitter.on('click', function(e) {
            e.preventDefault();
            var twitterUrl = twitter.attr('href');
            window.open(twitterUrl, "Twitter", "width=600, height=300");
        });
    </script>
<!--/{BC_CONSULTANT_SOCIALMEDIA_SHARELINKS_43de6860e9ce96ae049e6cb20c5f3b9f}-->                    </div>
                </div>
            </div>

            <div class="product-accordions">
                                                    <div class="safety accordion">
                        <div class="title">
                            <div class="title-content ">Safer Ingredients. Better beauty.</div>
                            <div class="safety-logo "></div>
                        </div>
                        <div class="content">
                            Instead of using a potentially harmful sunblocker like oxybenzone, we formulate with non-nano zinc oxide, an effective natural mineral that has not been found to be harmful to coral reefs.
                        </div>
                    </div>
                
                                                    <div class="how-to-use accordion">
                        <div class="title">How to use</div>
                        <div class="content">
                            Apply liberally to exposed areas 15 minutes before sun exposure.<br />
<br />
When to reapply:<br />
- After 80 minutes of swimming or sweating<br />
- Immediately after towel drying<br />
- At least every 2 hours.                        </div>
                    </div>
                
                

    <div class="ingredients accordion">
        <div class="title">Ingredients</div>
        <div class="content">
            <p>
                <strong>Every ingredient we use represents our commitment to a higher standard of safety in skincare and
                    cosmetics.
                    <a target="_blank" href=" https://www.beautycounter.com/our-story/#storyingredientprocess">Learn
                        about
                        our Ingredient Selection Process <u>here</u>.
                    </a>
                </strong>
            </p>
                        <p id="product_ingredients">
                                                                                                                                                                            <span class="bc_ingredient" data-ingredient-id="247">
                            <a href="https://www.beautycounter.com/ingredient-glossary/#ZincOxide">
                            Zinc Oxide</a>,                     </span>
                                                                                                                <span class="bc_ingredient" data-ingredient-id="4">
                            <a href="https://www.beautycounter.com/ingredient-glossary/#AloeBarbadensisLeafExtract">
                            Aloe Barbadensis Leaf Extract</a>,                     </span>
                                                                                                                <span class="bc_ingredient" data-ingredient-id="42">
                            <a href="https://www.beautycounter.com/ingredient-glossary/#CeraAlbaBeeswaxCiredabeille">
                            Cera Alba/Beeswax/Cire d'abeille</a>,                     </span>
                                                                                                                                                                    <span class="bc_ingredient" data-ingredient-id="25">
                            <a href="https://www.beautycounter.com/ingredient-glossary/#ButyrospermumParkiiSheaButter">
                            Butyrospermum Parkii (Shea) Butter</a><sup>*</sup>,                     </span>
                                                                                                                <span class="bc_ingredient" data-ingredient-id="41">
                            <a href="https://www.beautycounter.com/ingredient-glossary/#CarthamusTinctoriusSafflowerSeedOil">
                            Carthamus Tinctorius (Safflower) Seed Oil</a>,                     </span>
                                                                                                                <span class="bc_ingredient" data-ingredient-id="45">
                            <a href="https://www.beautycounter.com/ingredient-glossary/#CetearylNonanoate">
                            Cetearyl Nonanoate</a>,                     </span>
                                                                                                                                                                    <span class="bc_ingredient" data-ingredient-id="57">
                            <a href="https://www.beautycounter.com/ingredient-glossary/#CitrusAurantiumDulcisOrangeOil">
                            Citrus Aurantium Dulcis (Orange) Oil</a><sup>*</sup>,                     </span>
                                                                                                                <span class="bc_ingredient" data-ingredient-id="58">
                            <a href="https://www.beautycounter.com/ingredient-glossary/#CitrusGrandisorCitrusParadisiGrapefruitOil">
                            Citrus Grandis or Citrus Paradisi (Grapefruit) Oil</a>,                     </span>
                                                                                                                <span class="bc_ingredient" data-ingredient-id="61">
                            <a href="https://www.beautycounter.com/ingredient-glossary/#CitrusNobilisMandarinOrangePeelOil">
                            Citrus Nobilis (Mandarin Orange) Peel Oil</a>,                     </span>
                                                                                                                <span class="bc_ingredient" data-ingredient-id="66">
                            <a href="https://www.beautycounter.com/ingredient-glossary/#Coco-Caprylate">
                            Coco-Caprylate</a>,                     </span>
                                                                                                                <span class="bc_ingredient" data-ingredient-id="67">
                            <a href="https://www.beautycounter.com/ingredient-glossary/#Coco-CaprylateCaprate">
                            Coco-Caprylate/Caprate</a>,                     </span>
                                                                                                                <span class="bc_ingredient" data-ingredient-id="276">
                            <a href="https://www.beautycounter.com/ingredient-glossary/#CoconutAlkanes">
                            Coconut Alkanes</a>,                     </span>
                                                                                                                                                                    <span class="bc_ingredient" data-ingredient-id="69">
                            <a href="https://www.beautycounter.com/ingredient-glossary/#CocosNuciferaCoconutOil">
                            Cocos Nucifera (Coconut) Oil</a><sup>*</sup>,                     </span>
                                                                                                                                                                    <span class="bc_ingredient" data-ingredient-id="279">
                            <a href="https://www.beautycounter.com/ingredient-glossary/#CucurbitaPepoPumpkinSeedOil">
                            Cucurbita Pepo (Pumpkin) Seed Oil</a><sup>*</sup>,                     </span>
                                                                                                                <span class="bc_ingredient" data-ingredient-id="88">
                            <a href="https://www.beautycounter.com/ingredient-glossary/#EuphorbiaCeriferaCandelillaWax">
                            Euphorbia Cerifera (Candelilla) Wax</a>,                     </span>
                                                                                                                                                                    <span class="bc_ingredient" data-ingredient-id="283">
                            <a href="https://www.beautycounter.com/ingredient-glossary/#EuterpeOleraceaAcaiFruitOil">
                            Euterpe Oleracea (Acai) Fruit Oil</a><sup>*</sup>,                     </span>
                                                                                                                <span class="bc_ingredient" data-ingredient-id="101">
                            <a href="https://www.beautycounter.com/ingredient-glossary/#GlycineSojaSoybeanOil">
                            Glycine Soja (Soybean) Oil</a>,                     </span>
                                                                                                                <span class="bc_ingredient" data-ingredient-id="292">
                            <a href="https://www.beautycounter.com/ingredient-glossary/#HelianthusAnnuusSunflowerSeedOil">
                            Helianthus Annuus (Sunflower) Seed Oil</a>,                     </span>
                                                                                                                <span class="bc_ingredient" data-ingredient-id="127">
                            <a href="https://www.beautycounter.com/ingredient-glossary/#IsostearicAcid">
                            Isostearic Acid</a>,                     </span>
                                                                                                                <span class="bc_ingredient" data-ingredient-id="305">
                            <a href="https://www.beautycounter.com/ingredient-glossary/#LaurylLaurate">
                            Lauryl Laurate</a>,                     </span>
                                                                                                                <span class="bc_ingredient" data-ingredient-id="357">
                            <a href="https://www.beautycounter.com/ingredient-glossary/#VanillaPlanifoliaVanillaFruitExtract">
                            Vanilla Planifolia (Vanilla) Fruit Extract</a>,                     </span>
                                                                                                                <span class="bc_ingredient" data-ingredient-id="135">
                            <a href="https://www.beautycounter.com/ingredient-glossary/#Lecithin">
                            Lecithin</a>,                     </span>
                                                                                                                <span class="bc_ingredient" data-ingredient-id="147">
                            <a href="https://www.beautycounter.com/ingredient-glossary/#Mica">
                            Mica</a>,                     </span>
                                                                                                                <span class="bc_ingredient" data-ingredient-id="165">
                            <a href="https://www.beautycounter.com/ingredient-glossary/#Polyglyceryl-3Polyricinoleate">
                            Polyglyceryl-3 Polyricinoleate</a>,                     </span>
                                                                                                                <span class="bc_ingredient" data-ingredient-id="172">
                            <a href="https://www.beautycounter.com/ingredient-glossary/#PolyhydroxystearicAcid">
                            Polyhydroxystearic Acid</a>,                     </span>
                                                                                                                                                                    <span class="bc_ingredient" data-ingredient-id="327">
                            <a href="https://www.beautycounter.com/ingredient-glossary/#PunicaGranatumPomegranateSeedOil">
                            Punica Granatum (Pomegranate) Seed Oil</a><sup>*</sup>,                     </span>
                                                                                                                <span class="bc_ingredient" data-ingredient-id="191">
                            <a href="https://www.beautycounter.com/ingredient-glossary/#RosmarinusOfficinalisRosemaryLeafExtract">
                            Rosmarinus Officinalis (Rosemary) Leaf Extract</a>,                     </span>
                                                                                                                <span class="bc_ingredient" data-ingredient-id="200">
                            <a href="https://www.beautycounter.com/ingredient-glossary/#Silica">
                            Silica</a>,                     </span>
                                                                                                                                                                    <span class="bc_ingredient" data-ingredient-id="352">
                            <a href="https://www.beautycounter.com/ingredient-glossary/#TheobromaCacaoCocoaSeedButter">
                            Theobroma Cacao (Cocoa) Seed Butter</a><sup>*</sup>,                     </span>
                                                                                                                <span class="bc_ingredient" data-ingredient-id="230">
                            <a href="https://www.beautycounter.com/ingredient-glossary/#TocopherolVitaminE">
                            Tocopherol (Vitamin E)</a>.                    </span>
                                                                        </p>
            <p id="organic_text">
                                    <sup>*</sup>Organic/Biologique
                            </p>
        </div>
    </div>

                                                    <div class="recycling-info accordion">
                        <div class="title">Packaging</div>
                        <div class="content">
                            <p>Materials: Tube - #5, Cap - #5.<br />
Please recycle.</p>                            <a class="learn-more" href="https://www.beautycounter.com/faqs/#ingredient" target="_blank">Learn more</a>
                        </div>
                    </div>
                            </div>
        </div>
    </form>

            
    <div class="bottom-out">
            <div class="crosssell">
        <h2>You May Also Like...</h2>
        <div class="owl-carousel">
                            <div class="product-item item">
                    <a href="https://www.beautycounter.com/protect-broad-spectrum-spf-30-all-over-sunscreen.html" title="Protect All Over Sunscreen SPF 30" class="product-image product-image-0-64" id="product-image-0-64">
                        <img src="https://cdn.beautycounter.com/media/catalog/product/cache/1/small_image/312x390/799896e5c6c37e11608b9f8e1d047d15/b/c/bc_sunscreen_selling01_web.jpg" alt="Protect All Over Sunscreen SPF 30">
                    </a>
                    <div class="product-wrapper catalog-product-wrapper">
                        <div class="product-info">
                            <div class="product-options top">
                                                                                            </div>
                                                                                                                    <div class="flag promo-name">BEST SELLER</div>
                                                                                </div>
                        <h3 class="product-name"><a href="https://www.beautycounter.com/protect-broad-spectrum-spf-30-all-over-sunscreen.html" title="Protect All Over Sunscreen SPF 30">Protect All Over Sunscreen SPF 30</a></h3>
                        

                
    <div class="price-box">
                                                                                    <span class="regular-price" id="product-price-64">
                                            <span class="price">$32</span>                                    </span>
                        
        </div>

                        <div class="product-options bottom phone-only"></div>
                    </div>
                                        <button class="product-shop-now" data-ql-link="https://www.beautycounter.com/quicklook/product/index/id/64/category/0/"><span><span>Quick Look</span></span></button>
                                </div>

                    </div>
    </div>

    <div class="modal-quicklook modal-wrapper" style="display: none">
        <div class="bg-follow-me"></div>
        <div class="modal">
            <span class="close-me">X</span>
            <div class="modal-content">
                <!-- Content load by Ajax -->
            </div>
        </div>
    </div>

    
    <script type="text/javascript">
        function swatchesLoad(product, category, data) {
            var objJsConfig = data.jsConfig;
            var spConfig = new Product.Config(objJsConfig);
            var formId = 'product_addtocart_form_' + product;
            var swJson = data.swatchConfig;
            var imgJson = data.imgJson;
            var attrJson = data.attrConfig;
            var alertJson = data.alertConfig;
            var swConfig = new UpsellSwatches(null, spConfig, swJson, imgJson, alertJson, attrJson, product, category);
//            var swConfig = new Swatches(formId, spConfig, swJson, imgJson, alertJson, attrJson, product, category);
                    }

        jQuery(document).ready(function() {
            jQuery('.crosssell .owl-carousel').owlCarousel({
                navText: ['&#xf104;', '&#xf105;'],
                responsive: {
                    0: {
                        items: 1,
                        nav: false,
                        pagination: true
                    },
                    768: {
                        items: 2,
                        nav: false,
                        pagination: true
                    },
                    1024: {
                        items: 4,
                        nav: true,
                        pagination: false
                    }
                }
            });

            jQuery.ajax({
                type: "GET",
                dataType: "json",
                url: "https://www.beautycounter.com/pixswatches/ajax/batch/",
                data: {'products': ''},
                success: function (collection) {
                    jQuery.each(collection, function(key, item) {
                        swatchesLoad(item.product, item.category, item.data);
                    });
                    jQuery.bc.alignProductGridActions();
                }
            });
        });
    </script>

    <!--Start:code to add swatches in catalog page -->
        <!--End:code to add swatches in catalog page -->
            </div>

</div>
<a id="reviews"></a>

<script type="text/javascript">
    //<![CDATA[
    var productAddToCartForm_495 = new VarienForm('product_addtocart_form_495');
    productAddToCartForm_495.submit = function(button, url) {
        if (this.validator.validate()) {
            var form = this.form;
            var oldUrl = form.action;

            if (url) {
                form.action = url;
            }

            var e = null;
            $button = jQuery(button);
            buttonText = $button.html();
            $button.html("Adding...");
            $button.next('.pre-loader').show();

            if (button && button != 'undefined') {
                button.disabled = true;
                button.setStyle({visibility: 'hidden'});
            }

            try {

                jQuery.ajax({
                    url: form.action,
                    data: jQuery(form).serialize(),
                    dataType: "json",
                    method: 'post',
                    success: function(response) {

                        if (response.success) {

                            var item = response.addedItem;
                            $('top-cart').replace(response.cartHtml);
                            jQuery.bc.observeCartIcon();

                            $button.html('Added!');

                            setTimeout(function() {
                                $button.html(buttonText);
                                button.disabled = false;
                                button.setStyle({visibility: 'visible'});
                                $button.next('.pre-loader').hide();

                                if (jQuery('#mobile').is(':visible')) {
									mobileCart(item.name, item.price, item.qty);
                                    jQuery('.modal-just-added').fadeIn();
                                } else {
                                    //jQuery('html, body').animate({ scrollTop: 0 }, 500);
                                    Enterprise.TopCart.showCart(false, true, item.qty);
                                    if (pix && pix.minicartBtn != undefined) {
                                        pix.minicartBtn();
                                    }
                                }
                            }, 2000);

                            window.dataLayer = window.dataLayer || [];
                            window.dataLayer.push({
                                event: 'addToCart',
                                transactionCurrency: 'USD',
                                transactionTotal: item.unformatted_price,
                                transactionProductName: item.name,
                                transactionProductSku: response.lastSku,
                                transactionProductQty: item.qty
                            });

                        } else {
                            alert(response.message);
                            $button.html(buttonText);
                            button.disabled = false;
                            button.setStyle({visibility: 'visible'});
                            $button.next('.pre-loader').hide();
                        }
                    }
                });

            } catch (e) {
                alert(response.message);
                $button.html(buttonText);
            }

            this.form.action = oldUrl;
            if (e) {
                throw e;
            }

        }
    }.bind(productAddToCartForm_495);

    productAddToCartForm_495.submitLight = function(button, url){
        if(this.validator) {
            var nv = Validation.methods;
            delete Validation.methods['required-entry'];
            delete Validation.methods['validate-one-required'];
            delete Validation.methods['validate-one-required-by-name'];
            // Remove custom datetime validators
            for (var methodName in Validation.methods) {
                if (methodName.match(/^validate-datetime-.*/i)) {
                    delete Validation.methods[methodName];
                }
            }

            if (this.validator.validate()) {
                if (url) {
                    this.form.action = url;
                }
                this.form.submit();
            }
            Object.extend(Validation.methods, nv);
        }
    }.bind(productAddToCartForm_495);

    mobileCart = function(productName, price, qty) {
        var text = '';
        if(qty > 1){
            text = '"'+qty+'" items have been added to your Bag';
        } else {
            text = '"'+qty+'" item has been added to your Bag';
        }
        jQuery('.modal-just-added .modal-content .text').html(text);
    };

    // OOS Modal
    var oosModal = function() {
        var oosModalWrapper = jQuery('.oos-modal-wrapper');
        var oosModalBg = jQuery('.oos-modal-bg');
        var oosModalClose = jQuery('.oos-modal-close');
        var oosSubmit = jQuery('#oos-submit');
        var oosForm = jQuery('#oosModalForm');
        var oosMessageClick = jQuery('#oos-msg');
        var oosShop = jQuery('.oos-success-shop');

        var formContent = new VarienForm('oosModalForm',true);

        oosMessageClick.on('click', function () {

            oosModalWrapper.removeClass('inactive');
        });
            oosSubmit.on('click', function(event) {
                event.preventDefault();

                var formContent = new VarienForm('oosModalForm',true);
                if(!formContent.validator.validate()){
                    return false;

                }
                jQuery('.oos-modal-loader').removeClass('inactive');
                jQuery('.oos-modal-form-content').css('opacity','.1');
                jQuery.ajax({
                    url: '/oosemail/api',
                    data: jQuery(oosForm).serialize(),
                    dataType: "json",
                    method: 'post',
                    success: function (response) {

                        if (response.success) {
                            console.log("Submitted!");

                            jQuery('.oos-modal-loader').addClass('inactive');
                            jQuery('.oos-modal-form-content').addClass('inactive');
                            jQuery('.oos-success').removeClass('inactive');

                            oosShop.on('click', function(){
                                oosModalWrapper.addClass('inactive');
                                jQuery('.oos-modal-form-content').removeClass('inactive').css('opacity','1');
                                jQuery('.oos-success').addClass('inactive');
                            });
                        }
                        document.getElementById('oosModalForm').reset();
                    }
                });
            });

            oosModalClose.on('click', function(){
                oosModalWrapper.addClass('inactive');
                jQuery('.oos-modal-form-content').removeClass('inactive').css('opacity','1');
                jQuery('.oos-success').addClass('inactive');
            });

            oosModalBg.on('click', function(){
                oosModalWrapper.addClass('inactive');
                jQuery('.oos-modal-form-content').removeClass('inactive').css('opacity','1');
                jQuery('.oos-success').addClass('inactive');
            });

    };

    document.onreadystatechange = function(){
        if(document.readyState == 'complete'){
            oosModal();
        }
    }

    //]]>
</script>


<div class="modal-just-added modal-wrapper" style="display: none">
    <div class="bg-follow-me"></div>
    <div class="modal">
        <span class="close-me">X</span>
        <div class="modal-content">
            <div class="text">
                <!-- Content load by jQuery -->
            </div>
            <div class="buttons">
                <button class="button btn-checkout" type="button" onclick="setLocation('https://www.beautycounter.com/checkout/onepage/')"><span><span>Proceed to Checkout</span></span></button>
                <button class="button white-btn btn-continue" type="button" onclick="jQuery('.modal-just-added').fadeOut();"><span><span>Continue shopping</span></span></button>
            </div>
        </div>
    </div>
</div>

<div class="oos-modal-wrapper inactive">
    <div class="oos-modal-bg"></div>
    <div class="oos-modal">
        <div class="oos-modal-close">X</div>
        <div class="oos-modal-content">
            <div class="oos-modal-loader inactive"><img src="https://cdn.beautycounter.com/skin/frontend/enterprise/beautycounter/images/pre-loader.gif" alt="Loading .. " /></div>
            <div class="oos-modal-form-content">
                <h3>Notify Me</h3>
                <p>Submit your email to be notified when this product is back in stock</p>
                <form method="post" id="oosModalForm" name="oosModalForm">
                    <input name="form_key" type="hidden" value="JxGxiGSfC7KHy2LG" />
                    <input type="hidden" name="vars[sku]" id="outofstockSku" value="3026" />
                    <input type="hidden" name="vars[country]" value="United States" />
                    <input type="hidden" name="vars[locale]" value="en_US" />
                    <input type="hidden" name="vars[productName]" id="outofstockName" value="Protect Stick Sunscreen SPF 30 (Face)" />
                    <input type="hidden" name="vars[productURL]" value="https://www.beautycounter.com/protect-stick-sunscreen-spf-30-sweet-tooth-face.html" />
                    <ul>
                        <li><input type="text" name="vars[email]" id="email" placeholder="Your Email" class="required-entry validate-email" /></li>
                        <li><button type="submit" id="oos-submit">Submit</button></li>
                    </ul>
                </form>

        </div>
            <div class="oos-success inactive">
                <h3>Thank you, we will email you when <i> <span id="outofstockMsgProdname">Protect Stick Sunscreen SPF 30 (Face)</span></i> is available.</h3>
                <p class="oos-success-shop">continue shopping</p>
            </div>
        </div>
    </div>
</div>
	<div class="yotpo yotpo-main-widget"
		data-product-id="495"
		data-name="Protect Stick Sunscreen SPF 30 (Face)"
		data-url="https://www.beautycounter.com/skin-care/sunscreen/protect-stick-sunscreen-spf-30-sweet-tooth-face.html?___store=default&amp;___from_store=default"
		data-image-url="https://cdn.beautycounter.com/media/catalog/product/b/c/bc_sunstick-small_selling01_web.jpg"
		data-description="Compact and easy to use, our kid-friendly Protect Stick Sunscreen provides water-resistant sun protection for the entire family. Organic ingredients, including coconut oil and acai fruit oil, help to hydrate and protect your skin. Formulated with non-nano zinc oxide, our Stick Sunscreen provides sheer protection from UVA/UVB rays and glides on smoothly without leaving white residue.

Comes in a limited-edition Sweet Tooth scent, a delicious aroma that comes from rich, organic cocoa butter.
">
	</div>
            </div>
        </div>
    </div>
        <div class="back-to-top">
    <span class="fa fa-angle-up"></span>
    <span class="text">TOP</span>
</div>
<div class="footer-container">
    <div class="footer">
        <div class="footer-links cf">
            <div class="col column-links">
                <ul>
	<li>Our Products</li>
	<li><a href="https://www.beautycounter.com/skin-care.html">Skin Care</a></li>
	<li><a href="https://www.beautycounter.com/cosmetics.html">Makeup</a></li>
	<li><a href="https://www.beautycounter.com/body-hair.html">Bath & Body</a></li>
	<li><a href="https://www.beautycounter.com/kids.html">Family</a></li>
</ul>            </div>
            <div class="col column-links collapsable-tablet">
                <ul>
<li><a href="https://www.beautycounter.com/our-story/">Our Story</a></li>
<li><a href="https://www.beautycounter.com/our-story/#ourfounder">Our Founder</a></li>
<li><a href="https://www.beautycounter.com/our-story/#ourmission">Our Safety Mission</a></li>
<li><a href="https://www.beautycounter.com/ingredient-glossary/">Ingredients</a></li>
<li><a href="https://www.beautycounter.com/the-never-list/">The Never List&trade;</a></li>
<li><a href="https://www.beautycounter.com/transparency/">Transparency</a></li>
<li><a href="https://www.beautycounter.com/our-team/">Team</a></li>
<li><a href="https://www.beautycounter.com/events/">Events</a></li>
<li><a href="https://www.beautycounter.com/careers/">Careers</a></li>
<li><a href="https://www.beautycounter.com/know-everything/">The Asterisk Blog</a></li>
<li><a href="https://www.beautycounter.com/target/">Target</a></li>
<li><a href="https://www.beautycounter.com/pop-up-nantucket/">Pop Up Shop</a></li>
</ul>
<style>
#magento-facade h1.leads{
    z-index: 1;
}
.our-team-wrapper .team-wrapper .page-title{
    display: none;
}

</style>
<script type="text/javascript">

var createNavItem = (function () {

    var create = function (args) {
        var item = document.createElement('li'),
            itemClass = args.text.toLowerCase().split(' ').join('-') + '-nav',
            link = document.createElement('a'),
            span = document.createElement('span'),
            subnav = null;

        if (args.subnav) {
            subnav = subnavCreate(args.subnav);
        }

        item.classList.add('level0', 'level-top', itemClass);
        if (subnav) {
            item.classList.add('parent');
        }
        link.href = (args.link) ? args.link : 'javascript:void(0)';
        link.classList.add('level-top');
        span.textContent = args.text;

        link.appendChild(span);
        item.appendChild(link);

        if (subnav) {
            item.appendChild(subnav);
        }

        return item;
    };

    var subnavCreate = function (subnav) {

        var container = document.createElement('div'),
            sublist = document.createElement('ul'),
            subnavHTML = subnav.map(function (x) {
                var li = document.createElement('li'),
                    a = document.createElement('a'),
                    s = document.createElement('span');

                li.classList.add('level1');
                a.href = x.link;
                s.textContent = x.text;

                a.appendChild(s);
                li.appendChild(a);

                return li;
            });

        container.classList.add('sub-container');
        sublist.classList.add('level0');

        subnavHTML.map(function (x) {
            sublist.appendChild(x);
        });

        container.appendChild(sublist);

        return container;
    }

    return {
        create: create
    };


}());


// Create the new nav items

var neverlistheader = createNavItem.create({
    text: "The Never List\u2122",
    link: "https://www.beautycounter.com/the-never-list/",
    subnav: null
});

var newheader = createNavItem.create({
    text: "New",
    link: null,
    subnav: [
        {
            "text": "Countermatch",
            "link": "https://www.beautycounter.com/countermatch-collection/"
        },
        {
            "text": "Flawless in Five",
            "link": "https://www.beautycounter.com/flawless-in-five.html/"
        }
    ]
});

var blogheader = createNavItem.create({
    text: "The Asterisk Blog",
    link: "https://www.beautycounter.com/know-everything/",
    subnav: null
});

var flawless_five='<li class="level1 nav-2-7 last "><a href="https://www.beautycounter.com/flawless-in-five.html/"><span>Flawless in Five</span></a></li>';
var makeup = jQuery('.nav .nav-2 .level0 .level1.last');

jQuery(flawless_five).insertBefore(makeup);

// Using the last nav item as the basis for where to put the new stuff
var ourstorynav = jQuery('.nav .level0.last'); 
if(ourstorynav.length){
    jQuery(newheader).insertBefore(ourstorynav);
    jQuery(neverlistheader).insertBefore(ourstorynav);
    jQuery(blogheader).insertAfter(ourstorynav);
}
</script>
            </div>
            <div class="col column-links collapsable-phone">
                <ul>
	<li><a href="https://www.beautycounter.com/help/">Help</a></li>
	<li><a href="https://www.beautycounter.com/help/">Contact Us</a></li>
	<li><a href="https://www.beautycounter.com/help/#shipping">Shipping</a></li>
	<li><a href="https://www.beautycounter.com/help/#returns">Returns</a></li>
	<li><a href="https://www.beautycounter.com/faqs/">FAQs</a></li>
	<li><a href="https://www.beautycounter.com/trusted-non-profits/">Trusted Non-Profits</a></li>
	<li><a href="https://www.beautycounter.com/associations/">Certifications</a></li>
	<li><a href="https://www.beautycounter.com/resources/">Resources</a></li>
</ul>            </div>
            <div class="col social-links cf">
                <div class="make-difference">
                    <ul>
	<li>Make a Difference</li>
	<li><a href="https://www.beautycounter.com/join/">Become a Consultant</a></li>
	<li><a href="https://join.beautycounter.com/Locate" class="find-consultant-link">Find a Consultant</a></li>
	<li><a href="https://www.beautycounter.com/events/">Socials & Events</a></li>
	<li><a href="https://www.beautycounter.com/member-program/">Become a Member</a></li>
        <li><a href="https://www.beautycounter.com/host-a-social/">Host a Social</a></li>
</ul>                </div>
                <div class="footer-social-footer">
                    
<ul id="bc-social-footer-links">
			<li>
			<a href="https://www.facebook.com/BeautycounterHQ" title="Facebook" target="_blank"
			   class="bc-social-footer-icon fa fa-facebook"></a>
		</li>
				<li>
			<a href="https://twitter.com/beautycounterhq" title="Twitter" target="_blank"
			   class="bc-social-footer-icon fa fa-twitter"></a>
		</li>
				<li>
			<a href="https://www.instagram.com/beautycounter/" title="Instagram" target="_blank"
			   class="bc-social-footer-icon fa fa-instagram"></a>
		</li>
				<li>
			<a href="https://www.pinterest.com/beautycounter/" title="Pinterest" target="_blank"
			   class="bc-social-footer-icon fa fa-pinterest"></a>
		</li>
					<li>
			<a href="https://m.youtube.com/user/BeautycounterHQ" title="Youtube" target="_blank"
			   class="bc-social-footer-icon fa fa-youtube"></a>
		</li>
	</ul>                </div>
                <div class="newsletter-footer">
                    
<form action="https://www.beautycounter.com/newsletter/subscriber/new/" method="post" class="newsletter-form" id="newsletter-validate-detail">
                <input type="hidden" id="sailthru_subscription_source" name ="sailthru_subscription_source" value='footer'/>
        <div class="form-subscribe">
        <div class="field-row">
            <div class="v-fix">
                             <input name="add_me_to_bc" type="text" id="newsletter" placeholder="Subscribe with your email" class="input-text required-entry validate-email" />
                        </div>
            <button id="btn-newsletter" type="button" class="button btn-newsletter" title="Sign Up">Sign Up<span class="fa fa-angle-right"></span></button>
        </div>
        <div class="validation-advice" id="advice-custom-newsletter" style="display: none"></div>
        <div class="thank-you" style="display: none;">
            <span class="thanks">You're in! Thanks for signing up.</span>
        </div>
    </div>
</form>
<script type="text/javascript">
//<![CDATA[
    var newsletterSubscriberFormDetail = new VarienForm('newsletter-validate-detail');

    jQuery('#btn-newsletter').on('click', function() {
        jQuery('#newsletter-validate-detail').submit();
    });

    var newsletterForm = jQuery("#newsletter-validate-detail");
    newsletterForm.submit(function(e) {
        e.preventDefault(); // avoid to execute the actual submit of the form.
        if (newsletterSubscriberFormDetail.validator.validate()) {
            var form = jQuery('#newsletter-validate-detail');
            form.trigger('newsletterSubmit');
            jQuery('#btn-newsletter').attr("disabled", true);
            jQuery.ajax({
                type: "POST",
                url: "https://www.beautycounter.com/newsletter/subscriber/new/", // the script where you handle the form input.
                data: newsletterForm.serialize(), // serializes the form's elements.
                dataType: "json",
                success: function(response) {
                    if (response.success) {
                        newsletterForm.find('.field-row').hide();
                        newsletterForm.find('.thank-you').show();
                        jQuery('#btn-newsletter').removeAttr("disabled");
                    } else {
                        jQuery('#newsletter-validate-detail #advice-custom-newsletter').text(response.message).show();
                        jQuery('#btn-newsletter').removeAttr("disabled");
                    }
                }

        });
        }
    });
//]]>
</script>
<span class="newsletter-desc">Sign up to receive exclusive news on product launches, helpful tips and special offers.</span>
                </div>
                <div class="mini-notice">
                                    </div>
            </div>
        </div>
        <div class="footer-bottom cf">
            <div class="copyright">
                <p>&copy; 2018 COUNTER BRANDS, LLC. ALL RIGHTS RESERVED. </p><a href="https://www.beautycounter.com/terms-of-use">TERMS OF USE</a><a href="https://www.beautycounter.com/privacy-policy">PRIVACY POLICY</a>            </div>
        </div>
    </div>
</div>
<!-- Offer Promo Modals -->
<div class="modal-offer-promo modal-wrapper" style="display: none">
    <div class="bg-follow-me"></div>
    <div class="modal">
        <span class="close-me">X</span>
        <div class="modal-content">
            <!-- Content loaded via JS -->
        </div>
    </div>
</div>    <!--{BC_CONSULTANT_ATTRIBUTION_LOGO_LINK_ce8795e05cb6152dd0eeaefa110d407a}--><script type="text/javascript">
    //<![CDATA[
    jQuery('a[href="https://www.beautycounter.com/"]').each(function(){
        this.href = 'https://www.beautycounter.com/annielohr';
    });

    //]]>
</script><!--/{BC_CONSULTANT_ATTRIBUTION_LOGO_LINK_ce8795e05cb6152dd0eeaefa110d407a}-->    
    <div class="newsletter-modal-wrapper modal-wrapper" style="display:none;">
        <div class="bg-follow-me"></div>
        <div class="newsletter-modal modal"
             style="background-image: url(https://cdn.beautycounter.com/media/theme/default/bg-newsletter-modal.png);background-size: cover;">
            <div class="modal-inner">
                <span class="close-me">X</span>
                <div class="newsletter">
                    <div class="newsletter-cta">
                        <h3>Want to be in the Know?</h3>
                        <p class="description">Get Beautycounter updates on product launches, exclusive tips, and special offers.</p>
                        <p class="cta"></p>
                    </div>
                    
<form action="https://www.beautycounter.com/newsletter/subscriber/new/" method="post" class="newsletter-form" id="newsletter-validate-detail_modal">
                <input type="hidden" id="sailthru_subscription_source" name ="sailthru_subscription_source" value='email modal'/>
        <div class="form-subscribe">
        <div class="field-row">
            <div class="v-fix">
                             <input name="add_me_to_bc" type="text" id="newsletter_modal" placeholder="Subscribe with your email" class="input-text required-entry validate-email" />
                        </div>
            <button id="btn-newsletter_modal" type="button" class="button btn-newsletter" title="Sign Up">Sign Up<span class="fa fa-angle-right"></span></button>
        </div>
        <div class="validation-advice" id="advice-custom-newsletter" style="display: none"></div>
        <div class="thank-you" style="display: none;">
            <span class="thanks">You're in! Thanks for signing up.</span>
        </div>
    </div>
</form>
<script type="text/javascript">
//<![CDATA[
    var newsletterSubscriberFormDetail_modal = new VarienForm('newsletter-validate-detail_modal');

    jQuery('#btn-newsletter_modal').on('click', function() {
        jQuery('#newsletter-validate-detail_modal').submit();
    });

    var newsletterForm_modal = jQuery("#newsletter-validate-detail_modal");
    newsletterForm_modal.submit(function(e) {
        e.preventDefault(); // avoid to execute the actual submit of the form.
        if (newsletterSubscriberFormDetail_modal.validator.validate()) {
            var form = jQuery('#newsletter-validate-detail_modal');
            form.trigger('newsletterSubmit');
            jQuery('#btn-newsletter_modal').attr("disabled", true);
            jQuery.ajax({
                type: "POST",
                url: "https://www.beautycounter.com/newsletter/subscriber/new/", // the script where you handle the form input.
                data: newsletterForm_modal.serialize(), // serializes the form's elements.
                dataType: "json",
                success: function(response) {
                    if (response.success) {
                        newsletterForm_modal.find('.field-row').hide();
                        newsletterForm_modal.find('.thank-you').show();
                        jQuery('#btn-newsletter_modal').removeAttr("disabled");
                    } else {
                        jQuery('#newsletter-validate-detail_modal #advice-custom-newsletter').text(response.message).show();
                        jQuery('#btn-newsletter_modal').removeAttr("disabled");
                    }
                }

        });
        }
    });
//]]>
</script>
<span class="newsletter-desc">Sign up to receive exclusive news on product launches, helpful tips and special offers.</span>
                                    </div>
            </div>
        </div>
    </div>

    <script type="text/javascript">

        var pageLoads = 10;

        jQuery.bc.newsletter.newsletterCookie('bcNewsletterSplash', pageLoads, 30, false, true);

        jQuery('.newsletter-form').on('newsletterSubmit', function () {
            jQuery.bc.newsletter.newsletterCookie('bcNewsletterSplash', pageLoads, 365, true, false);
        });

        jQuery('.newsletter-modal-wrapper .close-me').on('click', function () {
            jQuery.bc.newsletter.newsletterCookie('bcNewsletterSplash', pageLoads, 30, true, false);
        });

    </script>




<script type="text/javascript">
var staticImpressions = staticImpressions || [];
staticImpressions['product.info.upsell'] = [
    {
        "id":"3010",
        "type":"simple",
        "name":"Protect All Over Sunscreen SPF 30",
        "category":"",
        "list":"Up-sell",
        "position":"1",
        "listPosition":"0"
    },
];
</script>

<script type="text/javascript">
    dataLayer.push({
        'event' : 'productDetail',
        'ecommerce': {
            'detail': {
                'products': [{
                    'id': "3026",
                    'name': "Protect Stick Sunscreen SPF 30 (Face)",
                    'category': ""
                }]
            },
            'impressions' : []
        }
    });
</script>
</div>
<script type="text/javascript">window.NREUM||(NREUM={});NREUM.info={"beacon":"bam.nr-data.net","licenseKey":"bca62b8798","applicationID":"5294230","transactionName":"M1JaYkcAXBYEWkNbCwoYeVVBCF0LSklWVQEHVlteUE5AABRMUkEQS0dKWVYEQRY=","queueTime":0,"applicationTime":693,"atts":"HxVZFA8aTxg=","errorBeacon":"bam.nr-data.net","agent":""}</script></body>
</html>
